@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; border: 0; word-break:break-word; vertical-align:top; outline: none; /* moz-user-select: -moz-none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; -o-touch-callout: none; touch-callout: none; */}
html,body{ min-height: 100%; }
body { font-size: 12px; line-height: 1; font-weight: normal; font-family: "Arial"; -webkit-text-size-adjust: 100%; }
table{ border-collapse: collapse; }
img { border: 0; padding: 0; display: inline; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:none; }
a { text-decoration: none; color: #727272; }
li { list-style: none; }
/* h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 12px; } */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix { *+height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block; }
/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Arial; }
input:focus { outline: none; }
input,button,select,textarea{ outline:none; /*-webkit-appearance:none; */}
textarea{ resize:none; /*-webkit-appearance:none; */}
textarea,input,select { background:none; border:none; margin:0; padding:0; }
a,a:link{ text-decoration:none; }
a,a:visited{ text-decoration:none; }
a,a:hover{ text-decoration:none; }
a,a:active{ text-decoration:none} 


.fl{ float: left; }
.fr{ float: right; }
.tac{ text-align: center; }
.anim{ transition: 0.8s ease; transition: all 0.3s ease-in-out}
.por{ position: relative; }
.ab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.dib{ display: inline-block; }
.vam{ vertical-align: middle; }
.omission1{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.table{ display: table; width: 100%; height: 100%; }
.table-call{ display: table-cell; vertical-align: middle; }

/*页面框架结构*/
.w1200{ max-width: 1200px; margin: 0 auto; }
.w1130{ max-width: 1130px; margin: 0 auto; }
.w1280{ max-width: 1280px; margin: 0 auto; }
.w1366{ max-width: 1366px; margin: 0 auto; }
.w1400{ max-width: 1400px; margin: 0 auto; }
.w1440{ max-width: 1440px; margin: 0 auto; }
.w1600{ max-width: 1600px; margin: 0 auto; }
.w1800{ max-width: 1800px; margin: 0 auto; }
.contain{ padding-bottom: 4.16%;} /*页面主体内容*/
.content{ }/*内容*/
.mainnav{ }/*主导航*/
.menu{ }/*边侧菜单*/
.maincontent{ padding: 50px 0; } /*主要内容*/
.txtbox,.singlepage{ word-wrap:break-word; overflow:hidden; }

/*分页*/
.pages{ margin-top: 4.57%; font-size: 14px; text-align: center; }
.pages a{ display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px; color: #999; border: 1px solid #ececec; transition: 0.4s ease;box-sizing: border-box;}
.pages a.a_first{ margin-right: 10px; }
.pages a.a_end{ margin-left: 10px; }
.pages a.anum{ font-family: 'Arial'; }
.pages a.page-num-current,.pages a:hover{ background-color: #0070c4; color: #fff; border: 1px solid #0070c4; }
.pages .nums{ display: inline-block; margin: 0 10px;}
.pages .nums .page-num{ margin-right: 10px;}
.pages .nums .page-num:last-child{ margin-right: 0;}
.pages .f1{ font-size: 14px; margin: 0 10px; color: #666; line-height: 42px; }
.pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; }
.pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: 14px; color: #666; border: 1px solid #edecec; }
.pages .a_prev,.pages .a_next{ width: 60px; font-family: '宋体';box-sizing: border-box; }
.head-prew{ position: absolute; bottom: 0; right: 0; }
.head-prew a{ display: inline-block; width: 70px; height: 30px; font-size: 16px; color: #c3c3c3; text-align: center; line-height: 28px; border-radius: 3px; border:1px solid #e0e0e0; box-sizing: border-box; }
.prew{ position: relative; margin-top: 6%;font-size: 0;}
.prew .prev{float: left;width: 100%;max-width: 525px;padding: 15px 20px;text-align: left;background-color: #f2f2f2;box-sizing: border-box;}
.prew .next{float: right;width: 100%;max-width: 525px;padding: 15px 20px;text-align: right;background-color: #f2f2f2;box-sizing: border-box;}
.prew .prev a,.prew .next a{display: inline-block;width: calc(100% - 70px);font-size: 16px;color: #666666;vertical-align: middle;}
.prew .prev:before{display: inline-block;content: '';width: 45px;height: 50px;margin-right: 25px;background-image: url('../images/prev.png');background-size: auto;background-position: center left;background-repeat: no-repeat;border-right: 1px solid #d9d9d9;box-sizing: border-box;vertical-align: middle;}
.prew .next:after{display: inline-block;content: '';width: 45px;height: 50px;margin-left: 25px;background-image: url('../images/next.png');background-size: auto;background-position: center right;background-repeat: no-repeat;border-left: 1px solid #d9d9d9;box-sizing: border-box;vertical-align: middle;}
.prew .return{ position: absolute; display: table; top: 0; right: 0; width: 200px; height: 100%; text-align: center; }
.prew .return a{ text-align: center; color: #fff; font-size: 18px; background-color: #004898; display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

/* 按钮 */
.rightMenuBtn { display:none; width:40px; height:40px; background-color:rgba(230,230,230,0.7); z-index:350; position:fixed; top: 10px; right: 10px}
.rightMenuBtn span { display:block; height:3px; background-color:#0070c4; position:absolute; top:20px; transition:0.5s; }
.rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; }
.rightMenuBtn .openMenu { width:30px; left:5px; }
.rightMenuBtn .closeMenu { left:25px; width:0; }
.rightMenuBtn span:active { width:0; }
.rightMenuBtn span:before,.rightMenuBtn span:after { content:""; display:block; width:30px; height:3px; background-color:#0070c4; position:absolute; transition:0.4s; }
.rightMenuBtn .openMenu:before { top:-10px; left:-0; }
.rightMenuBtn .openMenu:after { top:10px; left:-0; }
.rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }



/*@font-face { font-family: 'HelveticaNeueLTPro-LtEx'; src: url('../fonts/HelveticaNeueLTPro-LtEx.eot'); src: local('☺'), url('../fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-LtEx.svg') format('svg'); font-weight: normal; font-style: normal; }
*/
/* 首页 */
header{position: fixed;width: 100%;background-color: rgba(255, 255, 255, .6); font-size: 0;left: 0;top: 0;border-bottom: 1px solid #fff;box-shadow: 0 5px 16px rgba(0, 0, 0, .09); z-index: 200}
header .logo{float: left;margin-top: 22px;}
header nav{float: right;}
header nav>ul{font-size: 0;}
header nav>ul>li{position: relative;display: inline-block;padding: 49px 0;margin-right: 60px;}
header nav>ul>li#nav4 .img img{
	display: none;
}
header nav>ul>li:last-child{margin-right: 0;}
header nav>ul>li>a{font-size: 16px;color: #000000;}
header nav>ul>li.on>a,header nav>ul>li:hover>a{color: #0070c4;font-weight: bold;}
header nav>ul>li.on:after,header nav>ul>li:hover:after{display: block;content: '';width: 100%;height: 1px;background-color: #0070c4;position: absolute;left: 0;bottom: 0;z-index: 1}
header nav>ul>li:hover:after{ background: none!important;}
header nav>ul>li .drop-down{display: none;position: absolute; top: 114px;left: calc( 50% - 100px);width: 200px; font-size: 0;background-color: #fff;border-top: solid 1px #e5e5e5;box-shadow: 0 2px 2px #eee; border-radius: 8px; padding: 20px 0; text-align: center;}
header nav>ul>li .drop-down:before{ content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; height: 5px; position: absolute; top: -15px; left: calc(50% - 10px);}
header nav>ul>li .drop-down > .w1200{display: flex;align-items: center; width: auto;}
header nav>ul>li .drop-down ul{display: inline-block;width: auto;}
header nav>ul>li .drop-down ul li{display: inline-block;width: 100%;transition: all .5s ease; border-bottom: 1px solid #eee; padding: 10px 0;}
header nav>ul>li .drop-down ul li:last-child{ border-bottom: none;}

header nav>ul>li .drop-down ul li.plan37{display: none;}
header nav>ul>li .drop-down ul a{display: block;position: relative;font-size: 16px;line-height: 1.8; word-break: keep-all; padding: 0 20px;}
header nav>ul>li .drop-down ul a span{font-weight: normal;color: #0070c4;font-family: '宋体';}
header nav>ul>li .drop-down ul a:after{display: none;content: '+';position: absolute;top: 0;right: 0;font-size: 16px;color: #0070c4;font-weight: bold;z-index: 3}
header nav>ul>li .drop-down .img{display: none;width: 260px;}
header nav>ul>li .drop-down .img img{width: 100%}
header nav>ul>li:hover .drop-down{display: block;}
header nav>ul>li .drop-down ul li a:before{ content: ""; background: #0D73C4; width: 2px; height: 0; transition: 0.5s; position: absolute; left: 0; top: 0;}
header nav>ul>li .drop-down ul li:hover a:before{ height: 100%;}
header nav>ul>li .drop-down ul li:hover a{ color: #0D73C4;}
/* 底部 */
footer{ padding: 3.125% 0 2.08% 0; background-color: #1b1b1b}
footer .top-box{font-size: 0;}
footer .top-box .foot-nav{display: inline-block;width: calc(100% - 380px)}
footer .top-box .foot-nav>ul>li{display: inline-block;margin-right: 70px;}
footer .top-box .foot-nav>ul>li:last-child{margin-right: 0;}
footer .top-box .foot-nav>ul>li .name{margin-bottom: 30px;}
footer .top-box .foot-nav>ul>li .name a{font-size: 18px;color: #ffffff;}
footer .top-box .foot-nav>ul>li .drop ul li{margin-bottom: 15px;}
footer .top-box .foot-nav>ul>li .drop ul li a{font-size: 16px;color: rgba(255, 255, 255, .3);}
footer .top-box .touch{display: inline-block;width: 380px;}
footer .top-box .touch .title{font-size: 30px;color: #ffffff;}
footer .top-box .touch .box{margin-top: 20px;}
footer .top-box .touch .box .list{display: inline-block;padding-top: 20px;border-top: 1px solid #272727;}
footer .top-box .touch .box .list ul li{position: relative;margin-bottom: 15px;}
footer .top-box .touch .box .list ul li:last-child{margin-bottom: 0;}
footer .top-box .touch .box .list ul li span{display: inline-block;font-size: 16px;color: #cccccc;vertical-align: middle;}
footer .top-box .touch .box .list ul li:before{display: inline-block;content: '';width: 36px;height: 36px;margin-right: 20px;vertical-align: middle;}
footer .top-box .touch .box .list ul li:nth-of-type(1):before{background-image: url('../images/foot-ico1.png')}
footer .top-box .touch .box .list ul li:nth-of-type(2):before{background-image: url('../images/foot-ico2.png')}
footer .top-box .touch .box .list ul li:nth-of-type(3):before{background-image: url('../images/foot-ico3.png')}
/*footer .top-box .foot-nav>ul>li:nth-of-type(1) .drop ul{max-width: 270px}
footer .top-box .foot-nav>ul>li:nth-of-type(1) .drop ul li{display: inline-block;width: 50%}*/
footer .top-box .touch .box .ewm{display: inline-block;margin-left: 25px;padding-top: 20px;}
footer .top-box .touch .box .ewm .img{width: 100px;margin: auto;}
footer .top-box .touch .box .ewm .img img{width: 100%;}
footer .top-box .touch .box .ewm .name{margin-top: 13px;font-size: 16px;color: #cccccc;text-align: center;}
footer .top-box .touch .friendly{display: inline-block;margin-top: 50px;position: relative;z-index: 5}
footer .top-box .touch .friendly .name{width: 180px;height: 35px;font-size: ;line-height: 35px;font-size: 16px;color: rgba(255, 255, 255, .3);padding: 0 15px;background-color: #272727;box-sizing: border-box;cursor: pointer;}
footer .top-box .touch .friendly:after{display: block;content: '>';font-family: '宋体';font-weight: bold;font-size: 12px;color: rgba(255, 255, 255, .5);position: absolute;top: 50%;right: 15px;transform: translateY(-50%) rotate(-90deg);z-index: 3}
footer .top-box .touch .friendly ul{display: none;position: absolute;max-height: 200px;padding: 10px 0;overflow-x: hidden;box-sizing: border-box;width: 100%;left: 0;bottom: 34px;background-color: #fff;box-sizing: border-box;z-index: 3;}
footer .top-box .touch .friendly ul li a{display: block;padding: 0 20px;font-size: 16px;color: #333;line-height: 35px;box-sizing: border-box;}
footer .top-box .touch .friendly ul li a:hover{color: #fff;background-color: #0070c4}
footer .top-box .touch .friendly:hover ul{display: block;}
footer .icp{margin-top: 40px;padding-top: 40px;font-size: 16px;color: rgba(255, 255, 255, .3);border-top: 1px solid rgba(255, 255, 255, .05);}
footer .icp a{color:  rgba(255, 255, 255, .3)}
footer .icp span{display: inline;margin-right: 10px;}
footer .icp p{display: inline-block;}
/*二级导航*/
.column-menu{position: relative;margin-bottom: 50px;z-index: 5}
.column-menu .name{display: none;}
.column-menu ul{font-size: 0;text-align: center;}
.column-menu ul li{display: inline-block;width: 10.58%;margin-right: 2.19%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.column-menu ul li:last-child{margin-right: 0;}
.column-menu ul li a{display: block;width: 100%;height: 45px;text-align: center;line-height: 45px;font-size: 16px;color: #333333;background-color: #f3f3f3;border-radius: 12px;}
.column-menu ul li.on a{color: #fff;background-color: #0070c4}
@media screen and (max-width: 1200px){
	.column-menu .name{position: relative;display: none;width: 100%;height: 45px;padding: 0 20px;line-height: 45px;font-size: 18px;color: #fff;background-color: #0070c4;box-sizing: border-box;z-index: 2}
	.column-menu .name:after{display: block;content: ">";position: absolute;font-size: 18px;color: #fff;font-family: '宋体';top: 50%;right: 20px;transform: translateY(-50%);z-index: 3}
	.column-menu ul{
		display: block;
		white-space: nowrap;
		position: static;
		max-height: none;
		overflow-x: auto;
		background: none;
		border: 0;
		box-sizing: border-box;
		padding-bottom: 5px;
	}
	.column-menu ul::-webkit-scrollbar {
	    -webkit-appearance: none;
	}
	
	.column-menu ul::-webkit-scrollbar:vertical {
	    width: 3px;
	}
	
	.column-menu ul::-webkit-scrollbar:horizontal {
	    height: 3px;
	}
	
	.column-menu ul::-webkit-scrollbar-thumb {
	    background-color: #0070c4;
		border-radius: 3px;
	}
	
	.column-menu ul::-webkit-scrollbar-track {
	    background-color: #e5e5e5; 
		border-radius: 3px;
	}
	.column-menu ul li{
		width: auto;
		margin: 0 15px 0 0;
	}
	.column-menu ul li a{
		border-radius: 0;
		background-color: #eee;
		padding: 0 20px;
		width: auto;
		background: none;
	}
	.column-menu ul li.on a{
		background: none;
		color: #0070c4;
	}
	.news-programme .column-menu ul li a{
		background: #eee;
	}
	.news-programme .column-menu ul li.on a{
		background: #0070c4;
		color: #fff;
	}
	/* .column-menu:hover ul{display: block;} */
}
/*面包屑*/
.location{margin-bottom: 2.6%;padding: 23px 0;border-bottom: 1px solid #e6e6e6;}
.location .w1200{display: flex;align-items: center;}
.location .box{line-height: 1.4;font-size: 14px;color: #999999;vertical-align: middle;}
.location .w1200:before{ display: block; background-repeat: no-repeat;content: ''; width: 19px; height: 19px; margin-right: 10px; background-image: url('../images/location.png');background-size: 100%;vertical-align: middle;}
.location .box a{color: #999;}
/*banner*/
.banner{ position: relative;}
.banner ul li{ position: relative; }
.banner ul li .media-img{display: none;}
.banner ul li img{ width: 100%}
.banner .bx-controls{position: static;right: 10%;bottom: 5%;z-index: 3;font-size: 0;display: none;}
.banner:hover .bx-controls{display: block;}
.banner .bx-controls .bx-default-pager{font-size: 30px;color: #fff;display: none;}
.banner .bx-controls .bx-default-pager b{font-size: 60px;color: #0070c4;vertical-align: initial;}
.banner .bx-controls .bx-prev{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;
	background: rgba(0,0,0,.1) url(../images/left_arrow.png) no-repeat center/75%;z-index: 5;cursor: pointer;
}
.banner .bx-controls .bx-next{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;
	background: rgba(0,0,0,.1) url(../images/right_arrow.png) no-repeat center/75%;z-index: 5;cursor: pointer;
}
/* .banner .bx-controls .bx-prev:before{display: block;content: '<';font-family: '宋体';font-weight: bold;font-size: 36px;color: #ffffff;}
.banner .bx-controls .bx-next:before{display: block;content: '>';font-family: '宋体';font-weight: bold;font-size: 36px;color: #ffffff;} */
.column-banner{ position: relative; }
.column-banner img{ width: 100%}
.column-banner .pc{display: block;}
.column-banner .move{display: none;}
.column-banner .search{position: absolute;max-width: 725px;width: 100%;padding: 15px 20px;left: 0;right: 0;top: 52%;margin: 0 auto;font-size: 0;background-color: #fff;border-radius: 5px;box-sizing: border-box;box-shadow: 4px 4px 8px rgba(0, 0, 0, .08)}
.column-banner .search .text{display: inline-block;width: calc(100% - 22px);height: 22px;font-size: 16px;}
.column-banner .search .btn{display: inline-block;width: 22px;height: 22px;background: url("../images/search.png") transparent;cursor: pointer;}
/*首页*/
.public-title{ margin-bottom: 60px; text-align: center; }
.public-title.tal{text-align: left;}
.public-title .en{font-size: 16px;color: #0070c4;text-transform: uppercase;font-family: 'Arial';}
.public-title .cn{margin-top: 20px;font-size: 36px;color: #000}
.public-more{margin-top: 40px;}
.public-more a{display: inline-block;width: 180px;height: 55px;text-align: center;line-height: 55px;background-color: #0070c4;}
.public-more a span{display: inline-block;font-size: 16px;color: #ffffff;vertical-align: middle;}
.public-more a:after{display: inline-block;content: '';margin-left: 25px;width: 30px;height: 6px;background-image: url('../images/more.png');vertical-align: middle;}
.index .search{position: relative;margin-top: -28px;z-index: 12;height: 60px;font-size: 0;background-image: url('../images/search-bg.png');background-position: center;background-repeat: no-repeat;}
.index .search .shadow{width: 1085px;margin: auto;padding: 6px 16px;background-color: #5a4d3c;box-sizing: border-box;}
.index .search .box{display: inline-block;width: 470px;padding: 10px 15px;background-color: #fff;border-radius: 5px;box-sizing: border-box;}
.index .search .box .text{display: inline-block;width: calc(100% - 22px);height: 22px;font-size: 16px;}
.index .search .box .btn{display: inline-block;width: 22px;height: 22px;background-image: url('../images/search.png');cursor: pointer;}
.index .search .words{display: inline-block;width: calc(100% - 470px);line-height: 42px;}
.index .search .words .name{display: inline-block;font-size: 16px;color: #ffffff;}
.index .search .words .list{display: inline-block;}
.index .search .words .list ul li{display: inline-block;margin-right: 30px;font-size: 14px;color: #fff;}
.index .search .words .list ul li:last-child{margin-right: 0;}
.index .search .words .list ul li a{color: #fff}
.index-product{padding: 4.16% 0;}
.index-product .list ul{font-size: 0;}
.index-product .list ul li{position: relative;display: inline-block;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.index-product .list ul li a{position: relative;display: block;}
.index-product .list ul li:nth-of-type(3n){margin-right: 0;}
.index-product .list ul li a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background-image: url('../images/index-product-bg.png');background-size: cover;z-index: 2}
.index-product .list ul li .img{overflow: hidden;}
.index-product .list ul li .img img{width: 100%;transition: all 0.8s ease-in-out;}
.index-product .list ul li:hover .img img{transform: scale(1.2);}
.index-product .list ul li .main-box{position: absolute;left: 0;bottom: 0;padding: 20px;width: 100%;box-sizing: border-box;z-index: 3}
.index-product .list ul li .main-box .title{float: left;}
.index-product .list ul li .main-box .title{font-size: 18px;color: #ffffff;font-weight: bold;}
.index-product .list ul li .main-box .more{float: right;margin-top: 5px;}
.index-product .list ul li .main-box .more:after{display: block;content: '';width: 8px;height: 13px;background-image: url('../images/index-product-r.png');}
.index-project .main-box{padding: 4.6% 0 3.9% 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index-project .table-box .item{display: none;max-width: 630px}
.index-project .table-box .item.on{display: block;}
.index-project .table-box .item .title a{font-size: 30px;color: #000000;font-weight: bold;}
.index-project .table-box .item .text{margin-top: 40px;height: 64px;font-size: 16px;color: #333333;line-height: 2;}
.index-project .table-nav{margin-top: 80px;}
.index-project .table-nav ul{font-size: 0;}
.index-project .table-nav ul li{position: relative;padding: 15px 0 20px 0;text-align: center;background-color: rgba(255, 255, 255, .7);border-radius: 12px;cursor: pointer;}
.index-project .table-nav ul li a.ab{display: none;}
.index-project .table-nav ul li:last-child{margin-right: 0;}
.index-project .table-nav ul li .ioc{width: 38px;margin: auto;}
.index-project .table-nav ul li .ioc img.off{display: block;}
.index-project .table-nav ul li .ioc img.on{display: none;}
.index-project .table-nav ul li.on .ioc img.off{display: none;}
.index-project .table-nav ul li.on .ioc img.on{display: block;}
.index-project .table-nav ul li.on{background-color: #0070c4;}
.index-project .table-nav ul li .name{margin-top: 15px;font-size: 16px;color: #333333;}
.index-project .table-nav ul li.on .name{color: #fff;}
.index-brand{padding: 4.16% 0;}
.index-brand .list ul{font-size: 0;width: 100%;/* border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8; */box-sizing: border-box;}
.index-brand .list ul li{display: inline-block;width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;border: 1px solid #e8e8e8;transition: all 0.3s ease-in-out;/* border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8; */box-sizing: border-box;}
.index-brand .list ul li:nth-of-type(5n){margin-right: 0;}
.index-brand .list ul li img{width: 100%;}
.index-brand .list ul li:hover{transform: translateY(-10%);}
.index-four{font-size: 0;padding-bottom: 90px;background-image: url("../images/index_about_bg.jpg");background-repeat: no-repeat;background-size: auto;background-position: bottom center; padding: 4.16% 0;}
.index-four .left-box{display: inline-block;width: 43.75%;}
.index-four .right-box{position: relative;display: inline-block;width: 50%;margin-left: 6.25%;}
.index-four .left-box .text{font-size: 16px;color: #555555;line-height: 1.6;}
.index-four .public-title{margin-bottom: 40px;}
.index-four .left-box .list{position: relative;margin-top: 45px;height: 265px;}
.index-four .left-box .list ul li{display: inline-block;position: absolute;}
.index-four .left-box .list ul li .value{display: inline-block;font-size: 16px;color:#0070c4;}
.index-four .left-box .list ul li span{display: inline;margin-right: 5px;font-size: 36px;font-weight: bold;color:#0070c4;font-family: 'Arial';vertical-align:baseline;}
.index-four .left-box .list ul li em{margin-top: 15px;display: inline-block;border: 6px solid rgba(0, 112, 196, .1);border-radius: 19px;}
.index-four .left-box .list ul li em:after{display: block;content: '';width: 7px;height: 7px;background-color:#0070c4;border-radius: 7px;}
.index-four .left-box .list ul li .name{margin-top: 15px;font-size: 16px;color: #555555;}
.index-four .left-box .list ul li:nth-of-type(1){left: 8%;bottom: 38%;}
.index-four .left-box .list ul li:nth-of-type(2){left: 28%;bottom: 1%;}
.index-four .left-box .list ul li:nth-of-type(3){left: 52%;bottom: 53%;}
.index-four .right-box .main-more{position: absolute;right: 0;top: 55px;z-index: 3}
.index-four .right-box .main-more a{font-size: 16px;color: #0070c4;font-family: 'Arial';}
.index-four .right-box .list ul li{margin-bottom: 25px;box-shadow: 3px 3px 8px rgba(0, 0, 0, .1)}
.index-four .right-box .list ul li:last-child{ margin-bottom: 0;}
.index-four .right-box .list ul li .img{display: inline-block;width: 35%;}
.index-four .right-box .list ul li .img img{width: 100%;}
.index-four .right-box .list ul li .main-box{position: relative;display: inline-block;width: 65%;padding: 10px 20px 10px 30px;box-sizing: border-box;}
.index-four .right-box .list ul li .main-box .title{padding-right: 40px;}
.index-four .right-box .list ul li .main-box .title a{height: 18px;font-size: 18px;color: #333333;}
.index-four .right-box .list ul li .main-box .time{margin-top: 20px;}
.index-four .right-box .list ul li .main-box .time span{display: inline-block;font-size: 14px;color: #999999;vertical-align: middle;}
.index-four .right-box .list ul li .main-box .text{margin-top: 15px;font-size: 16px;color: #666666;line-height: 1.6;}
.index-four .right-box .list ul li .main-box .time:before{display: inline-block;content: '';margin-right: 5px;width: 17px;height: 17px;background-image: url('../images/index-four-time.png');vertical-align: middle;}
/*产品*/
.product-classify .list ul{font-size: 0;}
.product-classify .list ul li{position: relative;display: inline-block;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.product-classify .list ul li:nth-of-type(3n){margin-right: 0;}
.product-classify .list ul li .img{overflow: hidden;}
.product-classify .list ul li .img:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background-image: url('../images/index-product-bg.png');background-size: cover;z-index: 2}
.product-classify .list ul li .img img{width: 100%;transition: all 0.8s ease-in-out}
.product-classify .list ul li:hover .img img{transform:scale(1.2)}
.product-classify .list ul li .main-box{position: absolute;left: 0;bottom: 0;padding: 20px;width: 100%;box-sizing: border-box;z-index: 3}
.product-classify .list ul li .main-box .title{float: left;}
.product-classify .list ul li .main-box .title{font-size: 18px;color: #ffffff;font-weight: bold;}
.product-classify .list ul li .main-box .more{float: right;margin-top: 5px;}
.product-classify .list ul li .main-box .more:after{display: block;content: '';width: 8px;height: 13px;background-image: url('../images/index-product-r.png');}
.product-classify .main-box{padding: 90px 0 35px 0;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.product{font-size: 0;}
.product .left-menu{display: inline-block;width: 280px;}
.product .right-box{display: inline-block;margin-left: 60px;width: calc(100% - 340px)} 
.product .left-menu .main-title{position: relative;height: 110px;line-height: 110px;text-align: center;background-color: #0070c4;overflow: hidden;}
.product .left-menu .main-title .cn{font-size: 40px;color: #ffffff;}
.product .left-menu .main-title .en{position: absolute;bottom: -50%;left: 0;width: 100%;font-size: 46px;text-transform: uppercase;color: rgba(255, 255, 255, .13);z-index: 3}
.product .left-menu .media-title{display: none;}
.product .left-menu .list{padding: 25px;background-color: #eeeeee}
.product .left-menu .list>ul>li{margin-top: 25px;}
.product .left-menu .list>ul>li:first-child{margin-top: 0;}
.product .left-menu .list>ul>li>a{position: relative;display: block;font-size: 16px;color: #000000;font-weight: bold;}
.product .left-menu .list>ul>li>a span{font-weight: normal;color: #0070c4;font-family: '宋体';}
.product .left-menu .list>ul>li .drop-down{display: none;}
/* .product .left-menu .list>ul>li .drop-down ul{padding-left: 15px;} */
.product .left-menu .list>ul>li .drop-down ul li{margin-top: 10px;}
.product .left-menu .list>ul>li .drop-down ul li a{font-size: 14px;color: #666666;display: block;
    padding: 5px;}
.product .left-menu .list>ul>li .drop-down ul li a:hover{color:#fff;background: #0070c4;}
.product .left-menu .list>ul>li .drop-down ul li.on a{color:#fff;background: #0070c4;}
.product .left-menu .list>ul>li.tree>a:before{display: block;content: "+";position: absolute;top: 50%;right: 0;font-size: 16px;color: #0070c4;font-weight: bold;transform: translateY(-50%);z-index: 3}
.product .left-menu .list>ul>li.tree.on>a:before{content: "-"}
.product .left-menu .list>ul>li.tree.on .drop-down{display: block;}
@media(min-width:1200px){
	.product .left-menu.left-menu-float{position: fixed; top: 0; z-index: 1;}
	.product .right-box.right-box-float{margin-left: 340px;} 
}
.product-list ul{font-size: 0;}
.product-list ul li{display: inline-block;width: 31%;margin-right: 3.5%;margin-bottom: 3%;}
.product-list ul li:nth-of-type(3n){margin-right: 0;}
.product-list ul li .img img{width: 100%}
.product-list ul li .main-box{position: relative;padding: 20px 20px;background-color: #f2f2f2}
.product-list ul li .main-box .item{display: table;width: 100%;margin-bottom: 10px;}
.product-list ul li .main-box .item:last-child{margin-bottom: 0;}
.product-list ul li .main-box .item .title a{height: 30px;font-size: 14px;color: #000;line-height: 1.5;}
.product-list ul li .main-box .item .name{display: table-cell;width: 70px;font-size: 14px;color: #666666;vertical-align: middle;}
.product-list ul li .main-box .item .text{display: table-cell;font-size: 14px;color: #000000;font-weight: bold;vertical-align: middle;}
.product-list ul li .main-box .more{display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);z-index: 3}
.product-list ul li .main-box .more a{font-size: 16px;color: #0070c4;font-family: '宋体';}
.product-details .main-title{font-size: 30px;font-weight: bold;color: #000000;text-align: center;}
.product-details .swiper-banner{position: relative;margin-top: 50px;}
.product-details .swiper-banner .swiper{width: 100%;max-width: 660px;margin: auto;overflow: hidden;}
.product-details .swiper-banner .swiper img{width: 100%}
.product-details .swiper-banner .button-prev{position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 51px;height: 76px;background-image: url('../images/product-details-prev.jpg');cursor: pointer;z-index: 3}
.product-details .swiper-banner .button-next{position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 51px;height: 76px;background-image: url('../images/product-details-next.jpg');cursor: pointer;z-index: 3}
.product-details .table{margin-top: 60px;width: 100%;}
.product-details .table table{width: 100%;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;}
.product-details .table table tr td{
	padding: 5px;
	    line-height: 1.3;
	    box-sizing: border-box;height: 60px;font-size: 16px;color: #333;text-align: center;vertical-align: middle;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.product-details .textarea{margin-top: 25px;font-size: 16px;color: #333333;line-height: 1.8;}
.product-details .parameter{margin-top: 25px;}
.product-details .parameter .item{margin-bottom: 30px;}
.product-details .parameter .item:last-child{margin-bottom: 0;}
.product-details .parameter .item .title{padding: 0 25px;height: 50px;line-height: 50px;background-color: #eeeeee;border-radius: 8px;box-sizing: border-box;}
.product-details .parameter .item .title span{display: inline-block;font-size: 18px;font-weight: bold;color: #333333;vertical-align: middle;}
.product-details .parameter .item .title:before{display: inline-block;content: '';width: 9px;height: 4px;margin-right: 15px;background-color: #0070c4;border-radius: 4px;vertical-align: middle;}
.product-details .parameter .item .text{margin-top: 30px;font-size: 16px;color: #333333;line-height: 2;}
.product-details .parameter .item .text p{padding-left: 30px;}
/* .product-details .parameter .item .text span{color: #0070c4;} */
.product-details .parameter .item .img{margin-top: 30px;font-size: 16px;}
.product-details .parameter .item .img img{display: inline-block; width: 32%; margin-right: 2%;     max-width: 100%;}
.product-details .parameter .item .img img:last-child{margin-right: 0;}
.product-details .parameter .item .img table{border-collapse: collapse; border-spacing: 0;}
.product-details .parameter .item .img table tr:first-child td{background-color: #0070c4; color: #fff; font-size: 16px; font-weight: bold;}
.product-details .parameter .item .img table td{padding: 14px 18px; text-align: center; border: 1px solid #ddd;}

.recommend{margin-top: 25px;}
.recommend .main-title{position: relative;margin-bottom: 40px;text-align: center;}
.recommend .main-title .box{position: relative;display: inline-block;padding: 10px 20px;background-color: #fff;z-index: 3}
.recommend .main-title .box .cn{font-size: 24px;font-weight: bold;color: #333333;}
.recommend .main-title .box .en{margin-top: 15px;font-size: 16px;color: #999999;text-transform: uppercase;}
.recommend .main-title:after{position: absolute;content: '';width: 100%;left: 0;top: 22px;height: 1px;background-color: #e5e5e5;z-index: 2}
.recommend .list{position: relative;padding: 0 30px;}
.recommend .list .swiper{overflow: hidden;width: 100%}
.recommend .list .img img{width: 100%}
.recommend .list .main-box{position: relative;padding: 30px 30px 30px 20px;background-color: #f2f2f2}
.recommend .list .main-box .item{display: table;width: 100%;margin-bottom: 10px;}
.recommend .list .main-box .item:last-child{margin-bottom: 0;}
.recommend .list .main-box .item .title a{
	height: 48px;
	font-size: 14px;
	color: #000;
	line-height: 1.5;
}
.recommend .list .main-box .item .name{
	display: table-cell;
	width: 70px;
	font-size: 14px;
	color: #666666;
	vertical-align: middle;
}
.recommend .list .main-box .item .text{
	display: table-cell;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	vertical-align: middle;
}
.recommend .list .main-box .more{display: none;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);z-index: 3}
.recommend .list .main-box .more a{font-size: 16px;color: #0070c4;font-family: '宋体';}
.recommend .list .button-prev{position: absolute;left: 0;top: 50%;font-size: 36px;color: #0070c4;font-family: '宋体';transform: translateY(-50%);cursor: pointer;z-index: 3}
.recommend .list .button-next{position: absolute;right: 0;top: 50%;font-size: 36px;color: #0070c4;font-family: '宋体';transform: translateY(-50%);cursor: pointer;z-index: 3}
.recommend .list .button-prev img,.recommend .list .button-next img{
	width: 25px;
}
/*畅销品牌*/
.brand .list ul{font-size: 0;}
.brand .list ul li{display: inline-block;width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;border: 1px solid #e8e8e8;box-sizing: border-box;transition: all 0.3s ease-in-out;}
.brand .list ul li:nth-of-type(5n){margin-right: 0;}
.brand .list ul li img{width: 100%;}
.brand .list ul li:hover{transform: translateY(-10px);}
/*解决方案*/
.programme-plastic .top-box .img{position: relative;margin-bottom: -70px;max-width: 630px;width: 100%;margin-left: auto;margin-right: auto;z-index: 3}
.programme-plastic .top-box .img img{width: 100%}
.programme-plastic .top-box .text{padding: 90px 40px 40px 40px;font-size: 16px;color: #333333;line-height: 1.8;background-color: #f0f7f8}
.programme-plastic .list ul li{margin-top: 50px;position: relative;}
.programme-plastic .list ul li .img{width: 41.5%;}
.programme-plastic .list ul li .img img{width: 100%;}
.programme-plastic .list ul li .text{position: absolute;top: 50%;width: 51.25%;font-size: 16px;color: #333333;line-height: 1.8;transform: translateY(-50%);}
.programme-plastic .list ul li:nth-of-type(odd) .img{margin-right: auto;}
.programme-plastic .list ul li:nth-of-type(even) .img{margin-left: auto;}
.programme-plastic .list ul li:nth-of-type(odd) .text{right: 0;}
.programme-plastic .list ul li:nth-of-type(even) .text{left: 0;}
.programme-material .textarea{font-size: 16px;color: #333333;line-height: 1.8;}
.programme-material .image-text{margin: 30px 0;display: table;width: 100%}
.programme-material .image-text .img{display: table-cell;width: 42%;vertical-align: middle;}
.programme-material .image-text .img img{width: 100%}
.programme-material .image-text .main-box{display: table-cell;width: 58%;padding: 0 5%;vertical-align: middle;}
.programme-material .image-text .main-box .title{font-size: 18px;color: #333333;font-weight: bold;}
.programme-material .image-text .main-box .text{margin-top: 30px;font-size: 16px;color: #333333;line-height: 1.8;}
.programme-material .list{margin-top: 60px;}
.programme-material .list ul{font-size: 0;}
.programme-material .list ul li{position: relative;display: inline-block;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.programme-material .list ul li:nth-of-type(3n){margin-right: 0;}
.programme-material .list ul li .img img{width: 100%;}
.programme-material .list ul li .main-box{padding: 20px 20px;background-color: #f2f2f2}
.programme-material .list ul li .main-box .title{float: left;font-size: 16px;color: #333333;}
.programme-material .list ul li .main-box .more{float: right;}
.programme-material .list ul li .main-box .more a{font-size: 16px;color: #0070c4;font-family: '宋体';}
.programme-electron ul{font-size: 0;}
.programme-electron .list ul li{position: relative;display: inline-block;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.programme-electron .list ul li:nth-of-type(3n){margin-right: 0;}
.programme-electron .list ul li .img{overflow: hidden;}
.programme-electron .list ul li .img img{width: 100%;transition: all 0.8s ease-in-out;}
.programme-electron .list ul li:hover .img img{transform: scale(1.2);}
.programme-electron .list ul li .main-box {padding: 20px 20px;background-color: #f2f2f2;}
.programme-electron .list ul li .main-box .img img{padding: 20px 20px;background-color: #f2f2f2}
.programme-electron .list ul li .main-box .title{float: left;}
.programme-electron .list ul li .main-box .title a{font-size: 16px;color: #333333;}
.programme-electron .list ul li .main-box .more{float: right;}
.programme-electron .list ul li .main-box .more a{font-size: 16px;color: #0070c4;font-family: '宋体';}
.programme-electron-details ul li{margin-bottom: 40px;font-size: 0;}
.programme-electron-details ul li .img{display: inline-block;width: 42%}
.programme-electron-details ul li .img img{width: 100%;}
.programme-electron-details ul li .main-box{display: inline-block;width: 51.5%}
.programme-electron-details ul li .main-box .title{font-size: 24px;color: #333333;font-weight: bold;}
.programme-electron-details ul li .main-box .text{margin-top: 30px;font-size: 16px;color: #333333;line-height: 1.8;}
.programme-electron-details ul li:nth-of-type(odd) .main-box{margin-left: 6.5%;}
.programme-electron-details ul li:nth-of-type(even) .img{float: right;}
.programme-wire .text{font-size: 16px;color: #333333;line-height: 1.8;}
.programme-packing .text{font-size: 16px;color: #333333;line-height: 1.8;}
.programme-packing .img{margin-top: 40px;}
.programme-packing .img img{max-width: 100%;}
.programme-mine .main-title{font-size: 24px;color: #333333;text-align: center;font-weight: bold;}
.programme-mine .list{margin-top: 40px;}
.programme-mine .list ul li{margin-bottom: 40px;}
.programme-mine .list ul li .title{font-size: 18px;color: #333333;font-weight: bold;text-align: center;}
.programme-mine .list ul li .img{margin-top: 30px;}
.programme-mine .list ul li .img img{width: 100%;}
.programme-mine .text{font-size: 16px;color: #333333;line-height: 1.8;}
/*新闻中心*/
.news .list ul li{margin-bottom: 30px;padding: 23px;font-size: 0;border: 1px solid #eaeaea;}
.news .list ul li .img{display: inline-block;width: 18.5%}
.news .list ul li .img img{width: 100%;}
.news .list ul li .main-box{display: inline-block;width: calc(75.9% - 90px);margin: 0 2.8%;}
.news .list ul li .time{position: relative;display: inline-block;width: 90px;padding: 15px 0;text-align: center;border: 1px solid #eaeaea;box-sizing: border-box;}
.news .list ul li .time .r{font-size: 48px;color: #333333;font-weight: bold;font-family: 'Arial';}
.news .list ul li .time .ny{margin-top: 5px;font-size: 18px;color: #666666;font-family: 'Arial';}
.news .list ul li .time:after{display: block;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #0070c4}
.news .list ul li .main-box .title a{height: 18px;font-size: 18px;color: #333333;font-weight: bold;}
.news .list ul li .main-box .text{margin-top: 15px;height: 56px;font-size: 16px;color: #666666;line-height: 1.8;}
.news .list ul li .main-box .more{margin-top: 15px;}
.news .list ul li .main-box .more a:after{display: block;content: '';width: 30px;height: 6px;background-image: url('../images/index-four-more.png')}
.news-details .title{font-size: 30px;font-weight: bold;text-align: center;}
.news-details .top-box{margin-top: 45px;padding-bottom: 30px;border-bottom: 1px solid #dcdcdc;}
.news-details .top-box .time{float: left;}
.news-details .top-box .time span{display: inline-block;font-size: 16px;color: #999999;font-family: 'Arial';}
.news-details .top-box .time:before{display: inline-block;content: '';margin-right: 5px;width: 17px;height: 17px;background-image: url('../images/index-four-time.png');vertical-align: middle;}
.news-details .top-box .share{float: right;}
.news-details .top-box .share span{display: inline-block;font-size: 16px;color: #999999;vertical-align: middle;}
.news-details .top-box .share a{display: inline-block;margin-left: 10px;vertical-align: middle;cursor: pointer;}
.news-details .top-box .share a:after{display: block;content: '';width: 24px;height: 19px;}
.news-details .top-box .share a:nth-of-type(1):after{background-image: url('../images/qq.png')}
.news-details .top-box .share a:nth-of-type(2):after{background-image: url('../images/wx.png')}
.news-details .top-box .share a:nth-of-type(3):after{background-image: url('../images/wb.png')}
.news-details .text{margin-top: 40px;font-size: 16px;color: #333333;line-height: 1.7;}
.news-details .text img{
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
}
/*关于我们*/
.about .top-box{font-size: 0;}
.about .top-box .main-box{display: inline-block;width: 55.5%;}
.about .top-box .img{display: inline-block;width: 40%;margin-left: 4.5%;}
.about .top-box .img img{width: 100%}
.about .top-box .main-box .title{font-size: 30px;font-weight: bold;color: #000000}
.about .top-box .main-box .text{margin-top: 30px;font-size: 16px;color: #555555;line-height: 1.8;}
.about .top-box .main-box .list{margin-top: 70px;}
.about .top-box .main-box .list ul{font-size: 0;}
.about .top-box .main-box .list ul li{display: inline-block;width: 33.33%;}
.about .top-box .main-box .list ul li .value{display: inline-block;font-size: 16px;color: #0070c4;}
.about .top-box .main-box .list ul li span{display: inline;margin-right: 5px;font-size: 36px;font-weight: bold;color: #0070c4;font-family: 'Arial';vertical-align:baseline;}
.about .top-box .main-box .list ul li .name{margin-top: 15px;font-size: 16px;color: #555555;line-height: 1.5;}
.about .map-list{position: relative;margin-bottom: -4.16%;margin-top: 5.7%;padding: 3.3% 0;background-color: #f5f5f5}
.about .map-list .item{margin-bottom: 30px;display: table;width: 100%;box-shadow: 0 5px 5px rgba(0, 0, 0, .03)}
.about .map-list .item:last-child{margin-bottom: 0;}
.about .map-list .item .text{display: table-cell;padding: 0 40px;width: 38%;font-size: 16px;color: #333333;line-height: 2;background-color: #fff;vertical-align: middle;}
.about .map-list .item .map-box{display: table-cell;width: 62%;vertical-align: middle;}
.about .map-list .item .map-box .map{width: 100%;height: 290px;}
/*悬浮*/
.suspension{display: none;position: fixed;right: 2%;top: 79%;transform: translateY(-50%);z-index: 100}
.suspension ul li{position: relative;margin-bottom: 2px;}
.suspension ul li:last-child{margin-bottom: 0;}
.suspension ul li a{display: block;width: 48px;height: 48px;background-color: #0070c4}
.suspension ul li a:before{display: block;content: '';width: 48px;height: 48px;}
.suspension ul li:nth-of-type(1) a:before{background-image: url('../images/suspension1.png')}
.suspension ul li:nth-of-type(2) a:before{background-image: url('../images/suspension2.png')}
.suspension ul li:nth-of-type(3) a:before{background-image: url('../images/suspension3.png')}
.suspension ul li:nth-of-type(4) a:before{background-image: url('../images/suspension4.png')}
.suspension ul li:nth-of-type(5) a:before{background-image: url('../images/suspension5.png')}
.suspension ul li:nth-of-type(6) a:before{background-image: url('../images/suspension6.png')}
.suspension ul li .box{display: none;position: absolute;top: 0;right: 48px;width: 150px;text-align: center;font-size: 18px;color: #fff;line-height: 28px;padding: 10px;background-color: #0070c4;box-sizing: border-box}
.suspension ul li:hover>.box{display: block;}


@media (min-width: 1201px) {
	.product .right-box{
		min-height: 1220px;
	}
}


@media screen and (max-width: 1200px){
	.w1200{max-width: 92%;}
	.rightMenuBtn{ display: block; }
	header .logo{margin-top: 0;padding: 10px 0;}
	header .logo img{max-width: 88px}
    header nav{position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 200px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;z-index: 999;
		transform: translateX(200px);
		transition: all .5s ease;
	}
	header nav.active{
		transform: translateX(0);
	}
    header nav>ul{padding: 0 15px;}
    header nav>ul>li{display: block;margin-right: 0;padding: 20px 0;}
    header nav>ul>li .drop-down{position: relative;top: 0;padding: 20px 0 0 0;box-shadow: none;border-top: 0;}
    header nav>ul>li .drop-down .w1200{max-width: 100%;}
    header nav>ul>li .drop-down ul{display: block;padding: 0 5px;width: calc(100% - 210px);}
    header nav>ul>li .drop-down ul li{display: block;margin-right: 0;margin-bottom: 10px;width: 100%}
    header nav>ul>li .drop-down .img{display: none;}
    #mian{position: relative;transition: all .5s ease;}
	#mian.active{
		transform: translateX(-200px);
	}
    #mian.on:before{display: block;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 666;transition: 0.4s ease;}
	.banner .bx-controls .bx-default-pager b{font-size: 30px;}
	.banner .bx-controls{bottom: 5%;}
	.index .search{margin-top: 15px;height: auto;}
	.index .search .words{display: block;width: 100%;line-height: 1.6;}
	.index .search .box{display: block;margin-top: 15px;width: 100%;}
	.index .search .shadow{width: 100%;padding: 20px 15px;}
	.public-title .cn{font-size: 28px;}
	.index-project .main-box{background-size: cover}
	.index-project .table-box .item .title a{font-size: 26px;}
	.index-project .table-nav{overflow-y: hidden;}
	footer .top-box .foot-nav{display: none;}
	footer .top-box .touch{display: block;width: 100%;}
	.product .left-menu .main-title{display: none;}
	.product .left-menu .media-title{
		display: block;
		position: fixed;
		right: 20px;
		bottom: 20%;
		font-size: 14px;
		color: #fff;
		background: #0070c4;
		text-align: center;
		line-height: 1.2;
		z-index: 100;
		width: 50px;
		padding: 5px;
		height: 50px;
		box-sizing: border-box;
		border-radius: 50%;
		display: flex;
		align-items: center;
	}
	.product .left-menu .media-title.on{left: 200px;}
	.product .left-menu .list{
		position: fixed;
		padding: 20px 20px 30px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		overflow: unset;
		box-sizing: border-box;
		overflow-x: hidden;
		z-index: 999;
		overflow: auto;
		transition: all .8s ease;
		transform: translateX(105%);
	}
	.product .left-menu .list.active{
		transform: translateX(0);
	}
	.product .left-menu .list ul{padding: 0;}
	.product .right-box{display: block;width: 100%;margin-left: 0;}
}
@media screen and (max-width: 768px){
	.banner ul li .media-img{display: block;}
	.banner ul li .media-img img{width: 100%}
	.banner ul li .pc{display: none;}
	.index-four{background-image: none}
	.index-four .left-box{display: block;width: 100%;}
	.index-four .right-box{display: block;width: 100%;margin-left: 0;margin-top: 15%;}
	.index-four .left-box .list{height: auto;text-align: center;}
	.index-four .left-box .list ul li{position: unset;margin-right: 20px;}
	.index-four .left-box .list ul li:last-child{margin-right: 0;}
	.column-banner .search{max-width: 80%;top: 50%;transform: translateY(-50%);padding: 8px 10px;}
}
@media screen and (max-width: 640px){
	.product-classify .list ul li .main-box .title{font-size: 16px;}
	.public-title{margin-bottom: 30px;}
	.index-product .list ul li{width: 100%;margin-right: 0;}
	.index-project .table-box .item .text{margin-top: 30px;}
	.public-more{margin-top: 20px;text-align: center;}
	.index-project .table-nav{margin-top: 40px;}
	.index-brand .list ul li,.index-brand .list ul li:nth-of-type(5n){width: 49%;margin-right: 2%;}
	.index-brand .list ul li:nth-of-type(2n) {
		margin-right: 0;
	}
	.index-product,.index-brand{padding: 15% 0;}
	.index-four .left-box .list ul{display: flex;}
	.index-four .left-box .list ul li span{
		font-size: 26px;
	}
	.index-four .left-box .list ul li .name{min-height: 40px;line-height: 1.3;font-size: 14px;}
	.index-four .left-box .list ul li em{margin-top: 5px;}
	.index-four .left-box .list ul li{display: block;margin-right: 0;width: 33.33%;position: static;}
	.index-four .right-box .list ul li .img{display: block;width: 100%;}
	.index-four .right-box .list ul li .main-box{display: block;width: 100%;padding: 15px;}
	footer .icp{margin-top: 20px;padding-top: 20px;line-height: 1.6;}
	footer .top-box .touch .title{font-size: 22px;}
	footer .top-box .touch .friendly{display: block;margin-top: 30px;}
	footer .top-box .touch .friendly .name{width: 100%;}
	.public-title .cn{margin-top: 15px;font-size: 26px;}
	.product-classify .list ul{display: flex;flex-wrap: wrap;}
	.product-classify .list ul li,.product-classify .list ul li:nth-of-type(3n){display: block;width: 100%;margin-right: 0;}
	.product-list ul li{display: block;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.product-details .swiper-banner{margin-top: 30px;}
	.product-details .parameter .item .text{margin-top: 20px;}
	.product-details .parameter .item .img img{display: block;width: 100%;margin-right: 0;margin-bottom: 15px;}
	.brand .list ul li{width: 49%;margin-right: 2%;}
	.brand .list ul li:nth-of-type(5n){margin-right: 2%;}
	.brand .list ul li:nth-of-type(2n){margin-right: 0;}
	.programme-electron .list ul li{display: block;width: 100%;margin-right: 0;}
	.programme-electron-details ul li .img{display: block;width: 100%;}
	.programme-electron-details ul li .main-box{display: block;width: 100%;margin-top: 20px;}
	.programme-electron-details ul li:nth-of-type(odd) .main-box{margin-left: 0;}
	.programme-electron-details ul li:nth-of-type(even) .img{float: none;}
	.programme-electron-details ul li .main-box .text{margin-top: 20px;}
	.programme-material .image-text .img{display: block;width: 100%;}
	.programme-material .image-text .main-box{display: block;width: 100%;padding: 5%;box-sizing: border-box;}
	.programme-material .list ul li{display: block;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.programme-plastic .top-box .img{margin-bottom: 0;}
	.programme-plastic .top-box .text{padding: 20px;}
	.programme-plastic .list ul li .img{width: 100%;}
	.programme-plastic .list ul li .text{position: unset;width: 100%;margin-top: 20px;transform: translateY(0%);}
	.programme-plastic .list ul li{margin-top: 30px;}
	.programme-mine .list ul li .img{margin-top: 20px;}
	.programme-mine .list ul li{margin-bottom: 20px;}
	.programme-mine .main-title{line-height: 1.6;}
	.news .list ul li .img{display: block;width: 100%;margin-bottom: 20px;}
	.news .list ul li .main-box{width: calc(100% - 100px);margin-left: 0;margin-right: 10px;}
	.pages .a_prev, .pages .a_next{width: 40px}
	.news-details .title{font-size: 22px;line-height: 1.6;}
	.prew .prev a, .prew .next a{line-height: 1.6;}
	.about .top-box .main-box{width: 100%;display: block;}
	.about .top-box .img{display: block;width: 100%;margin-top: 20px;margin-left: 0;}
	.about .top-box .main-box .title{font-size: 26px;}
	.location{margin-bottom: 40px;}
	.about .top-box .main-box .text{margin-top: 20px;}
	.about .top-box .main-box .list{margin-top: 20px;}
	.about .top-box .main-box .list ul li{
		box-sizing: border-box;
		padding: 0 5px;
		text-align: center;
	}
	.about .map-list .item .text{display: block;width: 100%;padding: 20px;box-sizing: border-box;}
	.about .map-list .item .map-box{display: block;width: 100%;}
}

/* 放大镜 */
@media (min-width: 1201px) {
	.magnifierContainer {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		z-index: 10;
		margin: 0 auto;
	}
	
	.imgMedium {
		position: relative;
		
	}
	
	.imgLeft .magnifier {
		position: absolute;
		display: none;
		width: 100px;
		height: 100px;
		background-color: rgba(0,0,0,.2);
	}
	
	.imgLeft .magnifier img{
		width: 100%;
	}
	
	.mediumContainer {
		border: 1px solid #eee;
		overflow: hidden;
		opacity: 0;
	}
	
	#zhezhao {
		background: transparent;
		position: absolute;
		top: 0;
		border: 1px solid transparent;
	}
	
	#zhezhao:hover {
		cursor: move;
	}
	
	.img_u {
		width: 200px;
		height: 200px;
		border: 1px solid #ccc;
		overflow: hidden;
		display: none;
		position: absolute;
		left: -215px;
		top: 0;
		z-index: 10;
	}
}


/* 调优响应式css */
.mySwiper{overflow: hidden;position: relative;}
.mySwiper .swiper-pagination-bullet-active{
	background: #0070c4;
}
.mobile-show {
	display: none;
}
.mobile-show .mySwiper{
	padding-bottom: 20px;
}

/* 1200 */
.banner .swiper-pagination,.mobile-back{display: none;}
.mobile-back img{width: 20px;}
.mobile-back{
	padding-bottom: 30px;
}
@media (max-width: 1200px) {
	#mian{
		margin-top: 63px;
	}
	.banner .swiper-pagination,.mobile-back{
		display: block;
	}
	.product .left-menu .list>ul>li>a span,.magnifierContainer,
	.prew .prev:before,.prew .next:after{
		display: none;
	}
	.prew .prev,.prew .next{
		float: none;
		max-width: 100%;
		text-align: left;
		background: none;
		padding: 10px 0;
	}
}

/* 768 */
@media (max-width: 800px) {
	.product-details .main-title{
		font-size: 22px;
		line-height: 1.3;
	}
	.product-details .swiper-banner .button-prev,
	.product-details .swiper-banner .button-next{
		width: 30px;
		height: 45px;
		background-size: 80% !important;
		background-position: center center !important;
	}
	.recommend .list{
		padding: 0;
	}
	.suspension{
		display: block;
		right: -48px;
		transition: all .5s;
	}
	.suspension > p{
		position: absolute;
		right: 100%;
		top: 50%;
		width: 20px;
		height: 50px;
		transform: translateY(-50%);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background: #0070c4 url(../images/left_white_arrow.png) no-repeat center/100%;
	}
	.suspension.active>p{
		background-image: url(../images/right_white_arrow.png);
	}
	.suspension.active{
		right: 0;
	}
}

/* 640 */
@media (max-width: 640px) {
	.index-product .pc-show{
		display: none;
	}
	.news .list ul li .time .r{
		font-size: 28px;
	}
	footer .icp{
		text-align: center;
	}
	.index-product .mobile-show,.index-project .table-nav ul li a.ab,
	footer .top-box .touch .box .list,footer .top-box .touch .box .ewm,
	footer .icp p{
		display: block;
	}
	.index-project .table-box .item .title a{
		font-size: 20px;
		display: block;
		text-align: center;
	}
	.index-project{
		padding: 10% 0 0 0;
		background: #f7f7f7;
	}
	.index-project .main-box{
		padding: 30px 0 50px;
	}
	.index-project .table-nav ul li{
		padding: 20px;
	}
	.index-project .table-nav{
		overflow: visible;
	}
	.index-project .table-nav ul li:nth-of-type(3n) {
		margin-right: 0;
	}
	.public-more a{
		width: 130px;
		height: 35px;
		line-height: 35px;
	}
	.public-more a span,footer .icp,.news .list ul li .time .ny{
		font-size: 14px;
	}
	.public-more a:after{
		margin-left: 10px;
		width: 20px;
		height: 6px;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.index-four .right-box .main-more{
		top: 2%;
	}
	.product-list ul li .main-box .item .title a{
		height: auto;
	}
	.product-list ul li {
		box-shadow: 0 2px 6px #e5e5e5;
	}
	footer .top-box .touch .box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 20px;
		border-top: solid 1px #272727;
	}
	footer .top-box .touch .box .ewm{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	footer .top-box .touch .box .ewm .img{
		width: 90px;
	}
	footer .top-box .touch .box .list{
		padding-top: 0;
		border: 0;
	}
	footer .top-box .touch .box .list ul li{
		display: flex;
		align-items: center;
	}
	footer .top-box .touch .box .list ul li span{
		font-size: 14px;
		line-height: 1.3;
	}
	footer .top-box .touch .box .ewm .name{
		font-size: 14px;
		margin-top: 10px;
	}
	footer .top-box .touch .box .list ul li:before{
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-right: 10px;
	}
}


.czzstat{margin-left: 10px; margin-right: 0;}