@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{font-weight:normal;text-align: center;}
.tit b{display:block;font-size: 36px;line-height: 36px;color: #333;height: 62px;background:url(../img/tit_bg.png) no-repeat bottom center;}
.tit span{display:block;font-size: 20px;color: #666;line-height:50px;}
/*banner*/
.banner{height: 524px;overflow: hidden;}
.banner .bd li{height: 524px;background: url(../img/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 524px;}
/*search*/
.search{height: 62px;border-bottom:1px solid #dfdfdf;}
.search p{float: left;height: 62px;line-height: 65px;font-size: 14px;color: #373737;padding-left:36px;background:url(../img/hw.jpg) no-repeat left center;}
.search p a{margin-right:20px;color: #373737;}
.s_box{float: right;margin-top:13px;}
.s_box .input1{float:left;width:230px;padding-left:20px;height:33px;line-height: 33px;font-size:12px;color:#666;border:1px solid #d7d7d7;border-right: 0;background: none;outline: 0;}
.s_box .input2{float: left;width:36px;height: 35px;border: 0;background:url(../img/sea.jpg) no-repeat;outline: 0;cursor: pointer;}
/*product*/
.pro{padding:50px 0 0;}
.pro h2{margin-bottom:35px;}
.pro_l{float: left;width: 238px;height: 830px;background:url(../img/pro_l.jpg) no-repeat;position: relative;}
.pro_l h3{height: 108px;padding-left:24px;font-weight:normal;margin-bottom: 28px;}
.pro_l h3 i{display: block;font-size: 30px;color: #6480af;font-family: Impact;text-transform: uppercase;line-height:30px;padding:20px 0 0;}
.pro_l h3 b{display:block;font-size: 24px;color: #fff;line-height: 42px;}
.pro_l h4{width: 166px;padding-left:32px;height: 36px;line-height: 36px;font-size: 16px;margin:0 auto 17px;background:url(../img/proli.png) no-repeat no-repeat;}
.pro_l h4 a{display:block;color: #0058c4;}
.pro_l ul{margin:0 20px 24px;}
.pro_l li{height: 30px;line-height: 30px;border-bottom:1px dashed #347bd3;font-size: 14px;position: relative;}
.pro_l li:after{position:absolute;width:6px;height: 6px;border-radius:50%;background: #c8def9;content: "";left: 20px;top: 12px;}
.pro_l li a{display:block;padding-left: 38px;color: #fff;}
.pro_l .tel{position: absolute;width: 100%;text-align: center;color: #fff;left: 0;bottom: 30px;}
.pro_l .tel span{display:inline-block;height:26px;line-height: 26px;font-size: 16px;padding-left:40px;background:url(../img/tel1.png) no-repeat;}
.pro_l .tel i{display:block;font-size: 28px;line-height: 50px;font-family: Arial;}
.pro_r{float: right;width: 910px;}
.pro_r h3{height:50px;border-top:1px solid #ebebeb;border-bottom:1px solid #c0c0c0;margin-bottom: 27px;font-weight:normal;}
.pro_r h3 span a{float: left;font-size: 18px;height: 48px;line-height: 48px;color: #333;padding:0 20px;margin-right:40px;}
.pro_r h3 span a.cur{border-bottom:3px solid #156ad2;color: #156ad2;font-weight:bold;}
.pro_r h3 i a{display:block;font-size: 14px;color: #999;line-height: 50px;}
.pro_r li{float: left;width: 432px;margin-right: 46px;}
.pro_r li img{display:block;width:430px;height:321px;border:1px solid #efefef;}
.pro_r li p{height: 65px;}
.pro_r li p span{float: left;font-size: 16px;line-height: 52px;}
.pro_r li p .zx{float: right;width: 128px;height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #fff;background: #013e89;margin-top: 13px;}
.pro_r li.nomar{margin-right: 0;}
/*xiu*/
.xiu{padding:40px 0 18px;}
.xiu h2{margin-bottom: 20px;}
.xiu dl{height: 350px;background:url(../img/xiu_bg.jpg) no-repeat;}
.xiu dt{float: left;width: 300px;margin-top: 90px;padding-left: 40px;}
.xiu dt p{font-size: 16px;color: #333;line-height: 30px;}
.xiu dt p b{color: #de271d;}
.xiu dd{float: right;margin-top: 122px;width: 160px;margin-right: 130px;}
.xiu dd p{font-size: 16px;color: #333;line-height: 24px;}
.xiu .tel{width: 468px;padding-left:18px;height: 44px;border:1px solid #d3d3d3;border-radius:22px;margin:40px auto 0;font-size: 14px;color:#333;line-height: 44px;}
.xiu .tel i{font-size: 24px;}
.xiu .tel a{float: right;width: 109px;padding-left: 20px;height: 38px;line-height: 38px;background:url(../img/zx1.png) no-repeat;font-size: 14px;color: #fff;font-weight:bold;margin:3px;}
/*way*/
.way{height: 870px;background:url(../img/way_bg.jpg) no-repeat center 0;}
.way h2{font-weight:normal;text-align: center;padding-top:88px;}
.way h2 span{display:block;font-size: 52px;color: #fff;height: 68px;line-height: 68px;background:url(../img/line2.png) no-repeat center;}
.way h2 b{display:block;width: 356px;height: 56px;line-height: 56px;font-size: 34px;color: #e8221f;background:url(../img/kaung1.jpg) no-repeat;margin:0 auto;}
.way .desc{font-size: 18px;color: #fff;line-height: 26px;text-align: center;padding:22px 0 0;height: 92px;}
.way .desc b{color: #fe8a00;}
.way_pic{height: 379px;position: relative;}
.way_pic b{position:absolute;width: 120px;padding:20px 0;line-height: 40px;text-align: center;font-size: 36px;color: #333;border:4px solid #1a51a3;border-radius: 50%;top: 128px;left: 523px;background: #fff;}
.xiufu{padding-top:15px;height: 62px;}
.xiufu .qian{float: left;width: 457px;height: 41px;line-height: 41px;font-size: 16px;font-weight:bold;color: #fff;padding-left:87px;text-align: center;background:url(../img/xx.png) no-repeat;}
.xiufu .hou{float: right;width: 584px;height: 41px;line-height: 41px;font-size: 16px;font-weight:bold;color: #ec3400;padding-left:47px;text-align: center;background:url(../img/gou.png) no-repeat;}
.way .tan{text-align: center;}
.way .tan a{display:inline-block;width: 160px;padding-left: 30px;height: 33px;line-height: 33px;font-size: 14px;color: #333;text-align: left;font-weight:bold;background:url(../img/jt1.png) no-repeat 158px center #fff;border-radius:16px;margin:0 11px;}
.way .tan .a2{color: #fff;background:url(../img/jt2.png) no-repeat 158px center #de271d;}
/*case*/
.case{padding:68px 0 90px;background: #f6f6f6;}
.case h2{margin-bottom: 20px;}
.case_con dl{height: 444px;}
.case_con dt{float: left;margin-top: 16px;position: relative;z-index: 2;}
.case_con dt img{display:block;width: 731px;height: 412px;}
.case_con dd{float: left;width:418px;padding-left:87px;height: 436px;border:4px solid #d0d0d0;margin-left:-44px;}
.case_con dd h3{font-size: 18px;color: #666;margin:82px 0 26px;line-height: 18px;}
.case_con dd h3 a{color: #666;}
.case_con dd p{font-size: 14px;color: #666;line-height: 24px;width: 380px;}
.case_con dd .more{display:block;width: 138px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #e01913;background: #fff;border:1px solid #cbcaca;border-radius: 2px;margin-top:30px;}
.case_list{margin-top: 50px;height: 203px;position: relative;}
.case_list li{float: left;width: 284px;position: relative;margin-right: 21px;}
.case_list li img{display:block;width: 284px;height: 160px;}
.case_list li i{display:none;position:absolute;width: 278px;height: 157px;border:3px solid #024095;top: 0;left: 0;}
.case_list li span{display:block;font-size: 14px;color: #333;height: 43px;line-height: 43px;text-align: center;}
.case_list li.cur i{display:block;}
.case_list li.cur span{background: #024095;color: #fff;}
.case_list .sprev{position:absolute;width: 58px;height: 58px;background:url(../img/prev1.png) no-repeat;left: -70px;top: 68px;}
.case_list .snext{position:absolute;width: 58px;height: 58px;background:url(../img/next1.png) no-repeat;right: -70px;top: 68px;}
.case_list .sprev:hover{background:url(../img/prev1h.png) no-repeat;}
.case_list .snext:hover{background:url(../img/next1h.png) no-repeat;}
/*adva*/
.adva h2{height: 160px;background:url(../img/adva_t.jpg) no-repeat center 0;font-weight:normal;color: #fff;}
.adva h2 b{display:block;font-size: 48px;line-height: 48px;padding:24px 0 0;height: 69px;text-align: center;}
.adva h2 span{display:block;padding-left: 374px;width: 826px;margin:0 auto;}
.adva h2 i{display:inline-block;font-size: 26px;line-height: 26px;width: 130px;padding-left: 32px;}
.you1{height: 695px;padding-top:32px;background:url(../img/you1_bg.jpg) no-repeat center 0;}
.you_t{height: 100px;background:url(../img/kuang2.png) no-repeat;font-weight:normal;}
.you_t i{float: left;width: 66px;height: 60px;line-height: 60px;text-align: center;font-size: 30px;font-family:Impact;margin:19px 15px 0 0;color: #fff;}
.you_t b{display:block;font-size: 26px;color: #333;line-height: 26px;padding:22px 0 8px;}
.you_t span{display:block;font-size: 18px;color: #333;line-height: 18px;}
.you_t em{color: #ec3400;}
.you1 .desc{font-size: 14px;color: #333;line-height: 32px;margin-top: 20px;height: 160px;}
.you1 li{float: left;margin-right: 7px;height: 365px;overflow: hidden;}
.you1 li p{position: relative;margin-bottom: 5px;}
.you1 li p img{display:block;}
.you1 li p span{display:none;position:absolute;width: 100%;height: 100%;background:rgba(0,0,0,0.4);top: 0;left: 0;}
.you1 li p i{position: absolute;top:45%;left:50%;margin-left: -60px;width:120px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.you1 li p:hover span{display:block}
.you1 li.nomar{margin-right: 0;}
.you1 li .shili{width: 322px;padding-left: 29px;height: 172px;background:url(../img/guimo.jpg) no-repeat;color: #fff;}
.you1 li .shili b{display:block;font-size: 26px;line-height: 26px;padding-top: 96px;}
.you1 li .shili strong{display:block;font-size: 17px;line-height: 36px;font-weight:normal;}

.you2{height: 926px;padding-top: 68px;background:url(../img/you2_bg.jpg) no-repeat center 0;}
.gy{height: 487px;position: relative;}
.gy li img{float: left;transition: all 0.5s ease-in-out;}
.gy li span{float: left;font-size: 24px;line-height: 24px;color: #333;}
.gy li.even img,.you2 li.even span{float: right;}
.gy .l1{position: absolute;top: 60px;left: 127px;}
.gy .l1 span{margin:72px 0 0 17px;}
.gy .l2{position: absolute;top: 290px;left: 31px;}
.gy .l2 span{margin:27px 0 0 100px;}
.gy .l3{position: absolute;top: 25px;right: 134px;}
.gy .l3 span{margin:37px 222px 0 0;}
.gy .l4{position: absolute;top: 162px;right: 0;}
.gy .l4 span{margin:35px 75px 0 0;}
.gy .l5{position: absolute;top: 316px;right: 53px;}
.gy .l5 span{margin:4px 32px 0 0;}
.gy li:hover img{transform: rotateY(180deg);}
.cess{padding-left: 100px;height: 235px;}
.cess li{float: left;width: 300px;margin-right: 50px;}
.cess li img{float: left;margin:0 18px 50px 0;}
.cess li b{display:block;font-size: 28px;color: #ec3400;line-height: 28px;padding:6px 0 10px;}
.cess li p{display:block;font-size: 16px;color: #666;line-height: 28px;}
.you2 .more{display:block;width: 278px;padding-left:50px;height: 60px;line-height: 60px;font-size: 24px;color: #333;background:url(../img/jia1.png) no-repeat 260px center;border:1px solid #a5a3a3;border-radius: 3px;margin:0 auto;}

.sys{height: 758px;padding-top:39px;background:url(../img/sys_bg.jpg) no-repeat center 0;}
.sys h3 b,.sys h3 span{color: #fff;}
.sys ul{background: #fff;height: 578px;padding-top:3px;margin-top: 25px;}
.sys li{float: left;width: 395px;height: 286px;position: relative;margin-left: 3px;margin-bottom:3px;}
.sys li img{display:block;width: 395px;height: 286px;}
.sys li span{position:absolute;width: 100%;height: 58px;line-height: 58px;font-size: 18px;color: #fff;text-align: center;left: 0;bottom: 0;background:rgba(0,0,0,0.5);z-index: 10;}
.sys li span i{opacity: 0.5;margin-right: 15px;}
.sys li .text{position:absolute;width: 419px;height: 312px;background:url(../img/sys_li.png) no-repeat;left: -12px;top:-13px;text-align: center;filter:alpha(opacity=0);opacity: 0;transform:scale(0);transition:all 0.5s linear;z-index: 20;}
.sys li .text i{display:block;font-size: 110px;color: #fff;filter:alpha(opacity=10);opacity: 0.1;font-family: Impact;line-height: 100px;padding-top: 27px;}
.sys li .text p{font-size: 14px;color: #fff;line-height: 28px;width:340px;margin:0 auto;}
.sys li .text b{position:absolute;width: 100%;font-size: 27px;line-height: 27px;text-align: center;color: #fff;top: 72px;left: 0;filter:alpha(opacity=100);}
.sys li:hover span{display:none;}
.sys li:hover .text{filter:alpha(opacity=80);opacity: 1;transform:scale(1);}
/*team*/
.team{height: 597px;background:url(../img/team_bg.jpg) no-repeat center 0;}
.team h3{background:none;padding-top:61px;height: 92px;padding-left:3px;}
.team .desc{font-size: 14px;color: #333;line-height: 32px;height: 160px;padding-left:67px;}

.ser{height: 516px;padding-top:53px;background:url(../img/ser_bg.jpg) no-repeat;}
.ser h3{margin-bottom: 27px;}
.ser_l{float: left;width: 225px;border:1px solid #a09b9a;background: #fff;border-bottom: 0;}
.ser_l li{height: 115px;border-bottom:1px solid #a09b9a;padding-left:36px;}
.ser_l li i{float: left;width: 37px;height: 37px;margin-top:39px;margin-right:16px;}
.ser_l li span{float: left;font-size: 22px;color: #333;line-height: 115px;}
.ser_l li .i1{background:url(../img/ser_ic1.png) no-repeat center;}
.ser_l li .i2{background:url(../img/ser_ic2.png) no-repeat center;}
.ser_l li .i3{background:url(../img/ser_ic3.png) no-repeat center;}
.ser_l li.cur{background: #0262ed;}
.ser_l li.cur span{color: #fff;}
.ser_l li.cur .i1{background:url(../img/ser_ic1h.png) no-repeat center;}
.ser_l li.cur .i2{background:url(../img/ser_ic2h.png) no-repeat center;}
.ser_l li.cur .i3{background:url(../img/ser_ic3h.png) no-repeat center;}
.ser_r{float: right;width: 964px;}
.ser_r p{position: relative;}
.ser_r p img{display:block;}
.ser_r p span{position:absolute;width: 864px;padding:0 50px;height: 66px;line-height: 66px;font-size: 16px;color: #fff;background:rgba(0,0,0,0.4);left: 0;bottom: 0;}
.ser_r p span.te{line-height: 24px;height:48px;padding:9px 50px;}
/*news*/
.news{padding:80px 0;}
.news h2{margin-bottom: 40px;}
.news h3{height:44px;line-height:18px;font-size:18px;}
.news h3 a{color: #0158b1;}
.news h3 i{float: right;font-size: 14px;color: #999;font-weight:normal;}
.new_l{float: left;width:474px;}
.new_l dl dt{position:relative;}
.new_l dl dt img{display: block;width:474px;height:143px;}
.new_l dl dt i{position: absolute;width:62px;height: 62px;background: url(../img/tou.png) no-repeat;top:-2px;right: -2px;}
.new_l dl dd{height:117px;border-bottom: 1px dashed #a9a9a9;}
.new_l dl dd h4{padding:20px 0 14px;}
.new_l dl dd h4 a{font-size:14px;font-weight:bold;color: #333;}
.new_l dl dd h4 i{float: right;color: #666;font-size: 14px;font-weight:normal;font-family: Arial;}
.new_l dl dd p{font-size: 14px;color: #333;line-height:24px;}
.new_l ul{padding-top:20px;}
.new_l ul li{height:30px;line-height: 30px;font-size: 14px;}
.new_l ul li a{color: #666;}
.new_l ul li:hover a{color: #ea1919;}
.new_r{float: right;width:675px;}
.new_r h3{padding-left: 35px;width: 540px;}
.new_r .wen{background: #f7f7f7;padding-top:12px;padding-left:35px;padding-right: 40px;height: 422px;}
.new_r li{height:92px;padding:21px 0;border-bottom: 1px dashed #dfdfdf;}
.new_r li img{float:left;width: 194px;height: 92px;}
.new_r li .desc{float: left;width: 370px;margin-left: 24px;}
.new_r li b{display: block;height: 20px;line-height: 20px;font-size: 14px;margin:15px 0;}
.new_r li em{display:inline-block;width: 20px;height: 20px;text-align: center;background: #ec3400;color: #fff;vertical-align:top;margin-right: 10px;}
.new_r li p{font-size: 14px;color: #333;line-height: 20px;}
.new_r li p em{background: #999;}
.new_r li.nobor{border: 0;}
/*about*/
.abt{height: 475px;padding-top:65px;background:url(../img/abt_bg.jpg) no-repeat center 0;}
.abt dl{background: #fff;border:1px solid #99c2ec;height: 310px;padding:50px 0;}
.abt dt{float: left;width: 488px;height: 310px;margin-left: 50px;}
.abt dd{float: left;width: 550px;padding-top:22px;margin-left:42px;}
.abt dd h3{font-weight:normal;margin-bottom: 24px;}
.abt dd h3 b{display:block;font-size: 22px;line-height: 22px;color: #ccc;}
.abt dd h3 em{color: #0061c4;margin-right:25px;}
.abt dd h3 span{display:block;font-size: 18px;line-height: 18px;color: #555;padding-top:12px;}
.abt dd p{font-size: 14px;color: #555;line-height:28px;}
.abt dd .more{display:block;width: 219px;height: 33px;line-height: 33px;text-align: center;font-size: 14px;color: #fff;margin-top:47px;background:url(../img/more1.jpg) no-repeat;}
/*links*/
.links{padding:30px 0 15px;}
.links h2{height: 30px;position: relative;font-weight:normal;line-height:18px;}
.links h2 b{font-size: 16px;color: #0073e3;}
.links h2 i{font-size: 14px;color: #555;margin-left:10px;}
.links h2:after{position:absolute;width: 20px;height: 3px;background: #004288;content: "";left: 0;bottom: 0;}
.links p{height: 90px;line-height: 50px;}
.links p a{float: left;font-size: 14px;color: #666;margin-right: 70px;}







