/*头部*/
.head .container{display: flex;}
.head .head_logo{flex:0 0 50%; height: 100px;transition: all .4s;}
.head .head_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;}
.head .head_tel{flex:0 0 50%; height: 100px;transition: all .4s;}
.head .head_tel .tel{float: right;background: url(../images/he_tel.png) left center no-repeat;padding:0 60px;height: 50px;margin-top:25px;line-height: 50px;color: #0089e1;font-size: 30px;font-weight: bolder;}
.top{background: #0089e1;}
.top .container{display: flex;line-height: 70px;transition: all .4s; }
.top .top_btn{flex:0 0 20%; height: 70px;transition: all .4s;position: relative;}
.top .top_btn .btnn{width: 1200px;height: 70px;position: absolute;right: 0;top:0;background: #0089e1;border-radius: 50px;padding-right: 20px;}
.top .top_btn .btnn ul li{float: right;padding:0 20px;position: relative;}
.top .top_btn .btnn ul li:last-child:after{width: 1px;height: 10px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #fff;}
.top .top_btn .btnn ul li a{color: #fff;font-size: 14px;display: inline-block;text-indent: 25px;}
.top .top_btn .btnn ul li a.a1{background: url(../images/top_ico1.png) left center no-repeat;}
.top .top_btn .btnn ul li a.a2{background: url(../images/top_ico2.png) left center no-repeat;}
/*.top_nav{flex:0 0 80%;}*/
.top_nav{flex:0 0 100%;}
.top_nav>.nav_ul>ul{display: flex;margin-bottom: 0;padding-left: 20px;padding-top:8px;padding-bottom: 8px;}
.top_nav>.nav_ul>ul>li{flex:1; height: 40px; line-height: 40px;font-size:14px; position: relative;transition: all 0.6s;color: #ddd;}
.top_nav>.nav_ul>ul>li .cn{display: inline-block;position: absolute; left:50%; top:0;transition: all 0.6s;font-size: 16px;opacity: 1;transform: translateX(-50%); width: 100%;text-align:center;color: #fff}
.top_nav>.nav_ul>ul>li .en{position: absolute; left:50%; top:-40px;transition: all 0.6s;opacity: 0;transform: translateX(-50%);width: 100%; font-size:8px;text-align:center;text-transform: uppercase;}
.top_nav>.nav_ul>ul>li .cn_active{position: absolute; left: 50%; top:40px;font-size:12px;opacity: 0;transform: translateX(-50%);width: 100%;}
.top_nav>.nav_ul>ul>li .en_active{display: inline-block;position:absolute;left: 50%; top:5px;font-size:16px;opacity: 1;color: #fff; transform: translateX(-50%);width: 100%;font-weight: bold;}
.top_nav>.nav_ul>ul>li span{position: absolute;top: 40px;left: 50%;display: block;height: 1px;width: 50%;transform: translateX(-50%);}
.top_nav>.nav_ul>ul>li .navline{animation: navline 0.4s linear forwards;background:#fff;}
.top_nav>.nav_ul>ul>li .navlines{animation: navlines 0.4s linear forwards;background:#fff;}
@keyframes navline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}
@keyframes navlines {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}

/*产品下拉*/
.top_nav>.nav_ul>ul>li .navson{position: absolute; top: 48px; left: 0;width: 100%;background: #fff;z-index: 10; display: none;padding-left: 30px;}
.top_nav>.nav_ul>ul>li .navson.p{left: 50%;width: 200px;transform: translateX(-50%);}
.top_nav>.nav_ul>ul>li .navson ol{line-height: 40px; height: 40px;color: #333; font-size:14px;position: relative;border-left: 1px solid #ccc;padding-left: 30px;}
.top_nav>.nav_ul>ul>li .navson ol:hover{ font-weight: bold;color: #0089e1; }
.top_nav>.nav_ul>ul>li .navson ol::before{content: "";position: absolute;top: 0;left: -1px;width: 1px;height: 0;border-left: 2px solid #0089e1;transition: 0.2s all linear;}
.top_nav>.nav_ul>ul>li .navson ol:hover::before {height: 100%;left: -1px;}
.top_nav>.nav_ul>ul>li .navson ol:hover ~ .top_nav>.nav_ul>ul>li .navson ol::before {left: -1px; height: 0;}
.top_fix{width: 100%; position: fixed;left: 0;top:0;z-index: 100;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;}


/*手机导航*/
.ovh{overflow: hidden;}
.menu{position: absolute;right: 15px; width: 80px;height: 30px;top: 18px;z-index: 100;line-height: 30px;}
.top_fix .menu{top:13px;}
.menu .menu_button{width: 40px;height: 30px;cursor: pointer;position: absolute;right: 0;top:0;}
.menu .menu_button .line{float: right;width: 35px;height: 3px;background: #0089e1;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button .line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button .line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #0089e1;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #ee2225;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;height: 400px;overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}

/*轮播*/
.banner{position: relative;z-index: 99;}
.banner .swiper-container {width: 100%;position: relative;z-index: 1;}
.banner .swiper-container .swiper-slide {text-align: center;}
.banner .swiper-container .swiper-slide a{display:block;width:100%;height: 100%;}
.banner .swiper-container .swiper-slide img{display:block;width:100%;}
.banner .swiper-container .swiper-pagination{bottom:80px;}
.banner .swiper-container .swiper-pagination-bullet{width: 14px;height: 14px;border:solid 1px #fff;margin:5px;background: none;}
.banner .swiper-container .swiper-pagination-bullet-active{background: #fff;}

/*首页*/
.in_tit{margin-bottom: 30px;}
.in_tit .name{flex:0 0 20%; color: #999999;font-size: 18px; line-height: 48px;}
.in_tit .name span{color: #3568c4;font-size: 40px;padding-right: 10px;font-weight: normal;}
.in_tit .tread{flex:0 0 75%;margin-top: 20px;}
.in_tit .tread i{display: block;width: 96%;margin:0 auto;height: 28px;background: url(../images/hx.png) left center repeat-x;}
.in_tit .more{flex:0 0 5%;margin-top: 20px;}
.in_tit .more a{color: #666666;font-size: 16px; line-height: 28px;display: inline-block;position: relative;}
.in_tit .more a:after{width: 0;height: 1px;background: #0089e1;content: '';position: absolute;left:0;top:0;transition: all .5s;}
.in_tit .more a:before{width: 0;height: 1px;background: #0089e1;content: '';position: absolute;right:0;bottom:0;transition: all .5s;}
.in_tit .more a:hover{color: #0089e1;}
.in_tit .more a:hover:before,.in_tit .more a:hover:after{width: 100%;}

.in_tit ul li{float: left;margin-right: 10px;}
.in_tit ul li a{display: inline-block;background: #ffffff;color: #666666;font-size: 14px;padding:0 20px;line-height: 32px;transition: all .4s;}
.in_tit ul li a:hover{background: #d2070a;color: #fff;}
.in_tit i{font-size: 25px;color: #0089e1;}
.in_tit_more .more{float: right;}
.in_tit_more a{display: inline-block; height: 35px;line-height: 35px;text-align: center;color:#fff;background: #5ca3d4;position: relative;transition: all .4s;}
.in_tit_more a:after{width: 0;height: 100%;content: '';position: absolute;right: 0;top:0;background: #1f55a6;transition: all .4s;}
.in_tit_more a b{display: inline-block;padding:0 2px;font-size: 14px;font-weight: normal;line-height: 35px;height: 35px;position: relative;z-index: 1;}
.in_tit_more a b:nth-of-type(1){padding:0 15px;font-size: 14px;}
.in_tit_more a b:nth-of-type(2){background: #1f55a6;font-size: 12px;top: -2px;}
.in_tit_more a:hover:after{width: 100%;}

/*首页服务*/
.in_service li{position: relative;transition: all .4s;border-bottom:solid 1px #d6d6d6;}
.in_service li:after{width: 1px;height: 200%;content: '';position: absolute;bottom:0;right:0;background: #d6d6d6;}
.in_service li:last-child:after{background: none;}
.in_service li:before{width: 100%;height: 200%;content: '';position: absolute;bottom:0;left:0;transition: all .4s;}
.in_service li a{display: block;padding:50px 25px;text-align: center;}
.in_service li a .img{width: 80px;height: 80px;margin:0 auto;border-radius: 100%; margin-bottom: 20px;background: #fff;}
.in_service li a img{max-width: 100%;}
.in_service li a h4, .in_service li a span{color: #333333;font-size: 24px;line-height: 30px;position: relative;padding-bottom: 10px; display: block;}
.in_service li a p{height: 170px; color: #666666;font-size: 16px;line-height: 30px;position: relative;padding-bottom: 30px;}
.in_service li:hover{margin-top: -10px;}
.in_service li:hover:before{-moz-box-shadow:0px 0px 20px #728cb6; -webkit-box-shadow:0px 0px 20px #728cb6; box-shadow:0px 0px 20px #728cb6;}

/*首页实时动态*/
.in_ssdt .tit{flex:0 0 10%;height: 58px;background: url(../images/in_ssdt_t.png) right center no-repeat; line-height: 28px;color: #666666;font-size: 14px;text-transform: uppercase;}
.in_ssdt .tit p{padding-right: 25px;}
.in_ssdt .tit b{color: #3568c4;font-size: 24px;display: inline-block;padding-bottom: 5px;border-bottom:solid 2px #3568c4;}
.in_ssdt .con{flex:0 0 90%;overflow: hidden;}
.in_ssdt .con .box{padding:0 30px;}
.in_ssdt .con .box .swiper-container {width: 100%;}
.in_ssdt .con .box .swiper-container .swiper-slide a{display: block;padding:0 20px;position: relative;}
.in_ssdt .con .box .swiper-container .swiper-slide a:after{width: 1px;height: 100%;content: '';position: absolute;right: 0;top:0;border-right: dotted 1px #d8d8d8;}
.in_ssdt .con .box .swiper-container .swiper-slide a dl{padding-left: 20px;margin:0; position: relative;}
.in_ssdt .con .box .swiper-container .swiper-slide a dl:after{width: 10px;height: 1px;content: '';position: absolute;left:0;top:15px;background: #3568c4;transition: all .4s;}
.in_ssdt .con .box .swiper-container .swiper-slide a dl dt{line-height: 30px;color: #333333;font-size: 16px;font-weight: normal;overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition: all .4s;}
.in_ssdt .con .box .swiper-container .swiper-slide a dl dd{line-height: 30px;color: #999999;font-size: 14px;}
.in_ssdt .con .box .swiper-container .swiper-slide a:hover dl dt{color: #3568c4;text-indent: 10px;}
.in_ssdt .con .box .swiper-container .swiper-slide a:hover dl:after{width: 20px;}

/*首页产品中心*/
.in_product{background: url(../images/in_product_bg.jpg) center no-repeat;}
.in_product1 .gallery-img{border:solid 5px #3568c4;}
.in_product1 .gallery-img img{width: 100%;}
.in_product1 .gallery-text h4 a{margin-top: 10px; font-size: 28px;color: #333333;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.in_product1 .gallery-text .info{font-size: 16px;color: #666666;line-height: 38px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin:20px auto;}
.in_product1 .gallery-text .more a{display: inline-block;padding:0 30px;line-height: 35px;border:solid 1px #0076cb;font-size: 14px;color: #0076cb;transition: all .4s;}
.in_product1 .gallery-text .more a:hover{color: #fff;background: #0076cb;}
.in_product1 .swiper-button-prev,.in_product1 .swiper-button-next{width: 50px;height: 80px;text-align: center;line-height: 80px;background: rgba(0,0,0,.5);}
.in_product1 .swiper-button-prev i,.in_product1 .swiper-button-next i{font-size: 30px;color: #fff;}
.in_product1 .swiper-button-prev{left:0;}
.in_product1 .swiper-button-next{right: 0;}
.in_product2{margin-top: 20px;}
.in_product2 .swiper-container {width: 100%;}
.in_product2 .swiper-container .swiper-slide .item{background: #fff;padding:15px 0;text-align: center;}
.in_product2 .swiper-container .swiper-slide .item h4 a{line-height: 40px;color: #666666;font-size: 24px;}
.in_product2 .swiper-container .swiper-slide .item .img{margin-top:10px;}
.in_product2 .swiper-container .swiper-slide .item .img img{width: 100%;}
.in_product2 .swiper-container .swiper-slide .item .more{margin-top: 20px;}
.in_product2 .swiper-container .swiper-slide .item .more a{line-height: 40px;color: #0076cb;font-size: 16px;display: inline-block;padding:0 40px;border:solid 1px #0076cb;border-radius: 50px;transition: all .4s;}
.in_product2 .swiper-container .swiper-slide .item .more a:hover{color: #fff;background: #0076cb;} 
.in_product2 .swiper-container .swiper-slide .item h4 a:hover{color: #0076cb;} 

/*首页公司简介*/
.in_company h4,.in_company span{color: #333333;font-size: 24px;line-height: 30px; display: block;}
.in_company p.cn{color: #666666;font-size: 16px;line-height: 30px;margin:20px 0;text-indent: 2em;}
.in_company a.more{display: inline-block;padding:0 30px;line-height: 35px; border:solid 1px #0076cb; color: #0076cb;font-size: 14px;transition: all .4s;margin-bottom: 40px;}
.in_company a.more:hover{background:#0076cb; color: #fff;}
.in_company h5{color: #3568c4;font-size: 49px;line-height: 50px;text-transform: uppercase; }
.in_company h6, .in_company b{color: #333333;font-size: 22px;line-height: 30px;margin-bottom: 20px; display: block; font-weight: normal;}
.in_company p.en{color: #b2b2b2;font-size: 12px;text-transform: uppercase; line-height: 25px;margin-top: 20px;}
.in_company ul{display: block; width: 100%;padding:20px 0;position: relative;}
.in_company ul:after{width: 80%;height: 100%;border:solid 5px #3568c4;content: ''; position: absolute;left:50%;top:0;transform: translateX(-50%);}
.in_company ul li{margin-bottom: 20px;position: relative;z-index: 2;}
.in_company img{max-width: 100%; display: block; margin: 0 auto;}

/*首页荣誉*/
.in_honor .swiper-container {width: 100%;}
.in_honor .swiper-container .swiper-slide .item{transition: all .4s;background: #fff;}
.in_honor .swiper-container .swiper-slide .img{overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;position: relative;border-bottom:solid 1px #f2f2f2;}
.in_honor .swiper-container .swiper-slide .img img{max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.in_honor .swiper-container .swiper-slide .con{padding:20px;padding-top: 10px;}
.in_honor .swiper-container .swiper-slide .con a{display: block;position: relative;padding-bottom: 15px; color: #333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.in_honor .swiper-container .swiper-slide .con a:after{width: 40px;height: 2px;content: '';position: absolute;left:0;bottom:0;background: #3568c4;transition: all .4s;}
.in_honor .swiper-container .swiper-slide .item:hover{background: #3568c4;}
.in_honor .swiper-container .swiper-slide .item:hover .con a:after{background: #fff;}
.in_honor .swiper-container .swiper-slide .item:hover .con a{color: #fff;}

/*首页联系我们*/
.in_lxwm{background: url(../images/in_lxwm_bg.jpg) center no-repeat;overflow: hidden;}
.in_lxwm .con{width: 40%;margin:0 auto; position: relative;}
.in_lxwm .con:after{width:700px;height:700px;content: '';position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);border:dashed 1px #fff;border-radius: 100%;}
.in_lxwm p{color: #fff;position: relative;z-index: 2;}
.in_lxwm p:first-of-type{font-weight: bold;font-size: 18px;letter-spacing: 2px;}
.in_lxwm p:first-of-type i{padding:0 5px;}
.in_lxwm p:nth-of-type(2){font-size: 12px;text-transform: uppercase;line-height: 25px;margin:10px auto;transform: scale(0.8);}
.in_lxwm p img{max-width: 100%;}
.in_lxwm p:nth-of-type(4){font-size: 14px;line-height: 30px;margin:10px auto;}
.in_lxwm a{font-size: 14px;line-height: 35px;border:solid 1px #fff;padding:0 30px;display: inline-block;color: #fff;position: relative;z-index: 2;margin-top: 30px;}

/*首页新闻资讯*/
.in_news .swiper-container {width: 100%;}
.in_news .swiper-container .swiper-slide .img{overflow: hidden;width: 100%;}
.in_news .swiper-container .swiper-slide .img img{width: 100%;}
.in_news .swiper-container .swiper-slide .con{width: 90%;margin:0 auto;background: #fff;position: relative;top:-20px;}
.in_news .swiper-container .swiper-slide .con .time{ padding:20px 0; color: #999999;font-size: 14px;line-height: 26px;}
.in_news .swiper-container .swiper-slide .con .time b{font-size: 42px;font-weight: normal;}
.in_news .swiper-container .swiper-slide .con h4 a{margin-bottom: 15px;line-height: 30px; color: #333;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.in_news .swiper-container .swiper-slide .con p{margin-bottom: 30px;line-height: 30px; color: #666666;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.in_news .swiper-container .swiper-slide .con .more{display: block; width: 100%;height: 46px;position: relative;overflow: hidden;}
.in_news .swiper-container .swiper-slide .con .more span{ display: block;width: 100%;height: 46px;line-height: 46px; position: absolute;left:0;line-height: 46px;transition: all .4s;}
.in_news .swiper-container .swiper-slide .con .more span:first-of-type{position: absolute;font-size: 30px;text-align: center;color: #d0d0d0;top:0;}
.in_news .swiper-container .swiper-slide .con .more span:last-of-type{position: absolute;top:-46px; font-size: 16px;text-align: center;color: #d0d0d0;background: #3568c4;color: #fff;}
.in_news .swiper-container .swiper-slide:hover .con .time{color: #3568c4;}
.in_news .swiper-container .swiper-slide:hover .con h4 a{color: #3568c4;}
.in_news .swiper-container .swiper-slide:hover .con .more span:first-of-type{top:46px;}
.in_news .swiper-container .swiper-slide:hover .con .more span:last-of-type{top:0;}

/*首页友情链接*/
.link-cover {background: #f2f2f2; overflow: hidden;margin-bottom: 30px;}
.link-cover .title {flex:0 0 10%; height: 50px;line-height: 50px; background: #3568c4;text-align: center;color: #fff;font-size: 16px;}
.link-cover .link-list {flex:0 0 85%; height: 50px;overflow: hidden;}
.link-cover .link-list a {display: block;float: left;height: 50px;line-height: 50px; padding: 0 22px; font-size: 14px; color: #808080;}
.link-cover .link-list a:hover {color: #3568c4;}
.link-cover .link-list em {display: block;float: left;font-size: 14px;color: #e6e6e6;line-height: 50px;}
.link-cover .link-list.active {height: auto;}
.link-cover .link-m{flex:0 0 5%;padding-right: 20px;}
.link-cover .link-more {cursor: pointer;font-size: 14px;color: #4c4c4c;line-height: 50px;height: 50px; padding-right: 20px; background: url(../images/down-arr.png) no-repeat right center;}
.link-cover .link-more.on {background: url(../images/up-arr.png) no-repeat right center;}

/*底部样式*/
.footer {background: url(../images/foot_bg.jpg) center;color: #fff;}
.footer ul.f_u{padding:30px 0;border-bottom:solid 1px rgba(255,255,255,.2);}
.footer ul.f_u p{font-size: 14px;line-height: 30px;}
.footer ul.f_u img{float: right;max-width: 100%;}
.footer ul.f_l{padding:30px 0;}
.footer ul.f_l h4{font-size: 12px;text-transform: uppercase;line-height: 30px;margin-bottom: 20px;}
.footer ul.f_l h4 i{font-size: 16px;font-style: normal;}
.footer ul.f_l p{font-size: 14px;line-height: 30px;display: flex;flex-wrap: wrap;}
.footer ul.f_l p a{flex:0 0 33%;color: #fff;font-size: 14px;line-height: 30px;}
.footer dl{width: 30%;margin-left: 10%; float: right;text-align: center;}
.footer dl dt img{max-width: 100%;}
.footer dl dd{line-height: 30px;font-size: 12px;}
.foot {line-height: 50px;border-top:solid 1px rgba(255,255,255,.2);font-size: 12px;color: rgba(255,255,255,.6);text-align: center;}
.foot a{font-size: 12px;color: rgba(255,255,255,.6);}
.foot a:hover{color: #fff;}