/*内页样式*/

.inner{padding-top: 3%;}

.wrapper{max-width: 1400px;margin: 0 auto;padding: 0 10px;}

.subbanner{height: 250px;overflow: hidden;position: relative;width: 100%;background: #525485;}

.subbanner .sub_pic{position: absolute;right: 0;top: 50%;max-width: 85%;overflow: hidden;transform: translateY(-50%);}

.subbanner .sub_pic img{position: relative;left: 50% !important;transform: translateX(-35%) !important;}

.subbanner .path{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 14px;}

.subbanner .path a{color: #fff;}

.subbanner .path .icon-zhuye{margin-right: 8px;line-height: 1;}



.top_nav{display: table;text-align: center;margin:0 auto;padding-bottom: 3%;}

.top_nav li{float: left; padding: 0 30px;background: #ddd;color: #333;margin: 0 20px;line-height: 45px;border-radius: 3px;text-transform: capitalize;}

.top_nav li.active{color: #fff;background: #cd2f67;}

.top_nav li.active a{color: #fff;}

/* about */

.inner .about{background: url(../images/about_bg.jpg)bottom center no-repeat;position: relative;background-size: 100% 95%;}

.inner .about h3{font:600 32px/1 Arial,"Microsoft yahei";margin-bottom: 25px;margin-top: 10px;text-transform: uppercase;}

.inner .about h5{font-size: 24px;margin-bottom: 15px;line-height: 1;}

.inner .about .article_cont p{margin-bottom: 15px;}

.inner .about .txtarea{padding-right: 50px;}

.inner .about .video video{max-width: 100%;}

.inner .about .photos_scroll{margin: 0 10px;padding: 3% 10px 4% 10px;position: relative;}

.inner .about .photos_scroll li img{max-width: 100%;}

.inner .about  .swiper-button-prev{background: url(../images/prev1.jpg)no-repeat;width: 49px;height: 40px;left: -70px;}

.inner .about  .swiper-button-next{background: url(../images/next1.jpg)no-repeat;width: 49px;height: 40px;right: -70px;}

.inner .about .wrapper{position: relative;}

.inner .history{padding: 2% 0 3%;}

.inner .history h3,.inner .partner h3{font:600 32px/1 Arial,"Microsoft yahei";margin-top: 10px;text-align: center;position: relative;padding-bottom: 20px;margin-bottom: 3%;text-transform: uppercase;}

.inner .history h3::after,.inner .partner h3::after{content: '';position: absolute;width: 40px;height: 3px;background: #525485;bottom: 0;left: 50%;transform: translateX(-50%);}

.inner .history .history_content{width: 100%;height: 300px;position: relative;}

.inner .history .history_content::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 2px;background: #525485;}

.inner .history .history_content .swiper-container{width: 92%;}

.inner .history .history_content li{width: 25%;float: left;height: 100%;position: relative;}

.inner .history .history_content .line{position: absolute;left: 0;padding-left: 15px;}

.inner .history .history_content .line i{width: 1px;height: 150px;background: #525485;position: relative;display: block;}

.inner .history .history_content .line i::after{content: '';width: 25px;height: 25px;bottom: -13px;background:#525485;border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;left: 50%;transform: translateX(-50%);}

.inner .history .history_content .txtarea{width:480px;margin-left: 30px;}
.inner .history .history_content .txtarea h4{font-size: 28px;color: #666;font-family: Impact,Arial, "Helvetica Neue", Helvetica, sans-serif;}

.inner .history .history_content li:nth-child(even){margin-top: 150px;}

.inner .history .history_content li:nth-child(even) .line i::after{bottom: auto;top: -13px;}

.inner .history .history_content li:nth-child(even) .txtarea{margin-top: 30px;}

.inner .history .history_content .img{width: 155px;float: left;margin-right: 20px;}

.inner .history .history_content .img img{width: 100%;}

.inner .history .history_content li.swiper-slide-prev{overflow: hidden;}

.inner .history .history_content li:hover .line i{background: #cd2f67;}

.inner .history .history_content li:hover .line i::after{background: #cd2f67;}
.inner .history .history_content li:hover  .txtarea h4{color: #cd2f67;}

.inner .history .history_content .swiper-button-prev{width: 40px;height: 40px;background: url(../images/prev2.png)center no-repeat;left: -50px;}

.inner .history .history_content .swiper-button-next{width: 40px;height: 40px;background: url(../images/next2.png)center no-repeat;right: -50px;}

.inner .partner {padding-bottom: 3%;}

.inner .partner li{text-align: center;height: 80px;}

.inner .partner li img{max-width:75%;max-height: 100%;}

.partner_bd{padding-bottom: 3%;}

.partner_bd .swiper-pagination{bottom: 0;}

.partner_bd .swiper-pagination-bullet-active{background: #cd2f67;}
.inner .culture{padding-bottom: 3%;}
.inner .culture li{position: relative;margin-bottom: 30px;} 

.inner .culture li>img{max-width: 100%;height: 430px;}

.inner .culture li .txtarea{position: absolute;color: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.inner .culture li .icon{width: 100px;text-align: center;font-size: 24px;margin-right: 50px;position: absolute;top: 50%;transform: translateY(-50%);}

.inner .culture li .txt{width: 330px;margin-left: 130px;font-size: 17px;}



.inner .honor ul{width: 104%;padding-bottom: 3%;}

.inner .honor ul li{width: 16%;margin-right: 4%;float: left;font-size: 16px;text-align: center;margin-bottom: 30px;}

.inner .honor ul li .imgarea{padding: 10px;border: 1px solid #ddd;overflow: hidden;position: relative;display: block;height: 320px;margin-bottom: 10px;}

.inner .honor ul li .imgarea img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px;}





/* --------------分页---------------- */

#dcms_pager{text-align: center;padding: 2% 0;}

#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}

#dcms_pager a, #dcms_pager span {float: left;color: #666;line-height: 2.4rem;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 0 1rem;margin: 0 5px 0 0;border-radius: 3px;}

#dcms_pager a:hover {text-decoration: none;background: #525485;color:#fff}

#dcms_pager .active {color: #FFF;border:none; cursor: default;}

#dcms_pager .active a{background: #525485;color: #fff;border: 1px solid #525485;}

#dcms_pager .disabled {color: #ccc;cursor: default;}





.imgarea{overflow: hidden;}

.imgarea img{width: 100%;height: 100%;transition: all 0.5s;}

.imgarea:hover img{transform: scale(1.1);}



/* right_sides */

.left_sides{float: left;width: 20%;overflow: hidden;position: relative;margin-right: 4%;margin-bottom: 50px;}

.sidebar .overview{ line-height:70px;position: relative;background: url(../images/inco_nav.png) 90% center no-repeat #525485;padding-left: 20px;font-size: 24px;color: #fff;text-transform: uppercase;} 

.sidenav{background: #fff;border-left:2px solid #525485;border-right:2px solid #525485;border-bottom:2px solid #525485;padding:20px 20px 10px 20px}

.sidenav li a{color: #333333;font-size: 17px;line-height:50px;display: block;padding: 0 20px;border-bottom: 1px dashed #ddd;text-transform: capitalize;}
.pro .sidenav li a{background: #eee;border-bottom: none;}

.sidenav li.active a{color: #525485;font-weight: bold;}

.level2 {*zoom:1;  overflow: hidden;margin-bottom: 10px;}

.level2 li {border-bottom: 0 none;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #ddd;}

.sidenav .level2 li a { color: #333; background: none; font-size: 12px; line-height: 24px; padding:0 20px;line-height: 50px;font-size: 14px;font-weight: normal;text-transform: capitalize;}

.sidenav a:hover,.sidenav .level2 li a:hover{ color: #525485;font-weight: normal; }

.sidenav a i{background: #fff;font-weight: bold;float: right;vertical-align: middle;display: inline-block;width: 30px;height: 30px;line-height: 30px;border: 1px solid #ddd;border-radius: 50%;margin-top: 10px;text-align: center;}

.sidenav li.active .level1 i,.sidenav li .level1:hover i{background: #525485;color: #fff;border-color: #525485;}



.hotnews .title{height: 60px;line-height: 60px;position: relative;color: #fff;margin-top: 40px;background: url(../images/news_icon.png) 90% center no-repeat #525485}

.left_sides .hotnews h2{font: 500 24px "microsoft yahei";line-height: 60px;color: #fff;padding: 0 20px;}

.hotnewsbd{border: 1px solid #dddddd;}

.hotnewsbd ul{padding: 10px 20px}

.hotnewsbd i{font-size: 18px;color: #cd2f67;margin-right: 8px}

.hotnewsbd ul li{line-height: 40px;padding-left: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #ddd;}

.hotnewsbd ul li:last-child{border-bottom: none}

.tag .title{height: 60px;position: relative;background: #525485;margin-top: 40px;}

.left_sides .tag h2{font: 500 24px "microsoft yahei";line-height: 60px;color: #fff;padding: 0 20px;}

.tag .tagbd{border: 1px solid #dddddd;padding: 10px 15px;border-top: none}

.tagbd a{display: inline-block;padding: 3px 5px;border: 1px solid #dddddd;border-radius: 5px;color: #888888;margin: 5px 3px}



.right_side{float: right;width: 76%;margin-bottom: 50px;}

.right_cont{border: 1px solid #ddd;padding: 20px;}

.right_side .col_title{font-size: 24px;padding-left: 10px;border-left: 4px solid #cd2f67;line-height: 24px;margin-bottom: 20px;text-transform: capitalize;overflow: hidden;}
.right_side .col_title .equ_table{float: right;font-size: 14px;color: #fff;padding: 0 20px;line-height: 1.5;background: #cd2f67;}

.right_side .prolist{width: 103%;}

.right_side .prolist li{margin-bottom: 30px;border: 1px solid #ddd;width: 30.33%;margin-right: 3%;box-sizing: border-box;float: left;}

.right_side .prolist li .imgarea{display: block;border-bottom: 1px solid #ddd;width: 100%;}

.right_side .prolist li .imgarea img{height: 235px;}

.right_side .prolist li .txtarea{padding: 20px;position: relative;}

.right_side .prolist li .txtarea h5{font-size: 17px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 50px;}

.right_side .prolist li .more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}

.right_side .prolist li:hover .txtarea{background: #525485;color: #fff;}

.right_side .prolist li:hover{box-shadow: 0 0 10px #ddd;}

.right_side .prolist li:hover .more{color: #fff;}



.pro_top{width: 100%;border: 1px solid #ddd;position: relative;}

.pro_top .pro_scroll{width: 45%;border-right: 1px solid #ddd;position: relative;height: 420px;}

.pro_top .pro_scroll li{text-align: center;}

.pro_top .pro_scroll li img{max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pro_top .pro_scroll .swiper-pagination-bullet-active{background: #cd2f67;}

.pro_top .pro_scroll .swiper-button-prev{background-size:15px;background-color: #ccc;color: #fff;left: 0;width: 45px;height: 45px;line-height: 45px;text-align: center;}

.pro_top .pro_scroll .swiper-button-prev i{color: #fff;font-size: 24px;transform: rotate(90deg);display: inline-block;}

.pro_top .pro_scroll .swiper-button-next{background-size:15px;background-color: #ccc;color: #fff;right: 0;width: 45px;height: 45px;line-height: 45px;text-align: center;}

.pro_top .pro_scroll .swiper-button-next i{color: #fff;font-size: 24px;transform: rotate(-90deg);display: inline-block;}

.pro_top .pro_txt{float: right;width: 50%;}

.pro_top .pro_txt .pro_tit{font-size:24px;margin-top: 40px;border-bottom: 1px solid #ddd;padding-bottom: 10px;width: 80%;}

.pro_top .pro_txt .link{position: absolute;bottom: 50px;}

.pro_top .pro_txt .link .zixun{width: 160px;text-align: center;line-height: 45px;background: #cd2f67;color: #fff;border-radius: 30px;margin-bottom: 20px;}

.pro_top .pro_txt .link .zixun i{font-size: 20px;vertical-align: middle;}

.pro_top .pro_txt .link .tel{font-size: 24px;color: #cd2f67;font-family: arial;background: url(../images/24tel.png)left center no-repeat;padding-left: 50px;}



.pro_bot{margin-top: 30px;;}

.pro_bot .select{border-bottom: 1px solid #ddd}

.pro_bot .select li{border: 1px solid #ddd;padding: 0 30px;text-align: center;line-height: 45px;float: left;border-bottom: none;margin-left: -1px;}

.pro_bot .select li.active{border-color: #525485;background: #525485;color: #fff;}

.pro_bot .article_cont .article_wrap{display: none;padding: 20px;}

.pro_bot .article_cont .article_wrap.show{display: block;}



.relate_pro,.relate_news{border: 1px solid #ddd;padding: 20px;margin-top: 50px;}

.relate_pro h4,.relate_news h4{font-size: 18px;color: #525485;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-weight: bold;margin-bottom: 20px;}

.relate_pro ul{width: 102%;}

.relate_pro ul li{width: 23%;margin-right: 2%;float: left;text-align: center;font-size: 14px;margin-bottom: 5px;}

.relate_pro ul li .imgarea{display: block;width: 100%;border: 1px solid #ddd;margin-bottom: 10px;}

.relate_pro ul li .imgarea img{height: 170px;}

.relate_pro ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.relate_news ul{width: 104%;}

.relate_news ul li{width: 46%;margin-right: 4%;float: left;}

.relate_news ul li a{display: inline-block;width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.relate_news ul li i{color: #cd2f67;margin-right: 8px;}

.relate_news ul li span{float: right;color: #999;}



.newslist li{padding: 20px 0;border-bottom: 1px dashed #ddd;}

.newslist li:first-child{padding-top: 0;}

.newslist li .imgarea{width: 200px;height: 150px;overflow: hidden;display: block;float: left;margin-right: 30px;}

.newslist li .txtarea h5{font-size: 16px;font-weight: bold;margin-bottom:15px;}

.newslist li .txtarea .time{color: #cd2f67;margin: 8px 0;}

.newslist li .txtarea .time i{margin-right: 8px;}

.newslist li .txtarea .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}



.equ_list {width: 103%;}

.equ_list li{width:30.33%;margin-right: 3%;float: left;margin-bottom: 30px;}

.equ_list li .imgarea{display: block;width: 100%;padding: 10px;border: 1px solid #ddd;}

.equ_list li .imgarea img{width: 100%;height: 220px;}

.equ_list li .txtarea{padding: 0 20px;margin-top: 10px;}

.equ_list li .txtarea p{margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.equ_list li .txtarea p span{font-weight: bold;color: #525485;}



.contact h3{font-size: 36px;font-weight: bold;text-align: center;padding-bottom: 2%;}

.contact .img{text-align: center;}

.contact .img img{max-width: 100%;}

.contact .contact_list{width: 103%;margin-bottom: 4%;}

.contact .contact_list li{width: 28.33%;margin-right: 5%;float: left;}

.contact .contact_list li h4{padding-left: 5px;font-size: 18px;border-bottom: 3px solid #525485;padding-bottom: 10px;font-weight: bold;margin-bottom: 15px;}

.contact .contact_list li:first-child h4{border-color: #cd2f67;}

.contact .contact_list li p{padding-left: 10px;}



/* newsdetail */

.sub_title {text-align: center;padding:0 0 20px 0;line-height: 30px;}

.sub_info{color: #777;background: #f4f4f4;line-height: 40px}

.sub_info span{margin-right: 30px}

.sub_title h3{font:600 30px Arial,"microsoft yahei";margin-bottom: 20px;margin-top: 10px}

.article{margin: 10px 0;line-height: 25px}

.article img{text-align: center;height: auto !important;}

.skip{margin-top: 50px;margin-bottom: 30px;background: #f6f6f6;padding: 5px;}

.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

.skip a{color: #666666}

.skip .fl{float: left;margin-left: 10px}

.skip .fr{float: right;}

.bdshare-button-style0-16{display: inline-flex}

.relate{padding: 30px;}

.relate .tit h3{font: 600 20px Arial,"microsoft yahei";float: left;color: #333333;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 15px;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: #00979c;font-size: 18px}

.relate .newslink .date{float: right;color: #999999;font-family: Arial}

.article_wrap table,.article table{display:block;max-width: 100%;}



@media only screen and (max-width: 1400px){

    .subbanner .sub_pic{max-width: 70%;}

    .inner .about h3{font-size: 30px;margin-bottom: 15px;}

    .inner .about h5{font-size: 24px;}

    .inner .about .photos_scroll{width: 90%;left: 5%;}

    .inner .about .swiper-button-prev{left: -50px;}

    .inner .about .swiper-button-next{right: -50px;}

    .inner .history .history_content{width: 90%;left: 5%;}

    .inner .culture li>img{height: 30vw;width: 100%;}

    .inner .culture li .icon{font-size: 20px;}

    .inner .culture li .txt{font-size: 16px;}

    .equ_list li .imgarea img{height: 15vw;}

    .inner .honor ul li .imgarea{height: 22vw;}

    .right_side .prolist li .imgarea img{height: 17vw;}

    .pro_top .pro_scroll{height: 30vw;}

    .relate_pro ul li .imgarea img{height: 12vw;}
}





@media only screen and (max-width: 1200px){

    .inner .about h3{font-size: 28px;margin-bottom: 15px;}

    .inner .about h5{font-size: 24px;}

    .inner .culture li .txt{font-size: 15px;}

    .inner .culture li .icon img{width: 65px;}

    .inner .culture li .txt{margin-left: 110px;}

    .right_side .prolist li .txtarea{padding: 10px 20px;}

    .right_side .prolist li .txtarea h5{margin-bottom: 5px;}

}



@media only screen and (max-width: 1000px){

    .subbanner{height: 200px;}

    .top_nav li{padding: 0 25px;line-height: 40px;margin: 0 15px;}

    .inner .about .txtarea{padding-right: 30px;}

    .inner .about h3{font-size: 26px;margin-bottom: 15px;}

    .inner .about h5{font-size: 20px;}

    .inner .history .history_content .img{width: 120px;height: 80px;}

    .inner .history .history_content{height: 280px;}

    .inner .history .history_content .line i{height: 140px;}

    .inner .history .history_content li:nth-child(even){margin-top: 140px;}

    .inner .history .history_content .line i::after{width: 16px;height: 16px;bottom: -8px;}

    .inner .history .history_content li:nth-child(even) .line i::after{top: -8px;}

    .inner .culture li .txtarea{width: 80%;}

    .inner .culture li .txt{width: calc(100% - 110px);}

    .left_sides{display: none;}

    .right_side{width: 100%;}

    .equ_list li .imgarea img{height: 20vw}

    .equ_list li .txtarea{padding-left: 15px;}

    .equ_list li .txtarea p{margin-bottom: 0;}

    .inner .honor ul{width: 103%}

    .inner .honor ul li{width: 22%;margin-right: 3%;float: left;}

    .inner .honor ul li .imgarea{height: 29vw;}

    .right_side .prolist li .imgarea img{height: 22vw;}

    .pro_top .pro_scroll{height: 35vw;}

    .pro_top .pro_txt .link{bottom: 20px;}

    .pro_top .pro_txt .link .zixun{width: 140px;line-height: 40px;}

    .pro_top .pro_txt .link .tel{font-size: 20px;background-size: 30px;padding-left: 40px;}

    .relate_pro ul li .imgarea img{height: 22vw;}

    .pro_top .pro_txt .pro_tit{margin-top: 20px;}

}



@media only screen and (max-width: 768px){
.article_wrap table,.article table{max-width: 79vw;}
    .subbanner .sub_pic{width: 100%;max-width: none;}

    .subbanner .container{display: none;}

    .subbanner,.subbanner .sub_pic{height: 160px;}

    .subbanner .sub_pic img{height: 100%;}

    .top_nav{display: flex;width: auto;white-space: nowrap;overflow-x: auto;}

    .inner .culture li>img{height: auto;}

    .newslist li .imgarea{width: 180px;height: 135px;}
    .contact .contact_list li h4{font-size: 18px;}
    .contact .contact_list li{width: 45%;height: 38vw;}

}

  



@media only screen and (max-width: 640px){

    .right_side .col_title{font-size: 18px;font-weight: bold;}

    .equ_list li{width: 47%;}

    .equ_list li .imgarea img{height: 28vw;}

    .equ_list li{margin-bottom: 20px;}

    .inner .honor ul li{width: 30.33%;margin-right: 3%;float: left;}

    .inner .honor ul li .imgarea{height: 38vw;}

    .right_side .prolist li{width: 47%;}

    .right_side .prolist li .imgarea img{height: 32vw;}

    .relate_news ul li{width: 96%;}

    .relate_pro ul li .imgarea img{height: 29vw;}

    .pro_top .pro_scroll{width: 100%;border-bottom: 1px solid #ddd;border-right: none;height: 50vw;}

    .pro_top .pro_txt{width: 100%;position: relative;height: 200px;padding-left: 30px;}
    .contact .contact_list{width: 100%;}
    .contact .contact_list li{width: 100%;height: auto;margin-bottom: 20px;}
    .contact .contact_list li h4{font-size: 16px;border-bottom:2px solid #525485;margin-bottom: 5px;}
}



@media only screen and (max-width: 480px){

    .newslist li .imgarea{width: 140px;height: 105px;margin-right: 20px;}

    .newslist li .txtarea .time{margin: 5px 0;}

   

    

}