@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*/
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";}
.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;margin:0 auto!important;height:auto;max-width:1920px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:5%;left:0;z-index:1;margin:0 auto;width:100%;text-align:center;cursor:pointer}
.banner .hd li{display:inline-block;margin:0 10px;width:13px;height:13px;border-radius:13px;background:#fff}
.banner .hd li.on{width:39px;background:#015db2}
.banner .prev{position:absolute;top:calc(45% - 35px);left:0;z-index:10;opacity:0;cursor:pointer;transition:all .5s linear}
.banner .next{position:absolute;top:calc(45% - 35px);right:0;z-index:10;opacity:0;cursor:pointer;transition:all .5s linear}
.banner:hover .prev{left:6%;opacity:1}
.banner:hover .next{right:6%;opacity:1}



/* -- 搜索 -- */
.sou{height: 80px;background:#fff;}
.sou p{width:660px;float: left;height: 80px;}
.sou p b{font-size: 15px;color: #4c4c4c;font-weight: bold;height: 35px;width: 105px;border: 1px solid #c9c9c9;box-sizing: border-box;display: block;float: left;line-height: 35px;text-align: center;margin-left: 5px;margin-top: 23px;margin-right: 19px;}

.sou p a{font-size: 15px;color: #666666;padding-right:18px;font-weight: normal;line-height: 80px;}
.sou .s_box{float: right;margin-top:28px;width:400px;height: 30px;overflow: hidden;box-sizing: border-box;border-bottom: 1px solid #c9c9c9; display: none;}
.sou .s_box .input1{float: left;width:326px;padding-left: 40px;font-size: 15px;color: #808080;border: 0;background:url(../images/sou.png) no-repeat left top;outline: 0;margin-top: 3px;}
.sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:25px;height:25px;background:url(../images/sou2.png) no-repeat center;}

/* -- 引子 -- */
.yz{height: 665px;background: url(../images/yz-bg.jpg) no-repeat center;}

.yz h2{padding-top: 99px;height: 85px;text-align: center;background: url(../images/tt1.png) no-repeat center bottom;}
.yz h2 em{font-size:46px;color:#fff;display: block;line-height: 46px;font-weight: bold;position: relative;}
.yz h2 span{font-size:20px;color:#fff;display: block;line-height:20px;font-weight: normal;padding-top: 18px;}
.yz h2 em::after{height: 7px;width: 7px;display: block;background: #fff;position: absolute;left:46.1%;margin-left: 45px;content: "";border-radius: 100%;top: 21px;}


.yz1{height:235px;margin-top: 85px;}
.yz1 ul li{height: 245px;background:url(../images/dc-bgs.png) no-repeat center;float: left;margin-right: 10px;width: 232px;text-align: center;}

.yz1 ul li i{height: 85px;width: 99px;margin: -36px auto 0;display: block;overflow: hidden;}
.yz1 ul li i img{width: 100%;display: block;transition: all 0.3s;}
.yz1 li:hover i img:nth-child(1){margin-top:-85px;}
.yz1 li:hover img {animation-duration: 2s;animation-name: flipInY;}
.yz1 ul li .desc{margin-top: 30px;text-align: center;}
.yz1 ul li .desc b{font-size: 26px;font-weight: normal;display: block;font-weight: normal;}
.yz1 ul li .desc span{font-size: 16px;line-height: 26px;font-weight: normal;display: block;color: #5c5c5c;padding-top: 22px;}
.yz1 ul li:last-of-type{margin-right: 0;}


/* -- 产品中心-- */
.cpt{height: 1345px;background: #fff;}
.cpt h2{padding-top: 80px;height: 85px;text-align: center;background: url(../images/tit2.png) no-repeat center bottom;}
.cpt h2 em{font-size:46px;color:#015db2;display: block;line-height: 46px;font-weight: bold;position: relative;}
.cpt h2 span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top: 18px;}
.cpt h2 em::after{height: 7px;width: 7px;display: block;background: #015db2;position: absolute;left:48.1%;margin-left: -3px;content: "";border-radius: 100%;top: 21px;}

.cpt1{margin-top: 70px;position: relative;height: 740px;}
.cpt1 .video{width:1200px;height: 650px;}
.cpt1 .video strong{font-size: 16px;color: #ffffff;display: block;font-weight: normal;position: relative;bottom: 295px;margin-left: 240px;}


.cpt1 .text{height: 170px;position: absolute;bottom: 0;width: 1180px;margin-left: 10px;}
.cpt1 .text .t1{background: #015db2;float: left;width: 1079px;height: 170px;position: relative;    position: relative;
    z-index: 55;}
.cpt1 .text .t1 em{width: 75px;height: 60px;display: block;margin-top: -60px;position: relative;margin-left: 55px;}

.cpt1 .text .t1 h4{float: left;margin-top: 33px;margin-left: 54px;margin-right: 62px;}
.cpt1 .text .t1 h4 a{font-size: 32px;line-height: 32px;color: #ffffff;font-weight: bold;display: block;}
.cpt1 .text .t1 .ms{float: left;margin-top: 33px;}
.cpt1 .text .t1 .ms i{float: left;height: 36px;line-height: 36px;padding: 0 19px;border-radius: 35px;background: #347dc1;font-size: 15px;color: #ffffff;font-weight: bold;margin-right: 4px;}
.cpt1 .text .t1 p{margin-top: 12px;margin-left: 54px;font-size: 16px;line-height: 30px;color: #ffffff;display: block;font-weight: normal;width: 950px;}
.cpt1 .text .t1 p a{transition: 0.35s;height: 26px;width: 26px;float: right;margin-right: 300px;}
.cpt1 .text .t1 p a:hover{transform: translateY(-3px);}



.cpt1 .text .gds{transition: 0.35s;width: 100px;text-align: center;float: left;margin-left: 1px;height: 170px;background: #43a640;    z-index: 55;
    position: relative;}
.cpt1 .text .gds i{height: 28px;width: 28px;display: block;margin: 41px auto 0;}
.cpt1 .text .gds span{font-size: 20px;line-height: 26px;font-weight: bold;display: block;color: #ffffff;margin-top: 12px;}
.cpt1 b{position: absolute;right: -2px;top: -29px;height: 616px;width: 810px;}

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

.cpt1s{margin-top: 40px;height: 275px;}
.cpt1s h3{float: left;width: 280px;height: 214px;text-align: center;border: 1px solid #015db2;box-sizing: border-box;}
.cpt1s h3 b{font-size: 32px;line-height: 32px;font-weight: bold;display: block;color: #015db2;padding-top: 38px;}
.cpt1s h3 span{font-size: 18px;line-height: 28px;display: block;color: #4c4c4c;font-weight: normal;padding-top: 12px;}

.cpt1s .gdf{transition: 0.35s;margin: 16px auto 0;text-align: center;height: 42px;line-height: 42px;display: block;width: 200px;background: url(../images/gd-y.png) no-repeat center;}
.cpt1s .gdf em{font-size: 18px;font-weight: bold;color: #ffffff;display: block;line-height: 42px;}
.cpt1s .gdf:hover{transform: translateY(-5px);}


.c-v{float: left;height: 275px;margin-left: 35px;}
.c-v ul li{float: left;margin-right: 15px;width: 285px;}
.c-v ul li i{height: 214px;width: 275px;display: block;overflow: hidden;}
.c-v ul li i img{height: 214px;width: 275px;display: block;}
.c-v ul li h4{height: 60px;line-height: 60px;text-align: center;}
.c-v ul li h4 a{font-size: 18px;color: #4c4c4c;display: block;font-weight: normal;}
.c-v ul li:last-of-type{margin-right: 0;}

/* -- 产品中心2-- */
.cpt2{height: 730px;position: relative;}
.cpt2 dt{height:730px; width:1920px;float:left;margin-left:-360px;}
.cpt2 dt img{height:730px; width:100%;display: block;}

.cpt2 dd{height: 420px;width: 400px;float: left;position: absolute;top: 80px;}
.cpt2 dd h2{height: 91px;width: 350px;border-bottom: 1px solid #4099c4;box-sizing: border-box;}
.cpt2 dd h2 em{display: inline-block;width: 80px;height: 60px;}
.cpt2 dd h2 span{font-size: 32px;line-height: 32px;font-weight: bold;color: #ffffff;display: inline-block;vertical-align: super;margin-left: 15px;}

.cpt2 dd .ms2{margin-top: 30px;}
.cpt2 dd .ms2 i{float: left;height: 36px;line-height: 36px;padding: 0 19px;border-radius: 35px;background: #4d9ac4;font-size: 15px;color: #ffffff;font-weight: bold;margin-right: 4px;margin-bottom: 5px;}

.cpt2 dd p{font-size: 16px;line-height: 33px;color: #ffffff;display: block;font-weight: normal;padding-top: 32px;width: 80%;}
.cpt2 dd p a{transition: 0.35s;height: 26px;width: 26px;float: right;margin-right: 175px;margin-top: 5px;}

.cpt2 dd p a:hover{transform: translateY(-3px);}

.cpt2 dd .gd{margin-top: 32px;height: 56px;line-height: 56px;}
.cpt2 dd .gd a{float: left;transition: 0.35s;}
.cpt2 dd .gd a em{font-size: 18px;font-weight: bold;color: #ffffff;display: block;}

.cpt2 dd .gd .a1{height: 56px;width: 200px;background: url(../images/r1.jpg) no-repeat center;}
.cpt2 dd .gd .a1 em{padding-left: 25px;}

.cpt2 dd .gd .a2{height: 56px;width: 150px;background: url(../images/r2.jpg) no-repeat center;margin-left: 5px;}
.cpt2 dd .gd .a2 em{padding-left: 22px;}

.cpt2 dd .gd .a1:hover{transform: translateY(-5px);}
.cpt2 dd .gd .a2:hover{transform: translateY(-5px);}



/* -- 其它产品-- */
.cpt3{height: 614px;}

.cpt_nav{height: 90px;border: 1px solid #015db2;box-sizing: border-box;}
.cpt_nav h2{float: left;}
.cpt_nav h2 em{display: inline-block;width: 80px;height: 73px;margin-top: 17px;margin-left: 30px;}
.cpt_nav h2 span{font-size: 30px;font-weight: bold;line-height: 90px;color: #015db2;display: inline-block;vertical-align: top;margin-left: 10px;}

.tit1{float: left;height: 90px;margin-left: 68px;}
.tit1 h3{float: left;font-size: 18px;line-height: 42px;color: #333333;font-weight: normal;margin: 24px 22px;}
.tit1 h3 a{color: #333333;}

.tit1 h3.cur{transition: all 0.5s linear;height: 42px;line-height: 42px;background: url(../images/n-c1.png) no-repeat center;width: 176px;    width: 151px;padding-left: 25px;font-weight: bold;}
.tit1 h3.cur a{color: #ffffff;}

.gd_con{margin-top: 40px;position: relative;}
.gd_con .tempWrap{width: 1200px!important;}
.gd_con ul li{transition: 0.35s;float: left;width:590px;margin-right:20px; position: relative;height:405px;border-bottom: 1px solid #d4d4d4;box-sizing: border-box;text-align: center;}
.gd_con ul li i{width:590px; height:332px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;}
.gd_con ul li i img{width:590px; height:332px; display: block;transition:all 0.5s;}
.gd_con ul li h4{height: 73px;line-height: 73px;text-align: center;font-size: 22px;color: #4c4c4c;font-weight: normal;}
.gd_con ul li h4 a{color: #4c4c4c;}
.gd_con ul li:hover h4{font-weight: bold;}
.gd_con ul li:hover h4 a{color: #015db2;}

.gd_con ul li:after{transition: all 0.5s linear;position: absolute;bottom: 0;left:0;width: 0;height: 2px;background: #015db2;content: "";display: block;}
.gd_con ul li:hover:after{width:100%;}
.gd_con ul li:last-of-type{margin-right: 0;}

.gd_con .prev{position: absolute;left:-2%;top:141px;width:51px;height:51px;background:url(../images/left.png) no-repeat;z-index: 10;}
.gd_con .next{position: absolute;right:-2%;top:141px;width:51px;height:51px;background:url(../images/right.png) no-repeat;z-index: 10;}





/* -- 解决方案-- */
.fa-1{height: 733px;background: url(../images/fa1.jpg) no-repeat center top;background-color: #dedfe2;}
.fa1{width: 970px;background: url(../images/d-bg1.png) no-repeat center;float: right;margin-right: -360px;height: 390px;margin-top: 150px;}
.fa1 h2{height: 84px;background: url(../images/tit3.png) no-repeat left bottom;margin-left: 51px;margin-top: 50px;float: left;padding-left: 18px;text-align: left;}
.fa1 h2 em{font-size:46px ;color: #ffffff;display: block;line-height:46px;font-weight: bold;}
.fa1 h2 span{font-size:20px;color:#ffffff ;display: block;line-height:20px;font-weight: normal;padding-top: 16px;}
.fa1 p{font-size: 16px;line-height: 33px;color: #ffffff;display: block;font-weight: normal;margin-left: 70px; width: 55%;padding-top: 68px;}

.fa1 .gd{transition: 0.35s;width: 130px;margin-left: 70px;height: 24px;line-height: 24px;font-size: 18px;font-weight: bold;color: #ffffff;display: block;margin-top: 25px;}
.fa1 .gd i{height: 22px;width: 22px;display: inline-block;vertical-align: sub;margin-left: 10px;}

.fa1 .gd:hover{transform: translateY(-5px);}

.fa2{width: 746px;margin: 127px auto 0;background: url(../images/f-b.png) no-repeat center;height: 66px;}
.fa2 a{float: left;width:392px;height: 66px;transition: 0.35s;}
.fa2 a i{height: 55px;width: 55px;display: block;overflow: hidden;float: left;margin-top: 6px;}
.fa2 a i img{height: 55px;width: 55px;display: block;}
.fa2 a b{font-size: 20px;line-height: 66px;display: block;float: left;font-weight: bold;color: #ffffff;margin-left: 5px;}
.fa2 .is1 i{margin-left: 80px;}
.fa2 .is2 i{margin-left: 22px;}
.fa2 .is2{width: 353px;}

.fa2 .is1:hover{transform: translateY(-5px);}
.fa2 .is2:hover{transform: translateY(-5px);}





/* -- 案例-- */
.case{height: 1303px;background: url(../images/case-bg.jpg) no-repeat center top;}

.case h2{padding-top: 80px;height: 84px;text-align: center;background: url(../images/tit4.png) no-repeat center bottom;}
.case h2 em{font-size:46px;color:#015db2;display: block;line-height: 46px;font-weight: bold;position: relative;}
.case h2 span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top: 18px;}


.case_con{margin-top: 48px;}

.case_con ul li em{position: relative;width: 390px;height:483px;display: block;}
.case_con ul li{float: left;width: 390px;margin-right:15px; position: relative;height:483px;margin-bottom: 45px;box-shadow: 0 0 20px rgba(1,77,148,0.16);}
.case_con ul li i{width: 390px; height:293px; display: block;position: relative;}
.case_con ul li i img{width: 390px; height:293px; display: block;}
.case_con ul li .desc{height: 190px;background: #ffffff;border: 1px solid #e1e5e8;box-sizing: border-box; padding-left:20px;}
.case_con ul li .desc h4{margin-left: 30px;padding-top: 35px;font-weight: normal;font-size: 24px;color: #333333;display: block;margin-bottom: 18px;}

.case_con ul li .desc p{font-size: 15px;line-height: 30px;display: block;margin-left: 30px;font-weight: normal;color: #666666;width:85%;}

.case_con ul li .desc .gd{transform: scale(0);transition: 0.5s;height: 42px;line-height: 42px;font-size: 18px;font-weight: bold;color: #ffffff;display:block;padding-left: 20px;width: 146px;background: url(../images/t-c1.png) no-repeat center;margin-top: -22px;position: relative;    float: right;margin-right: 14px;}
.case_con ul li .desc .gd b{height: 22px;width: 22px;display: inline-block;vertical-align: sub;margin-left: 10px;}
.case_con ul li:hover .gd{transform: scale(1);transition: 0.5s;}
.case_con ul li .desc .gd:hover{transform: translateY(-5px);}

.case_con ul li:before, .case_con ul li:after,.case_con ul li>em:before, .case_con ul li>em:after{ -o-transition: all .5s ease; transition: all .5s ease; position: absolute; content: ""; background: #31aa2d; z-index: 3 }
.case_con ul li:before {width: 0;top:0px;left: 0px;height: 2px; }
.case_con ul li:after {width: 2px;top: 0px;left: -1px;height: 0;}
.case_con ul li>em:before{width: 0px;bottom: 0px;right: -2px;height: 2px; }
.case_con ul li>em:after{width: 2px;bottom: 0px;right: -2px;height: 0; }
.case_con ul li:hover:before { width:100% }
.case_con ul li:hover:after { height:100% }
.case_con ul li:hover>em:before { width: 100% }
.case_con ul li:hover>em:after { height:100% }

.case_con ul li:nth-of-type(3n){margin-right: 0;}

/* -- 优势-- */
.ys{height: 1162px;background: #ffffff;}
.ys h2{height: 84px;text-align: center;background: url(../images/tit5.png) no-repeat center bottom;}
.ys h2 em{font-size:46px;color:#015db2;display: block;line-height: 46px;font-weight: bold;position: relative;}
.ys h2 span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top: 18px;}


.ys1{height: 470px;margin-top: 49px;}
.ys1 dl{height:470px;background: #ffffff;}
.ys1 dl dt{height: 500px;width: 1000px;display: block;margin-right: -360px;float: right;}
.ys1 dl dt img{height:470px;width: 1000px;display: block;}
.ys1 dl dd{height: 470px;width: 920px;float: left;margin-left: -360px;background: url(../images/ys-d1.jpg) no-repeat center;}
.ys1 dl dd .text1{float: right;width: 410px;margin-right: 60px;margin-top: 88px;}
.ys1 dl dd .text1 h4{height: 66px;line-height: 66px;display: block;font-size: 32px;font-weight: bold;color: #ffffff;padding-left: 40px;width: 366px;background: url(../images/y-1s.png) no-repeat center;margin-bottom: 33px;}
.ys1 dl dd .text1 p{font-size: 16px;line-height: 32px;color: #ffffff;font-weight: normal;display: block;margin-bottom: 16px;padding-left: 18px;width: 90%;background: url(../images/dian.png) no-repeat left 12px;}

.ys2{height: 500px;}
.ys2 dl{height: 500px;background: #ffffff;}
.ys2 dl dt{height: 500px;width: 1000px;display: block;margin-left: -360px;float: left;}
.ys2 dl dt img{height: 500px;width: 1000px;display: block;}

.ys2 dl dd{height: 500px;width: 920px;float: right;margin-right: -360px;background: url(../images/ys-d2.jpg) no-repeat center;}
.ys2 dl dd .text1{float: left;width: 500px;margin-left: 60px;margin-top: 103px;}
.ys2 dl dd .text1 h4{height: 66px;line-height: 66px;display: block;font-size: 32px;font-weight: bold;color: #ffffff;padding-left: 70px;width: 336px;background: url(../images/y-2s.png) no-repeat center;margin-bottom: 33px;}
.ys2 dl dd .text1 p{font-size: 16px;line-height: 32px;color: #333333;font-weight: normal;display: block;margin-bottom: 16px;padding-left: 18px;width: 77%;background: url(../images/dians1.png) no-repeat left 12px;margin-left: 30px;}


/* -- 优势3-- */
.ys3{height: 710px;background: url(../images/ys3-bg.jpg) no-repeat center;}

.ys3 h2{padding-top: 70px;height: 36px;text-align: center;}
.ys3 h2 em{font-size:36px;color:#333333;display: block;line-height: 36px;font-weight: bold;position: relative;}
.ys3 h2 em::after{height: 7px;width: 7px;display: block;background: #333333;position: absolute;left:50%;margin-left: -3px;content: "";border-radius: 100%;top: 16px;}


.ys3s{margin-top: 50px;position: relative;}
.ys3s ul li{float: left;width: 221px;height: 335px;text-align: center;transition: 0.35s; }
.ys3s ul li i{width: 221px;height: 191px;display: block;overflow: hidden;}
.ys3s ul li i img{width: 221px;height: 191px;display: block;}
.ys3s ul li b{height: 37px;width: 37px;display: block;position: relative;margin: -19px auto 0;border-radius: 100%;overflow: hidden;background: #015db2;line-height: 37px;font-size: 22px;color: #ffffff;}
.ys3s ul li em{font-size: 24px;line-height: 24px;color: #333333;font-weight: normal;display: block;margin-top: 16px;}
.ys3s ul li span{font-size: 16px;line-height: 26px;color: #666666;display: block;font-weight: normal;padding-top: 10px;}

.ys3s ul .at1{margin-left:-25px;}

.ys3s ul .at2{margin-left:-15px;margin-top: 60px;}
.ys3s ul .at3{margin-left:-15px;}
.ys3s ul .at4{margin-left:-15px;margin-top: 60px;}
.ys3s ul .at5{margin-left:-15px;}
.ys3s ul .at6{position:absolute;top:60px;right:-25px;}

.ys3s ul li:hover{transform: translateY(-5px);}

.ys3 .gds{transition: 0.35s;margin: 35px auto 0;width: 258px;height: 54px;display: block;background: url(../images/zx-1.png) no-repeat center;line-height: 54px;}
.ys3 .gds span{font-size: 18px;font-weight: bold;display: block;color: #ffffff;padding-left: 74px;}
.ys3 .gds:hover{transform: translateY(-5px);}

/* -- 新闻资讯-- */
.news{height: 852px;border-top: 1px solid #dce9f5;box-sizing: border-box;background: #ebf1f7;}
.news h2{padding-top: 80px;height: 85px;text-align: center;background: url(../images/tit6.png) no-repeat center bottom;margin-bottom: 42px;}
.news h2 em{font-size:46px;color:#015db2;display: block;line-height: 46px;font-weight: bold;position: relative;}
.news h2 span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top: 18px;}


.news .company{height: 575px;width: 630px;float: left;}
.news h3 a{display:block;height:30px;margin-bottom:27px}
.news h3 strong{display:block;float:left;font-size:26px;line-height:30px;color:#333333;font-weight:normal;}
.news h3 span{display:block;float:right;line-height:100%;font-weight:normal;margin-top:12px;font-size:16px;color:#808080;text-transform: uppercase;}

.news .company dl{height: 360px;position: relative;width: 630px;border-bottom: 1px dashed #d4d4d4;box-sizing: border-box;}
.news .company dl dt{height: 260px;width: 630px;display: block;overflow: hidden;position: relative;}
.news .company dl dt img{height: 260px;width: 630px;display: block;transition:all 0.5s;}
.news .company dl dt::after{height: 135px;width: 100%;display: block;content: "";position: absolute;bottom: 0;left: 0;background: url(../images/after.png) no-repeat;}

.news .company dl:hover dt img{transform:scale(1.1);}

.news .company dl dd{height: 100px;}
.news .company dl dd h4{font-size: 22px;color: #ffffff;display: block;font-weight: normal;margin-top: -40px;position: absolute;z-index: 99; margin-left: 30px;}
.news .company dl dd p{font-size: 16px;line-height: 28px;color: #666666;display: block;font-weight: normal;padding-top: 22px;padding-left: 10px;    width: 94%;}

.news .company ul{margin-top: 20px;overflow: hidden;margin-left:9px;}
.news .company ul li{float: left;width: 630px;line-height: 36px;}
.news .company ul li a{font-size: 16px;color: #333333;display: block;font-weight: normal;padding-left: 19px;position: relative;background: url(../images/n-1.png)no-repeat center left;}
.news .company ul li a em{float: right;font-size: 14px;color: #808080;font-weight: normal;display: block;padding-right: 20px;}
.news .company ul li:hover a{background: url(../images/n-1s.png) no-repeat center left;color: #015db2;}

.news .company2{height: 565px;width: 520px;float: right;}

.news .company2 .news2{height:508px;overflow: hidden;border-top: 1px solid #d4d4d4;box-sizing: border-box;}
.news .company2 .news2 dl{height: 169px!important;padding:14px 15px;border: 1px solid #d4d4d4;box-sizing: border-box;border-top: 0;background: #ffffff;}
.news .company2 .news2 dl dt{height: 142px;float: left;width: 189px;display: block;overflow: hidden;}
.news .company2 .news2 dl dt img{height: 142px;width: 189px;display: block;transition:all 0.5s;}

.news .company2 .news2 dl dd{margin-left: 23px;float: left;width: 275px;}
.news .company2 .news2 dl dd h4{font-size:20px;color: #333333;font-weight: normal;display: block;padding-top: 29px;}
.news .company2 .news2 dl dd h4 a{color: #333333;}
.news .company2 .news2 dl dd p{font-size: 16px;line-height: 28px;color: #808080;font-weight: normal;padding-top: 12px;}

.news .company2 .news2 dl:hover h4 a{color: #015db2;}
.news2 dl:hover dt img{transform:scale(1.1);}


/* -- 走进我们-- */
.abt{height: 820px;background: url(../images/abt-bg.jpg) no-repeat center;}

.abt1{float: left;width: 530px;margin-top: 90px;}
.abt1 h2{height: 115px;position: relative;box-sizing: border-box;width: 530px;border-bottom:1px solid #7fa7c0 ;margin-bottom: 30px;}
.abt1 h2 em{font-size:46px;color:#015db2;display: block;line-height: 46px;font-weight: bold;position: relative;}
.abt1 h2 span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: bold;padding-top: 15px;}
.abt1 h2::after{height: 86px;width: 380px;display: block;background: url(../images/tit7.png) no-repeat;position: absolute;bottom: 30px;left: -27px;content: "";}
.abt1 p{font-size: 16px;line-height: 35px;display: block;font-weight: normal;color: #333333;}


.abt1 .gd{transition: 0.5s;height: 42px;line-height: 42px;font-size: 18px;font-weight: bold;color: #ffffff;display:block;padding-left: 20px;width: 146px;background: url(../images/t-c1.png) no-repeat center;margin-top: 22px;position: relative;}
.abt1 .gd b{height: 22px;width: 22px;display: inline-block;vertical-align: sub;margin-left: 10px;}
.abt1 .gd:hover{transform: translateY(-5px);}



.abt2{float: right;height: 285px;width: 590px;margin-top: 111px;}

.abt2 ul li{width: 290px;height: 130px;float: left;border: 1px solid #74b5e5;box-sizing: border-box;position: relative;margin-bottom:10px;}

.abt2 ul li strong{height: 45px;width: 45px;display: block;float: left;margin: 38px 35px 0 47px;}
.abt2 ul li strong img{height: 45px;width: 45px;display: block;}

.abt2 ul li b{ display: inline-block;font-size:50px;line-height: 100%;color: #015db2;font-weight:bold;vertical-align:top;font-family: "Arial";padding-top: 30px;}
.abt2 ul li i{margin-left: 5px;display: inline-block;width:22px;height:22px;line-height:22px;font-size: 14px;color: #ffffff;text-align: center;font-weight:normal;background: #015db2;border-radius: 20px;margin-top: 33px;}
.abt2 ul li span{ display: block;font-size: 18px; line-height:18px; color: #333333; font-weight:normal;}

.abt2 ul li:nth-of-type(2n){float:right;}

@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);
    }
  }