@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")}

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}

body{font-family:"Microsoft Yahei",'微软雅黑','arial';color:#495057; line-height: 1.6; font-size: 0.875rem; }
hr.dashed{ border-top:1px #ed5323 dashed; position: relative;}
table{font-size: 0.875rem; font-weight: 400;}
table tr.top{white-space:nowrap; background-color: #ed5323;color:#fff;}
.table td, .table th{padding:0.3rem; vertical-align:middle;}
a{color:#ed5323;}
.clearfix{ clear:both}
.font12{font-size:0.75rem;}
.big_title{ text-align: center; font-size: 1.4rem;  margin: 1.5rem auto 1.5rem;font-weight: 700;position: relative;display: block}
.big_title span{position: relative;background: #fff;z-index: 2;padding-left: 0.5rem;padding-right: 0.5rem}
.big_title:after{position: absolute;content: "";width: 100%;height: 1px;background: #ccc;left: 0;top: 1.125rem;display: block;z-index: 1} 
.big_left_title{margin: 0.5rem auto 0.5rem;font-weight: 700; position: relative; padding-bottom: 0.875rem; font-size: 1.1rem;color:#f06200;}
.big_left_title:before{position:absolute; left: 0;content:""; bottom:0.4rem; width:3rem; height:1px; border-top:2px #f06200 solid;}
.big_left_title1{margin: 0.5rem auto 0.5rem;font-weight: 700; font-size: 1rem;}

.content{padding:0 1rem 0px 1rem; max-width:998px; margin:0 auto;}
.js-gallery-wrap{}
#header{width:100%;background: #fff;}
#headerin{margin:0px auto;  }

#etw_logo{ float:left; margin:1rem 0 1rem;}
.navbtn{ margin-top:1.6rem;}
#etw_language{ float:right; text-align: right; margin-top:0.6rem;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8rem; padding:0 0.5rem;color:#222; position: relative;}
#etw_language .dropdown-item:focus,#etw_language .dropdown-item:hover{color:#ed5323;background-color: transparent;}

.top-nav{ float:left; margin-left: 10%; margin-top:2rem; padding-top: 0.3rem; }
.navbar{ padding:0;}
.navbar-collapse{}
.navbar-light .navbar-nav .nav-link{color:#263844; padding: 0.5rem 1.2rem; }
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#ed5323; background-color:transparent;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}

#container{}
#etw_banner{ position: relative;overflow: hidden; padding:0px 0 0px 0;}
#etw_banner img{ float:left; margin:0; width:100%;}
#etw_banner .des{ padding:0; position: absolute; top:40%; width: 50%; left:10%;text-align: left; }
#etw_banner .des h2{font-size:2.15rem;  line-height: 1.4; color:#fff; padding:0; display: inline-block; position: relative;}
#etw_banner .des h2:before{content:"";position: absolute;top:-80%;left:0; width: 1.5rem;height: 3rem; background: #f06200;}

.inner_banner{ position: relative;}
.inner_banner .des{ position: absolute; top:30%; width: 100%; text-align: center; }
.inner_banner .des h2{font-size:1.3rem; color:#fff; display: inline-block; padding: 1rem 2rem; background: linear-gradient(to right,rgba(37,53,147,0.1),rgba(37,53,147,0.2),rgba(37,53,147,0.2),rgba(37,53,147,0.2),rgba(37,53,147,0.1));}

.company{padding: 1.5rem 0 2rem 0;}
.htitle{color:#fff; background:#253846; text-align: center; font-size: 1.5rem; line-height: 2.5; font-weight: 700;position: relative;}
.htitle:before{content:"";position: absolute;left: 0;top:0; width: 30%; height: 100%; background: url(../images/titlebefore.jpg) top left no-repeat; background-size:auto 100%;}
.htitle:after{content:"";position: absolute;right: 0;top:0; width: 30%; height: 100%; background: url(../images/titleafter.jpg) top right no-repeat;background-size:auto 100%;}


.company .company_right ul>li{padding-bottom:3%; position: relative; margin-top:2rem;}
.company .company_right ul>li:after{ width: 100%; height: 1px; content:""; position: absolute; left: 0;bottom:0rem; border-top:1px #c2c2c2 solid;}
.company .company_right ul>li>ol{display:flex; flex-flow: wrap;}
.company .company_right ul>li>ol .product_con{ width: 57%; margin-right:5%; position: relative; padding-left:3rem; }
.company .company_right ul>li>ol .product_con:before{content:""; position: absolute;top:0; width: 2rem; height: 2rem; background: url(../images/ok.jpg) no-repeat top center; background-size:contain; z-index: 1;}
.company .company_right ul>li>ol .product_con:after{content:""; position: absolute;top:0; width:1px; height: 100%; border-left:1px #c2c2c2 solid;}
.company .company_right ul>li:nth-child(2n+1)>ol .product_con:before{left:0;}
.company .company_right ul>li:nth-child(2n+1)>ol .product_con:after{left:0.875rem;}
.company .company_right ul>li:nth-child(2n)>ol .product_con{margin-left:5%;margin-right:0;padding-right:3rem;}
.company .company_right ul>li:nth-child(2n)>ol .product_con:before{right:0;}
.company .company_right ul>li:nth-child(2n)>ol .product_con:after{right:1.12rem;}


.company .company_right ul>li>ol .product_con .tag{ position: absolute; left:3rem;top:-1.2rem; font-size: 3.25rem;color:#f06200;  font-weight: 400; text-align: center; }
.company .company_right ul>li>ol .product_con .tag:after{position:absolute; width: 100%;height: 1px; content:""; left: 0;bottom:0.5rem;border-top:2px #f06200 solid;}
.company .company_right ul>li>ol .product_con a{color:#f06200;font-size:1.875rem; display: block; padding-left:4.5rem; margin-bottom: 2rem;}
.company .company_right ul>li>ol .product_con a:hover{color:#2c327e; text-decoration: none;}
.company .company_right ul>li>ol .product_img{width: 38%;background:#f3f5f7; text-align: center;}


.company .company_right ul>li a{color:#333;}
.company .company_right ul>li a:hover{text-decoration:underline; color:#ed5323;}
.company .company_right ul>li .product_con{margin-top:0.2rem;}

.solu{ background:#fff; padding:0rem 0 2.5rem;}
.solu .left{background:url(../images/company.jpg) no-repeat left top; flex: 1;}
.solu .left a{ display:inline-block; padding: 3rem 3rem; background-color:rgba(255,255,255,0.8);color:#253846; font-size:1.4rem;font-weight: 700; text-align: center;}
.solu .left a span{ display:inline-block; background:#f06200;color:#fff; padding: 0 0.5rem 0.125rem;  line-height: 1; border-radius: 50%;}
.solu .left a:hover{color:#ed5323;}
.solu .left a:hover span{background:#ed5323;}
.bg1{background:url(../images/bluebg.jpg) repeat;color: #fff;}


.eaxm{padding: 0rem 0 2rem; position: relative;}
.eaxm:after{content:""; position: absolute; left: 0;top:2rem; width: 100%; height: 100%;background:#f0f0f0; z-index: -1;}


h2[itemprop=name]{ padding:0.5rem 0 0.875rem;font-size:1.8rem; color:#495057; margin-bottom: 0; font-weight: 700;}
.etw_hometitle{text-align:center; font-size: 1.5rem; font-weight: 700; color:#253593; position: relative; padding-bottom: 2rem;}
.etw_hometitle span{position:relative;}
.etw_hometitle span:before{content:"";position:absolute; width: 50%; left: 25%; bottom:-0.8rem; height: 1px; border-top:3px #253593 solid;}

.pagebottom{ padding: 1.2rem 0 1.2rem;background-color:#263745; color:#fff;}
.pagebottom .title{ font-size:1.25rem; font-weight: 700;}
.i-user{display:inline-block; background: url(../images/people.png) no-repeat left top; background-size: auto 100%; width: 28px; height: 24px; margin-right: 0.4rem;}
.i-email{display:inline-block; background: url(../images/email.png) no-repeat left top; background-size: auto 100%; width: 28px; height: 24px; margin-right: 0.4rem;}
.i-mobile{display:inline-block; background: url(../images/mobile.png) no-repeat left top; background-size: auto 100%; width: 28px; height: 24px; margin-right: 0.4rem;}
.i-tel{display:inline-block; background: url(../images/tel.png) no-repeat left top; background-size: auto 100%; width: 28px; height: 24px; margin-right: 0.4rem;}
.pagebottom ul li{ margin-bottom:0.3rem;}
.pagebottom ul li a,.pagebottom ul li{color:#fff;}
.pagebottom ul li a:hover{color:#ed5323;}


#etw_producttitle{margin:0px auto 0px; height:auto; color:#666; padding:1rem 0; font-size:0.875rem; font-weight: 400;}
#etw_producttitle ul{margin-bottom:0;}
#etw_producttitle a{ color:#999; }
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 0.5rem 0 0.3rem;color:#ccc;content:">"}
#etw_producttitle a:hover{color:#ed5323; text-decoration:underline;}


#etw_right{width:73%; }
#etw_sidebar{ width:24%; margin-left:3%;padding-top: 109px; }

.etw_productlist{ padding:1rem 0rem;}
.etw_productlist .title{font-size: 1.1rem; background:#253846;color:#fff; padding:0.5rem 0 0.5rem 0.875rem;margin-bottom: 0.3rem;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{  margin-bottom: 0.3rem;}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{position:relative;display: block;background:url(../images/graybg.jpg) repeat;padding:0.5rem 0 0.5rem 0.8rem; font-size:0.9rem;color:#333;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#ed5323;text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px; clear: both; float:none;}
.etw_productlist ul>li>ol>li a{ display:block; color:#666;padding:0.3rem 0.2rem 0.2rem 0.875rem;position:relative; font-size:0.8rem; font-weight: 400; }
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#ed5323; text-decoration:none;}

ul.item>li{ width:auto; margin:4px 0 6px 20px; list-style:decimal; }
ul.disc>li{list-style: disc; margin-bottom: 4px; }
ul.square>li{list-style:square;}
ul.circle>li{list-style:circle;}


.pro>ul{display:flex;flex-flow: wrap; margin-bottom: 0;}
.pro>ul>li{width:49%; margin-right: 2%; margin-bottom: 2%;}
.pro>ul>li:nth-child(2n){margin-right:0;}
.pro>ul>li:last-child{ margin-right:0;}
.pro>ul>li .product_img{ text-align: center;}
.pro>ul>li .product_img img{ max-width: 100%;}
.pro>ul>li .product_con{padding:0.875rem 1rem 0.5rem; position: relative; text-align: center;}
.pro>ul>li .product_con p{color:#666; font-size:0.9rem; margin: 0.5rem 0;}
.pro>ul>li .product_con .t{color:#555; font-weight: bold; display: block; padding-bottom: 0.5rem; margin-bottom: 0.5rem; position: relative;}
.pro>ul>li .product_con .t:after{content:""; position: absolute; left: 0;bottom:0; width: 100%; height: 1px;border-top:1px #ddd solid;}
.pro>ul>li .product_con .more{color:#ed5323;font-size: 0.875rem; display: block; position: relative; padding-top: 0.5rem;}
.pro>ul>li .product_con .more:after{content:"\f101"; font-family: 'fontawesome'; margin-left: 0.3rem;}
.pro>ul>li:hover img{opacity:0.8;}
.pro>ul>li:hover .product_con a{color:#ed5323;}

.pro_img_txt{}
.pro_img_txt ul li ol{display:flex; flex-flow: row; align-items: center; margin-bottom: 1.8rem; }
.pro_img_txt ul li ol .product_img{width:11rem; margin-right:1rem; border:1px #e4eaf8 solid;}
.pro_img_txt ul li ol .product_con{ flex: 1;}
.pro_img_txt ul li ol .product_con a{color:#f06200; font-size: 1rem; font-weight: 500; display: block; text-decoration: underline; }
.pro_img_txt ul li ol .product_con a:hover{color:#2c327e; text-decoration: none;}
.pro_img_txt ul li ol .product_con span{font-size: 0.9rem;}

.pro3 ul>li{width:32%; }
.pro3 ul>li:nth-child(2n){margin-right:2%;}
.pro3 ul>li:nth-child(3n){margin-right:0;}
.pro3 ul>li .product_con a{ font-weight: 700;color:#555;}
.pro3>ul>li:hover .product_con a{color:#ed5323;}

.pro4 ul>li{width:23.5%;}
.pro4 ul>li:nth-child(2n){margin-right:2%;}
.pro4 ul>li:nth-child(4n){margin-right:0;}
.pro4 ul>li .product_con{text-align: center; margin-top:-2rem; background: #fff; width: 90%; margin-left: 5%; padding: 1.5rem 0;}
.pro4 ul>li .product_con a{ font-size:0.75rem; font-weight: 700;  color:#555;}
.pro4>ul>li .product_con:after{content:""; position: absolute; width: 100%; height: 1px; left: 0%; bottom:0; border-top:3px #acacac solid;}
.pro4>ul.noafter>li .product_con:after{display:none;}


.pro5 ul>li{width:18.4%;}
.pro5 ul>li:nth-child(2n){margin-right:2%;}
.pro5 ul>li:nth-child(5n){margin-right:0;}
.pro5 ul>li .product_con{text-align: center;}
.pro5 ul>li .product_con a{ font-size:0.75rem; font-weight: 700;  color:#555; display: block;}

.img_center{width:100%;clear:both;margin:0.3rem auto 0.6rem auto;text-align:center; }
.img_center img{box-shadow:2px 2px 4px #ccc; padding:3px;}
.img_left,.img_right{width:48%;float:right; margin:0 0 1rem 2%; padding: 0.5rem; text-align:center;position: relative;}
.img_left:before,.img_right:before{content:""; position: absolute; left: 0; top:0; border-left: 3px #49b9bd double;border-top: 3px #49b9bd double; width: 2rem; height: 2rem;}
.img_left:after,.img_right:after{content:""; position: absolute; right: 0; bottom:0; border-right: 3px #49b9bd double;border-bottom: 3px #49b9bd double; width: 2rem; height: 2rem;}

.img_left{float:left;margin:0 2% 1rem 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31%; min-width:150px;}
.mswidth{ width:38%; min-width:150px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; transition:.3s}
.etw_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 0.875rem 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%;box-shadow:1px 1px 4px #dee2e6; padding: 4px; margin-bottom: 5px; position: relative;} 
.etw_photo.noshadow ul li img{box-shadow:none;}
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block; margin-bottom:3px; color:#ed6861;}
.etw_photo ul li p{ display:block;}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){ clear:both;}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#etw_form_title,.contact_title a{text-align:left;color:#555;font-size:1rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2011{ margin:-15px -10px 0 -15px;}
#etw_form{width:100%}

.othertitle{font-size: 1.1rem; font-weight:bold; padding-bottom: 0.5rem;}
.othertitle span{position:relative;}
.othertitle span:after{position:absolute;content:""; left: 0;bottom:-0.5rem; width: 5rem; height: 0.2rem; background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(255,255,255,0));}



        /*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}
/*引用sitemap样式*/
        

#footer{ width:100%;height:auto;background:#fff; border-top:3px #101a24 solid; }
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; padding-bottom:1.2rem; }
#etw_homefooter{height:auto;padding:1.5rem 0 0rem 0; text-align:center; position:relative; width: 100%; }
#etw_homefooter a{padding:0 1rem 0 1rem;color:#333; margin:0px;position:relative;}
#etw_homefooter a:last-child:after{display:none;}
#etw_homefooter a:hover{color:#ed5323; text-decoration:none;}
#etw_coper a{display:block;color:#333; margin-top:0.5rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#333; font-size:0.5rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #333 solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#ed5323;border:1px #ed5323 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}
@media (max-width: 1500px) { 
	.inner_banner .des h2{font-size:1rem;}
	.eaxm{ background-size:auto;}
}

@media (max-width: 1199.98px) { 
	#etw_banner .des .desinfo{width:33%;}
	#etw_banner .des h2 {font-size: 1.5rem;}
	#etw_banner .des h2:before{top:-100%;}
	
}

@media (max-width: 991.98px) {
	#etw_banner,#etw_language,.inner_banner .des,.eaxm ul:after,.pagebottom .info:after,.pro_img_title,.etw_pic6{ display:none;}
	#etw_logo{margin:0.5rem 0;}
	.top-nav{width:100%;margin-left:0;margin-top:0.3rem;}
	.navbar{ border-top:1px #e8e8e8 solid;}
	#header{position: relative;}
	#container{margin-top:0;}
	.eaxm .info{padding-top:0rem;}
	.eaxm ul>li{width:23.5%; margin-right: 2%;}
	.solu .left{background:none;}
	.solu .left a{padding:0 0 1rem;}
}

@media (max-width: 767.98px) { 
	#container{background:#fff;}
	.etw_content{padding:1rem 0;box-shadow:0 0 0 0 #fff;}
	.mainpro .title{padding:1rem;}
	#etw_homefooter a{font-size:0.875rem;}
	.eaxm ul{flex-flow: wrap;}
	
	.eaxm ul>li,.pro4 ul>li,.etw_pic4 ul li,.etw_pic3 ul li{width:49%; margin-bottom: 2%;}
	.eaxm ul>li:nth-child(2n),.pro4 ul>li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(2n){margin-right:0;}
	.eaxm ul>li .product_img img{width:100%;}
	#etw_sidebar,#etw_producttitle,.inner_banner{ display:none;}
	#etw_right{width:100%;}
	.etw_hometitle, h2[itemprop=name]{font-size:1.2rem; margin-top: 0.5rem;}
}

@media (max-width: 575.98px) {
	.company .company_left{width:100%;}
	.top-nav{border-top:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
	.number_txt5>li,.number2>li,.number3>li,.img_left, .img_right{width:100%; margin-right:0;}
	.smwidth,.company .company_right{width:100%;}
	.company .company_right ul>li:after,.pro_img_txt ul li ol .product_con span{display:none;}
	.htitle{font-size:1.1rem;}
	.company .company_right ul>li:nth-child(2n)>ol{flex-direction: column-reverse;}
	.company .company_right ul>li>ol .product_con{width:100%; margin: 0;}
	.company .company_right ul>li>ol .product_img{width:100%;}
	.company .company_right ul>li:nth-child(2n)>ol .product_con:before{left:0;}
	.company .company_right ul>li:nth-child(2n)>ol .product_con:after{left:0.875rem;}
	.pro>ul>li .product_con p{display:none;}
	.pro>ul>li .product_con .t:after{display:none;}
}