@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

/*初始样式、共同样式*/
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
img {border:0px;}
input,textarea{font-family: Arial,'微软雅黑';font-size: 16px;resize: none;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
h1, h2, h3, h4, h5, h6 {font-size:120%;}
body{ word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,'微软雅黑';overflow-x: hidden;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}

.header_box{width: 100%;height: auto;position: relative;z-index: 10;border-bottom: 1px solid #eee;}
.header_box .h_content{width: 96vw;max-width: 1400px;height: 40px;margin: 0 auto;line-height: 40px;}
.header_box .h_content .logo{width: 50%;max-width: 494px;height: 100%;float: left;overflow: hidden;}
.header_box .h_content .logo img{vertical-align: middle;max-width: 100%;max-height: 90%;}
.header_box .h_content .m_logo{width: 50%;max-width: 185px;height: 100%;float: left;display: none;overflow: hidden;}
.header_box .h_content .m_logo img{vertical-align: middle;max-width: 100%;max-height: 60%;}
.header_box .h_content .tel{width: auto;height: 40px;float: right;line-height: 40px;color: #333;overflow: hidden; font-size: 14px;}
.header_box .h_content .tel span{color:#ff0000;font-weight: bold;}
.header_box .h_content .nav_c{width: 30px;height: 100%;padding: 0 0 0 20px;float: right;display: none;overflow: hidden;}
.header_box .h_content .nav_c i{width: 100%;height: 3px;display: block;background: #333;}
.header_box .h_content .nav_c i:nth-child(2){margin: 8px 0;}

.cl_kefu_one{background-color:rgb(0, 64, 152);}
.cl_kefu_one:hover{background-color:#62B651;}
.cl_kefu_two{background-color:#62B651;}
.cl_kefu_three:hover{color:#62B651;}
.nav .logo{width: 400px;float: left;}
.nav .logo img{max-width: 100%;height:auto;}
.proTile{border: 1px solid #ddd; width: 1398px;height: 50px;line-height: 50px; text-align: center; background-color: #eee;margin-bottom: 20px;}
.proTile a{ width: 160px;line-height:50px; text-align: center; display: inline-grid;border-right:1px solid #ddd;}
.proTile a.on,.proTile a:hover{background-color: rgb(0, 64, 152); color: #fff;}
.proTile a.more{border-right:none;background-color: #df0303; padding:5px; color: #fff;height: 40px;line-height: 40px;}
@media screen and (max-width: 991px) {
	.header_box{border-bottom: 1px solid rgb(0, 64, 152);}
	.header_box .h_content{height: 80px;}
	.header_box .h_content .logo{display: block; width: calc(100% - 80px);}
	.header_box .h_content .m_logo{display: none;}
	.header_box .h_content .nav, .header_box .h_content .tel{display: none;}
	.header_box .h_content .nav_c{display: block;}
}

/* Nav */
.nav{width: 100%;background: #fff;position: relative;z-index: 10;padding:20px 0px; float: left; height: 60px; line-height: 40px;}
.nav_main{width: 1400px;margin: 0 auto;}
.nav ul{width: 900px;max-width: 1400px;height: 100%;margin: 0 auto;padding: 0; float: right;margin-top:10px;}
.nav ul li{width: 100%;height: 100%;text-align: center;}
.nav>ul{display: table;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.nav ul li a{width: auto;height: 100%;display: block;box-sizing: border-box;padding: 0 5px;font-size: 16px;color: #333;-webkit-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms; line-height: 60px;border-bottom: 3px solid #fff;}
.nav ul li a.active,.nav>ul>li:hover>a{color: #004098;border-bottom: 3px solid #004098;}
.nav ul li:hover ul{display: block;}
.nav>ul>li>ul{width: 100%;height: auto;background: #333;display: none;overflow: hidden;margin-top:0px;}
.nav ul li ul li{width: 100%;height: auto; border-top: 1px solid rgba(255, 255, 255, .1);overflow: hidden;}
.nav ul li ul li a{width: 100%;height: auto;display: block;box-sizing: border-box;padding: 5px;font-size: 14px;line-height: 30px; color: #fff; border-bottom: none;}
.nav ul li ul li a:hover{background: #ffff;color: #333;}

@media screen and (max-width: 991px) {
	.nav{display: none;}
}

.nav_box{width: 70%;height: 100%;position: fixed;top: 0;left: -70%;z-index: 100;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto;}
.nav_box .nav_close{width: 100%;height: 80px;box-sizing: border-box;padding: 0 20px;overflow: hidden;}
.nav_box .nav_close .close{width: 80px;height: 100%;float: left;position: relative;overflow: hidden;}
.nav_box .nav_close .close i{width: 50%;height: 2px;display: block;background: rgb(0, 64, 152);position: absolute;top: 50%;left: -5px;margin: -1px 0 0;overflow: hidden;transform-origin: center center;}
.nav_box .nav_close .close i:first-child{transform: rotate(45deg);}
.nav_box .nav_close .close i:last-child{transform: rotate(-45deg);}
.nav_box .nav_close .m_lang{width: auto;height: 40px;margin: 20px 0;float: right;font-size: 0;overflow: hidden;}
.nav_box .nav_close .m_lang a{width: 40px;height: 40px;margin: 0 10px 0 0;display: inline-block;border-radius: 50%;background: #f5f5f5;font-size: 14px;color: #999;vertical-align: top;text-align: center;line-height: 40px;overflow: hidden;}
.nav_box .nav_close .m_lang a:last-child{margin: 0;}
.nav_box .nav_close .m_lang a.active{background: rgb(0, 64, 152);color: #fff;}
.nav_box .line{width: 100%;height: 1px;background: rgb(0, 64, 152);}
.nav_box .nav_list{width: 100%;height: auto;padding: 0 0 50px;overflow: hidden;overflow-y: auto;}
.nav_box .nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_box .nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_box .nav_list ul li:last-child{border: 0;}
.nav_box .nav_list ul li a{width: 100%;height: auto;display: block;box-sizing: border-box;padding: 20px 45px 20px 20px;font-size: 16px;position: relative;overflow: hidden;}
.nav_box .nav_list ul li a .icon_right{width: 20px;height: 40px;line-height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;overflow: hidden;}
.nav_box .nav_list ul li>a.active{background: rgb(0, 64, 152);color: #fff;}
.nav_box .nav_list ul li ul{background: #f5f6fb;display: none;}
.nav_box .nav_list ul li ul li{border: 0;}
.nav_box .nav_list ul li ul li a{padding: 20px 0 20px 30px;font-size: 14px;color: #999;}
.nav_box .nav_list ul li ul li a.active{background: #d80010;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.nav_box .nav_list ul li ul li ul{padding: 10px 0;background: #fff;}
.nav_box .nav_list ul li ul li ul li a{padding: 14px 0 14px 30px;font-size: 14px;}
.nav_box .nav_list ul li ul li ul li a i{margin: 0 5px 0 0;font-size: 10px;}
.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 99;display: none;}

/* Banner */
.banner_box{width: 100%;height: auto;position: relative;overflow: hidden; text-align:center;}
.banner_box ul{margin: 0;padding: 0;font-size: 0;}
.banner_box ul li{width: 100%;height: auto;}
.banner_box ul li img{max-width: 100%;}
.banner_box .ico_c{width: 100%;height: 10px;position: absolute;bottom: 20px;left: 0;z-index: 10;font-size: 0;text-align: center;overflow: hidden;}
.banner_box .ico_c span{display: inline-block;width: 10px;height: 10px;margin: 0 5px;border-radius: 50px;background: #fff;opacity: 1;overflow: hidden;}
.banner_box .ico_c span.swiper-pagination-bullet-active{background: #d80010;}

@media screen and (max-width: 768px) {
	.banner_box{width: 100%;left: 50%;margin: 0 0 0 -50%}
}


/* 首页默认布局样式 */
.i_main_box{width: 100%;height: auto;overflow: hidden; background-color:#f8f8f8; }
.i_main{width: 96%;max-width: 1400px;height: auto;margin: 50px auto;overflow: hidden;}
.i_title{width: 100%;height: auto;text-align: center;position: relative;overflow: hidden;}
.i_title .title{font-size: 42px;color: #000;font-weight: bold;}
.i_title .title span{color: #d80010;}
.i_title .text{margin: 5px 0 0;font-size: 14px;color: #333;line-height: 24px;line-height: 30px;}
.i_title .text i{width: 20px;height: 1px;margin: 0 10px;display: inline-block;background: #d9d9d9;vertical-align: middle;}
.i_title .line{width: 60px;height: 3px;margin: 15px auto 0;background: #d80010;overflow: hidden;}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.i_main{margin: 30px auto;}
}
@media screen and (max-width: 991px) {
	.i_main_box,.i_main{width: 100%;margin: 0;background: #f5f6fb;}
	.i_title{box-sizing: border-box;padding: 20px 2vw;background: #fff;}
	.i_title .title{font-size: 24px;}
	.i_title .text{font-size: 14px;}
}

/* 产品中心 */
.i_pro_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.i_pro_box .i_pro_list{width: 100%;height: auto;overflow: hidden; margin-bottom: 40px;}
.i_pro_box .i_pro_list .pro_menu{width: 100%;height: auto;position: relative;overflow: hidden;}
.i_pro_box .i_pro_list .pro_one{width: 282px;height: auto;margin: 0 24px 0 0;float: left;background: #d4d4d4;overflow: hidden;}
.i_pro_box .i_pro_list .pro_one .img{width: 100%;height: auto;text-align: center;font-size: 0;overflow: hidden;}
.i_pro_box .i_pro_list .pro_one .img img{vertical-align: middle;max-width: 100%;}
.i_pro_box .i_pro_list .pro_one .price{width: 100%;height: auto;box-sizing: border-box;padding: 10px;text-align: center;background: #d80010;font-size: 14px;color: #fff;overflow: hidden;}
.i_pro_box .i_pro_list .pro_one .text{width: 100%;height: 320px;box-sizing: border-box;padding: 10px;background: #f5f6fb;font-size: 14px;color: #333;line-height: 24px;overflow: hidden;}
.i_pro_box .i_pro_list .pro_one .text p{margin: 5px 0;padding: 0;}

@media screen and (max-width: 991px) {
	.i_pro_box{width: 96vw;margin: 2vw auto;}
	.i_pro_box .i_pro_list .pro_one{width: 32vw;margin: 0 2vw 0 0;}
	.i_pro_box .i_pro_list .pro_one .text{background: #fff;}
}
@media screen and (max-width: 640px) {
	.i_pro_box .i_pro_list .pro_one{width: 47vw;}
	.i_pro_box .i_pro_list .pro_one .price{font-size: 14px;}
	.i_pro_box .i_pro_list .pro_one .text{font-size: 14px;line-height: 20px;}
}

/* 关于我们 */
/*.i_main_box#abo_box{background: url('../images/abo_bg.jpg') no-repeat center;}*/
	.i_main_box#abo_box .i_main .i_title .title, .i_main_box#abo_box .i_main .i_title .title span, .i_main_box#abo_box .i_main .i_title .text{color: #333;}
.i_main_box#abo_box .i_main .i_title .text i{background: #fff;}
.i_abo_box{width: 100%;height: auto;margin: 0px 0 0;background: #fff;overflow: hidden;}
.i_abo_box .img{width: 560px;height: auto;text-align: center;font-size: 0;float: left;overflow: hidden;margin-right:50px;}
.i_abo_box .img img{vertical-align: middle;max-width: 100%;}
.i_abo_box .text{height: auto;box-sizing: border-box;padding: 20px 0px;overflow: hidden; font-size: 14px;}
.i_abo_box .text .title{font-size: 18px;overflow: hidden;}
.i_abo_box .text .txt{font-size: 14px;color: #999;line-height: 30px;overflow: hidden;}
.i_abo_box .text .more a{display: inline-block;width: auto;height: 36px;line-height: 36px;padding: 0 15px;border-radius: 5px;font-size: 14px;color: #fff;}
.i_abo_box .text .more a i{margin: 0 0 0 10px;}
.indexYs{background-color:rgb(0, 64, 152); width: 100%; float: left;}
.ysmain{ width: 550px;margin: 80px auto; text-align: center;}
.ysmain span{font-size: 46px;color: #fff; display: inline-block;font-weight: bold;letter-spacing:5px; line-height:56px;}
.ystitle{background: url('../images/48288491.png') no-repeat center; width: 540px;height: 60px; line-height: 40px; }
.ystitle b{font-size:72px;}
.ysslect {
	width: 100%;
	background: #fff;
	text-align: center;
	position: relative;
	line-height: 30px;
	padding: 100px 0 50px 0px;
	float: left;
}
.ysselmain{width: 1400px;margin: 0 auto;}
.ysslect i {
	display: block;
	width: 94px;
	height: 47px;
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/contact_ico.png) no-repeat 0 0;
}
.ysone{width: 100%;float: left;padding-bottom: 60px;}
.ysone .one1{height: 66px; width: 70px;background-color: rgb(0, 64, 152); color: #fff;font-size:40px;font-weight: bold;border-radius: 5px;}
.ysone .one2{width: 540px;display: inline-grid;text-align:left;}
.ysone .one3{width: 700px;display: inline-grid;}
.ysone .one3 img{width: 100%;}.ysone .one2 b{color: #ff0033;margin:0px 10px;}.ysone .one2 img{vertical-align: middle;}
.ysone .one2 h3{font-size: 40px;font-weight: bold;margin-bottom: 30px; line-height:55px;}
.fleft{float: left;}.fright{float: right;}.marginLeft50{margin-left:50px;}.marginRight50{margin-right:50px;}
.ii_title{text-align: left;}.ii_title .title{font-size:42px;font-weight: bold;}
@media screen and (max-width: 991px) {
	.i_main_box#abo_box .i_main .i_title .title{color: #000;}
	.i_main_box#abo_box .i_main .i_title .title span{color: #d80010;}
	.i_main_box#abo_box .i_main .i_title .text{color: #999;}
	.i_main_box#abo_box .i_main .i_title .text i{background: #d9d9d9;}
	.i_abo_box{width: 96%;box-sizing: border-box;margin: 2vw auto;padding: 2vw;}
	.i_abo_box .img{width: 45%;}
	.i_abo_box .text{width: 55%;box-sizing: border-box;padding: 0 0 0 2vw;}
	.i_abo_box .text .more{display: none;}
}
@media screen and (max-width: 768px) {
	.i_abo_box .img{width: 100%;float: initial;}
	.i_abo_box .text{width: 100%;float: initial;margin: 20px 0 0; font-size: 12px;padding-left:0px;}
}

/* 工程案例 */
.i_cas_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.i_cas_box .i_cas_list{width: 100%;height: auto;overflow: hidden;}
.i_cas_box .i_cas_list .cas_one{width: 100%;height: auto;background: #f5f5f5;overflow: hidden;}
.i_cas_box .i_cas_list .cas_one .img{width: 100%;height: auto;text-align: center;font-size: 0;overflow: hidden;}
.i_cas_box .i_cas_list .cas_one .img img{vertical-align: middle;max-width: 100%;}
.i_cas_box .i_cas_list .cas_one .text{width: 100%;height: auto;box-sizing: border-box;padding: 10px;overflow: hidden;}
.i_cas_box .i_cas_list .cas_one .text .title{height: 30px;line-height: 30px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_cas_box .i_cas_list .cas_one .text .more{height: 20px;line-height: 20px;font-size: 14px;color: #757575;overflow: hidden;}
.i_cas_box .i_cas_list .cas_btn{width: 100%;height: auto;margin: 30px 0 0;text-align: center;overflow: hidden;}
a.bgamore{padding:10px 30px; border-radius: 25px; background-color: #95c13d; color: #fff;display: inline-grid;}
a.bgamore:hover{background-color: rgb(0, 64, 152);color: #fff;}
@media screen and (max-width: 1250px) {
	.i_cas_box .i_cas_list .cas_one .text .title{font-size: 14px;}
	.i_cas_box .i_cas_list .cas_one .text{padding: 5px;}
}
@media screen and (max-width: 991px) {
	.i_cas_box{width: 96%;margin: 2vw auto;}
	.i_cas_box .i_cas_list .cas_one .text{padding: 2vw;background: #fff;}
	.i_cas_box .i_cas_list .cas_btn{margin: 4vw 0 2vw;}
	.i_cas_box .i_cas_list .cas_btn .swiper-button-white{background: #fff;}
}

/* News Center */
.i_main_box#new_box{background: #f5f6fb;}
.new_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.new_box .new_switch{width: 500px;height: auto;float: left;position: relative;overflow: hidden;}
.new_box .new_switch .swiper-wrapper{height: auto !important;}
.new_box .new_switch .new_one{width: 100%;height: auto;float: left;background: #fff;overflow: hidden;}
.new_box .new_switch .new_one .img{width: 100%;height: auto;background: #fcfcfc;text-align: center;font-size: 0;overflow: hidden;}
.new_box .new_switch .new_one .img img{vertical-align: middle;max-width: 100%;}
.new_box .new_switch .new_one .text{width: 100%;height: auto;box-sizing: border-box;padding: 20px;overflow: hidden;}
.new_box .new_switch .new_one .text .title{width: 100%;height: 30px;font-weight: bold;line-height: 30px;font-size: 16px;overflow: hidden;}
.new_box .new_switch .new_one .text .title a{color: #333;}
.new_box .new_switch .new_one .text .title a:hover{color: #d80010;}
.new_box .new_switch .new_one .text .time{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999;}
.new_box .new_switch .new_one .text .txt{width: 100%;height: 60px;margin: 5px 0 0;font-size: 14px;line-height: 30px;color: #757575;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new_box .new_switch .new_btn{width: 100%;height: 70px;position: absolute;top: 131px;left: 0;z-index: 10;overflow: hidden;}
.new_box .new_switch .new_btn .btn{display: block;width: 36px;height: 70px;position: initial;margin: 0;text-align: center;line-height: 70px;background: #d80010;float: left;color: #fff;overflow: hidden;}
.new_box .new_switch .new_btn .btn i{vertical-align: top;}
.new_box .new_switch .new_btn .btn.next{float: right;}
.new_box .new_switch:hover .new_btn a{display: block;}
.new_box .new_switch .new_spot{width: 100%;padding: 10px 0;text-align: center;font-size: 0;display: none;}
.new_box .new_switch .new_spot span{display: inline-block;}

.new_box .new_list{width: calc(100% - 520px);height: auto;float: right;overflow: hidden;}
.new_box .new_list ul{margin: 0;padding: 0;}
.new_box .new_list ul li{width: 100%;height: auto;box-sizing: border-box;margin: 16px 0 0;background: #fff;overflow: hidden;}
.new_box .new_list ul li.first{width: 100%;height: auto;box-sizing: border-box;margin: 0;padding: 10px;overflow: hidden;}
.new_box .new_list ul li.first .img{width: 240px;height: auto;float: left;text-align: center;background: #f5f6fb;overflow: hidden;}
.new_box .new_list ul li.first .img img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.new_box .new_list ul li.first .text{width: calc(100% - 250px);height: auto;padding: 0;float: right;overflow: hidden;}
.new_box .new_list ul li.first .text .title{width: 100%;height: 40px;line-height: 40px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_box .new_list ul li.first .text .title a{color: #333;}
.new_box .new_list ul li.first .text .title a:hover{color: #d80010;}
.new_box .new_list ul li.first .text .time{width: 100%;height: 30px;padding: 0;text-align: left;line-height: 30px;font-size: 14px;color: #999;background: none;overflow: hidden;}
.new_box .new_list ul li.first .text .txt{width: 100%;height: 75px;font-size: 14px;line-height: 25px;color: #757575;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new_box .new_list ul li .time{width: 90px;height: 90px;box-sizing: border-box;padding: 8px;float: left;background: #b8b8b8;color: #fff;text-align: center;overflow: hidden;}
.new_box .new_list ul li .time .day{width: 100%;height: 36px;line-height: 36px;font-size: 30px;overflow: hidden;}
.new_box .new_list ul li .time .years{width: 100%;height: 28px;line-height: 28px;font-size: 14px;overflow: hidden;}
.new_box .new_list ul li .text{width: calc(100% - 90px);height: auto;box-sizing: border-box;padding: 10px;float: right;overflow: hidden;}
.new_box .new_list ul li .text .title{width: 100%;height: 30px;line-height: 30px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_box .new_list ul li .text .title a{color: #333;}
.new_box .new_list ul li .text .title a:hover{color: #d80010;}
.new_box .new_list ul li .text .txt{width: 100%;height: 40px;font-size: 14px;line-height: 20px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

@media screen and (max-width: 1250px) {
	.new_box .new_switch{width: 49%;}
	.new_box .new_list{width: 49%;}
}
@media screen and (max-width: 991px) {
	.new_box{width: 96vw;margin: 2vw auto;}
	.new_box .new_switch{width: 100%;float: initial;background: #fff;}
	.new_box .new_switch .new_btn{display: none;}
	.new_box .new_switch .new_one .text{padding: 2vw;background: #fff;}
	.new_box .new_switch .new_spot{display: block;}
	.new_box .new_list{width: 100%;float: initial;margin: 2vw 0 0;}
	.new_box .new_list ul{width: 100%;}
	.new_box .new_list ul li{width: 100%;box-sizing: border-box;margin: 2vw 0 0;padding: 2vw;background: #fff;}
	.new_box .new_list ul li.first{height: auto;padding: 2vw;background: #fff;}
	.new_box .new_list ul li.first .text .txt{height: 50px;-webkit-line-clamp: 2;}
	.new_box .new_list ul li .text{width: calc(100% - 90px);}
}
@media screen and (max-width: 480px) {
	.new_box .new_list ul li.first .img{width: 44%;height: auto;}
	.new_box .new_list ul li.first .text{width: 54%;height: auto;}
	.new_box .new_list ul li.first .text .title{height: 30px;line-height: 30px;font-size: 14px;}
	.new_box .new_list ul li.first .text .time{height: 20px;line-height: 20px;font-size: 14px;}
	.new_box .new_list ul li .text .title{font-size: 14px;}
}



/* 底部 */
/* Footer */
.footer_box{width: 100%;height: auto;background: rgb(0, 64, 152);overflow: hidden;}
.footer_box .main{width: 96%;max-width: 1400px;height: auto;margin: 0 auto;overflow: hidden;}
.footer_box .main .header{width: auto;height: auto;padding: 50px 0 30px;overflow: hidden;}
.footer_box .main .header .f_nav{width: 35%;height: auto;float: left;margin: 0 5% 0 0;overflow: hidden;}
.footer_box .main .header .f_nav a{height: auto;line-height: 20px;display: inline-block;margin: 0 0 10px;color: #fff;vertical-align: top;}
.footer_box .main .header .f_nav a:hover{text-decoration: underline;}
.footer_box .main .header .f_nav span{display: inline-block;width: 1px;height: 10px;margin: 5px 40px;background: #fff;vertical-align: top;overflow: hidden;}
.footer_box .main .header .f_tel{width: 25%;height: auto;padding: 0 5%;border: 1px solid rgba(255, 255, 255, .1);border-top: 0;border-bottom: 0;float: left;font-size: 14px;line-height: 24px;color: #fff;overflow: hidden;}
.footer_box .main .header .f_tel .icon{width: 60px;height: 60px;line-height: 60px;float: left;overflow: hidden;}
.footer_box .main .header .f_tel .icon i{font-size: 48px;}
.footer_box .main .header .f_tel .tel{height: auto;overflow: hidden;}
.footer_box .main .header .f_tel .tel h5, .footer_box .main .header .f_tel .tel h6{margin: 0;padding: 0;font-weight: normal;}
.footer_box .main .header .f_tel .tel h5{font-size: 30px;margin: 10px 0 0;line-height: 36px;}
.footer_box .main .header .f_tel .tel h6{font-size: 14px;}
.footer_box .main .header .f_tel p{margin: 5px 0;padding: 0;}
.footer_box .main .header .f_tel p:first-child{margin-top: 0;}
.footer_box .main .header .f_tel a{color: #fff;}
.footer_box .main .header .f_tel a:hover{text-decoration: underline;}
.footer_box .main .header .f_ewm{width: 200px;height: auto;float: right;overflow: hidden;}
.footer_box .main .header .f_ewm .img{width: 110px;height: auto;float: left;text-align: center;overflow: hidden;}
.footer_box .main .header .f_ewm .img img{max-width: 100%;}
.footer_box .main .header .f_ewm .text{width: 80px;height: auto;float: right;text-align: center;color: #fff;overflow: hidden;}
.footer_box .main .header .f_ewm .text .icon{width: 100%;height: auto;}
.footer_box .main .header .f_ewm .text .icon i{font-size: 48px;}
.footer_box .main .header .f_ewm .text .txt{margin: 10px 0 0;line-height: 24px;font-size: 14px;}

.footer_box .copy_box{width: 100%;height: auto;background: rgb(0, 64, 152);overflow: hidden;border-top:1px solid #666;}
.footer_box .copy_box .copy{width: 96%;max-width: 1400px;height: auto;margin: 0 auto;padding: 6px 0;line-height: 30px;font-size: 14px;color: #fff;overflow: hidden;}
.footer_box .copy_box .copy a{color: #fff;}
.footer_box .copy_box .copy a:hover{color: #fff;}
.foot_kefu{display: none;}
.header h4{padding-bottom: 20px;}
.header h4 a{font-size:16px; border-bottom: 3px solid red;line-height: 40px;color: #fff;padding:5px 0px; }
@media screen and (max-width: 991px) {
	.footer_box .header{display: none;}
	.footer_box .copy_box .copy{padding: 8px 0;text-align: center;}
	.footer_box{margin-bottom: 35px;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 45px; line-height: 45px; background: #fff; position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 45px; line-height: 45px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: rgb(0, 64, 152); box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 16px;}
	.foot_kefu_one a:hover{color: #fff;}
}
/* 内页 banner */
.p_banner{width: 100%;height: auto;font-size: 0;overflow: hidden;}
.p_banner .img{width: 1920px;height: auto;position: relative;left: 50%;margin: 0 0 0 -960px;font-size: 0;text-align: center;overflow: hidden;}
.p_banner .img img{max-width: 100%}
/* 内页默认样式 */
.p_main_box{width: 100%;height: auto;overflow: hidden;}
.p_main{width: 96%;max-width: 1400px;margin: 30px auto;overflow: hidden;}
/* 标题 */
.p_title{width: 100%;height: auto;text-align: center;font-size: 30px;color: #d80010;display: none;overflow: hidden;}
.p_title .line{width: 40px;height: 2px;margin: 15px auto 0;background: #d80010;}
/* 详情 */
.details_box{width: 100%;height: auto;margin: 10px 0 0;overflow: hidden;}
/* 详情标题 */
.title_details{width: 100%;height: auto;padding: 0 0 25px;background: #fff;border-bottom: 1px dashed #d9d9d9;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.title_details h1{margin: 0;padding: 0;font-weight: normal;font-size: 30px;color: #333;padding-bottom: 10px;}
/* 详情内容 */
.text_details{width: 100%;height: auto;font-size: 14px;line-height: 30px;color: #666;text-align: justify;overflow: hidden;}
.text_details.main_text{margin: 50px auto;}
.text_details.line_20{line-height: 20px;}
.text_details .title{padding: 0 0 20px;font-size: 18px;color: #fd8b30;border-bottom: 1px solid #d9d9d9;}
.text_details .c_title{margin: 10px 0;font-size: 24px;color: #d80010;}
.text_details .c_title .line{width: 30px;height: 2px;margin: 10px 0 0;background: #d80010;}
.text_details p{margin: 6px 0;padding: 0;}
.text_details img{vertical-align: middle;max-width: 100%;}
.text_details table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.text_details table tr:hover{ background: #f5f5f5;}
.text_details table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.text_details table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
.moblie{display: none;}
.p_title{display: none;}
@media screen and (max-width: 991px) {
	.p_banner{display: none;}
	.p_title{width: 100%;box-sizing: border-box;padding: 20px 2vw;font-size: 24px;background: #fff;color: #000;font-weight: bold;text-align: center;display: block;}
	.navigation, .subnav{display: none;}
	.p_main_box{background: #f5f5f5;}
	.p_main{width: 100%;margin: 0;}
	.p_title{width: 100%;box-sizing: border-box;padding: 20px 2vw;font-size: 24px;background: #fff;color: #000;font-weight: bold;}
	.details_box{width: 96%;margin: 0 auto;background: #f5f6fb;}
	.details_box .title_details{font-size: 14px;}
	.details_box .title_details h1{font-size: 18px;}
	.details_box .text_details{width: 100%;box-sizing: border-box;margin: 2vw auto;padding: 2vw;background: #fff;}
	.title_details{box-sizing: border-box;padding: 20px 2vw;border-bottom: 0;}
	.text_details.main_text{margin: 2vw auto;}
}

/*Page Sidebar*/
.sidebar_box{width: 300px;height: auto;float: left;overflow: hidden;}
.sidebar_box .sidebar_nav{width: 100%;height: auto;background: #f5f6fb;overflow: hidden;}
.sidebar_box .title{width: 100%;height: auto;box-sizing: border-box;padding: 20px;background: #333;text-align: center;font-size: 24px;color: #fff;overflow: hidden;}
.sidebar_box .sidebar_nav .menu{width: 100%;height: auto;overflow: hidden;}
.sidebar_box .sidebar_nav .menu ul{width: 100%;height: auto;margin: 0;padding: 0;overflow: hidden;}
.sidebar_box .sidebar_nav .menu ul li{width: 100%;height: auto;border-top: 1px solid #fff;text-align: center;overflow: hidden;}
.sidebar_box .sidebar_nav .menu ul li a{width: 100%;height: auto;box-sizing: border-box;padding: 15px 30px 15px 20px;display: block;font-size: 16px;color: #333;position: relative;overflow: hidden;}
.sidebar_box .sidebar_nav .menu ul li a.active ,.sidebar_box .sidebar_nav .menu ul li a:hover{background: #d80010;color: #fff;}
.sidebar_box .sidebar_nav .menu ul li ul{display: none;}
.sidebar_box .sidebar_nav .menu ul li ul li{border: 0;}
.sidebar_box .sidebar_nav .menu ul li ul li a{background: #fff;font-size: 14px;color: #757575;}
.sidebar_box .sidebar_nav .menu ul li ul li a.active, .sidebar_box .sidebar_nav .menu ul li ul li a:hover{background: #fff;color: #d80010;}
.sidebar_box .sidebar_new{width: 100%;height: auto;margin: 20px 0 0;overflow: hidden;}
.sidebar_box .sidebar_new .content{width: 100%;height: auto;overflow: hidden;}
.sidebar_box .sidebar_new .content ul{width: 260px;height: auto;margin: 0;padding: 8px 20px 15px;background: #f5f6fb;overflow: hidden;}
.sidebar_box .sidebar_new .content ul li{width: 100%;height: auto;padding: 15px 0;border-bottom: 1px dashed #d9d9d9;text-align: center;font-size: 14px;overflow: hidden;}
.sidebar_box .sidebar_new .content ul li a{color: #757575;}
.sidebar_box .sidebar_new .content ul li a:hover{color: #d80010;}
.sidebar_box .sidebar_con{width: 100%;height: auto;margin: 20px 0 0;overflow: hidden;}
.sidebar_box .sidebar_con .content{width: 260px;height: auto;padding: 8px 20px;background: #f5f6fb;font-size: 14px;color: #757575;overflow: hidden;}
.sidebar_box .sidebar_con .content a{color: #757575;}
.sidebar_box .sidebar_con .content a:hover{color: #d80010;}

.p_content{width: 100%;height: auto;float: right;overflow: hidden;}
.p_content .title_box{width: 100%;height: 39px;line-height: 30px;border-bottom: 1px solid #d0d0d0;}
.p_content .title_box .title{width: auto;height: 40px;box-sizing: border-box;border-bottom: 1px solid #d80010;float: left;font-size: 22px;color: #d80010;overflow: hidden;}
.p_content .title_box .more{width: auto;height: 100%;float: right;padding: 0 0 0 22px;font-size: 14px;color: #d80010;overflow: hidden;}
.p_content .title_box .more i{font-size: 14px;vertical-align: middle;margin: 0 10px 0 0;color: #999;}
.p_content .title_box .more i.icon_shouye{font-size: 10px;}
.p_content .title_box .more span{margin: 0 8px;font-family: '宋体';font-size: 10px;vertical-align: middle;color: #757575;}
.p_content .title_box .more a{color: #999;}
.p_content .title_box .more a:hover{color: #d80010;}

@media screen and (max-width: 991px) {
	.sidebar_box{display: none;}
	.p_content{width: 100%;}
	.p_content .title_box{display: none;}
}

/* Home Page Products */
.i_pro_box{width: 100%;height: auto;margin: 20px auto;overflow: hidden;}
.i_pro_box .p_title{display: none;}
.i_pro_box .pro_list{width: 100%;height: auto;overflow: hidden;}
.i_pro_box .pro_list ul{margin: -20px 0 0;padding: 0;overflow: hidden;}
.i_pro_box .pro_list ul li{width: 330px;height: auto;margin: 20px 20px 0 0;float: left;text-align: center;overflow: hidden; background: #fff;border:1px solid #fff;}
.i_pro_box .pro_list ul li .img{width: 100%;height: auto;font-size: 0;background: #fff;overflow: hidden;}
.i_pro_box .pro_list ul li:nth-child(4n){margin-right: 0;}
.i_pro_box .pro_list ul li:hover{border:1px solid rgb(0, 64, 152);}
.i_pro_box .pro_list ul li .img img{vertical-align: middle;max-width: 100%;}
.i_pro_box .pro_list ul li .title{width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_pro_box .pro_list ul li:hover img{transform: scale(1.1) !important}
.i_pro_box .pro_list ul li:hover .title{color: #fff; background-color:rgb(0, 64, 152); }

/* Page Products */
.p_pro_box{width: 100%;height: auto;margin: 20px auto;overflow: hidden;}
.p_pro_box .p_title{display: none;}
.p_pro_box .pro_list{width: 100%;height: auto;overflow: hidden;}
.p_pro_box .pro_list ul{margin: -20px 0 0;padding: 0;overflow: hidden;}
.p_pro_box .pro_list ul li{width: 330px;height: auto;margin: 20px 20px 0 0;float: left;text-align: center;overflow: hidden;border:1px solid #fff;}
.p_pro_box .pro_list ul li:hover{border:1px solid rgb(0, 64, 152);}
.p_pro_box .pro_list ul li .img{width: 100%;height: auto;font-size: 0;background: #fff;overflow: hidden;}
.p_pro_box .pro_list ul li:nth-child(3n){margin-right: 0;}
.p_pro_box .pro_list ul li:hover img{transform: scale(1.1) !important}
.p_pro_box .pro_list ul li .img img{vertical-align: middle;max-width: 100%;}
.p_pro_box .pro_list ul li .title{width: 100%;height: 40px;background: #fff;line-height: 40px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_pro_box .pro_list ul li:hover .title{color: #fff; background-color:rgb(0, 64, 152);}
.indexImg img{width: 100%;}
@media screen and (max-width: 1250px) {
	.p_pro_box .pro_list ul li{width: 32%;margin-right: 2%;}
	.i_pro_box .pro_list ul li{width: 32%;margin-right: 2%;}
	.i_pro_box .pro_list ul li:nth-child(4n){margin-right: 2%;}
	.i_pro_box .pro_list ul li:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 991px) {
	.p_pro_box{width: 96%;margin: 2vw auto;}
	.p_pro_box .pro_list{margin: 0 0 2vw;}
	.p_pro_box .pro_list ul li .title{background: #fff;}
	.i_pro_box{width: 96%;margin: 2vw auto;}
	.i_pro_box .pro_list{margin: 0 0 2vw;}
	.i_pro_box .pro_list ul li .title{background: #fff;}
	.i_pro_box .pro_list ul li{width: 48%; margin-right: 2%;}
	.i_pro_box .pro_list ul li:nth-child(4n){margin-right: 2%;}
	.i_pro_box .pro_list ul li:nth-child(3n){margin-right: 2%;}
	.i_pro_box .pro_list ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 768px) {
	.p_pro_box{width: 96vw;}
	.p_pro_box .pro_list ul li{width: 47vw;margin: 2vw 0 0;}
	.p_pro_box .pro_list ul li:nth-child(2n){float: right;}
}

/* Page Products Details */
.pro_details{width: 100%;height: auto;overflow: hidden;}
.pro_details .pro_header{width: 100%;height: auto;overflow: hidden;}
.pro_details .pro_header .pro_switch{width: 50%;height: auto;border: 1px solid #d9d9d9;float: left;background: #fff;position: relative;overflow: hidden;}
.pro_details .pro_header .pro_switch ul{width: 100%;height: 100%;margin: 0;padding: 0;}
.pro_details .pro_header .pro_switch ul li{width: 100%;height: 100%;text-align: center;font-size: 0;}
.pro_details .pro_header .pro_switch ul li img{vertical-align: middle;max-width: 100%;}
.pro_details .pro_header .pro_switch .spot{width: 100%;height: 10px;position: absolute;bottom: 20px;left: 0;z-index: 10;font-size: 0;text-align: center;overflow: hidden;}
.pro_details .pro_header .pro_switch .spot span{display: inline-block;width: 10px;height: 10px;margin: 0 5px;border-radius: 50px;background: #d80010;opacity: .5;overflow: hidden;}
.pro_details .pro_header .pro_switch .spot span.swiper-pagination-bullet-active{background: #d80010;opacity: 1;}
.pro_details .pro_header .pro_text{width: calc(50% - 15px);float: right;overflow: hidden;}
.pro_details .pro_header .pro_text .title{font-size: 18px; border-bottom: 1px solid #d9d9d9;line-height: 30px;}
.pro_details .pro_header .pro_text .title h1{margin-top: 0;font-weight: normal;}
.pro_details .pro_header .pro_text .text{width: 100%;height: auto;font-size: 14px;color: #333;line-height: 30px;overflow: hidden;}
.pro_details .pro_header .pro_text .text img{max-width: 100%;}
.pro_details .pro_header .pro_text .text table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.pro_details .pro_header .pro_text .text table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.pro_details .pro_header .pro_text .text table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
.pro_details .pro_d_tab{width: 100%;height: auto;margin: 30px 0 20px;font-size: 0;background: #f5f5f5;overflow: hidden;}
.pro_details .pro_d_tab span{display: inline-block;width: auto;padding: 14px 20px;font-size: 16px;cursor: pointer;overflow: hidden;}
.pro_details .pro_d_tab span.active, .pro_details .pro_d_tab span:hover{background: rgb(0, 64, 152);color: #fff;}
.pro_details .pro_d_box{width: 100%;height: auto;}
.pro_details .pro_d_box .hot_list{width: 100%;height: auto;overflow: hidden;}
.pro_details .pro_d_box .hot_list ul{margin: -20px 0 0;padding: 0;overflow: hidden;}
.pro_details .pro_d_box .hot_list ul li{width: 285px;height: auto;margin: 20px 20px 0 0;float: left;text-align: center;overflow: hidden;}
.pro_details .pro_d_box .hot_list ul li .img{width: 100%;height: 285px;font-size: 0;box-sizing: border-box;border: 1px solid #f0f0f0;background: #fff;overflow: hidden;}
.pro_details .pro_d_box .hot_list ul li:nth-child(4n){margin-right: 0;}
.pro_details .pro_d_box .hot_list ul li .img img{vertical-align: middle;max-width: 100%;}
.pro_details .pro_d_box .hot_list ul li .title{width: 100%;height: 40px;margin: 10px 0 0;background: #fff;line-height: 40px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_details .pro_d_box .hot_list ul li:hover .title{color: #2dace0;}

@media screen and (min-width: 992px) and (max-width: 1250px) {
	.pro_details .pro_d_box .hot_list ul{margin: -15px 0 0;}
	.pro_details .pro_d_box .hot_list ul li{width: 23.5%;margin: 15px 2% 0 0;}
	.pro_details .pro_d_box .hot_list ul li .img{height: calc(96vw * 0.235);}
}
@media screen and (max-width: 991px) {
	.pro_details{width: 100%;}
	.pro_details .pro_header{width: 100%;box-sizing: border-box;padding: 2vw;background: #fff;}
	.pro_details .pro_header .pro_switch{width: 100%;height: auto;border: 0;float: initial;}
	.pro_details .pro_header .pro_switch ul li{height: auto;}
	.pro_details .pro_header .pro_switch .spot{position: initial;margin: 2vw 0 0;}
	.pro_details .pro_header .pro_text{width: 100%;height: auto;margin: 2vw 0 0;float: initial;}

	.pro_details .pro_d_tab{width: 100%;display: table;margin: 2vw 0;text-align: center;background: #fff;border: 0;}
	.pro_details .pro_d_tab  span{display: table-cell;vertical-align: middle;border: 0;padding: 15px 2vw;font-size: 14px;}
	.pro_details .pro_d_box{width: 100%;margin: 2vw 0;}
	.pro_details .pro_d_box .text_details{width: 100%;margin: 0;box-sizing: border-box;padding: 2vw;background: #fff;}
	.pro_details .pro_d_box .hot_list ul{margin: -2vw 0 0;}
	.pro_details .pro_d_box .hot_list ul li{width: 47vw;margin: 2vw 0 0;}
	.pro_details .pro_d_box .hot_list ul li:nth-child(2n){float: right;}
	.pro_details .pro_d_box .hot_list ul li .img{height: 47vw;border: 0;}
	.pro_details .pro_d_box .hot_list ul li .title{box-sizing: border-box;height: auto;margin: 1px 0 0;padding: 2vw;}
}

/* Page News Center */
.p_new_box{width: 100%;height: auto;overflow: hidden;}
.p_new_box .new_list{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.p_new_box .new_list ul{width: 100%;margin: -30px 0 0;padding: 0;overflow: hidden;}
.p_new_box .new_list ul li{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.p_new_box .new_list ul li .img{width: 216px;height: auto;float: left;text-align: center;font-size: 0;overflow: hidden;}
.p_new_box .new_list ul li .img img{vertical-align: middle;max-width: 100%;}
.p_new_box .new_list ul li .text{width: calc(100% - 236px);height: auto;float: right;overflow: hidden;}
.p_new_box .new_list ul li .text .title{width: 100%;height: 36px;line-height: 36px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_new_box .new_list ul li .text .title a{color: #333;}
.p_new_box .new_list ul li .text .title a:hover{color: #d80010;}
.p_new_box .new_list ul li .text .time{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999;}
.p_new_box .new_list ul li .text .txt{width: 100%;height: 60px;font-size: 14px;line-height: 30px;color: #999;margin-top: 3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media screen and (max-width: 991px) {
	.p_new_box{width: 96vw;margin: 2vw;}
	.p_new_box .new_list{margin: 0 0 2vw;}
	.p_new_box .new_list ul{margin: -2vw 0 0;}
	.p_new_box .new_list ul li{margin: 2vw 0 0;background: #fff;}
	.p_new_box .new_list ul li .text{width: calc(100% - 216px - 2vw);padding: 5px 0 0;}
	.p_new_box .details_box{width: 100%;}
}

/* 工程案例 */
.p_cas_box{width: 100%;height: auto;overflow: hidden;}
.p_cas_box .cas_list{width: 100%;height: auto;overflow: hidden;}
.p_cas_box .cas_list .cas_one{width: 32%;height: auto;margin: 20px 2% 0 0;float: left;background: #f5f5f5;overflow: hidden;}
.p_cas_box .cas_list .cas_one:nth-child(3n){margin-right: 0;}
.p_cas_box .cas_list .cas_one .img{width: 100%;height: auto;text-align: center;font-size: 0;overflow: hidden;}
.p_cas_box .cas_list .cas_one .img img{vertical-align: middle;max-width: 100%;}
.p_cas_box .cas_list .cas_one .text{width: 100%;height: auto;box-sizing: border-box;padding: 10px;overflow: hidden;}
.p_cas_box .cas_list .cas_one .text .title{height: 30px;line-height: 30px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_cas_box .cas_list .cas_one .text .more{height: 20px;line-height: 20px;font-size: 14px;color: #757575;overflow: hidden;}
.p_cas_box .cas_list .cas_one:hover .title{color: #d80010;}
.list li{width: 40px;display: inline;}

@media screen and (max-width: 1250px) {
	.p_cas_box .cas_list .cas_one .text .title{font-size: 14px;}
	.p_cas_box .cas_list .cas_one .text{padding: 5px;}
}
@media screen and (max-width: 991px) {
	.p_cas_box{width: 96%;margin: 2vw auto;}
	.p_cas_box .cas_list{margin: -2vw 0 2vw;}
	.p_cas_box .cas_list .cas_one{margin-top: 2vw;}
	.p_cas_box .cas_list .cas_one .text{padding: 2vw;background: #fff;}
	.p_cas_box .details_box{width: 100%;}
}
@media screen and (max-width: 768px) {
	.p_cas_box{width: 96vw;}
	.p_cas_box .cas_list .cas_one{width: 47vw;margin: 2vw 0 0;}
	.p_cas_box .cas_list .cas_one:nth-child(2n){float: right;}
	.footer_box .copy_box{background-color: #333;}
	.proTile{width: 100%;height: auto;border: none;}
	.proTile a{width: 33%; float: left;border:none; background-color: #fff;margin: 0px 1px 5px 0px;}
	.proTile a.more{width: 100%;margin:20px 0px;}
	.ysmain{width: 100%;margin: 30px auto;}
	.ystitle,.ysone .one3{width: 100%;}.ysmain span{font-size: 26px;} .ysmain span b{font-size: 32px;}
	.ysslect i{top:-25px;}.ysslect{padding:40px 0 0px 0px;}
	.marginRight50{margin-right:10px;}
	.ysone .one2{width: calc(100% - 20px);padding-top:30px;}
	.ysone .one2 h3{font-size: 22px;margin-bottom: 10px;}
	.ysone .one2 p{line-height: 25px;font-size: 14px;margin:0px}
	.ysselmain{width: 96%;margin:2%;}
	.ysone{padding-bottom: 30px;}
}

/* Contact*/
.p_fee_box{width: 100%;overflow: hidden;}
.fee_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;}
.fee_box ul{width: 100%;height: auto;margin: -10px 0 0;padding: 0;overflow: hidden;}
.fee_box ul li{width: auto;height: auto;margin: 10px 0;overflow: hidden;}
.fee_box ul li input[type="text"]{width: 100%;height: 50px;*line-height: 50px;margin: 0;box-sizing: border-box;padding: 0 10px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;}
.fee_box ul li textarea{width: 100%;height: 340px;box-sizing: border-box;margin: 0;padding: 9px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;line-height: 24px;overflow: hidden;}
.fee_box ul li.f_text,.fee_box ul li.f_code{float: left;margin: 10px 0;}
.fee_box ul li.f_text{width: calc(30% - 10px);margin: 10px 10px 0 0;}
.fee_box ul li.f_code{width: 40%;}
.fee_box ul li.f_code input{width: calc(100% - 170px);margin: 0 10px 0 0;float: left;}
.fee_box ul li.f_code img{vertical-align: top; max-width: 160px; max-height: 50px; border-radius: 5px;float: right;}
.fee_box ul li.f_textarea{clear: both;}
.fee_box ul li.f_submit{width: 100%;height: auto;text-align: center;overflow: hidden;}
.fee_box ul li.f_submit input{width: 150px;height: 50px;margin: 0;padding: 0;border: 0;border-radius: 3px;background: #d80010;font-size: 16px;color: #fff;cursor: pointer;}

@media screen and (max-width: 991px) {
	.p_con_box{width: 100vw;margin: 0;}
	.fee_box{width: 96vw;margin: 2vw auto;}
	.fee_box ul li{width: 100% !important;margin: 2vw 0 0;float: initial;}
	.fee_box ul li input[type="text"],.fee_box ul li textarea{}
}


/* List */
.list{width: 90%;height: auto;margin: 30px 0 0;text-align: center;font-size: 0;overflow: hidden; padding: 15px 5%;}
.list a,.list span{width: auto;height: 40px;margin: 0 5px;padding: 0 16px;line-height: 40px;display: inline-block;*display: inline;*zoom: 1;background: #f0f0f0;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list a.active,.list a:hover{background: #d80010;color: #fff;}
.list span{padding: 0 5px;background: none;}

.list_nav{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .8);z-index: 100;display: none;overflow: hidden;}
.list_nav ul{width: 96%;max-height: 70%;margin: 0 auto;padding: 0;overflow: hidden;overflow-y: auto;}
.list_nav ul li{width: 18%;height: 60px;line-height: 60px;margin: 10px 2.5% 0 0;border-radius: 5px;float: left;text-align: center;overflow: hidden;}
.list_nav ul li:nth-child(5n){margin-right: 0;}
.list_nav ul li a{width: 100%;height: 100%;display: block;background: #fff;color: #333;}
.list_nav ul li a.active{background: #d80010;color: #fff;}
.list_close{width: 15vw;max-width: 70px;height: 15vw;max-height: 70px;border-radius: 50%;border: 2px solid #fff;margin: 20px auto 0;position: relative;overflow: hidden;}
.list_close i{width: 60%;height: 2px;display: block;background: #fff;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -30%;transform-origin: center center;}
.list_close i:first-child{transform: rotate(45deg);}
.list_close i:last-child{transform: rotate(-45deg);}

@media screen and (max-width: 991px) {
	.list{margin: 0; background: #fff;}
	.bottom_tools{display: none;}
	.list_for_list a{width: 100%; max-width: 90%; background: #d80010;color: #fff; margin: 5px 0;}
}

#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; padding-bottom:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family:Arial, "微软雅黑"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;}
.goto_bigmap a:hover{background:#d80010;}

/* 在线客服 */
.bottom_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
#cl_gotop{display:none;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right; background: #fff;}
.qr_menu>span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu a{display:inline-block; width:138px; padding-left:20px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a i{font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px; color: #40abf5;}
.qr_menu a span{display: inline-block; vertical-align: top;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}

#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0, 0, 0, .6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	width: 80%;
	height: auto;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr i {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	font-size: 15px;
	line-height:25px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr p {
	font-size:14px;
	line-height: 25px;
	text-align: center;
	margin:2px 0px;
}
#wxnr span {
	display: inline-block;
	padding: 5px 20px;
	line-height: 25px;
	background-color: #216ac4;
	color: #fff;
	border-radius: 25px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 30px;
	background-image: url(../images/wx.png);
	background-size: 25px;
	background-position: 10px center;
	background-repeat: no-repeat;
}
#wxnr img {
	width: 200px;
	height: 200px;
	display: block;
	margin: 0 auto;
}
.otherbg img{width:96%;margin:10px 2%;}