/*内页样式*/
.inner.wrapper,.inner .wrapper,.innernav .wrapper,.wrapper{max-width: 1200px;}
.navbar_nav .dropdown{padding: 0 16px;}
.subbanner{position: relative;overflow: hidden;}
.subbanner img{position:relative;left:50% !important;transform:translateX(-50%) !important;}
.innernav{background-color: #eee;}
.path{display: inline-block;color: #666;padding: 20px 0;font-size: 14px;}
.path a{color: #666;}
.path i{color: #999;margin-right: 5px;}
.innernav .nav_cont{float: right;}
.innernav .nav_cont li{float: left;padding: 0 25px;font-size: 16px;line-height: 70px;}
.innernav .nav_cont li.active{background: #01b4ed;}
.innernav .nav_cont li.active a{color: #fff;}
.innernav.scroll{position: fixed;top: 90px;width: 100%;left: 0;z-index: 9;}
/* about */
.inner h3.title{font:600 24px/1 'Lato'; position: relative;margin-bottom: 20px;color: #333;padding-bottom: 20px;}
.inner h3.title::after{content: '';position: absolute;width: 40px;height: 4px;background: #01b4ed;left: 0;bottom: 0;}
.about .mod1{padding: 3% 0;font-family:'Lato' ;}
.about .mod1 p{margin-bottom: 15px;font-size: 14px;}
.about .mod1 .wrap{text-align: center;overflow: hidden;}
.about .mod1 .wrap img{max-width: 100%;}
.about .mod1 li:hover .wrap{transform: translateY(-10px);transition: all 0.5s;}
.about .mod1 li p{padding: 10px 0 0;}
.about .line{width: 100%;height: 4px;background: #f1f1f1;}
.about .mod2{padding: 3% 0;}
.about .mod2 ul{width: 102%;}
.about .mod2 li{width: 18%;float: left;margin-right: 2%;text-align: center;padding: 30px 0;background: #f1f1f1;border-radius: 3px;font-size: 17px;    text-transform: capitalize;}
.about .mod2 li .icon{width: 60px;height: 60px;position: relative;overflow: hidden;margin: 15px auto;text-align: center;}
.about .mod2 li img{max-width: 100%;}
.about .mod2 li:hover{background: #004ea2;color: #01b4ed;transition: all 0.3s}
.about .mod2 li:hover img{transform: translateY(-60px);transition: all 0.5s;}
.about .mod3{padding: 3% 0;background: url(../jpg/his_bg.jpg)center no-repeat;}
.about .mod3 .cont{width: 80%; margin: 0 auto;position: relative;}
.about .mod3 .gallery-top{margin-bottom: 40px;}
.about .mod3 .gallery-top li{background: #fff;}
.about .mod3 .imgarea{width: 320px;float: left;}
.about .mod3 h4{font:600 36px/1 'Lato'; position: relative;margin-bottom: 20px;}
.about .mod3 .txtarea{font-size: 16px;padding: 30px 50px 30px 340px;}
.about .mod3 .txtarea i{color: #004ea2;}
.about .mod3 .gallery-thumbs{background: url(../png/his_line.png)right top no-repeat;padding-top: 20px;}
.about .mod3 .gallery-thumbs ul li{text-align: center;font-size: 18px;margin-top: -21px;color: #fff;float: left;}
.about .mod3 .gallery-thumbs ul li i{position: relative;display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #fff;}
.about .mod3 .gallery-thumbs ul li i::after{position: absolute;content: '';width: 18px;height: 18px;border-radius: 50%;background: rgba(0,78,162,0.3);left: -4px;top: -4px;z-index: 0;opacity: 0;}
.about .mod3 .gallery-thumbs ul li:hover i,.about .mod3 .gallery-thumbs ul li.swiper-slide-thumb-active i{background: #01b4ed;}
.about .mod3 .gallery-thumbs ul li:hover i::after,.about .mod3 .gallery-thumbs ul li.swiper-slide-thumb-active i::after{opacity: 1;}
.about .mod3 .cont .swiper-button-prev,.about .mod3 .cont .swiper-button-next{background: none;color: #fff;display: inline-block;width: 60px;height: 60px;line-height: 58px;border: 1px solid #fff;text-align: center;border-radius: 50%;}
.about .mod3 .cont .swiper-button-prev{left: -100px;top: 40%;}
.about .mod3 .cont .swiper-button-prev i{transform: rotate(90deg);font-size: 30px;display: inline-block;}
.about .mod3 .cont .swiper-button-next{right: -100px;top: 40%;}
.about .mod3 .cont .swiper-button-next i{transform: rotate(-90deg);font-size: 30px;display: inline-block;}
.about .mod4{padding: 3% 0;}
.about .mod4 li{margin-bottom: 40px;overflow: hidden;}
.about .mod4 li h5{font-size: 18px;font-family: 'Lato';font-weight: bold;margin: 20px 0;text-transform: capitalize;}
.about .mod4 li .txt{font-size: 14px;font-family: 'Lato';color: #444;}
.about .mod4 li:nth-child(odd) .img{float: left;}
.about .mod4 li:nth-child(odd) .txtarea{float: right;}

.honor{padding: 3% 0;}
/* left_sides */
.left_sides{width: 240px;margin-right: 40px;font-family:'Lato';}
.overview{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.sidenav>li{border-top: 3px solid #004ea2;font-size: 16px;margin-bottom: 30px;}
.sidenav .level1{position: relative;padding:15px 0;display: block;color: #333;overflow: hidden;border-bottom: 1px solid #ddd;transition: all 0.5s;line-height: 1.2;}
.sidenav .level1 i{display: inline-block;vertical-align: middle;transform: rotate(-90deg);float: left;width: 10%;}
.sidenav .level1 a{display: inline-block;width: 90%;float: left;}
 .sidenav .level2{display: none;}
.sidenav>li.active .level2{display: block;transition: all 0.3s;}
.sidenav .level2 a{color: #666;line-height: 35px;font-size: 14px;border-bottom: 1px solid #ddd;display: block;overflow: hidden;padding-left: 30px;transition: all 0.5s;}
.sidenav .level1:hover{color: #01b4ed;}
.sidenav .level2 a:hover{padding-left: 35px;}
.sidenav .level2 li.active a{color: #01b4ed;}
.sidenav>li.active .level1 i{transform: rotate(0);transition: all 0.3s;}
.sidenav>li.active i{color: #01b4ed;}

/* right_side */
.right_side{flex: 1;overflow: hidden;padding-left: 10px;position: relative;}
.col_des{padding: 30px;background: #ecf0f5;font-size: 14px;font-family: 'Lato';color: #777;margin-bottom: 30px;}
.right_side h2{font: 600 24px/1 'Lato';margin-bottom: 15px;color: #333;}
.inner .prolist li{margin-bottom: 30px;}
.inner .prolist li .wrap{}
.inner .prolist li .wrap .imgarea{height: 190px;}
.inner .prolist li .txtarea{padding: 10px 5px;text-align: center;font-family: 'Lato';}
.inner .prolist li h5{text-align: left;text-transform: capitalize;font-size: 18px;line-height: 24px;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;}
.inner .prolist li .more{font-size: 14px;color: #666;text-decoration: underline;}
.inner .prolist li:hover h5{color: #01b4ed;}
.inner .prolist li:hover a{color: #01b4ed;}
/* case */
.inner .caselist li{margin-bottom: 40px;}
.inner .caselist .wrap{background: #f3f3f3;}
.inner .caselist .wrap .imgarea{height: 285px;}
.inner .caselist .txtarea{padding: 20px;font-family: 'Lato';font-size: 14px;color: #777;}
.inner .caselist h5{font-size: 18px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;text-transform: capitalize;}
.inner .caselist .des{line-height: 24px;height: 72px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;}
.inner .caselist .more{display: inline-block;padding: 10px 20px;background: #bbb;color: #fff;margin-top: 15px;border-radius: 5px;line-height: 1;}
.inner .caselist li:hover .more{background: #01b4ed;}
/* newslist */
.inner .newslist li{transition: all .3s ease-out 0s;position: relative;display: flex;margin-bottom: 30px;align-items: flex-start;}
.inner .newslist .imgarea{width: 240px;height: 160px;margin-right: 30px;}
.inner .newslist .txtarea{position: relative;flex: 1;overflow: hidden;font-size: 14px;}
.inner .newslist .time{color: #777;margin-bottom: 5px;}
.inner .newslist .time i{color: #004ea2;margin-right: 8px;font-size: 18px;line-height: 1;}
.inner .newslist .txtarea h5{font-size: 18px;font-family: 'Lato';margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: capitalize;}
.inner .newslist .txtarea .des{margin-bottom: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;color: #777;}
.inner .newslist .txtarea .more{display: inline-block;padding: 10px 20px;color: #fff;background: #bbb;border-radius: 5px;color: #fff;line-height: 1;}
.inner .newslist li:hover h5{color: #01b4ed;}
.inner .newslist li:hover .txtarea .more{background: #01b4ed;}
/* video */
.video{padding: 3% 0;}
.video li{margin-bottom: 30px;}
.video li .imgarea{margin-bottom: 10px;width: 100%;height: 215px;position: relative;}
.video li .imgarea::after{position: absolute;content: '';width: 100%;height: 100%;background: url(../png/bf.png)center center no-repeat;left: 0;right: 0;}
.video li .tit{padding-left: 20px;position: relative;font-family: 'Lato';text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;height: 48px;line-height: 24px;}
.video li .tit::before{width: 8px;height: 8px;border-radius: 50%;background: #01b4ed;position: absolute;content: '';left: 0;top: 10px;}
/* download */
.download{padding: 3% 0;}
.download li{width: 100%;border-bottom: 1px solid #dddddd;line-height: 50px;background: #fff;color: #777777;font-weight: normal;font-size: 14px;}
.download li:first-child{background: #333;line-height: 60px;color: #fff;font-weight: bold;font-size: 17px;}
.download li:first-child .mod01{padding-left: 100px;}
.download .mod01{width: 60%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;}
.download .mod02,.download .mod03{width: 20%;float: left;text-align: center;}
.download li i{font-size: 26px;line-height: 1;vertical-align: middle;}
.download li:hover i{color: #01b4ed;}
.download li:first-child:hover{color: #fff;}
.download li:hover{color: #01b4ed;}
/* coop */
.coop .mod1{padding: 3% 0;}
.coop .article p{font-size: 14px;font-family: 'Lato';margin-bottom: 20px;}
.coop .mod2{padding: 3% 0;}
.coop .mod2 .center{text-align: center;}
.coop img{max-width: 100%;}
/* R&D */
.rd .mod1{padding: 3% 0;}
.rd .article p{font-size: 14px;font-family: 'Lato';margin-bottom: 20px;}
.rd .article>p{text-align: justify;}
.rd .mod2{padding-bottom: 3%;}
.rd .mod2 li{text-align: center;font-size: 14px;font-family: 'Lato';}
.rd .mod2 li .imgarea{border: 1px solid #ddd;padding: 5px;}
.rd .mod3{padding: 3% 0;background: #f6f6f6;}
.rd .mod3 .cont{background: #fff;display: flex;}
.rd .mod3 .imgarea{width: 320px;}
.rd .mod3 .article{padding: 30px;flex: 1;}
.rd .mod4{padding: 3% 0;}
/* caseshow */
.caseshow{font-family: 'Lato';}
.q_link{padding: 30px 0 50px;text-align: center;}
.q_link a{padding: 12px 25px;background: #bbb;color: #fff;line-height: 1;border-radius: 5px;margin: 0 15px;font-size: 14px;}
.q_link a:hover,.q_link a.active{background: #01b4ed;}
.caseshow h1{font:600 24px/1 'Lato';margin-bottom: 15px;}
.caseshow .article_con p{font-size: 14px;margin-bottom: 20px;}
.caseshow li{margin-bottom: 30px;}
.caseshow li .imgarea{height: 270px;display: flex;align-items: center;}
.caseshow .article_con h5{font-size: 18px;color: #004ea2;margin-bottom: 10px;font-weight: bold;}
.re_case li{text-align: center;margin-bottom: 30px;}
.re_case li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;font-size: 14px;}
.re_pro li{margin-bottom: 30px;padding-top: 10px;}
.re_pro li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* proshow */
.pro_top{width: 100%;position: relative;margin-bottom: 30px;font-family: 'Lato';overflow: hidden;}
.pro_top .pro_scroll{width: 50%;position: relative;}
.pro_top .pro_scroll .gallery-top{height: 320px;overflow: hidden;}
.q_link{background: #fff;z-index: 99;}
.casecontent{position: relative;}
.casecontent.scroll{padding-top: 107px;}
.casecontent.scroll .q_link{position: fixed;width: 1200px;top: 90px;}
.pro_top .pro_scroll .gallery-top{margin-bottom: 10px;}
.pro_top .pro_scroll li{text-align: center;}
.pro_top .pro_txt{float: right;width: 50%;padding-left: 40px;}
.pro_top .pro_txt .pro_tit{font:600 18px/1.5 'Lato';margin: 10px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;}
.pro_top .pro_txt .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow : hidden;font-size: 14px;border-top: 1px solid #ddd;}
.pro_top .pro_txt .link{position: absolute;bottom: 50px;}
.pro_top .pro_txt .link a{display: inline-block;padding:10px 25px;border-radius: 3px;margin-right: 20px;line-height: 1;}
.pro_top .pro_txt .link a:first-child{background: #01b4ed;color: #fff;}
.pro_top .pro_txt .link a:last-child{border: 1px solid #004ea2;color: #004ea2;}
.pro_top .pro_txt .link a i{vertical-align: middle;margin-right: 6px;font-size: 20px;line-height: 1;}
.pro_bot h4{margin-bottom: 15px;color: #004ea2;font:600 18px/1 'Lato';}
.pro_bot h4.tit{padding-bottom: 14px;border-bottom: 1px solid #004ea2;padding-top: 15px;}
.pro_h{background: #fff;}
.pro_h.scroll{position: fixed;top: 90px;z-index: 2;width: calc(1190px - 280px);}
.pro_bot .select a{display: inline-block;padding: 0 30px;line-height: 1;border-right: 1px solid #ddd;}
.pro_bot .select a:first-child{padding-left: 0;}
.pro_bot .select a.active{color: #01b4ed;}
.pro_bot .article_con{padding: 20px 0;}
.pro_bot .article_con h5{border-left: 2px solid #004ea2;padding-left: 8px;color: #004ea2;font-size: 16px;line-height: 18px;text-transform: capitalize;}
/* form */
.mess .cont{width: 100%;font-size: 14px;color: #777;}
.mess .cont input,.mess .cont select{width: 100%;border: 1px solid #ddd;margin-bottom:15px;padding-left: 15px;height: 40px;line-height: 40px;}
.mess .cont textarea{line-height: 30px;height: 90px;border: 1px solid #ddd;margin-bottom: 15px;padding-left: 15px;width: 100%;}
.mess .last{text-align: center;}
.mess .last input{width: auto;padding: 8px 30px;border-radius: 3px;border: none;color: #fff;margin: 0 10px;font-size: 14px;}
.mess .last input.ui-btn1{background: #004ea2;}
.mess .last input.ui-btn2{background: #01b4ed;}
.contact{padding: 3% 0 0;}
.contact h4{font-size: 24px;font-weight: bold;margin-bottom: 40px;color: #01b4ed;}
.contact h4 i{font-size: 30px;vertical-align: middle;margin-right: 10px;line-height: 1;}
.contact .mod1 .mess .des{color: #777;font-size: 14px;margin-bottom: 20px;}
.contact .inform .wrap{background: #f6f6f6;padding:40px 30px;margin-left: 20px;}
.contact .inform i{display: inline-block;width: 50px;height: 50px;background: #01b4ed;border-radius: 50%;color: #fff;line-height: 50px;font-size: 24px;text-align: center;margin-right: 20px;}
.contact .inform p{display: inline-block;}
.contact .inform li{margin-bottom: 30px;}
.contact .inform p.add{display: block;padding-left: 70px;}
.contact .inform a{width: 140px;line-height: 44px;height: 46px;border: 1px solid #004ea2;color: #004ea2;font-size: 14px;font-family:'Lato' ;display: block;margin: 20px auto;text-align: center;border-radius: 3px;}
.contact .mod2{padding: 3% 0;border-top: 2px solid #004ea2;margin-top: 3%;font-size: 14px;font-family: 'Lato';}
.contact .mod2 h5{font:600 18px/1 'Lato';margin-bottom: 15px; text-transform: capitalize;}
.contact .mod2 p i{width: 6rem;float: left;}
.contact .mod2 p span{padding-left: 6.5rem;display: block;}
.contact .mod3{padding-bottom: 4%;}
/* newshow */
.newsshow{padding: 3% 0;}
.article_cont{font-family: 'Lato';}
.col_tit{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.sub_title {text-align: center;padding: 20px 0;line-height: 30px;}
.sub_info{color: #777;background: #f4f4f4;line-height: 40px;font-size: 14px;}
.sub_info span{margin-right: 30px}
.sub_title h1{font:500 24px 'Lato';margin-bottom: 20px;margin-top: 10px;text-transform: capitalize;}
.article{margin: 10px 0;line-height: 25px}
.article table{width: 100%;vertical-align: middle;text-align: center;}
.article table td{vertical-align: middle;}
.newsshow .article{font-size: 14px;color: #666;}
.article img{text-align: center;height: auto !important;}
.skip{margin-top: 50px;margin-bottom: 10px;background: #ecf0f5;padding: 5px;font-size: 14px;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;color: #666;margin: 0 2%;}
.skip a{color: #666666}
.skip .fl{float: left;}
.skip .fr{float: right;text-align: right;}
.skip_bot{font-size: 14px;color: #777;margin-bottom: 30px;}
.skip_bot .share i{margin-right: 10px;color: #999;}
.skip_bot .return{padding: 3px 25px;border-radius: 30px;background: #004ea2;color: #fff;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding:3% 0;}
.relate .tit h3{font: 600 18px 'Lato';color: #004ea2;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 2%;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #01b4ed;font-size: 12px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}
/* ============分页=========== */
#dcms_pager{text-align: center;margin: 50px 0;font-size: 13px;}
#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}
#dcms_pager a, #dcms_pager span {float: left;color: #333;line-height: 2;text-align: center;border: 1px solid #ddd;min-width: 14px;padding:2px 10px;margin-right: 5px;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #01b4ed;color:#fff}
#dcms_pager .active {color: #FFF;border:none; cursor: default;}
#dcms_pager .active a{background: #01b4ed;color: #fff;border: 1px solid #01b4ed;}
#dcms_pager .disabled {color: #333;cursor: default;}
.breadcrumb-bar{padding: 20px 0;font-size: 12px;}
.breadcrumb-bar .path{line-height: 25px;color: #666;}
.breadcrumb-bar .path a{margin: 0 5px;color: #666;}

.newsshow .article video{max-width: 100%;}

.flex_list{display: flex;flex-flow:wrap;}
#honor_list li{margin-bottom: 2%;}
#honor_list li .tit{text-align: center;margin-top: 0.8em;}
#honor_list li .imgarea{padding: 5px; border: 1px solid #ddd;height: 539px;display: flex;align-items: center;justify-content: center;}
#honor_list li .imgarea img{height: auto;}
#honor_list.short li .imgarea{height:264px;}
.article table td{overflow: hidden;}
.article table td img{margin:0 2%;}
.pro_bot .article_con h5{font-size: 16px;
    line-height: 30px;
    background: rgb(0, 78, 162);
    padding-left: 15px;
    color: #fff;
    border-color: #01b4ed;
}
@media screen and (min-width:980px){
	.pro_h 	#select{display: flex;justify-content: space-between;margin-left:-5%;padding-bottom: 13px;}
	.pro_h .cf:before, .pro_h .cf:after{display: none;}
	.pro_h 	#select a{flex-grow: 1;padding: 0;text-align: center;    font-size: 17px;}
	.pro_h 	#select a:last-child{border: none;}
}
@media screen and (max-width:1200px){
	#honor_list li .imgarea{height: 50vw;}
	#honor_list.short li .imgarea{height:20vw;}
}
@media screen and (max-width:768px){
	#honor_list li .imgarea{height:64vw;}
	#honor_list.short li .imgarea{height:31vw;}
}