@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 { 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;}
/* -- 页面整体布局 -- */
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ width:1400px; margin:0 auto;font-family: "Microsoft Yahei";}

.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/* -- 广告 -- */
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 3%; background:url(../images/ban_lt.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 3%;background:url(../images/ban_rt.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #ffffff; transition: .5s;}
.slick-dots .slick-active button {background: #f18b19;width: 40px;}

/* -- 搜索 -- */
.sou{height: 65px;}
.sou p{height: 65px;color: #444444;line-height:65px;font-size: 14px;width:755px;float: left;background:url(../images/s_1.png) no-repeat left;}
.sou p b{font-size: 14px;color: #444444;font-weight:bold;padding-left:30px;}
.sou p a{font-size: 14px;color: #888888;padding-right:13px;font-weight: normal;line-height: 14px;}
.sou p a:hover{color:#f18b19;}
.sou .s_box{float: right;margin-top:16px;width:392px;height: 37px;overflow: hidden;margin-right: 6px;box-sizing: border-box;}
.sou .s_box .input1{float: left;width:320px;padding-left: 13px;height: 37px;line-height: 37px;font-size: 14px;color: #797979;border: 0;background: url(../images/bg1.jpg) no-repeat center left;outline: 0;}
.sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:59px;height:39px;background:url(../images/sou.png) no-repeat center;margin-top: -1px;}

/* -- 引子 -- */
.yz{height: 696px;background: url(../images/yz-bg.jpg) no-repeat center top;}
.yz-fl{float: left;margin-top: 95px;width: 567px;}

.yz-fl h2{transition: 0.35s;text-align: left;height: 71px;background: url(../images/l-1.png) no-repeat left bottom;}
.yz-fl h2 em{font-size: 42px;line-height: 42px;display: block;font-weight: normal;color: #333333;}
.yz-fl h2 em b{font-weight: bold;}
.yz-fl h2:hover{transform: translateY(-5px);}

.yz-fl p{font-size: 15px;line-height: 26px;color: #666666;display: block;font-weight: normal;padding-top: 20px;margin-bottom: 52px;}
.yz-fl .div{height: 234px;width: 567px;display: block;overflow: hidden;}


.yz-fr{margin-top: 96px;float: right;width: 549px;height: 482px;}

.yz-fr ul li{transition: 0.35s;float: left;height: 171px;text-align: center;width: 274px;position: relative;padding-top: 70px;}
.yz-fr ul li b{font-size: 40px;font-weight: bold;display: inline-block;color:#0d54b0;font-family: "Arial";line-height: 40px;}
.yz-fr ul li em{vertical-align: super;font-size: 32px;line-height: 32px;display: inline-block;color: #0d54b0;font-weight: bold;}
.yz-fr ul li i{vertical-align: bottom;margin-bottom: 5px;margin-left: 2px;font-size: 32px;line-height: 32px;display: inline-block;color: #0d54b0;font-weight: bold;font-family: "Arial";}
.yz-fr ul li span{position: relative;;font-size: 15px;line-height: 22px;display: block;color: #333333;font-weight: normal;padding-top: 25px;}

.yz-fr ul li span::after{width: 16px;height: 1px;display: block;background: #bfbfbf;position: absolute;top: 10px;content: "";left: 50%;margin-left: -8px;z-index: 99;}


.yz-fr ul li.cur span::after{background: #ffffff;}
.yz-fr ul li.cur span{color: #ffffff;}
.yz-fr ul li.cur b{color: #ffffff;z-index: 99;position: relative;}
.yz-fr ul li.cur i{color: #ffffff;z-index: 99;position: relative;}
.yz-fr ul li.cur em{color: #ffffff;z-index: 99;position: relative;}

.yz-fr li::before{content: "";display: block;width:284px;height:0;background: #f18b19;position: absolute;left:0;bottom:0;transition:all 0.5s}
.yz-fr li.cur::before{height: 252px;left: -11px;bottom: 1px;}

/* -- 弱电工程项目 -- */
.cpt1{height: 935px;}
.cpt1 h2{text-align: center;padding-top: 79px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;}
.cpt1 h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;}
.cpt1 h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;}
.cpt1 h2:hover em{transform: translateY(-5px);}



.cpt_1{margin-top: 45px;}
.cpt_1 ul li{    box-shadow: 0 0 6px rgba(0,0,0,0.3);background:#ffffff; float: left; width:286px; margin-right:16px; position: relative;overflow: hidden; font-size: 0; line-height: 0;margin-bottom: 38px;height: 271px;}
.cpt_1 ul li .pics{height: 211px;width: 280px;display:block;margin: 3px auto 0;}
.cpt_1 ul li .pics img{ display:block; width:280px;height: 211px;}

.cpt_1 ul li h3{width: 100%;height: 57px;}
.cpt_1 ul li h3 em{height: 36px;width: 36px;display: block;float: left;margin: 10px 4px 0 80px;}
.cpt_1 ul li h3 i{font-size:20px;color: #333333;display: block;line-height:20px;font-weight:normal;padding-top: 20px;}


.cpt_1 ul li:hover .desc{ width: 98%; position: absolute; left: 3px; top: 3px; height: 98%; background:rgba(2,54,122,0.9); text-align:center; display: block;animation-duration: 0.5s;animation-name: fadeInUp;z-index: 99;}



.desc p{ font-size:14px;line-height:34px;color: #ffffff;font-weight: normal;display: block;text-align: center;margin-top: 30px;}
.desc p a{float: left; font-size:14px;line-height:34px;color: #ffffff;font-weight: normal;display: block;width: 100%;}
.desc p a:hover{color: #f18b19;}

.cpt_1 ul li .desc .gds{height:57px;display: block;width:100%;position: absolute;bottom:-2px;left: 0px;background: #ffffff;}
.cpt_1 ul li .desc .gds b{float: left;font-size: 20px;font-weight: bold;color: #333333;display: block;padding-left: 80px;line-height: 57px;}
.cpt_1 ul li .desc .gds img{float: right;margin-right: 60px;margin-top: 13px;display: block;}


.cpt_1 ul li .desc{ display:none;}
.cpt_1 ul li:nth-of-type(4n){margin-right: 0;}
.cpt_1 ul li:hover h3{display: none;}

.cpt_1 ul li:nth-of-type(7) .desc .gds b{padding-left:65px;}
.cpt_1 ul li:nth-of-type(7) .desc .gds img{margin-right:50px;}

.cpt_1 ul li:last-of-type .desc .gds b{padding-left:65px;}
.cpt_1 ul li:last-of-type .desc .gds img{margin-right:50px;}




/* -- 资质认可 -- */
.rk{height: 872px;background: url(../images/ry-bg.jpg) no-repeat center;}

.rk h2{text-align: center;padding-top: 120px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;}
.rk h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;}
.rk h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;}

.rk h2:hover em{transform: translateY(-5px);}


.rk_con{margin-top: 36px;position: relative;}
.rk_con .tempWrap{width: 1200px!important;}
.rk_con ul li{transition: 0.35s;float: left;width:279px;margin-right:28px; position: relative;height:372px;text-align: center;padding-bottom: 16px;background: url(../images/y-z1.png) no-repeat center bottom;}
.rk_con ul li i{width:279px; height:372px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;}
.rk_con ul li i img{width:279px; height:372px; display: block;transition:all 0.5s;}



.rk_con ul li:last-of-type{margin-right: 0;}

.rk_con .prev{position: absolute;left:-7%;top:175px;width:41px;height:41px;background:url(../images/left.png) no-repeat;z-index: 10;}
.rk_con .next{position: absolute;right:-7%;top:175px;width:41px;height:41px;background:url(../images/right.png) no-repeat;z-index: 10;}

.rk_con .cur.prev{position: absolute;left:-7%;top:175px;width:41px;height:41px;background:url(../images/lefts.png) no-repeat;z-index: 10;}
.rk_con .cur.next{position: absolute;right:-7%;top:175px;width:41px;height:41px;background:url(../images/rights.png) no-repeat;z-index: 10;}

.rk .gds{transition: 0.35s;height: 47px;line-height: 47px;width: 210px;background: url(../images/gds.png) no-repeat center;display: block;margin: 33px auto 0;}
.rk .gds i{font-size: 15px;padding-left: 45px;display: block;font-weight: normal;color: #ffffff;}

.rk .gds:hover{transform: translateY(-5px);}

/* -- 过程服务 -- */
.fw{height: 677px;background: url(../images/ys-gs1.jpg) no-repeat center top;}

.fw h2{text-align: center;padding-top: 90px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;}
.fw h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #ffffff;display: block;line-height: 42px;font-weight: normal;}
.fw h2 span{font-size: 18px;display: block;color: #ffffff;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;}
.fw h2:hover em{transform: translateY(-5px);}



.fw1{margin: 0 8.33%;display: block;margin-top: 72px;height: 409px;}
.fw1 ul li{float: left;width: 20%;height: 409px;text-align: center;position: relative;overflow: hidden;}

.fw1 ul li .w1 i{margin: 55px auto 0;display: block;height: 80px;width: 80px;}
.fw1 ul li .w1 i img{width: 80px;height: 80px;display: block;}
.fw1 ul li .w1 h3{margin-top: 45px;position: relative;background: url(../images/dian.png) no-repeat center top;}
.fw1 ul li .w1 h3 b{padding-top: 36px;font-size: 20px;color: #fff;font-weight: normal;display: block;font-family: "Arial";}
.fw1 ul li .w1 h3 em{margin-top: 28px;font-size: 30px;line-height: 30px;display: block;font-weight: normal;height: 50px;color: #ffffff;background: url(../images/aft.png) no-repeat center bottom;}




.fw1 ul li:hover .desc2{ box-shadow: 0 0 20px rgba(0,0,0,0.1);width: 100%; position: absolute; left: 0; top: 0; height: 100%; background:url(../images/bg-s1.png) no-repeat center; text-align:center; display: block;animation-duration: 0.5s;animation-name: fadeInUp;z-index: 99;margin-bottom: 5px;}

.fw1 ul li .desc2 i{margin: 56px auto 0;display: block;height: 80px;width: 80px;}
.fw1 ul li .desc2 i img{width: 80px;height: 80px;display: block;}

.fw1 ul li .desc2 h4{margin-top: 43px;text-align: center;}
.fw1 ul li .desc2 h4 b{height: 94px;width: 94px;display: block;background: url(../images/s-bg.png) no-repeat center;margin: 0 auto;line-height: 94px;text-align: center;font-size: 30px;font-weight: normal;color: #f18b19;font-family: "Arial";}
.fw1 ul li .desc2 h4 em{margin-top: 33px;font-size: 30px;line-height: 30px;display: block;font-weight: bold;height: 30px;color: #ffffff;}
.fw1 ul li .desc2 h4 em strong{height: 30px;width: 30px;display: inline-block;vertical-align: bottom;margin-right: 10px;}


.fw1 ul li .desc2 p{font-size: 15px;line-height: 28px;color: #ffffff;display: block;font-weight: normal;margin: 15px auto 0;width: 81%;height:85px;}


.fw1 ul li .desc2{ display:none;}


.fw1 ul li .desc2 .gds{transition: 0.35s;text-align: left;height: 47px;line-height: 47px;width: 210px;background: url(../images/gds2.jpg) no-repeat center;display: block;margin: 40px auto 0;}
.fw1 ul li .desc2 .gds strong{font-size: 15px;padding-left: 16px;display: block;font-weight: normal;color: #ffffff;}
.fw1 ul li .desc2 .gds:hover{transform: translateY(-5px);}


/* -- 工程案例 -- */
.case{height: 1276px;background: url(../images/case_bg.jpg) no-repeat center;}

.case h2{transition: all 0.5s;text-align: center;padding-top: 86px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;margin-bottom: 32px;}
.case h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;}
.case h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;}
.case h2:hover em{transform: translateY(-5px);}



.case_nav{margin: 0 auto;width: 663px;height: 53px;}

.case_nav h3{float: left;width: 129px;height: 53px;text-align: center;line-height: 53px;background: url(../images/nav-b1.png) no-repeat center;margin-right: 4px;}
.case_nav h3 a{font-size: 18px;color: #333333;display: block;line-height: 53px;font-weight: normal;}
.case_nav h3:last-of-type{margin-right: 0;}
.case_nav h3.cur{background: url(../images/nav-bs.png) no-repeat center;}
.case_nav h3.cur a{color: #ffffff;}


.case_con{margin-top: 55px;}

.case_con ul li{transition: 0.35s;float: left;width: 390px;border-bottom: 1px solid #dfdfdf;box-sizing: border-box;position: relative;margin-bottom: 43px;margin-right: 15px;z-index: 99;}
.case_con ul li i{position: relative;width: 381px;height: 214px;display: block;overflow: hidden;z-index: 99;}
.case_con ul li i img{height: 214px;width: 381px;display: block;}
.case_con ul li i em{height:27px;width:111px;display: block;line-height:27px;position: absolute;bottom:0px;left: 0;text-align: center;background: url(../images/t-bg.jpg) no-repeat center;font-size: 15px;color: #ffffff;font-weight: normal;z-index: 99;left:50%;margin-left:-55px;}

.case_con ul li h4{height: 64px;text-align: center;line-height: 64px;display: block;font-size: 16px;color: #333333;font-weight: normal;position: relative;z-index: 99;}

.case_con ul li::after{content: "";display: block;width:400px;height:0;background: #ffffff;position: absolute;left:0;bottom:0;transition:all 0.5s}
.case_con ul li.cur::after{height: 290px;left: -10px;bottom: 0px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.case_con ul li.cur{transform: translateY(1px);border-bottom: none; }
.case_con ul li:nth-of-type(3n){margin-right: 0;float: right;}

.case_con ul li:hover h4{color:#f18b18;}

.sz1{margin-top: 26px;height: 167px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.sz1 ul li{transition: 0.35s;text-align: center;float: left; padding-top: 43px;width: 25%;position: relative;}
.sz1 ul li:hover{transform: translateY(-5px);}


.sz1 ul li:hover b{color:#f18b19;}
.sz1 ul li:hover i{background:#f18b19;}
.sz1 ul li:hover em{background:#f18b19;}

.sz1 ul li b{ display: inline-block;font-size:63px;line-height:50px;color: #024399;font-weight:bold;vertical-align:top;font-family: "Arial";}
.sz1 ul li i{margin-left: 5px;display: inline-block;width:29px;height:29px;line-height:29px;font-size: 18px;color: #ffffff;text-align: center;font-family: "Arial";font-weight:normal;background: #024399;border-radius: 20px;margin-top: 20px;}
.sz1 ul li em{margin-left: 5px;display: inline-block;width:29px;height:29px;line-height:29px;font-size: 18px;color: #ffffff;text-align: center;font-family: "Arial";font-weight:normal;background: #024399;border-radius: 20px;margin-top: 20px;}
.sz1 ul li span{ padding-left: 90px;display: block;font-size: 20px; line-height:20px; color: #333333; font-weight:normal;text-align: left;margin-top: 10px;}
.sz1 ul li:first-of-type span{padding-left: 100px;}
.sz1 ul li:last-of-type span{padding-left: 65px;}
.sz1 ul li::after{width: 1px;height: 118px;background: url(../images/t1.png) no-repeat;content: "";position: absolute;right: 0;top: 20px;z-index: 99;content: "";display: block;}

/* -- 核心能力 -- */
.ys{height: 930px;background: url(../images/sl-bg.jpg) no-repeat center top;}
.ys h2{transition: all 0.5s;margin-top: 86px;text-align: center;padding-top: 86px;}
.ys h2 em{transition: all 0.5s;font-size:42px;color: #ffffff;display: block;line-height:42px;font-weight: bold;}
.ys h2 span{transition: all 0.5s;font-size:18px;color: #ffffff;display: block;line-height:18px;font-weight: normal;padding-top: 15px;}
.ys h2:hover em{transform: translateY(-5px);}



.ys_nav{float: left;margin-top: 48px;width: 406px;}
.ys_nav ul li{height: 109px;background: rgba(255,255,255,0.3);float: left;width: 470px;margin-bottom: 12px;position: relative;    border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.ys_nav ul li i{height: 40px;width: 40px;display: block;float: left;margin: 36px 12px 0 107px;position: relative;z-index: 99;}
.ys_nav ul li i img{height: 40px;width: 40px;display: block;}
.ys_nav ul li h3{float: left;line-height: 109px;position: relative;z-index: 99;}
.ys_nav ul li h3 em{font-size: 30px;color: #ffffff;display: block;font-weight: normal;}
.ys_nav ul li::after{content: "";display: block;width:0;height:109px;background: #f18b19;position: absolute;left:0;bottom:0;transition:all 0.5s;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.ys_nav li.cur::after{width: 488px;left: 0px;bottom: 0px;}
.ys_nav ul li.cur h3 em{font-weight: bold;}

.ys_con{float: right;margin-top:48px;width:712px;position: relative;}
.ys_con dl{position: relative;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.ys_con dl dt{height: 410px;width:660px;display: block;overflow: hidden;padding-top: 24px;margin: 0 auto;}
.ys_con dl dt img{height: 410px;width:660px;display: block;}

.ys_con dl dd{height: 246px;}
.ys_con dl dd h3{padding-top: 43px;padding-left: 75px;margin-bottom: 20px;}
.ys_con dl dd h3 em{font-size:30px;color:#333333;display: block;line-height:30px;font-weight: bold;}
.ys_con dl dd p{margin-left: 75px;padding-left: 20px;font-size: 15px;line-height: 30px;color: #666666;font-weight: normal;display: block;background: url(../images/dian1.png) no-repeat left 14px;width: 80%;}

/* -- 新闻资讯 -- */
.news{height: 900px;}
.news h2{text-align: center;padding-top: 28px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;margin-bottom: 32px;transition: all 0.5s;}
.news h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;}
.news h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;}

.news h2:hover em{transform: translateY(-5px);}

.news1{margin-top: 25px;overflow: hidden;}

.news1 .n1{float: left;width: 685px;}
.news1 .n1 .t1{height: 85px;width: 685px;border-bottom: 1px solid #bfbfbf;box-sizing: border-box;}
.news1 .n1 .t1 i{height: 42px;width: 42px;display: block;float: left;margin-top: 21px;margin-right: 7px;}
.news1 .n1 .t1 b{font-size: 22px;line-height: 22px;font-weight: bold;color: #333333;display: block;float: left;padding-top: 30px;}
.news1 .n1 .t1 em{font-size: 15px;line-height: 15px;font-weight: normal;color: #666666;display: block;float: left;padding-top: 36px;margin-left: 8px;}
.news1 .n1 .t1 span{height: 26px;line-height: 26px;width: 75px;text-align: center;display: block;float: right;border: 1px solid #bfbfbf;border-radius: 20px;font-size: 14px;color: #666666;margin-top: 29px;}

.news1 .tz{height: 150px;}
.news1 .tz h4{padding-top: 30px;}
.news1 .tz h4 a{font-size: 18px;color: #303030;font-weight: bold;display: block;line-height: 18px;}
.news1 .tz p{font-size: 14px;color: #999999;font-weight: normal;display: block;line-height: 24px;padding-top: 15px;}
.news1 .tz p a{color: #f18b19;font-weight: bold;display: inline-block;padding-left: 3px;}

.news1 .n1 ul{height: 163px;margin-bottom: 31px;}

.news1 .n1 ul li{width: 647px;float: left;height: 23px;line-height: 23px;padding-left: 38px;margin-bottom: 24px;background: url(../images/r1.png) no-repeat left;}
.news1 .n1 ul li a{font-size: 15px;display: block;color: #333333;font-weight: normal;line-height: 23px;}

.news1 .n1 ul li:hover{background: url(../images/rs.png) no-repeat left;}
.news1 .n1 ul li:hover a{font-weight: bold;}
.news1 .n1 ul li:hover a em{font-weight: bold;}
.news1 .n1 ul li a em{font-size: 15px;display: block;color: #333333;font-weight: normal;line-height: 23px;float: right;}
.news1 .n1 ul li:last-of-type{margin-bottom: 0;}

.news1 .n1 dl{height: 104px;display: block;margin-bottom: 12px;}
.news1 .n1 dl dt{width: 186px;height: 104px;display: block;overflow: hidden;float: left;}
.news1 .n1 dl dt img{width:186px;height: 104px;display: block;transition: all 0.3s linear 0s;}

.news1 .n1 dl:hover dd h4 a{color: #f18b19;}


.news1 .n1 dl:hover dt img{transform: scale(1.06);}
.news1 .n1 dl dd{margin-left: 25px;float: left;width: 474px;}
.news1 .n1 dl dd h4{position: relative;}
.news1 .n1 dl dd h4 a{font-size: 16px;font-weight: bold;display: block;line-height: 16px;color: #333333;padding: 20px 100px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news1 .n1 dl dd h4 em{font-size: 15px;position: absolute;right: 5px;bottom: 0;height: 16px;line-height: 16px;color: #333333;font-weight: normal;}
.news1 .n1 dl dd p{font-size: 13px;line-height: 20px;font-weight: normal;display: block;color: #999999;padding-top: 15px;}
.news1 .n1 dl dd p a{color: #f18b19;font-weight: bold;display: inline-block;padding-left: 3px;}

.news1 .n1 dl:hover{background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.news-2{margin-top: 6px;margin-right: 10px;width: 450px;height: 650px;background: #ffffff;float: right;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.news-2 .t1{height: 85px;width: 450px;}
.news-2 .t1 i{height: 42px;width: 42px;display: block;float: left;margin-top: 21px;margin-right: 7px;margin-left: 33px;}
.news-2 .t1 b{font-size: 22px;line-height: 22px;font-weight: bold;color: #333333;display: block;float: left;padding-top: 30px;}
.news-2 .t1 em{font-size: 15px;line-height: 15px;font-weight: normal;color: #666666;display: block;float: left;padding-top: 36px;margin-left: 8px;}
.news-2 .t1 span{height: 26px;line-height: 26px;width: 75px;text-align: center;display: block;float: right;border: 1px solid #bfbfbf;border-radius: 20px;font-size: 14px;color: #666666;margin-top: 29px;margin-right: 33px;}


.news-2 dl{width: 384px;margin: 0 auto;}
.news-2 dl dt{width: 384px;height: 216px;display: block;overflow: hidden;}
.news-2 dl dt img{width:384px;height: 216px;display: block;transition: all 0.3s linear 0s;}
.news-2 dl:hover dt img{transform: scale(1.06);}

.news-2 .z1s{margin: 26px 33px 0 33px;}
.news-2 ul li{margin-bottom: 15px;float: left;height: 92px;background: url(../images/x-1.jpg) no-repeat left bottom;}
.news-2 ul li h4{position: relative;}
.news-2 ul li:hover h4 a{color: #f18b19;}
.news-2 ul li h4 a{background: url(../images/q1.png) no-repeat center left;font-size: 16px;font-weight: bold;display: block;line-height: 23px;color: #4c4c4c;padding: 0 100px 0 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-2 ul li h4 em{font-size: 15px;position: absolute;right: 5px;bottom: 0;height: 23px;line-height: 23px;color: #333333;font-weight: normal;}
.news-2 ul li p{background: url(../images/a1.png) no-repeat left 15px;font-size: 14px;line-height: 26px;font-weight: normal;display: block;color: #666666;padding-top: 8px;padding-left: 32px;}

.news-2 ul li:last-of-type{margin-bottom: 0;background: none;}


/* -- 关于我们 -- */
.abt{height: 985px;background: url(../images/abt-bg.jpg) no-repeat center top;}



.abt h2{text-align: center;height: 71px;padding-top: 90px;transition: all 0.5s;}
.abt h2 em{transition: all 0.5s;font-size: 42px;line-height: 42px;display: block;font-weight: normal;color: #ffffff;}
.abt h2 em b{font-weight: bold;}
.abt h2 span{font-size: 18px;display: block;color: #ffffff;display: block;line-height: 18px;font-weight: normal;padding-top: 15px;transition: all 0.5s;}

.abt h2:hover em{transform: translateY(-5px);}

.abt-s{margin-top: 125px;height: 186px;}
.abt-s ul li{float: left;text-align: center;height: 186px;width: 365px;background: #ffffff;border-radius: 30px;margin-right:50px;transition: 0.35s;}
.abt-s ul li i{height: 117px;width: 117px;margin: -45px auto 0;display: block;overflow: hidden;border-radius: 100%;background: url(../images/bg-a1.png) no-repeat center;transition: all 0.3s;}
.abt-s ul li i img{width: 100%;display: block;}

.abt-s ul li:hover{transform: translateY(-8px);}
.abt-s ul li:hover i{transform: rotateY(180deg);}

.abt-s ul li h3{text-align: center;padding-top: 15px;}
.abt-s ul li h3 em{font-size: 30px;line-height: 30px;display: block;font-weight: bold;color: #333333;}
.abt-s ul li h3 span{font-size: 15px;line-height: 15px;display: block;font-weight: normal;color: #666666;padding-top: 10px;}
.abt-s ul li:last-of-type{margin-right: 0;}
.abt-s ul li:hover i{background: url(../images/bg-as.png) no-repeat center;}

.abt_con{margin-top: 200px;position: relative;}
.abt_con .tempWrap{width: 1200px!important;}
.abt_con ul li{transition: 0.35s;float: left;width:285px;margin-right:20px; position: relative;text-align: center;}
.abt_con ul li i{width:285px; height:160px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;}
.abt_con ul li i img{width:285px; height:160px; display: block;transition:all 0.5s;}

.abt_con ul li:last-of-type{margin-right: 0;}
.abt_con ul li h4{height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #666666;font-weight: normal;}
.abt_con ul li h4 a{color: #4c4c4c;}
.abt_con .prev{position: absolute;left:-7%;top:58px;width:41px;height:41px;background:url(../images/left.png) no-repeat;z-index: 10;}
.abt_con .next{position: absolute;right:-7%;top:58px;width:41px;height:41px;background:url(../images/right.png) no-repeat;z-index: 10;}
.abt_con .cur.prev{position: absolute;left:-7%;top:58px;width:41px;height:41px;background:url(../images/lefts.png) no-repeat;z-index: 10;}
.abt_con .cur.next{position: absolute;right:-7%;top:58px;width:41px;height:41px;background:url(../images/rights.png) no-repeat;z-index: 10;}











@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
}
@media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
}
@media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
}
@media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
}
@media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
}
@media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
}
@media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
}
@media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
}