@charset "utf-8"; /*初始样式*/ body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} i,em{ font-style:normal;} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} /* -- 页面整体布局 -- */ .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} .tit{text-align: center;font-weight: normal;} .tit span{display:block;font-size: 42px;color: #333;line-height: 42px;padding-bottom: 16px;} .tit i{display: inline-block;font-size: 18px;color: #666;line-height: 18px;position: relative;} .tit i:before{position: absolute;width: 40px;height: 1px;background: #707070;content: "";left: -48px;top: 9px;} .tit i:after{position: absolute;width: 40px;height: 1px;background: #707070;content: "";right: -48px;top: 9px;} .tit b{color: #fdc236;} /*banner*/ .banner{height: 678px;overflow: hidden;position: relative;} .banner .bd li{height: 678px;background: url(../images/banner.jpg) no-repeat center 0;} .banner .bd li a{display: block;height: 678px;} /*yz*/ .yz{height: 494px;background: url(../images/yz_bg.jpg) no-repeat center 0;} .yz .content{padding-top: 78px;} .yz dl{height: 312px;background: #fff;padding: 16px;} .yz dt{float: right;margin: 0 -30px -35px 0;} .yz dd{float: left;width: 560px;padding-left: 56px;position: relative;} .yz dd:after{position: absolute;width: 157px;height: 1px;background: #bfbfbf;content: "";left: -16px;top: 146px;} .yz dd h2{font-size: 22px;line-height: 36px;color: #333;font-weight: normal;margin: 48px 0 45px;} .yz dd h2 b{display: block;font-size: 32px;} .yz dd h2 em{color: #feca04;} .yz_desc{font-size: 14px;color: #666;line-height: 36px;text-indent: 2em;} /*way*/ .way{padding: 80px 0 100px;} .way_t{height: 113px;margin: 30px 0 18px;} .way_t h3{float: left;width: 112px;height: 113px;line-height: 113px;text-align: center;font-weight: normal;font-size: 16px;color: #333;background: url(../images/way_ic1.png) no-repeat center;margin-right: 24px;} .way_t h3 a{display: block;color: #fff;} .way_t h3:last-child{margin-right: 0;} .way_t h3:hover,.way_t h3.cur{background: url(../images/way_ic2.png) no-repeat center;font-size: 18px;font-weight: bold;} .way_t h3:hover a,.way_t h3.cur a{color: #333;} .way_con{height: 540px;position: relative;} .way_con dl{height: 540px;} .way_con dt{float: right;width: 764px;height: 540px;} .way_con dt img{display: block;width: 764px;height: 540px;} .way_con dd{float: left;width: 346px;padding-left: 90px;height: 436px;background: url(../images/way_dd.jpg) no-repeat;margin-top: 104px;} .way_con dd h4{font-size: 22px;color: #333;line-height: 22px;margin: 104px 0 22px;} .way_con dd p{font-size: 14px;color: #666;line-height: 28px;width: 295px;} .way_con dd .xq{display: block;width: 106px;height: 37px;line-height: 37px;text-align: center;font-size: 14px;color: #333;background: #fff;margin-top: 36px;} .way_con .pageState{position: absolute;left: 305px;top: 48px;width: 80px;text-align: center;font-size: 14px;color: #333;line-height: 26px;z-index: 10;} .way_con .pageState span{font-size: 22px;color: #fdc236;} .way_con .prev{position: absolute;left: 285px;top: 53px;z-index: 10;} .way_con .next{position: absolute;left: 385px;top: 53px;z-index: 10;} /*pro*/ .pro{height: 1155px;padding-top: 64px;background: url(../images/pro_bg.jpg) no-repeat center 0;} .pro h2{margin-bottom: 30px;} .pro_list{position: relative;} .pro li{float: left;width: 384px;height: 430px;overflow: hidden;background: #fff;border: 1px solid #d2d2d2;margin-bottom: 15px;margin-right: 21px;} .pro li h3{padding: 52px 35px 0;position: relative;font-weight: normal;height: 68px;} .pro li h3:after{position: absolute;width: 35px;height: 3px;background: #fdc236;content: "";left: 38px;top: 36px;} .pro li h3 span{display: block;font-size: 20px;color: #333;line-height: 20px;} .pro li h3 i{display: block;font-size: 14px;color: #666;line-height: 14px;padding-top: 11px;} .pro li img{display: block;width: 384px;height: 310px;transition: all 0.5s;} .pro li img:hover{transform: scale(1.05);} .pro li:nth-child(3n){margin-right: 0;} .pro li:hover{box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.13);} .pro_m{width: 386px;height: 368px;position: absolute;right: 0;bottom: 79px;} .pro_m b{position: absolute;width: 100%;font-size: 24px;line-height: 24px;text-align: center;color: #fff;left: 0;bottom: 100px;} .pro_m b i{display: block;font-size: 14px;text-transform: uppercase;line-height: 30px;} .pro_tj{height: 66px;line-height: 66px;background: rgba(255,255,255,0.8);margin-top: 6px;} .pro_tj b{float: left;width: 154px;height: 66px;text-align: center;font-size: 18px;color: #333;background: #feca04;margin-right: 55px;} .pro_tj a{float: left;font-size: 16px;color: #333;margin-right: 35px;} /*pin*/ .pin{padding: 80px 0 100px;} .pin h2{margin-bottom: 32px;} .pin_con{height: 534px;overflow: hidden;background: url(../images/pin_bg.jpg) no-repeat center;} .pin_con ul{padding-top: 64px;} .pin_con li{float: left;width: 320px;text-align: right;height: 200px;margin-bottom: 100px;} .pin_con li h3{height: 32px;line-height: 32px;padding-right: 44px;font-size: 20px;color: #333;background: url(../images/gou.png) no-repeat right center;margin-bottom: 8px;} .pin_con li p{font-size: 14px;color: #666;line-height: 28px;} .pin_con li:nth-child(2n){float: left;text-align: left;margin-left: 560px;} .pin_con li:nth-child(2n) h3{padding-left: 44px;padding-right: 0;background: url(../images/gou.png) no-repeat left center;} /*cess*/ .cess{height: 585px;padding-top: 70px;background: url(../images/cess_bg.jpg) no-repeat center 0;} .cess h2{margin-bottom: 40px;} .cess h2 span,.cess h2 i{color: #000;} .cess h2 i:before,.cess h2 i:after{background: #000;} .cess li{float: left;width: 198px;height: 192px;text-align: center;border: 1px solid #aaa;position: relative;background: #fff;margin-right: -1px;margin-bottom: -1px;} .cess li>img{display: block;margin: 60px auto 10px;} .cess li p{font-size: 18px;color: #333;line-height: 24px;} .cess li .hv{transition: all 0.5s;transform: scale(0);opacity: 0;position: absolute;width: 226px;height: 220px;background: #feca04;left: -14px;top: -14px;z-index: 10;} .cess li .hv b{display: block;font-size: 20px;line-height: 30px;margin: 50px 0 18px;padding-bottom: 10px;position: relative;} .cess li .hv b:before{position: absolute;width: 24px;height: 1px;background: #333;content: "";left: 50%;margin-left: -12px;bottom: 0;} .cess li:hover .hv{opacity: 1;transform: scale(1);} /*ys*/ .ys{padding: 90px 0 145px;} .ys h2{margin-bottom: 30px;} .ys_con{height: 576px;position: relative;} .ys_t{position: absolute;width: 930px;height: 190px;background: #fff;left: 135px;bottom: -56px;} .ys_t h3{float: left;width: 140px;height: 190px;text-align: center;background: #0053a0;} .ys_t h3 span{display: block;font-size: 18px;color: #fff;line-height: 26px;margin: 45px 0 20px;height: 52px;font-weight: normal;} .ys_t h3 i{display: block;font-size: 36px;line-height: 36px;color: #fff;font-family: Arial;} .ys_desc{float: left;width: 370px;height: 190px;} .ys_desc p{font-size: 14px;color: #666;line-height: 26px;margin: 56px 35px 0;} .ys_t h3:nth-child(4n-1){background: #185d93;} .ys_t h3.on{background: #feca04;} .ys_t h3.on span{font-weight: bold;} /*case*/ .case{background:url(../images/al_bg.jpg)no-repeat center top;padding-top:70px;height:866px;box-sizing:border-box;} .case dl{margin-top:30px;height:348px;} .case dl dt{width:600px;height:348px;float:left;} .case dl dd{float:right;width:600px;} .case dl dd h3{font-size:14px;line-height:28px;font-weight:normal;border-bottom:1px solid #aaaaaa;display:block;height:28px;} .case dl dd h3 a{color:#333333;float:right;display:block;position:relative;} .case dl dd h3 a:after{content:"";width:12px;height:12px;border:1px solid #acacac;border-radius:50%;position:absolute;bottom:-7px;right:-13px;} .case dl dd h4{font-size:20px;line-height:36px;font-weight:normal;margin-top:50px;margin-left:55px;} .case dl dd h4 a{color:#333333;} .case dl dd p{font-size:14px;line-height:28px;color:#666666;margin-left:55px;margin-top:20px;} .case dd .xq{font-size:14px;color:#333333;display:block;margin-left:55px;margin-top:30px;width:106px;height:37px;text-align:center;line-height:37px;background:#feca04;} .case_list{position: relative;margin-top:10px;} .case_list li{width:390px;float:left;margin-right:15px;} .case_list li i{display: block;height: 226px;overflow: hidden;} .case_list li img{width:390px;height: 226px;transition: all 0.5s;} .case_list li i:hover img{transform: scale(1.05);} .case_list li h4{font-size:16px;line-height:16px;padding-top: 22px;color:#333333;text-align:center;font-weight: normal;} .case_list .prev{position:absolute;left:-80px;top:97px;} .case_list .next{position:absolute;right:-57px;top:97px;} /*news*/ .news{padding-top:70px;} .news h2{margin-bottom: 30px;} .new-left{width:714px;float:left;} .new-left dl{height:226px;} .new-left dt{width:390px;height:226px;float:left;display:inline-block;} .new-left dt img{width:390px;height:226px;} .new-left dd{padding-left:28px;box-sizing:border-box;width:324px;float:right;padding-top:35px;} .new-left dd h3{font-size:18px;line-height:26px;width:235px;font-weight: normal;} .new-left dd h3 a{color:#333333;} .new-left dd p{font-size:14px;line-height:26px;color:#999999;margin-top:10px;} .new-left dd .xq{font-size:14px;line-height:26px;color:#f1ac00;float:right;margin-top:20px;font-weight: bold;} .new_list p{height: 80px;} .new_list a{font-size:16px;color:#333333;line-height:26px;display:block;width:714px;height:80px;padding-left:24px;padding-top:20px;box-sizing:border-box;} .new_list a i{font-size:14px;line-height:20px;color:#999999;display:block;font-weight: bold;} .new_list a b{font-size:16px;line-height:19px;color:#ffffff;display:inline-block;width:19px;height:19px;background:#313131;border-radius:50%;text-align:center;font-family:"宋体";float:right;margin-right:20px;margin-top: -8px;} .new_list a:hover{box-shadow:0 0 16px rgba(0,0,0,0.12);} .new_list a:hover b{background:#f1ac00;} .new-right{width:447px;height:547px;box-sizing:border-box;border:1px solid #e5e5e5;float:right;padding-top:32px;padding-left:38px;padding-right:45px;} .new-right h3{font-size:24px;line-height:26px;font-weight: normal;position:relative;} .new-right h3:before{content:"";width:14px;height:14px;background:#0a68c0;position:absolute;top:8px;left:-39px;} .new-right h3 a{color:#333333;display:block;} .new-right h3 i{font-size:14px;line-height:26px;color:#333333;display:inline-block;} .new-right h3 em{display:inline-block;font-size:14px;line-height:26px;float:right;} .new-right h3 em a{background:url(../images/new_1.png)no-repeat center right;padding-right:20px;} .new-right ul{margin-top:10px;} .new-right li{font-size:16px;line-height:26px;padding-left:26px;border-bottom:1px dashed #eaeaea;padding-bottom:25px;margin-top:25px;position:relative;} .new-right li:last-child{border:0;} .new-right li:before{content:"";width:11px;height:2px;background:#000;position:absolute;left:0;top:12px;} .new-right li a{color:#333333;} .new-right li p{font-size:14px;line-height:26px;color:#999999;margin-top:20px;} .abt{background:url(../images/abt_bg.jpg)no-repeat center top;height:596px;margin-top:118px;padding-top:113px;box-sizing:border-box;} .abt-nr{width:599px;height:398px;background:rgba(255,255,255,0.8);position:relative;text-align:center;padding-top:98px;box-sizing:border-box;padding-left:44px;padding-right:44px;} .abt-nr:before{content:"";width:95px;height:64px;background:url(../images/abt_1.png)no-repeat;position:absolute;top:-35px;left:260px;} .abt-nr h3{font-size:42px;line-height:30px;font-weight: normal;} .abt-nr h3 a{color:#333333;} .abt-nr p{font-size:15px;line-height:28px;color:#666666;margin-top:30px;} .abt-nr .lj{font-size:14px;color:#333333;display:block;width:106px;height:37px;background:#feca04;line-height:37px;margin:0 auto;margin-top:45px;}