/*内页样式*/
.footer .fn-col.logo{width: 40%;}
.inner{background: #fff;}

.container{max-width:1400px;margin:0 auto ;padding: 0 10px;position: relative;}

.subbanner{
	/*max-height: 400px;*/
	overflow: hidden;position: relative;width: 100%}

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



/* 建站 */

.inner h3{font:600 36px "Microsoft yahei"; color: #000;position: relative;text-align: center;text-transform: uppercase;}

.inner h3 span{color: #ffc324;}

.inner .en_tit{color: #777;text-transform: uppercase;font-size: 14px;text-align: center;padding: 5px 0 3% 0;}

.jz{position: relative;padding: 4%;}

.jz_list{width: 103%;overflow: hidden;}

.jz_list li{width: 30.33%;margin-right: 3%;float: left;text-align: center;}

.jz_list li span{width: 120px;height: 120px;border: 2px solid #f4f5fa;vertical-align: middle;display: inline-block;border-radius: 100%;}

.jz_list li i{display: inline-block; width: 85px;height: 85px;border-radius: 100%;background: #f4f5fa;line-height: 85px;margin-top: 17.5px;}

.jz_list li span img{vertical-align: middle;filter: brightness(0);}

.jz_list li h4{font-size: 18px;font-weight: bold;color: #000;padding: 22px 0 20px;position: relative;}

.jz_list li h4::after{content: '';width: 25px;height: 5px;background: #f7c324;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); }

.jz_list li .des{margin-top: 15px;color: #666;}

.jz_list li:hover i{background: #f7c324;}

.jz_list li:hover span img{filter: brightness(1);}

.jz .imgarea{text-align: center;max-width:100%;padding: 2% 0 0;}

.jz .imgarea img{max-width: 100%;}

.process{position: relative;padding: 4% 0;background: #f7f7f7;}

.process ul{width: 104%;overflow: hidden;}

.process li{width: 21%;margin-right: 4%;float: left;border-radius: 10px;background: #fff;text-align: center;}

.process li .wrap{padding:50px 30px;}

.process li span{width: 95px;height: 95px;border-radius: 100%;border: 2px solid #f7c324;display: inline-block;line-height: 95px;background: #fff;}

.process li span img{vertical-align: middle;}

.process li h4{font-size: 18px;margin: 25px 0 12px;color: #000;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.process li .des{height: 48px;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}

.process li:hover{background: #f7c324;}

.advantage{padding: 4% 0;position: relative;background: url(../image/gn_bg.jpg)center no-repeat;}

.advantage h3,.advantage .en_tit{color: #fff;}

.advantage h3 span{color: #ffc324;}

.advantage ul{width: 103%;overflow: hidden;}

.advantage li{width: 29.3%;margin-right: 4%;float: left;background: #fff;border-radius: 10px;text-align: center;margin-bottom: 50px;}

.advantage li .wrap{padding: 40px;}

.advantage li h5{font-size: 18px;font-weight: bold;padding: 15px 0 10px;}

.advantage li .des{color: #666;line-height: 24px;height: 72px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

.website .case .caselist li{width:40% !important;transition-timing-function:linear;margin: 0 5%;}

.website .case .caselist .swiper-button-prev{left: 23%;}

.website .case .caselist .swiper-button-next{right: 23%;}

.website .case .caselist li .pic{height: 22vw;}

.website .case .caselist .swiper-button-prev,.website .case .caselist .swiper-button-next{background: none;width: auto;height: auto;z-index: auto;margin-top: 0;transform: translateY(-50%);}

.website .case .icon-arrow-lift,.website .case .icon-arrow-right{font-size: 80px;color: #15316f ;}

.website .case .more2{display: block;width: 170px;height: 48px;border-radius: 25px;line-height: 48px;font-size: 16px;color: #fff;background: #f7c324;text-align: center;margin: 3% auto 0;}

.website .news{position: relative;padding: 4% 0;background: #f7f7f7;}

.website .news .news_bd{width: 103%;overflow: hidden;}

.website .news .item{width: 47%;margin-right: 3%;float: left;overflow: hidden;position: relative;}

.website .news .top_n .imgarea{width: 230px;height: 175px;display: block;overflow: hidden;position: relative;z-index: 5;}

.website .news .top_n .imgarea img{width:100% ;height: 100%;}

.website .news .top_n .txtarea{padding-left: 260px;top: 0;right: 0;position: absolute;width: calc(100% - 260px);}

.website .news .top_n .txtarea .time{color: #444;font-size: 15px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

.website .news .top_n .txtarea h4{font-size: 18px;font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.website .news .top_n .txtarea .tag{color: #ffc324;margin: 5px 0;}

.website .news .top_n .txtarea .tag a{color: #ffc324;margin-right: 10px;}

.website .news .top_n .txtarea .des{font-size: 14px;line-height: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;color: #666;}

.website .news .item ul{padding-top: 25px;border-top: 1px dashed #ddd;margin-top: 40px;}

.website .news .item li a.tit{font-size: 15px;float: left;color: #000;line-height: 2.2;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.website .news .item li span{float: right;color: #666;}



/* 营销 */

.yx_mod1{padding: 4% 0;position: relative;}

.yx_mod1 .swiper-container{width: 103%;padding: 8px 0 8px 8px;}

.yx_mod1 ul li{width: 30.4% !important;margin-right: 3% !important;float: left;border-radius: 5px;box-shadow: 0 0 5px #ddd;text-align: center;}

.yx_mod1 ul li .wrap{padding: 40px;}

.yx_mod1 ul li i{width: 65px;height: 65px;display: inline-block;}

.yx_mod1 ul li i img{max-width: 100%;}

.yx_mod1 ul li h4{font-size: 22px;font-weight: bold;margin: 15px 0 7px;;}

.yx_mod1 ul li .des{font-size: 15px;line-height: 24px;height: 73px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

.yx_mod1 ul li:hover{background: #ffc324;}

.yx_mod1 ul li:hover i img{filter: grayscale(100%)brightness(100);transition: none !important;}

.yx_mod2{position: relative;padding: 4% 0 0;background:url(../image/yx2_bg.jpg)center no-repeat;background-size: cover;}

.yx_mod2 h3{color: #fff;}

.yx_mod2 .en_tit{color: #fff;}

.yx_mod2 ul{width: 110%;overflow: hidden;margin-top: 1%;}

.yx_mod2 li{width: 23.33%;margin-right: 10%;color: #fff;float: left;}

.yx_mod2 li .item{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #fff;overflow: hidden;}

.yx_mod2 li .item:last-child{margin-bottom: 0;border: none;}

.yx_mod2 li i{width: 70px;height: 70px;text-align: center;display: inline-block;border-radius: 50%;border: 3px solid #fff;box-sizing: border-box;color: #ffc324;line-height: 64px;font-size: 35px;}

.yx_mod2 li .txtarea{float: right;width: calc(100% - 100px);}

.yx_mod2 li .item:last-child .txtarea{margin-bottom: 0;}

.yx_mod2 li .txtarea h4{font-size: 18px;font-weight: bold;}

.yx_mod2 li .txtarea .des{height: 72px;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

.yx_mod2 li .item:hover i{background: #ffc324;color: #fff;}

.yx_mod3{position: relative;padding: 4% 0;}

.yx_mod3 .imgarea,.yx_mod3 .txtarea{width: 50%;}

.yx_mod3 .imgarea img{width: 100%;}

.yx_mod3 .txtarea li{padding-left: 80px;overflow: hidden;margin-bottom: 40px;}

.yx_mod3 .txtarea li i{font-size: 52px;font-family:Arial, Helvetica, sans-serif;font-style: italic;color: #ffc324;line-height: 1.5;}

.yx_mod3 .txtarea li .txt{float: right;width: calc(100% - 90px);}

.yx_mod3 .txtarea li h4{font-size: 24px;}



/* about */

.company{padding: 4% 0;position: relative;}

.company .txtarea{width: 50%;float: left;}

.company .txtarea h3{font-size: 36px;font-weight: bold;text-align: left;color: #000;}

.company .txtarea h4{font-size: 22px;color:#15316f ;font-weight: bold;margin: 14px 0 7px;}

.company .txtarea h4  span{color: #ffc324;}

.company .txtarea .des{font-size: 15px;margin-bottom: 40px;}

.company .txtarea .more{padding: 5px 30px;background: #ffc324;color: #fff;border-radius: 5px;display: inline-block;font-size: 16px;}

.company .imgarea{width: 45%;float: right;}

.company .imgarea img{width: 100%;}

.counter{background: url(../image/counter_bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;position: relative;padding: 5% 0;}

.counter ul li{width: 25%;float: left;text-align: center;color: #ffc324;border-left: 1px solid #fff;box-sizing: border-box;}

.counter ul li:last-child{border-right: 1px solid #fff;}

.counter ul li h4{font-size: 48px;font-weight: bold;line-height: 1.2;}

.counter ul li span{font-size: 18px;}

.culture{padding: 4% 0;position: relative;}

.culture li{width: 33.3%;float: left;background: #f7f8fa;}

.culture li .wrap{padding: 30px 50px;}

.culture li .imgarea,.culture li .txtarea{width: 100%;height: 340px;overflow: hidden;}

.culture li .imgarea img{width: 100%;height: 100%;}

.culture li h4{font-size: 24px;color:#15316f;}

.choice ul{width: 105%;overflow: hidden;}

.choice ul li{background: #f7f8fa;width: 45%;margin-right: 5%;float: left;margin-bottom: 50px;}

.choice ul li i{font-size: 60px;color: #000;display: inline-block;width: 120px;line-height: 1.5;text-align: center;}

.choice ul li .wrap{padding: 30px;overflow: hidden;}

.choice ul li .txtarea{float: right;width: calc(100% - 170px);padding-left: 40px;border-left: 1px solid #eee;}

.choice ul li h4{font-size: 24px;font-weight: bold;color: #000;}

.choice ul li .des{line-height: 24px;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}

.choice ul li:hover{background: #ffc324;}

.kehu{padding-bottom: 4%;}

.kehu ul{width: 102%;overflow: hidden;padding: 8px 0 8px 8px;}

.kehu li{width: 14.5%;margin-right: 2%;float: left;text-align: center;}

.kehu li img{filter:grayscale(100%);opacity: 0.4;max-width: 90%;}

.kehu li:hover{box-shadow: 0 0 8px #ddd;}

.kehu li:hover img{filter:grayscale(0);opacity: 1;}

body {
    background-color: #f4f5fa;}

/* 案例 */

.case{padding: 3% 0;}

.inner .caselist li{margin-bottom: 25px;}

.caselist li .txtarea{padding: 10px;text-align: center;color: #555;}

.container h3{font-size: 36px;font-weight: bold;color:#14264e ;text-align: center;}

.topnav{max-width:1400px;margin:2% auto 3%;display: table;}

.topnav li{line-height: 40px;font-size: 16px;position: relative;padding: 0 40px;float: left;margin-right: 30px;border-radius: 25px;}

.topnav li:last-child{margin-right: 0;}

.topnav li.active,.topnav li:hover{background: #f7c324;}

.topnav li.active a,.topnav li:hover a{color: #fff;}

/* .topnav li.active::after{content: '';position: absolute;width: 0;height: 0;border: 0 dashed transparent;overflow: hidden;border-top-style: solid;border-width: 8px 8px 10px;border-bottom-color:#0071bf;bottom: -20px;left: 50%;transform: translateX(-50%) rotate(180deg);} */



/* news */

.news{padding: 3% 0;background: #fff;}

.news .newslist{padding: 0;width: 103%;}

.news .newslist li{width: 30.33% !important;margin-bottom: 50px;margin-right: 3%;}



/* contact */

.contact{padding: 4% 0;position: relative;}

.contact h4{font-size: 30px;font-weight: bold;}

.contact .contact_info,.contact .message{width: 45%;}

.contact  .contact_info li{margin-top: 30px;}

.contact  .contact_info i{color: #ffc324;font-size: 30px;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #ddd;display: inline-block;line-height: 60px;box-sizing: border-box;text-align: center;}

.contact  .contact_info .txt{float: right;width: calc(100% - 80px);font-size: 20px;line-height: 1.5}

.contact  .contact_info  .txt p{font-size: 17px;font-weight: bold;}



.message .txt{display: inline-block;width: 120px;padding-left: 30px;background: #eeeeee;border-right: 1px solid #ddd;box-sizing: border-box;}

#verify { height: 40px; box-sizing: border-box;border: 1px solid #ddd;padding-left: 1%;margin-bottom: 20px;}

#code_img {width: 100px;height: 40px;cursor: pointer;border: 1px solid #e2e2e2;box-sizing: border-box;margin-bottom: 20px;}

.message  .ui-input {width: 48%;line-height: 36px;border:1px solid #dddddd;padding-left:1%;color: #bdbcbc;margin-bottom: 20px;margin-right: 2%;box-sizing: border-box;}

.message   input:nth-child(2){margin-right: 0}

.message  .ui-textarea{margin-bottom: 15px;width: 99%;height: 110px;border:1px solid #dddddd;padding-left: 1%;font-family: "microsoft yahei";box-sizing: border-box;}

.message  .ui-btn1 { background:#f8c325;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;}

.message  .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;padding:10px;}

.message .code_fr{width: 48%;float: right;}

.message .code_fr li{width: 50%;text-align: center;color: #666;margin-top: 20px;float: left;}

.message .code_fr li img{max-width: 100%;}

.contact .map{width: 100%;overflow: hidden;margin: 4% 0 0;}



/* blog */

.blog{width: 100%;padding:3% 0 ;position: relative;background: #f4f5fa;}

.blog .right_bar{width: 23%;}

.blog .left_bar{width: 70%;}

.search .ui-input{width: 78%;border: 1px solid #ddd;float: left;line-height: 40px;border-radius: 5px 0 0 5px;padding-left: 20px;box-sizing: border-box;background: #f4f5fa;}

.search .ui-btn1{line-height: 42px;background: #14264e;width: 20%;text-align: center;color: #f7c324;font-size: 16px;border-radius: 0 5px 5px 0;}

.right_bar .right_nav,.right_bar .hot_topic,.right_bar .recent_article{margin-top: 30px;}

.recent_article li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.blog .right_bar h4{font-size: 20px;font-weight: bold;margin-bottom: 5px;}

.right_bar li a{margin-left: 15px; font-size: 15px;line-height: 2.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.right_bar .hot_topic li a{background: url(../image/icon_topic.png)no-repeat left center;padding-left: 30px;}

.left_bar .blog_list{background: #fff;margin-bottom: 4%;padding: 10px 0 0;}

.blog_list .item{margin: 10px 50px;border-bottom: 1px dashed #ddd;}

.blog_list .item:last-child{border-bottom: none;}

.blog_list .item h4{font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.blog_list .item .sub_info{background: #f4f5fa;padding: 0 10px;margin:10px 0 20px;line-height: 35px;}

.blog_list .item .sub_info .view{background: url(../image/icon_view.png)left center no-repeat;padding-left: 30px;vertical-align: middle;}

.blog_list .item .sub_info .share{background: url(../image/icon_share.png)left center no-repeat;width: 25px;height: 25px;display: inline-block;vertical-align: middle;float: none;padding: 0;margin: 0;}

.blog_list .item .imgarea{width: 100%;margin-bottom: 20px;}

.blog_list .item .imgarea img{width: 100%;}

.blog_list .item .des{font-size: 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}

.blog_list .item .more{float: right;font-size: 15px;color: #f7c324;font-weight: bold;padding: 10px 0;}

.blog .article_cont{background: #fff;padding: 30px;}



.breadcrumb-bar{background: #f4f5fa !important;padding: 10px 0;}

.breadcrumb-bar .cont{max-width:1400px;margin:0 auto;}

.breadcrumb-bar .path{padding-left: 10px;line-height: 25px;margin: 20px 0;color: #888;}

.breadcrumb-bar .path a{margin: 0 5px;color: #888;}

.newshow,.caseshow{background: #f4f5fa !important;}

/* left Sidebar */

.left_sides{float: right;width: 21%;overflow: hidden;position: relative;}

.left_sides .sidebar,.left_sides .hotnews,.left_sides .hotcase,.left_sides .tag{background: #fff;padding:15px 20px 0 20px;margin-bottom: 30px;}

.left_sides .overview {font: 600 22px "microsoft yahei";padding-bottom: 15px;border-bottom: 1px solid #ddd;text-align: left;}

.left_sides .overview a{border-left: 5px solid #14264e;color: #000 ;padding-left: 15px;display: inline-block;line-height: 1;}

.sidenav li{padding: 0 20px;line-height: 60px;font-size: 15px;border-bottom: 1px #dddddd dotted;position: relative;}

.sidenav li::before{content: "●";color: #14264e;font-size: 10px;position: absolute;left: 0px;line-height: 60px;}

.sidenav li a{color: #333333;font-size: 15px}

.sidenav li:last-child{border-bottom: none}

.sidenav li:hover a,.sidenav li.active a{color: #14264e;}

.level2 {*zoom:1;  overflow: hidden;}

.level2 li {border-bottom: 0 none;margin: 5px 10px;padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.level2 li:first-child{border-top: 1px solid #cdcbcb;}

.sidenav .level2 li a { color: #333; background: none; font-size: 12px; line-height: 24px; padding:5px 0;}

.sidenav .level2 .active a,.sidenav .level2 li a:hover { color: #14264e;}



.left_sides h4{font-size: 20px;font-weight: bold;border-bottom:1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}

.left_sides .hotcase .imgarea{width: 100%;}

.left_sides .hotcase .imgarea img{width: 100%;}

.left_sides .hotnews li{background: url(../image/icon_n.png)no-repeat left center;line-height: 40px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left_sides .tag .tagbd {
    overflow: hidden;
    padding-bottom: 10%;
}
.left_sides .tag .title a{
	    float: right;
    border: 0;
    padding: 2px;
    margin-top: 5px;
    width: auto;

}
.left_sides .tag a{
/*	display: inline-block;padding:3px 10px;border-radius: 10px;border:1px solid #ddd;margin-right: 10px;margin-bottom: 15px;*/

	    display: block;
    padding: 3px 3px 3px 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 48%;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.left_sides .tag a:hover{color: #3c72de;border-color: #3c72de;}

/* right_side */

.right_side{width: 75%;float: left;margin-bottom: 5%;position: relative;}

.right_side .article_cont{padding: 30px;background: #fff;}

.sub_title {text-align: center;padding-bottom: 20px;border-bottom: 1px dashed #dfdfdf;line-height: 30px;}

.sub_info,.sub_info a{color: #777;}

.sub_info span{margin-right: 10px}

.sub_title h3{font:600 26px "microsoft yahei";margin-bottom: 20px;margin-top: 10px;color: #000;}

.article{margin: 20px 0;line-height: 2.2;color: #000;}
.article_cont .article a{color:#1856c1;}

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


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



.relate{padding: 30px;background: #fff;margin-top: 40px;}
.relate .tit{overflow: hidden;padding-bottom:1em;}
.relate .tit h3{font: 600 20px/1 "microsoft yahei";float: left;color: #14264e;margin-bottom: 10px;border-left: 5px solid #14264e;padding-left: 12px;}

.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}

.rel_news {width: 105%;margin-top: 10px;}

.relate .newslink{width: 45%;margin-right: 5%;border-bottom: 1px dashed #dfdfdf;line-height: 45px;float: left;height: 45px;}

.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.relate .newslink i{margin-right: 10px;color: #888;font-size: 18px}

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



.relate .rel_cases{width: 103%;overflow: hidden;}

.relate .rel_cases li{width: 30.3%;position: relative;float: left;margin-top: 30px;text-align: center;}

.relate .rel_cases li img{vertical-align: middle;max-width: 100%;display: inline-block;}

.relate .rel_cases li .case_pic{position: absolute;width: 90%;left: 50%;top: 4%;z-index: 2;text-align: center;height: 150px;overflow: hidden;transform: translateX(-50%);}

.relate .rel_cases li .case_pic img{width: 85.6%;}



.case_detail{background: #0a3180;color: #fff;}

.case_detail .fl{width:65%;border-right: 1px solid #ddd;box-sizing: border-box;}

.case_detail .fl .wrap{padding: 30px 40px;}

.case_detail h3{color: #fff;text-align: left;line-height: 1;padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px dashed #fff;font-size: 25px;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';}

.case_detail .txt{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow : hidden;word-break:break-all;}

.case_detail .fr{position: relative;width: 35%;}

.case_detail .fr .cont{padding: 40px;}

.case_detail .fr h5{font-size: 16px;padding-bottom: 5px;}

.case_detail .fr h5 span{font-weight: bold;font-size: 17px;}

.case_detail .fr .icon-star_full{color: #e60012;font-size: 18px;}

.case_detail .fr a{display: inline-block;padding: 2px 25px;border-radius: 30px;margin-right: 10px;margin-top: 25px;}

.case_detail .fr a.more{background: #fff;}

.case_detail .fr a.link{background: #f8c325;}



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

#dcms_pager{text-align: center;margin-top: 1%;}

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

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

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

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

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

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

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



.right_side.flow{width: 60px !important;}

/* tag */

.breakerDiv h2{font: 500 26px/40px "microsoft yahei";color: #333333}

.searchbox{margin-top: 10px;}

.search-body li{margin-bottom: 18px;height: 96px;overflow: hidden;}

.search-body .date{width: 100px;text-align: center;float: left;font: 300 14px/24px "microsoft yahei";background: #06245f;color: #fff;padding: 16px}

.search-body .date h3{font: 300 30px/40px Arial;}

.search-body .date span{font: 300 18px/20px Arial;}

.search-body .txtarea{float: right;width: calc(100% - 125px);background: #f7f7f7;padding: 10px 20px}

.search-body .txtarea h3{font: 700 18px/30px "microsoft yahei";width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



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

  .inner h3{font-size: 30px;}

  .news .newslist li .imgarea{height: 17vw;}

  .relate .rel_cases li .case_pic{height: 10.2vw;}

  .caseshow .case_detail .fr .cont{padding: 30px;}

  .culture li .imgarea, .culture li .txtarea{height: 24vw;}

}



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

  .inner .en_tit{padding: 0 0 2% 0;}

  .sub_title h3{font-size: 24px;}

  .jz_list li h4{padding: 15px 0;}

  .jz_list li h4::after{height: 3px;}

  .process li span{width: 80px;height: 80px;line-height: 80px;}

  .process li span img{width: 50px;}

  .website .news .top_n .imgarea{width: 210px;height: 155px;}

  .website .news .top_n .txtarea{width: calc(100% - 230px);padding-left: 0;}

  .website .news .top_n .txtarea h4{font-size: 16px;line-height: 1.7;}

  .website .news .top_n .txtarea .tag{margin: 0;}

  .website .news .item ul{padding-top: 15px;margin-top: 30px;}

  .website .case .more2{width: 120px;height: 35px;line-height: 35px;font-size: 14px;}

  .yx_mod1 ul li h4{font-size: 17px;margin: 15px 0 7px;}

  .yx_mod1 ul li .des{font-size: 14px;}

  .yx_mod1 ul li .wrap{padding: 30px;}

  .yx_mod2 li .txtarea h4{font-size: 16px;}

  .yx_mod2 li{width: 27.33%;margin-right: 5%;}

  .yx_mod2 li .item{padding-bottom: 35px;margin-bottom: 35px;}

  .yx_mod2 li .txtarea{width: calc(100% - 90px);}

  .yx_mod3 .txtarea li{margin-bottom: 15px;padding-left: 50px;}

  .yx_mod3 .txtarea li i{font-size: 42px;}

  .yx_mod3 .txtarea li h4{font-size: 20px;}

  .yx_mod3 .txtarea li .txt{width: calc(100% - 70px);}

  .contact h4{font-size: 24px;}

  .contact .contact_info li{margin-top: 15px;}

  .relate{margin-top: 30px;}

  .blog_list .item{margin: 10px 30px;}

  .caseshow .case_detail .fr a{display: none;}

  .company .txtarea h3{font-size: 30px;}

  .company .txtarea h4{font-size: 18px;margin: 10px 0 5px;}

  .company .txtarea .des{font-size: 14px;margin-bottom: 25px;}

  .counter ul li h4{font-size: 36px;}

  .counter ul li span{font-size: 15px;}

  .culture li h4{font-size: 22px;}

  .choice ul li h4{font-size: 20px;}

  .choice ul li .wrap{padding: 20px;}

  .choice ul li i{width: 90px;}

  .choice ul li .txtarea{width: calc(100% - 140px);padding-left: 30px;}

}



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

  .subbanner img{width: 140%;margin-left: -20%;max-width: none;}

  .inner h3{font-size: 26px;}

  .sub_title h3{font-size: 22px;}

  .jz_list li span{width: 100px;height: 100px;}

  .jz_list li i{width: 70px;height: 70px;line-height: 70px;margin-top: 15px;}

  .jz_list li span img{width:55%;}

  .process li .wrap{padding: 30px 15px;}

  .process li h4{margin: 10px 0 5px;}

  .advantage li .wrap{padding: 20px;}

  .advantage li{margin-bottom: 30px;}

  .website .news .top_n .imgarea{width: 180px;height: 130px;}

  .website .news .top_n .txtarea{width: calc(100% - 200px);}

  .website .news .item li a.tit{font-size: 14px;}

  .topnav li{font-size: 15px;line-height: 31px;padding: 0 18px;}

  .news.inner .newslist li{margin-bottom: 35px;}

  .yx_mod2 li i{width: 60px;height: 60px;line-height: 56px;font-size: 30px;border-width: 2px;}

  .yx_mod2 li .txtarea{width: calc(100% - 80px);}

  .yx_mod3 .txtarea li h4{font-size: 18px;font-weight: bold;line-height: 1.7;}

  .yx_mod3 .txtarea li{margin-bottom: 0;padding-left: 0;}

  .yx_mod3 .txtarea li i{font-size: 32px;margin-left: 8px;}

  .yx_mod3 .txtarea li .txt{width: calc(100% - 60px);}

  .contact h4{font-size: 22px;}

  .contact .contact_info i{height: 50px;line-height: 50px;width: 50px;font-size: 26px;}

  .contact .contact_info .txt{font-size: 18px;width: calc(100% - 60px);}

  .contact .contact_info .txt p{font-size: 16px;}

  .left_sides{display: none;}

  .right_side{width: 100%;}

  .relate .rel_cases li .case_pic{height: 13.2vw;}

  .blog .right_bar h4{font-size: 18px;}

  .search .ui-btn1{font-size: 14px;}

  .search .ui-input{padding-left: 0;}

  .caseshow .case_detail .fr a{display: inline-block;}

  .caseshow .case_detail .fl .wrap{padding: 30px;}

  .caseshow .case_detail h3{font-size: 24px;}

  .caseshow .case_detail .fr h5{font-size: 14px;}

  .caseshow .case_detail .fr h5 span{font-size: 15px;}

  .caseshow .case_detail .fr a.link{display: none;}

  .company .txtarea h3{font-size: 28px;}

  .company .txtarea h4{margin: 5px 0 0;}

  .counter ul li h4{font-size: 32px;}

  .culture li .wrap{padding: 20px;}

  .choice ul li i{font-size: 45px;width: 60px;}

  .choice ul li .txtarea{width: calc(100% - 110px);}

  .choice ul li h4{font-size: 17px;}



}



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

  .inner h3{font-size: 24px;}

  .jz_list{width: 100%;padding: 8px 0 30px;}

  .jz_list li{width: 100%;margin: 0;}

  .jz_list li span{width: 80px;height: 80px;}

  .jz_list li i{width: 60px;height: 60px;line-height: 60px;margin-top: 10px;}

  .jz_list li .des{margin-top: 10px;}

  .process li{width: 46%;margin-bottom: 30px;}

  .process li h4{font-size: 16px;}

  .process li span{width: 60px;height: 60px;line-height: 60px;;}

  .process li span img{width: 40px;}

  .process li h4{font-size: 16px;}

  .advantage li{width: 46%}

  .advantage li h5{font-size: 16px;padding: 5px 0 0px;}

  .website .news .top_n .txtarea .tag{display: none;}

  .advantage{background-size: cover;}

  .inner .caselist{width: 103% !important;}

  .inner .caselist li{width: 47% !important;margin-right: 3% !important;margin-bottom: 30px;}

  .inner .caselist li .pic{height: 28vw;}

  .topnav li{margin-right: 20px;}

  .news.inner .newslist{margin-top: 4%;}

  .news.inner .newslist li{width: 47% !important;margin-right: 3% !important;margin-bottom: 35px;}

  .news.inner .newslist li .imgarea{height: 23vw;}

  .yx_mod1 ul{width: 100% ;}

  .yx_mod1 ul li{width: calc(100% - 16px) !important;padding: 8px;margin-right: 0 !important;}

  .yx_mod2 li,.yx_mod2 ul{width: 100%;margin-right: 0;}

  .yx_mod2 li .item{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

  .yx_mod2 li .item:hover h4{color: #ffc324;}

  .yx_mod3 .imgarea, .yx_mod3 .txtarea{width: 100%;}

  .yx_mod3 .txtarea li{margin-bottom: 15px;}

  .contact .contact_info, .contact .message{width: 100%;margin-bottom: 20px;}

  .relate .rel_cases{width: 100%;padding-bottom: 30px;}

  .relate .rel_cases li{width: 100%;margin-right: 0;}

  .relate .rel_cases li .case_pic{width: 400px;height: 240px;}

  .relate .rel_cases li .case_pic img{width: 100%;}

  .blog .right_bar{display: none;}

  .blog .left_bar{width: 100%;}

  .caseshow .case_detail .fr .cont,.caseshow .case_detail .fl .wrap{padding: 20px;}

  .caseshow .case_detail h3{font-size: 20px;padding-bottom: 15px;margin-bottom: 10px;}

  .caseshow .case_detail .fr a{margin-top: 20px;}

  .caseshow .case_detail .fr h5{padding-bottom: 0;}

  .breadcrumb-bar .path{margin: 10px 0;}

  .company .txtarea,.company .imgarea,.choice ul li,.choice ul{width: 100%;}

  .company .imgarea{margin-bottom: 10px;}

  .culture li .wrap{padding: 10px;}

  .choice ul li{margin-right: 0;margin-bottom: 30px;}

  .kehu li {width: 23%;}

  .company .txtarea h3{font-size: 24px;}

  .swiper-pagination-bullet-active{background: #15316f;}

  .inner .en_tit{line-height: 1.7;}

  .yx_mod1 .swiper-container{width: 100%;padding: 8px 0;}

  .company .txtarea h4{margin: 0;}

  .relate .tit h3{font-size: 18px;}

  .right_side .article_cont{padding: 15px;}

}



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

  .inner h3{font-size: 18px;}

  .jz_list li h4{font-size: 16px;}

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

  .advantage li .wrap{padding: 10px;}

  .advantage ul,.advantage li{width: 100%;}

  .advantage li{background:none;margin: 0;text-align: left;position: relative;}

  .advantage li i{display: block;float: left;transform: translateY(50%);margin-right: 15px;}

  .advantage li h5,.advantage li .des{color: #fff;}

  .advantage li:hover h5{color: #f7c324;}

  .website .news .news_bd,.website .news .item{width: 100%;}

  .website .news .item:last-child{display: none;}

  .inner .caselist{margin-top: 4%;}

  .relate .rel_cases li .case_pic{width: 77%;height: 39vw;}

  .relate .newslink,.rel_news{width: 100%;margin-right: 0;}

  .caseshow .case_detail .fr{display: none;}

  .caseshow .case_detail .fl{width: 100%;}

  .caseshow .case_detail h3{font-size: 18px;}

  .relate{padding: 20px;}

  .breadcrumb-bar .path{margin: 0;}

  .counter ul li h4{font-size: 26px;}

  .counter ul li span{font-size: 13px;}

  .website .news .top_n .imgarea{width: 140px;height: 90px;}

  .website .news .top_n .txtarea{width: calc(100% - 155px);}

  .website .news .top_n .txtarea .time{display: none;}

  .website .case .caselist li{width: 100% !important;margin: 0 !important;}

  .website .case .caselist li .pic{height: 50vw;}

  .inner.website .case{padding: 10px;}

  .contact .message,.contact .map{display: none;}

  .contact .contact_info .txt p{font-weight: normal;font-size: 14px;}

  .contact .contact_info .txt,.choice ul li h4{font-size: 16px;}

  .company .txtarea h3{display: none;}

  .counter ul li{width: 50%;border: none;padding: 10px 0;}

  .counter ul li h4{font-size: 22px;}

  .company .txtarea .more{font-size: 14px;padding: 2px 25px;}

  .counter ul li:last-child{border: none;}

  .counter{background-attachment: scroll;}

  .choice ul li{margin-bottom: 20px;}

  .choice ul li .wrap{padding: 10px;}

  .culture li h4{font-size: 18px;}

  .culture li .wrap{padding: 15px;}

  .culture li{width: 100%;}

  .culture li .imgarea, .culture li .txtarea{height: auto;}

  .culture li:nth-child(2){display: none;}

  .culture li .imgarea{margin: 0;}

  .sub_info span.source,.sub_info span.newshow_tag{display: none;}

  .sub_info .bdsharebuttonbox{display: none;}

  .blog_list .item h4{font-size: 20px;}

  .sub_info span.writer{display: none;}

  .blog_list .item .sub_info{margin: 5px 0 10px;}

  .blog_list .item .imgarea{margin-bottom: 10px;}

  .blog_list .item .more{padding: 0 0 5px;font-size: 14px;}

  .blog_list .item{margin:0 10px 10px;}

  .blog_list .item .sub_info .share{display: none;}

  .sub_title h3{font-size: 18px;margin: 0 0 10px;}

  .article{margin: 10px 0;}

  .sub_title{padding-bottom: 10px;}

  .mod2 .des{margin-top: 0;}
  .topnav{padding: 0 3%;}
.ind_case li {
    width: 100% !important;margin-bottom: 12px !important;
}
}

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

  .inner .caselist{width: 100% !important;}

  .inner .caselist li{width: 100% !important;margin-right: 0;margin-bottom: 5px;}

  .inner .caselist li .pic{height: 60vw;}

  .news.inner .newslist{width: 100% !important;}

  .news.inner .newslist li{width: 100% !important;margin-right: 0;}

  .news.inner .newslist li .imgarea{height: 49vw;}

  .relate .rel_cases li .case_pic{height: 37.5vw;}

  .subbanner img{width: 180%;margin-left: -40%;}

}

.website .news .top_n.first .txtarea h4:after{
	display: block;
	content: " ";
	width: 40px;
    height: 2px;
    background: #152c7f;
    z-index: 5;
    margin: 11px 0;
}