@charset "utf-8";
body{font-size:14px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}

.maxwidth{width:1180px; margin:0 auto;}
ul,li{ list-style: none; margin:0; padding:0}
img{max-width:100%;}
a:hover{ text-decoration: none;}
.swiper-container{width:100%;}

.imgbox{ position: relative}
.imgbox img{transition: transform 0.3s;}
.imgbox img:hover{transform: scale(1.2);  }

.header{}
.head_top{height:110px; line-height: 110px; overflow: hidden}
.head_top .logo{float:left;}
.head_top .contact{float:right; font-size:16px; background: url("../images/tel.png") no-repeat; padding-left:35px;  background-position: left center;}
.header .nav{height:60px; background: #1a325e; text-align: center}
.header .nav ul{ display: inline-block}
.header .nav ul li{float:left; line-height: 60px; padding:0 50px; font-size:17px;}
.header .nav ul li.active{background: #da251c;}
.header .nav ul li a{color:#fff;}

.channel_title{color:#fff; text-align: center; padding-top:50px; padding-bottom:50px;}
.channel_title .title{ font-size:30px; position: relative; width:800px; margin:0 auto;}
.channel_title .title:after{width:800px; height:1px; left:0; background: #fff; content:''; position: absolute; top:20px;}
.channel_title .title span{ position: relative; background: #1a325e; padding:0 30px; z-index: 2}
.channel_title .us_title{margin-top:5px; font-size:16px;}
.channel_title .ftitle{margin-top:20px; font-size:16px;}

.box{ position: relative; clear: both}

.product{ background: #1a325e}
.product .box{height:500px;}

.technology{ background: url("../images/bg1.jpg") no-repeat center/cover}
.technology .channel_title{color:#1a325e;}
.technology .channel_title .title:after{height:0;}
.technology .channel_title .title span{background: transparent}
.technology .box{height:690px;}
.technology ul li{width:33.3%; float:left; background: #1a325e; height:590px; color:#fff; font-size:18px;}
.technology ul li .top,.technology ul li .bottom{height:295px; position: relative}
.technology ul li .top,.technology ul li img{height:295px;}
.technology ul li .info{position: absolute;  top:50%;  left:50%;  width:100%;  transform:translate(-50%,-50%);  text-align: left; padding:30px;}

.advantage{ background:#1a325e url("../images/bg2.jpg") no-repeat center/cover; height:1080px;}
.advantage .channel_title .title:after{height:0;}
.advantage .channel_title .title span{background: transparent}
.advantage .box{ position: relative; color:#fff;}
.advantage .box p{ background: url("../images/p.png") no-repeat; padding-left:20px;}
.advantage .first{ position: absolute; top:0; left:0; width:550px;}
.advantage .second{ position: absolute; top:230px; left:0;}
.advantage .third{ position: absolute; top:450px; left:550px;}
.advantage .fourth{ position: absolute; top:650px; left:550px;}
.advantage_title{height:60px; margin-bottom:20px;}
.advantage_title span{font-size:40px; float:left;}
.advantage_title .title_box{float:left; background: url("../images/emline.png") no-repeat; padding-left:40px;}
.advantage_title .title{ font-size:24px;}
.advantage_title .ftitle{ font-size:14px; color:#a5aab3}
.left_block{ position: absolute ;top:450px; left:0;}
.right_block{ position: absolute ; top:0; right:0;}
.right_block img{width:550px;}


.about{ background: url("../images/bg3.jpg") no-repeat center/cover; display: flex; padding-bottom:110px;}
.about .video{ background: url("../images/video.png") no-repeat; float:left; width:640px; height:425px; margin-top:110px;}
.about .info{ float:left; width:460px; padding-left:30px; margin-top:110px;}
.about .info .title{ font-size:30px; color:#1a325e}
.about .info .content{font-size:16px; line-height: 30px; text-indent: 2em; margin-top:20px; height:300px; overflow: hidden}
.about .info .more{ background: url("../images/btn.jpg") repeat-x; height:46px; line-height: 46px; width:200px; border-radius: 20px; font-size:18px; text-align: center; float:right}
.about .info .more a{color:#fff;}

.case{ background: url("../images/bg4.jpg") no-repeat center/cover}
.case .channel_title .title:after{height:0;}
.case .channel_title .title span{background: transparent}
.case .box{ padding-bottom:50px;}
.case .imgbox{width:300px; height:225px; overflow: hidden}
.case img{border:3px solid #c2c2c2; width:100%;}

.partner{ background: #e9e9e9;}
.partner .channel_title{color:#1a325e;}
.partner .channel_title .title span{ background: #e9e9e9;}
.partner .channel_title .title:after{ background: #1a325e;}
.partner .box{ padding-bottom:50px;}
.partner .imgbox{width:238px; height:100px; overflow: hidden}
.partner img{border:3px solid #c2c2c2; width:calc(100% - 6px);}

.honor{ background: url("../images/bg5.jpg") no-repeat center/cover; padding-bottom:80px;}
.swiper-container-honor{width:900px;}
.honor .imgbox{width:210px; height:304px; margin:0 auto; overflow: hidden}
.honor img{border:3px solid #c2c2c2; width:100%;}

.news{padding-bottom:80px;}
.news .channel_title{color:#1a325e;}
.news .channel_title .title:after{background: #1a325e}
.news .channel_title .title span{background: #fff}
.news .box{display: flex}
.news_left,.news_right{width:550px;}
.news_left{float:left;}
.news_right{float:right; margin-left:60px;}
.news_title{height:46px; color:#fff; font-size:16px;  background: #1a325e; line-height: 46px; padding:0 15px;}
.news_title a{color:#fff;}
.news_title span{float:right;}
.news_img{float:left;}
.news_img .imgbox{width:300px; height:200px; overflow: hidden}
.news_img .imgbox img{width:100%;}
.news_left ul,.news_right ul{}
.news_left ul li,.news_right ul li{float:left; border-bottom:1px dashed #ccc; width:100%; height:40px; line-height: 40px;}
.news_left ul li.active,.news_right ul li.active{margin-top:20px; margin-bottom:20px; height:auto; line-height: inherit; border:none;}
.news_info{float:left; width:250px; padding-left:20px;}
.news_info .title{font-size:18px; height:50px; overflow: hidden}
.news_info .info{height:80px; overflow: hidden; margin-top:20px;}
.news_info .more{ background: #1a325e; height:30px; width:100px; line-height: 30px; text-align: center; float:right; margin-top:20px;}
.news_info .more a{color:#fff;}
.news ul li span{float:right;}
.news ul li a{color:#000}

.footer{ background: #1a325e; color:#fff; height:300px; position: relative}
.footer .box{height:300px;}
.footer .ewm{float:left; width:200px; height:200px; background: #000; margin:50px 0}
.footer .info{position: absolute;  top: 50%;  left: 260px;  width: 900px;  transform: translate(0,-50%);  text-align: left; }
.footer a{color:#fff;}

.box.page{}
.box_block{display: flex; margin-top:20px; margin-bottom:20px;}
.crumbs{height:60px; line-height: 60px; font-size:16px; color:#1a325e; background: #f8f8f8}
.crumbs .maxwidth{ background: #f8f8f8 url("../images/nav.png") no-repeat left center; padding-left:40px;}
.crumbs span{float:right; color:#000}
.crumbs span a{color:#000}

.box_left{width:240px; float:left;}
.left_nav .title{height:60px; line-height: 60px; text-align: center; color:#fff; background: #1a325e; font-size:20px;}
.left_nav ul{ border:1px solid #ccc; border-top:none; padding-top:10px;}
.left_nav ul li{width:200px; height:50px; line-height: 50px; text-align: center; color:#000; background: #e8e8e8; margin:0 auto 10px;}
.left_nav ul li a{color:#000;}
.box_right{width:910px; margin-left:30px; float:right;}
.piclist ul{ }
.piclist ul li{width:290px; float:left; margin-right:20px; border:3px solid #c2c2c2; padding:10px; margin-bottom:25px;}
.piclist ul li:nth-child(3n){margin-right:0;}
.piclist ul li .imgbox{width:264px; height:211px; overflow: hidden; position: relative}
.piclist ul li .imgbox img{}
.piclist ul li a{color:#000; text-align: center}


.channle_nav{ text-align: center}
.channle_nav ul{ display: inline-block}
.channle_nav ul li{height:40px; line-height: 40px; padding:0 20px; float:left; margin:50px 20px; font-size:18px;}
.channle_nav ul li.active{background: #1a325e; }
.channle_nav ul li a{color:#000;}
.channle_nav ul li.active a{color:#fff;}
.newslist{}
.newslist ul li{width:100%; display: flex; position: relative; background: #f8f8f8; margin-bottom:30px;}
.newslist ul li .imgbox{float:left; width:350px; height:280px; overflow: hidden; position: relative}
.newslist ul li .imgbox img{}
.newslist ul li .newsli{float:left; width:830px; position: absolute;  top:50%;  left:350px;  transform:translate(0,-50%); padding-left:30px; padding-right:30px; color:#000}
.newslist ul li .newsli .title{font-size:18px;}
.newslist ul li .newsli .datetime{margin-top:15px;}
.newslist ul li .newsli .content{margin-top:30px;}

.article .title{ font-size:24px; text-align: center; margin-top:50px;}
.article .datetime{ text-align: center; margin-top:20px;}
.article .datetime a{color:#000;}
.article .content{margin-top:40px; line-height: 25px;}
.article .content p{margin-bottom:20px;}

.service_block{margin-bottom:50px; margin-top:20px;}
.service_block ul{ display: flex}
.service_block ul li{float:left; width:33.3%; height:400px; color:#000; text-align: center; padding-top:230px;}
.service_block ul li.active{background: #1a325e; color:#fff;}
.service_block ul li:nth-child(1){ background: url("../images/1.png") no-repeat center 80px;}
.service_block ul li:nth-child(2){ background: url("../images/2.png") no-repeat center 80px;}
.service_block ul li:nth-child(3){ background: url("../images/3.png") no-repeat center 80px;}
.service_block ul li.active:nth-child(1){ background: #1a325e url("../images/4.png") no-repeat center 80px;}
.service_block ul li.active:nth-child(2){ background: #1a325e url("../images/5.png") no-repeat center 80px;}
.service_block ul li.active:nth-child(3){ background: #1a325e url("../images/6.png") no-repeat center 80px;}
.service_block ul li .title{font-size:24px;}

.message{ background: #f3f3f3; padding:30px 0; height:470px; margin-top:50px;}
.message_title{font-size:36px; text-align: center; margin-bottom:30px; position: relative; padding-bottom:15px}
.message_title:before{width:200px; height:2px; background: #1a325e; content:''; position: absolute; bottom:0; left:calc(50% - 100px);}

.page_title{ font-size:24px; text-align: left; height:100px; line-height: 100px; border-bottom:1px dashed #ccc;}
.page_title span{font-size:14px; margin-left:20px;}
.product_page .title{font-size:24px; font-weight: bold; text-align: center}
.product_page .image{ text-align: center}
.product_page .info{margin-bottom:50px; font-size:16px;}
.product_page .info p{ background: url("../images/nav.png") no-repeat left 5px; background-size:10px 10px; padding-left:15px;}

.product_title{font-size:24px; text-align: center; padding:50px 0}

.details ul{column-count:2;}
.details ul li{height:50px; line-height: 50px; text-align: center; background: #fff; border-bottom:1px solid #9a9a9a; font-size:16px;}
.details ul li span{background: #005bae; color:#fff; float:left; width:170px; height:49px;}
.details ul li em{font-style: normal; float:left; width:320px;}

.images{margin-bottom:50px;}
.images ul{ display: inline-block}
.images ul li{float:left; margin-right:20px;}
.images ul li:nth-child(4n){margin-right:0;}
.images ul li .imgbox{width:280px; height:224px; overflow: hidden; position: relative}
.images ul li .imgbox img{}
.images ul li p {color:#000; text-align: center}

.video{ display: flex; height:600px; position: relative}
.video .video_left{width:617px; float:left; color:#fff; position: absolute;  top:50%;  transform:translate(0,-50%); font-size:16px;}
.video_left b{font-size:24px;}
.video .video_right{width:533px; height:400px; margin-left:647px; float:right; background: #fff; margin-top:100px; overflow: hidden}

#wrap{
    position: absolute;
    overflow: hidden;
    top:0; left:0; right:0; bottom:0;
    margin:0 auto;
    width: 1000px;
    height: 400px;
}
#wrap > ul{
    width: 1000px;
    list-style: none;
}
#wrap > ul > li{
    float: left;
    width: 100px;
    height: 400px;
    cursor: pointer;
    /*border-left:1px solid #fff;*/
    position: relative;
    z-index: 9;
}
#wrap > ul > li:before{ content:''; position: absolute; width:100%; height:100%; left:0; top:0; background: url("../images/productbg.jpg") no-repeat;}
#wrap > ul > li:nth-child(1){
    background: no-repeat 0/cover; background-size: 600px 400px;
}
#wrap > ul > li:nth-child(2){
    background:no-repeat 0/cover; background-size: 600px 400px;
}
#wrap > ul > li:nth-child(3){
    background:no-repeat 0/cover; background-size: 600px 400px;
}
#wrap > ul > li:nth-child(4){
    background:no-repeat 0/cover; background-size: 600px 400px;
}
#wrap > ul > li:nth-child(5){
    background:no-repeat 0/cover; background-size: 600px 400px;
    width: 600px;
}
#wrap > ul > li > .text{
    width: 150px;
    height: 100%;
    /*background: #6cbef8;*/
    opacity: 1;
    font-size:18px;
    position: relative;
    z-index: 10;
}
#wrap > ul > li > .text p{
    font-family: 'Microsoft yahei';
    color: #fff;
    margin-bottom:0;
    height: 400px;
    writing-mode: vertical-lr;
    text-align: center;
    width: 150px;
    padding-left: 40px;
}
.swiper_box{position: relative}
.swiper-container{width:90%;}
.swiper-container-banner{width:100%;}
.productimg{ position: absolute; z-index: 9; width:50px; height:100%; left:0; top:0; background-size: 500px 400px; margin-left:100px;transition: all .5s;}
.curr .productimg{width:500px;}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}