@charset "utf-8";
img,
object {
	max-width: 100%
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0
}

img.mar_bottom {
	margin-bottom: 20px
}

body {
	background: #fff;
	color: #3d3d3d;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px
}

*,
li,
ol,
ul {
	margin: 0;
	padding: 0
}

li,
ol,
ul {
	float: left;
	list-style: none
}

a {
	color: #015198;
	blr: expression(this.onFocus=this.blur())
}

a:hover {
	color: #c00
}

a:focus {
	outline: 0
}

a,
a:hover {
	text-decoration: none
}

a.indent {
	padding-left: 34px
}

a.indent1 {
	padding-left: 54px
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	width: 0
}

p {
	padding: 6px 0;
	font-family: Arial, Helvetica, sans-serif
}

p.relate_names {
	font-size: .8em;
	color: #666;
	margin-top: 40px
}

p.sname {
	font-size: 1.1em;
	color: #999
}

h2 {
	display: block;
	margin: 0;
	padding: 20px 0 8px 0;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: #444
}

.names h2 {
	line-height: 36px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	font-size: 1.6em;
	font-weight: 700
}

h3 {
	font-size: 16px;
	margin: 0;
	line-height: 26px
}

.etw_hometitle {
	line-height: 30px;
	margin-top: 5px;
	padding: 30px 0 20px 0;
	font-size: 36px;
	text-align: center;
	color: #3e3e3e
}

.etw_hometitle a {
	color: #eb6100
}

.etw_hometitle a:hover {
	color: #eb6100
}
ul.proitem{ margin-bottom:15px; float:none;}
ul.proitem li{ width:auto; margin:4px 0 8px 20px; list-style:decimal; line-height:20px; float:none;}
.half{display:block;width:48%;margin:0 2% 15px 0;float:left}
.half li{width:100%;display:block;position:relative}
.big_title {
	border-top: 1px solid #ccc;
	text-align: center;
	margin: 50px auto 20px auto
}

.big_title strong {
	padding: 0 20px;
	margin: -15px auto 0 auto;
	width: 30%;
	font-size: 1.5em;
	display: block;
	background: #fff;
	font-weight: 400;
	line-height: 30px
}

.about1 {
	float: left;
	display: block;
	margin: 20px 0 30px;
	padding: 10px 2% 20px;
	width: 99%;
	height: auto;
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #eee
}

.table {
	margin: 10px 0 20px 0
}

.table tr.top {
	background: #e2e2e2!important
}

table,
td {
	border: 1px solid #999!important
}

#etw_multimedia {
	width: 130px;
	height: 200px;
	background: url(/public/static/images/ETWicon.png) no-repeat left;
	background-position: left top;
	position: fixed;
	right: -18px;
	top: 40%;
	z-index: 888
}

#etw_multimedia {
	animation-name: animation1;
	animation-duration: 2s;
	animation-timing-function: 1s;
	animation-iteration-count: 10000;
	animation-direction: alternate
}

p.centers {
	text-align: center
}

@keyframes animation1 {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

#video_about2 a img {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	background-size: cover;
	margin-left: 19%;
	margin-top: -2%
}

#video_about2 a {
	position: absolute;
	display: block;
	top: 40%;
	z-index: 6;
	text-align: center;
	width: 100%;
	font-size: 40px;
	text-shadow: #000 0 1px 5px;
	color: #fff
}

#tree {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%
}

#header {
	width: 100%;
	height: auto;
	margin: 0 auto;position: fixed;z-index: 99;background: #fff
	
}

#headerin {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	position: relative
}

#etw_logo {
	width: auto;
	float: left;
	margin: 10px 0 10px 0;
}

/*show language */
@media screen and (min-width:768px){#etw_language{width: auto;margin: 20px 15px 5px 0;}
#etw_language a{padding:0 8px;color: #333;position:relative;line-height:13px;font-size:13px;}
#etw_language a:before{position:absolute;content:'';width:2px;height:2px;border-radius:50%;background: #fff;right: -2px;top:6px;}
#etw_language a:last-child:before{content:normal}
#etw_language a:hover{color:#c30004}
.dropdown{float:left;display:block;width:100%}
#dropdownMenu1{display:none}
#etw_language .dropdown-menu{position:relative;display:block;border:0;color:#555;background:0;font-size:12px;box-shadow:none;float:right;padding:5px 0 0;margin:0;line-height:12px;border-radius:0 0 15px 15px}
#etw_language .dropdown-menu a.dropdown-item{float:left}
}


#etw_language{width:auto;float:right;text-align:right}
#etw_language .dropdown-menu{min-width:100px;}
#etw_language a{color:#333;line-height:20px;padding:3px 10px 3px 20px;font-size:12px;display:inline-block;float: left;width: }
#etw_language a:hover{color:#c30004}


.head_right {
	float: right
}

.head_right p {
	margin-right: 6%;
	margin-left: 4%;
	float: right
}

.top-nav {
	width: 100%;
	text-align: right;
	float: left;background: #004f70
}

.navbar,
.navbar-default,
.navbar-default .navbar-collapse,
.navbar-header,
.navbar-nav {
	background: 0;
	border: 0;
	min-height: inherit;
	padding: 0;
	margin: 0;
	width: 100%
}

.top-nav nav {
	max-width: 1200px;
	margin: 0 auto
}
.container-fluid{padding-left: 0;padding-right: 0}

.navbar-default .navbar-nav li {
	width: auto;
	float: left;
	display: inline-block;padding-right: 38px
}

.navbar-default .dropdown-menu {
	top: 99%
}

.navbar-default .dropdown-menu li {
	width: 100%;
	display: block
}

.navbar-default .navbar-nav li a {
	padding: 0 15px;
	color: #fff
}

.navbar-default .navbar-nav>li>a {
	padding: 15px 10px;text-align: center;
}

.navbar-default .dropdown-menu>li>a {
	font-size: 16px;
	padding: 5px 5px 5px 18px;
	color: #464a48;
	line-height: 26px
}

.navbar-default .dropdown-menu li a.sechildren {
	font-size: 14px;
	padding-left: 30px;
	color: #eb6100
}

.navbar-default .navbar-nav li a.thisItem,
.navbar-default .navbar-nav li a:hover {
	text-decoration: underline;color: #fff;background: #004f70
}



.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	text-decoration: underline;
	background-color: none!important;color: #fff
}

.navbar-brand {
	display: none
}

#totlecontainer {
	position: relative;
	width: 100%;
	max-width: 1195px;
	margin: 0 auto;
}

#totlecontainer2 {
	position: relative;
	width: 100%;
	max-width: 1195px;
	background: #fff;
	margin: 0 auto;margin-top: 116px;
}

#totlecontainer3 {
	position: relative;width: 100%;
	max-width: 1195px;
	background: #fff;
	margin: 0 auto;margin-top: 116px;
}

#etw_banner {
	width: 100%;
	position: relative;
	background-size: cover;margin: 0 auto;margin-top: 115px
}

#etw_banner .banner_left {
	width: 100%
}

#etw_banner img {
	width: 100%
}

.etw_banner_txt {
	position: absolute;
	top: 0;
	left: 5%;
	bottom: 0;
	height: 60%;
	margin: auto;
	width: 30%
}

.etw_banner_txt h2 {
	font-size: 28px;
	font-weight: 400;
	color: #333;
	line-height: 38px
}

.etw_banner_txt h2 span {
	font-size: 44px;
	font-weight: 700;
	color: #eb6100;
	text-transform: uppercase;
	display: block
}

.etw_banner_txt h2 p {
	font-size: 14px;
	color: #666;
	line-height: 20px
}

.company h2 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 0;
	line-height: 18px;
	font-weight: 600
}

.company p {
	font-size: 14px;
	color: #fff;
	line-height: 20px
}

.company {
	max-width: 535px;
	position: absolute;
	top: 46%;
	left: 18.5%
}

.home_video{width:24%;overflow:hidden;position:relative;margin:10px 1% 10px 1%;float:left;height:140px;background:url(/upload/3909/o/company1.jpg) no-repeat center;background-size:cover;border:1px solid #999;display: block;}

.home_video a{top:0;font-size:18px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:64px;height:64px;bottom:0}
.home_video a span{padding:7px 0 0 6px;display:block;text-align:center;margin:0 auto;color:#fff;font-size:28px;border-radius:50%;width:100%;height:100%;background:#49b6b2;line-height:48px;}
.home_video img{max-width:150%}
.home_video a:hover span{ background:#fff;color:#49b6b3}
.home_video:hover{ border:1px #4db7b3 solid;}


.middle-title {
	color: #004f70;
	width:100%;
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 10px;overflow: hidden;
}

.left-title {
	width: 100%;
	line-height: 24px;
	padding-left: 11px;
	font-weight: 700;
	color: #004f70;
	font-size: 20px;
	margin-left: 1px;
	margin-top: 10px;border-bottom: 1px solid #004f70
	
}

.left-title2 {
	width: 100%;
	line-height: 24px;
	padding-left: 11px;
	font-weight: 700;
	color: #004f70;
	font-size: 20px;
	margin-left: 1px;
	margin-top: 10px;border-bottom: 1px solid #004f70
}

.right_video {
	width: 49%;
	float: right
}

#home_video {
	width: 100%;
	max-width: 450px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .5);
	float: right;
	position: relative;
	height: 195px;
	margin: 25px 0 15px 0;
	padding: 1px;
	border: 1px solid #ccc
}

#home_video .glyphicon-play {
	background: rgba(0, 0, 0, .6);
	padding: 6px
}

#home_video a {
	width: 100%;
	position: absolute;
	top: 30%;
	left: 0;
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 2px #000
}

#home_video a:hover {
	color: #c00
}

#video_about {
	width: 24%;
	
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	margin:15px 1% 15px 1%;
	height: 156px;
	float: left;
}

#video_about2 {
	width: 100%;
	max-width: 690px;
	overflow: hidden;
	position: relative;
	height: 250px
}

#video {
	width: 100%;
	overflow: hidden;
	float: right;
	position: relative;
	margin-top: 10px
}

#video img {
	border: 4px solid #eee;
	overflow: hidden
}

#video_about img {
	position: absolute;
}

#video_about2 img {
	position: absolute;
	top: 0
}

#video a,
#video_about a {
	position: absolute;
	display: block;
	top: 32%;
	z-index: 6;
	text-align: center;
	width: 100%;
	font-size: 40px;
	text-shadow: #000 0 1px 5px;
	color: #fff
}

#video a:hover,
#video_about a:hover,
#video_about2 a:hover {
	color: red
}

#video a span,
#video_about a span {
	background: rgba(0, 0, 0, .6);
	padding: 6px
}

.pro_video {
	width: 90%;
	height: 24px;
	background: url(../images/video_bg2.jpg) no-repeat right, url(../images/video_bg1.jpg) no-repeat left;
	position: absolute;
	bottom: 30px;
	left: 5%
}

.ac-container label {
	position: relative;
	padding: 0;
	padding-left: 20px;
	z-index: 20;
	display: block;
	cursor: pointer;
	color: #fff;
	opacity: 1;background: #004f70;width: 70px;margin-bottom: 10px
}

.ac-container label:hover {
	background: #c00;
}

.ac-container input:checked+label,
.ac-container input:checked+label:hover {
	color: #fff
}

.ac-container input {
	display: none
}

.ac-container article {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;margin-bottom: 10px
}

.ac-container article p {
	padding-left: 20px
}

.ac-container input:checked~article {
	height: auto
}

.etw_products3,.etw_products3 ul{ width:100%; height:auto; overflow:hidden;}
.etw_products3 ul>li{ width:31.333333%; margin:0 3% 2% 0}
.etw_products3 ul>li:nth-child(3n){ margin-right:0}
.etw_products3 ul>li:nth-child(3n+1){ clear:both}
.etw_products3 ul li ol,.etw_products3 ul li ol li{ width:100%;}
.etw_products3 ul li ol li.product_img,.etw_products3 ul li ol li.product_con{ width:100%; overflow:hidden;}
.etw_products3 ul li ol li.product_img img{ width:100%;transition: all 0.6s; border:1px #ccc solid;}
.etw_products3 ul li ol li.product_con{ text-align:left;background: #eaeaea}
.etw_products3 ul li ol li.product_con a{ width: 100%;color:#555; display:inline-block;margin:8px 0; font-size:14px; position:relative; text-align: center;padding-left: 2px;padding-right: 2px}
.etw_products3 ul li ol li.bold a{font-family: fontBold;}
.etw_products3 ul li ol li.product_con span{ display:block; color:#7f7f7f; font-size:13px; line-height:1.5;}
.etw_products3 ul li:hover ol li.product_img img,.etw_products3 ul li ol.dq li.product_img img{border:1px #2469b4 solid;}
.etw_products3 ul li:hover ol li.product_con a,.etw_products3 ul li ol.dq li.product_con a{color:#2469b4; text-decoration: underline;}

#container {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto
}

#container5 {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 10px
}

.middle strong {
	font-size: 1em
}

.middle p {
	margin: 0;
	padding: 10px 0 0 0
}
.middle ul{width: 100%;float: left;margin-bottom: 10px}
.middle li{list-style: disc;width: 100%;margin-left: 18px}

.middle img {
	margin: 10px 0 0 0
}

label {
	font-weight: 400;
	text-decoration: underline!important;
	animation: myfirst 1.5s infinite;
	animation-direction: alternate;
	opacity: 0
}

#footer label {
	opacity: 1;
	text-decoration: none!important
}

.img_right2 {
	float: right;
	margin: 5px 10px 5px 12px
}

.img_rigt2 {
	width: 50%;
	float: left
}

#etw_contentins {
	width: 74%;
	height: auto;
	padding: 20px  20px;
	margin: 0 auto;
	float: right
}

#etw_sidebar {
	width: 26%;
	height: auto;
	padding: 0 1% 20px 1%;
	float: left
}

#etw_sidebar .etw_multi_photo {
	margin-top: 10px
}

#etw_sidebar .etw_pic2 ul li ol .product_img,
.company_txt .etw_pic3 ul li ol li {
	width: 100%
}

#etw_productlist {
	overflow: hidden
}

#etw_productlist2 {
	margin-top: 30px
}

.pro_title {
	background: #015198;
	color: #fff;
	line-height: 40px;
	font-size: 24px;
	padding-left: 10%
}

.cer_name {
	float: left;
	width: 100%;
	line-height: 18px
}

.cer_name a {
	padding: 11px 10px 11px 15px!important;
	color: #004f70;
	font-size: 16px;
	font-weight: 700
}

.cer_name ol {
	line-height: 18px;
	padding-left: 15px;margin-bottom: 7px
}

.cer_name ol a {
	color: #555;
	font-weight: 400;
	padding: 11px 10px 11px 0!important;
	font-size: 14px
}

.cer_name a.thisItem,
.cer_name a:hover {
	color: #c00;
	text-decoration: underline
}

.etw_pros {
	width: 100%
}



.etw_pros .big_case {
	width: 100%;
	float: left;
	margin-bottom: 3px
}

.etw_pros li>a:hover {
	color: #c00;
	text-decoration: underline
}

.etw_pros .big_case a {
	color: #000;
	display: block;
	line-height: 15px;
	font-size: 14px;
	padding: 8px 4px 8px 6px
}

.etw_pros .big_case a.thisItem,
.etw_pros .big_case a:hover {
	color: #c00;
	text-decoration: underline;
	background: #f5f5f5
}

.company_txt {
	width: 100%
}

#home_mainproducts h2,
.company_txt h2 {
	color: #060606;
	line-height: 32px;
	padding: 0 1%;
	margin-bottom: 10px;
	font-size: 24px
}

.company_txt p {
	padding: 10px 1%
}

.company_txt .etw_hometitle {
	color: #fff
}

.company_txt a.more {
	color: #035fd0;
	font-style: italic;
	padding: 0 5px;
	text-decoration: underline
}

.company_txt a.more:hover {
	color: #fff;
	background: #035fd0;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 5px
}

#home_mainproducts ul {
	margin-top: 0
}

#home_mainproducts ul>li {
	width: 31.33%;
	padding: 10px 0;
	margin: 0 1%
}

#home_mainproducts ul>li:nth-child(3n+1) {
	clear: both
}

#home_mainproducts ul>li .product_img {
	width: 100%
}

#home_mainproducts ul>li .product_con {
	margin-top: 10px
}

#home_mainproducts ul>li .product_con a {
	display: inline-block;
	font-size: 20px
}

.con_more {
	width: 100%;
	margin: 50px auto
}

.con_more ul {
	max-width: 800px;
	text-align: center
}

.con_more ul p {
	text-align: left
}

.con_more a.more {
	background-color: #fcea53;
	padding: 2px 20px;
	color: #035fd0;
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
	border-radius: 18px;
	text-decoration: none;
	font-style: normal
}

.con_more a.more:hover {
	background: #035fd0;
	color: #fff;
	font-weight: 100;
	padding: 2px 20px
}

.gallery {
	width: 100%
}

.gallery ul {
	width: 100%;
	max-width: 1200px;
	margin: 20px auto;
	float: none
}

.gallery ul .bor,
.gallery ul a,
.gallery ul img {
	transition: all .3s ease 0s
}

.gallery ul li {
	float: left;
	width: 31%;
	margin: 0 3.5% 2% 0
}

.gallery ul li:nth-child(3n) {
	margin-right: 0
}

.gallery ul .img {
	position: relative
}

.gallery ul .bor {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	background: none repeat scroll 0 0 #fff;
	z-index: -1
}

.gallery ul .bor:first-child {
	left: 8px;
	top: 8px
}

.gallery ul .bor:nth-child(2) {
	left: 6px;
	top: 6px
}

.gallery ul .bor:nth-child(3) {
	left: 4px;
	top: 4px
}

.gallery ul .bor:nth-child(4) {
	left: 2px;
	top: 2px
}

.gallery ul a:hover img {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg)
}

.gallery ul a:hover .bor {
	background-color: rgba(0, 0, 0, .2)
}

.gallery ul a:hover .bor:first-child {
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg)
}

.gallery ul a:hover .bor:nth-child(2) {
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg)
}

.gallery ul a:hover .bor:nth-child(3) {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg)
}

.gallery ul a:hover .bor:nth-child(4) {
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg)
}

#etw_container {
	width: 100%;
	max-width: 1200px;
	margin: 20px auto;
	background: #fff;
	padding: 0 15px
}

#etw_container1 {
	width: 100%;
	margin: 30px auto;
	max-width: 1200px
}

#etw_contentin {
	width: 70%;
	height: auto;
	margin: 0 auto;
	float: right
}

#etw_contentin2 {
	width: 70%;
	height: auto;
	margin: 0 auto;
	float: right
}
.contentin2_contact{
	width: 100%!important;
}
#etw_producttitle {
	margin: 0 auto 6px auto;
	padding-bottom: 5px;
	height: auto;
	color: #1f1d29;
	line-height: 18px;
	font-size: .9em;
	padding-top: 10px
}

#etw_producttitle a {
	color: #000;
	color: #999;
	padding-right: 6px
}

#etw_producttitle li {
	display: inline-block
}

#etw_producttitle li+li::before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}

#etw_producttitle a:hover {
	color: #3a3b49
}

#etw_producttitle small {
	display: inline
}

.con_all {
	float: right;
	padding: 10px 0 20px 12px
}

.img_right .con_all {
	padding-bottom: 0;
	margin-top: 10px
}

.con_all a {
	display: block;
	width: 150px;
	height: 30px;
	border-radius: 5px;
	background: #f1f1f1;
	color: #035fd0;
	text-align: center;
	font-size: 16px;
	line-height: 30px
}

.con_all a span {
	float: right;
	padding-right: 10px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif
}

.con_all a:hover {
	background: #eaeaea;
	color: #c00
}

.protitle {
	font-weight: 700;
	color: #eb6100;
	font-size: 1.1em;
	display: inline-block;
	padding: 2px 0 10px 0
}

.product_style {
	width: 100%;
	clear: both
}

.product_style ul {
	overflow: hidden;
	width: 100%;
	height: auto
}

.product_style ul li {
	display: block;
	width: 25%
}

.product_style ul li ol {
	display: block;
	float: none;
	margin: 0 auto;
	width: 93%
}

.product_style ul li ol li {
	margin: 0;
	width: 100%
}

.product_style ul li ol li.product_img {
	text-align: center;
	width: 100%;
	float: left
}

.product_style ul li ol li.product_img a img {
	width: 100%
}

.product_style ul li ol li.product_con {
	text-align: left;
	width: 100%;
	float: right
}

.product_style ul li ol li.product_con a {
	display: block;
	height: auto;
	text-align: center
}

.productstyle_sub {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 10px auto
}

.big_cate_format {
	width: 99.5%;
	height: auto;
	margin: 10px 0;
	background: #f8f8f8;
	border-left: 6px solid #035fd0;
	box-shadow: 2px 2px 3px #ccc
}

.big_cate_format a {
	display: block;
	padding: 8px 20px 6px 20px;
	font-size: 1.3em;
	color: #000;
	text-shadow: 1px 1px 1px #fff
}

.big_cate_format a:hover {
	color: #035fd0
}

.product_style ul.no_list li {
	width: 100%;
	padding: 1px;
	margin: 5px 0
}

.product_style ul.no_list li ol {
	width: 100%
}

.product_style ul.no_list li ol li.product_img {
	width: 25%
}

.product_style ul.no_list li ol li.product_con {
	float: right;
	width: 72%;
	padding: 5px 0 10px 0;
	color: #333
}

.product_style ul.no_list li ol li.product_con a {
	height: auto;
	padding: 5px 0;
	text-align: left;
	font-size: 1.1em;
	color: #036de5
}

.product_style ul.no_list li ol li.product_con a:hover {
	color: #c00
}

.img_center {
	width: 98%;
	clear: both;
	margin: 10px auto 20px auto;
	padding: 4px;
	text-align: center;
	max-width: 820px
}

.whole {
	width: 100%;
	border: 1px solid #ccc;
	max-width: none;
	margin-bottom: 20px
}

.img_center img,
.img_center1 img {
	display: block;
	margin: 0 auto
}

.etw_multi_photo {
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
	height: auto
}

.etw_multi_photo img {
	display: block;
	border: 1px solid #ccc
}

.etw_multi_photo a {
	margin-bottom: 12px
}

.etw_multi_photo ul {
	display: block;
	margin: 12px 0 12px 0;
	width: 100%;
	height: auto
}

.etw_multi_photo ul li {
	display: block;
	padding: 0 1% 10px 0;
	text-align: center;
	line-height: 22px
}

.etw_multi_photo ul li text {
	display: block;
	overflow: hidden
}

.etw_multi_photo p {
	text-align: left
}

.etw_pic {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	text-align: center
}

.etw_pic a {
	display: block;
	width: 100%
}

.etw_pic img {
	margin: 0 auto;
	border: 1px solid #ccc
}

.etw_pic2 ul,
.etw_pic3 ul,
.etw_pic4 ul,
.etw_pic5 ul,
.etw_pic6 ul {
	margin: 0
}

.etw_pic2 ul li {
	width: 50%
}

.etw_pic3 ul li {
	width: 33.3%
}

.etw_pic4 ul li {
	width: 25%
}

.etw_pic5 ul li {
	width: 20%
}

.etw_pic6 ul li {
	width: 16.66%
}

.etw_pic3 ul li:nth-child(3n+1),
.etw_pic4 ul li:nth-child(4n+1),
.etw_pic5 ul li:nth-child(5n+1) {
	clear: both
}

.img_right {
	text-align: center
}

.img_left,
.img_right {
	width: 35%;
	float: right;
	padding: 0 0 12px 2%
}

.swidth {
	width: 28%;
	padding-left: 3%;
	min-width: 300px
}

.img_left {
	float: left;
	padding: 0 2% 12px 0
}

.img_left img,
.img_right img {
	display: block;
	margin: 0 auto;
	width: 99%;
	border: 1px solid #ccc
}

.img_left a:hover img,
.img_right a:hover img {
	border: 1px solid #035fd0
}

.left_pic {
	width: 49%;
	float: left;
	margin: 10px 0 20px 0
}

.img_right1 {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	padding: 4px
}

.img_right1 img {
	width: auto;
	margin: 0 auto;
	text-align: center;
	border: none
}

.related_pic {
	width: 100%;
	display: block;
	float: right
}

.related_pic img {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin-top: 4px;
	width: 100%
}

.related_pic a {
	width: 13%;
	float: left;
	display: block;
	margin-right: 1%
}

.other_pro ul li {
	width: 25%
}

.other_pro ul li ol li.product_con a {
	padding: 10px 0;
	text-align: center;
	color: #035fd0;
	font-size: .9em;
	line-height: 20px
}

.other_pro ul li ol li.product_con a:hover {
	color: #c00
}

.relatedProducts {
	width: 100%;
	height: auto
}

.relatednames {
	padding: 20px 0 10px 0;
	font-size: 18px;
	color: #1f1d29
}

.relatedProducts ul {
	width: 100%;
	height: auto;
	border: 1px solid #ccddde;
	box-shadow: #ccc 0 2px 6px;
	padding: 10px 0
}

.relatedProducts ul li {
	width: 50%;
	height: auto
}
.relatedProducts ul li:nth-child(2n+1){clear:both}

.relatedProducts ul li a {
	padding: 8px 10px;
	display: block;
	overflow: hidden;
	color: #333;
	font-size: 1.1em
}

.relatedProducts ul li a.thisItem,
.relatedProducts ul li a:hover {
	color: #035fd0
}

.homelink {
	width: 100%;
	margin: 40px auto 0 auto;
	background: #f3f3f3;
	border-bottom: 1px solid #fff
}

.homelinkin {
	margin: 0 auto;
	max-width: 1080px;
	padding: 2% 0
}

#etw_home_contact {
	width: 49%;
	overflow: hidden;
	padding: 0 6% 20px 0;
	margin: 0 auto;
	border-right: 1px solid #fff;
	float: left
}

#etw_home_contactin {
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

#etw_home_contactin .nav-tabs,
.etw_related .nav-tabs,
.etw_tags .nav-tabs {
	width: 100%;
	border-bottom: 3px solid #015198;
	margin-bottom: 20px;
	position: relative;
	padding-top: 6px
}

#etw_home_contactin .nav-tabs li a,
.etw_related .nav-tabs li a {
	color: #fff;
	padding: 5px 10px;
	background: #036de5;
	position: relative;
	top: 5px;
	border: none;
	font-size: 1.1em
}

#etw_home_contactin .nav-tabs li a:hover,
.etw_related .nav-tabs li a:hover {
	color: #fff;
	background: #015198
}

#etw_home_contactin .nav-tabs li.active a,
.etw_related .nav-tabs li.active a {
	color: #fff;
	background: #015198;
	padding: 8px 10px;
	top: -1px;
	border: none
}

.etw_tags {
	width: 45%;
	height: auto;
	float: right;
	margin-left: 6%
}

#tagcloud {
	padding: 0 4%
}

.etw_tags .etw_hometitle {
	width: 100%;
	font-size: 1.4em;
	color: #015198;
	line-height: 36px;
	margin-bottom: 20px;
	border-bottom: 3px solid #015198;
	padding: 6px 4% 1% 4%;
	text-align: left
}

#etw_contactin {
	width: 100%;
	height: auto;
	float: left;
	color: #333;
	padding-left: 4%
}

#etw_contactin p {
	padding: 3px 0
}

#etw_contactin p a {
	color: #035fd0
}

#etw_contactin p a:hover {
	color: #c00
}

.qrcode2 {
	width: 35%;
	float: left;
	margin-top: 10px;
	min-width: 160px;
	margin-left: 4%
}

#etw_contactin .share,
.etw_contactin .share {
	width: 100%;
	height: auto;
	padding-bottom: 12px;
	overflow: hidden
}

#etw_contactin .share a,
.etw_contactin .share a {
	background: #036de5;
	text-align: center;
	margin-right: 3px;
	width: 25px;
	display: block;
	float: left;
	border-radius: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff
}

#etw_contactin .share a:hover,
.etw_contactin .share a:hover {
	background: #015198;
	color: #fff
}

.etw_contactin .share a {
	background: #eb6100
}

.etw_contactin .share a:hover {
	background: #035fd0
}

.label-info {
	width: 100%;
	margin: 10px auto;
	background: 0;
	display: block;
	overflow: hidden
}

.label-info a {
	width: auto;
	float: left;
	color: #fff;
	padding: 1px 1%;
	border: none;
	background: #035fd0;
	margin: 0 4px 4px 0;
	border-radius: 3px;
	font-size: .9em;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s
}

.label-info a.thisItem,
.label-info a:hover {
	text-decoration: none;
	background: #eb6100;
	color: #fff
}

.nav-tabs {
	margin: 10px 0;
	border: none
}

.nav_tabs>ul>li>a {
	color: #fff;
	font-size: .9em;
	background: #d59009;
	border-radius: 3px;
	padding: 4px 8px;
	margin: 0 5px 5px 0;
	border: none;
	
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav_tabs>ul>li>a:hover {
	background: #015198;
	border: none;
	color: #fff;
}

#qrcode2 {
	float: left;
	width: 43%;
	height: auto
}

.etw_contact_left {
	margin: 8px 0 0 0;
	width: 100%
}

.etw_contact_left a {
	color: #015198
}

.etw_contact_left a:hover {
	color: #ee0c21
}

.location {
	float: right;
	display: block;
	overflow: hidden;
	margin-top: 30px;
	width: 54%
}

.form_inquiry {
	width: 100%;
	height: auto;
	text-align: center;
	border-radius: 5px
}

#etw_set_feedback_form {
	overflow: hidden;
	margin: 20px 0 12px 0;
	height: auto;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center
}

#etw_form_title {
	overflow: hidden;
	padding-left: 2%;
	background: #f0f0f0;
	text-align: left;
	font-weight: 700;
	line-height: 43px
}

#floatchatiframe2011 {
	margin: 0 auto;
	width: 100%;
	max-width: 430px
}

#sitemap {
	width: 100%;
	list-style: none
}

#sitemap li {
	display: block;
	width: 99%
}

#sitemap li a {
	display: block;
	padding: 5px 0 2px 10px;
	color: #333;
	line-height: 24px
}

#sitemap li.home_directory a {
	margin-bottom: 5px;
	background: #fff;
	font-weight: 700;
	line-height: 30px
}

#sitemap li.big_case a {
	color: #eb6100;
	font-weight: 700
}

#sitemap li a.lists {
	padding-left: 20px;
	color: #666;
	line-height: 16px;
	width: 50%;
	float: left
}

#sitemap li a:hover {
	color: #035fd0
}

#footer {
	padding: 10px 0;
	width: 100%;
	height: auto;
	background: #004f70
}

#chatbox {
	z-index: 999
}

#etw_footin {
	margin: 0 auto;
	width: 98%;
	overflow: hidden;
	text-align: center
}

#etw_homefooter {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom: 6px
}

#etw_homefooter a {
	padding: 0 30px;
	color: #fff;
	line-height: 14px;
	margin: 6px 0
}

#etw_homefooter a:hover {
	text-decoration: underline;
}

#etw_homefooter a:first-child {
	padding: 0 15px 0 0;
	border-left: 0
}

#etw_coper {
	margin-top: 8px;
	width: 100%;
	line-height: 22px
}

#etw_coper a {
	display: block;
	color: #fff
}

#otherlink {
	clear: both;
	width: 100%;
	height: auto
}

#otherlink a {
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	padding: 0 4px;
	font-size: 12px;
	margin-right: 10px;
	line-height: 22px
}

#otherlink a span {
	opacity: .5;
	position: relative;
	top: 0;
	font-size: 12px
}

#otherlink a:hover {
	color: #036de5
}

#otherlink a:hover span {
	opacity: 1;
	top: -2px;
	transition: all .3s ease-in-out
}

.list-group {
	margin-top: 30px
}

.list-group a {
	border: none;
	padding: 7px 10px 6px 10px;
	font-size: .9em;
	box-shadow: 0 13px 10px -14px #999;
	-moz-box-shadow: 0 13px 10px -14px #999;
	-webkit-box-shadow: 0 13px 10px -14px #999;
	-ms-box-shadow: 0 13px 10px -14px #999;
	white-space: nowrap;
	margin: 0 2% 10px 0
}

.btn-anis-effect {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: transparent;
	transition: .2s;
	transition-delay: .1s
}

.btn-anis-effect:hover {
	transition-delay: .45s
}

.btn-anis-effect:after,
.btn-anis-effect:before {
	position: absolute;
	top: 50%;
	z-index: -1;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #035fd0;
	content: '';
	transition: .5s
}

.btn-anis-effect:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.btn-anis-effect:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.btn-anis-effect:hover:before {
	-webkit-animation: criss-cross-left .8s;
	animation: criss-cross-left .8s
}

.btn-anis-effect:hover:after {
	-webkit-animation: criss-cross-right .8s;
	animation: criss-cross-right .8s
}

.btn-anis-effect.btn-primary {
	color: #035fd0
}

.btn-anis-effect.btn-primary:after,
.btn-anis-effect.btn-primary:before {
	background: #036de5
}

.btn-anis-effect.btn-primary:hover,
.list-group a.thisItem {
	border-color: #036de5;
	background: #036de5;
	color: #fff
}

@-webkit-keyframes criss-cross-left {
	0% {
		left: -20px
	}
	50% {
		width: 20px;
		height: 20px
	}
	50%,
	to {
		left: 50%
	}
	to {
		width: 375px;
		height: 375px
	}
}

@keyframes criss-cross-left {
	0% {
		left: -20px
	}
	50% {
		width: 20px;
		height: 20px
	}
	50%,
	to {
		left: 50%
	}
	to {
		width: 375px;
		height: 375px
	}
}

@-webkit-keyframes criss-cross-right {
	0% {
		right: -20px
	}
	50% {
		width: 20px;
		height: 20px
	}
	50%,
	to {
		right: 50%
	}
	to {
		width: 375px;
		height: 375px
	}
}

@keyframes criss-cross-right {
	0% {
		right: -20px
	}
	50% {
		width: 20px;
		height: 20px
	}
	50%,
	to {
		right: 50%
	}
	to {
		width: 375px;
		height: 375px
	}
}

.lg-toolbar .lg-icon {
	background: red;
	font-weight: 700
}

@media screen and (max-width:1500px) {
	#etw_multimedia {
		display: none
	}
	#etw_container1 {
		padding: 0 3%
	}
	
	
}
@media screen and (max-width:1400px) {.company p{display: none;}

	}

@media screen and (max-width:1200px) {
	
	.top_right {
		width: 80%
	}
	.navbar-default .navbar-nav li a {
		padding: 15px 4px;
		font-size: 15px
	}
	.navbar-default .dropdown-menu li a {
		padding: 5px 5px 5px 18px
	}
	.homelink {
		padding: 2% 3%
	}

	
	
	#home_video a {
		font-size: 30px;
		top: 32%
	}
	.middle-title {
		width: 690px
	}
	#totlecontainer2 {
		top: -48px
	}
	#totlecontainer3 {
		top: -29px
	}
}



@media screen and (max-width:980px) {
	
	#dropdownMenu1 {
		font-size: 14px
	}
	.navbar-default .navbar-nav li a {
		padding: 15px 8px
	}
	.navbar-default .navbar-nav li {
		top: -49px;padding-left: 10px;padding-right: 0
	}
	.navbar-default .dropdown-menu li a {
		padding: 0 10px
	}
	#etw_home_contact,
	.etw_tags {
		width: 96%;
		float: none;
		margin: 0 auto 20px auto;
		height: auto;
		padding: 0 0 15px 0
	}
	#etw_home_contact {
		border-right: none
	}
	.top-nav {
		width: 100%;
		height: 0;
		padding-top: 45px;
		text-align: left
	}
	
	.company {
		top: -170px;
		left: 56%
	}
	#etw_banner {display: none;
		
	}
	#totlecontainer{margin-top: 116px}
	#totlecontainer2,
	#totlecontainer3 {
		top: 0
	}
	.home_video{width: 100%}
	.pro_video {
		bottom: 20px
	}
	#video .pro_video {
		bottom: 45px
	}
	#etw_sidebar,
	.left-title {
		display: none
	}
	#etw_contentins {
		width: 100%
	}
	#container,
	#container5 {
		padding-top: 5px
	}
	#etw_contentin {
		width: 100%
	}
	#video_about{
		width: 100%;
		margin: 0 auto!important;
	}
	#etw_contentin2{
		width: 100%;
	}
	.etw_products3 ul li ol li.product_con{background: #fff}
}

@media screen and (max-width:830px) {
	.company {
		left: 60%
	}
	
	

@media screen and (max-width:768px) {
	#chatbox,
	.location {
		display: none
	}
	#qrcode2 {
		width: 100%
	}
	.etw_hometitle {
		font-size: 1.6em;
		padding: 10px 0
	}
	.company_txt span {
		display: none
	}
	.names h2 {
		font-size: 1.6em
	}
	.protitle {
		font-weight: 100
	}
	.product_style ul.no_list {
		width: 50%;
		float: left
	}
	.product_style ul.no_list:nth-child(2n+1) {
		clear: both
	}
	.product_style ul.no_list li {
		width: 96%
	}
	.product_style ul.no_list li ol li.product_img {
		width: 100%
	}
	.product_style ul.no_list li ol li.product_con {
		width: 100%;
		padding: 0
	}
	.product_style ul.no_list li ol li.product_con a {
		font-size: 1em;
		text-align: center
	}
	.product_style ul.no_list li ol li.product_con span {
		display: none
	}
	.other_pro {
		border: 0;
		width: 100%
	}
	.other_pro ul li {
		width: 50%
	}
	.other_pro ul li:nth-child(2n+1) {
		clear: both
	}
	.other_pro ul li ol {
		padding: 0 1%;
		width: 98%
	}
	#home_video {
		width: 100%;
		max-width: 720px;
		float: none;
		margin: 0 auto;
		height: 240px
	}
	#home_video img,
	#video_about img,
	#video_about2 img {
		position: absolute;
		top: 0;
		width: 120%;
		border: none
	}
	.middle-title {
		width: 100%;
		
	}
}

@media screen and (max-width:767px) {
	
	
	#dropdownMenu1 {
		border: 0;
		color: #000
	}
	.top_right {
		width: 100%;
		margin-top: -60px;
		background: 0 0
	}
	.top_right:before {
		display: none
	}
	.top-nav {
		width: 100%;
		margin: 0;
		height: auto
	}
	.container-fluid,
	.dropdown-menu,
	.top-nav {
		padding: 0
	}
	.navbar,
	.navbar-default {
		background: #015198
	}
	.navbar-toggle {
		width: 40px;
		line-height: 40px;
		font-size: 20px;
		color: #fff;
		padding: 3px 0 0 0;
		margin: 0;
		border-radius: 0;
		border: 0;
		background: 0
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background: 0;
		color: #035fd0
	}
	.navbar-default .navbar-nav li {
		display: block;
		width: 100%;
		text-align: left
	}
	.navbar-default .navbar-nav li a {
		border-bottom: 1px solid #999;
		color: #151515;
		background: #f8f8f8;
		line-height: 36px;
		padding: 0 10px
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a {
		color: #151515;
		background: #f8f8f8;
		font-size: 14px
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a.sechildren {
		color: #888;
		padding-left: 40px
	}
	.navbar-default .navbar-nav li a.thisItem,
	.navbar-default .navbar-nav li a:hover {
		border-radius: 0;
		color: #fff;
		background: #035fd0
	}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
		background: #035fd0;
		color: #fff
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background: #035fd0
	}
	.navbar-default .navbar-nav ul.dropdown-menu>li>a.thisItem {
		color: #035fd0
	}
	.table-responsive {
		border: none
	}
	#home_mainproducts ul>li .product_con,
	.banner_left,
	.con_all,
	.none1 {
		display: none
	}
	#etw_contentin,
	#etw_contentin2 {
		padding: 20px 5%
	}
	
	.navbar-default .navbar-nav li {
		top: 0
	}
	#container,
	#container5 {
		padding-top: 0
	}
	#home_video {
		width: 100%;
		max-width: 720px;
		max-height: 240px;
		float: none;
		margin: 0 auto
	}
	#home_video a {
		font-size: 40px;
		font-weight: 100;
		top: 30%
	}
	#video_about img {
		top: -180px;
		width: 120%
	}
	#video_about2 img {
		top: 0;
		width: 120%
	}
	#video .pro_video {
		bottom: 30px
	}
	#etw_container {
		margin: 0 auto
	}
	.etw_products3 ul>li{ width:48%; margin-right:4%;}
.etw_products3 ul>li:nth-child(2n+1){ clear:both;}
.etw_products3 ul>li:nth-child(3n){ margin-right:4%;}
.etw_products3 ul>li:nth-child(2n){ margin-right:0;}
.etw_products3 ul>li:nth-child(3n+1){ clear:none;}
}

@media screen and (max-width:650px) {
	#etw_producttitle,
	p.sname {
		display: none
	}
	.names h2 {
		font-size: 1.4em;
		line-height: 26px;
		padding: 10px 0
	}
	.big_title {
		border-top: none;
		text-align: left;
		margin: 20px auto 10px auto
	}
	.big_title strong {
		padding: 0;
		margin: 0;
		width: 100%;
		font-size: 1.2em
	}
	.img_left,
	.img_right {
		width: 100%;
		padding-left: 0
	}
	.swidth {
		min-width: auto
	}
	.etw_pic4 ul li,
	.etw_pic5 ul li {
		width: 50%
	}
	.etw_pic4 ul li:nth-child(2n-1) {
		clear: both
	}
	.etw_pic4 ul li:nth-child(4n+1) {
		margin-bottom: 10px
	}
	.left_pic {
		width: 100%;
		clear: both;
		overflow: hidden;
		margin-top: 10px
	}
	#home_video {
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0
	}
	.right_video {
		width: 100%
	}
	#home_video,
	#video,
	#video_about,
	#video_about2 {
		height: 160px
	}
	#video {
		border: 1px solid #ccc;
		width: 100%;
		max-width: 720px;
		float: none;
		margin: 0 auto
	}
	#video img {
		padding: 0;
		position: absolute;
		border: none
	}
	#home_video a,
	#video a,
	#video_about a,
	#video_about2 a {
		top: 25%
	}
	#home_video img,
	#video img,
	#video_about img {
		
		width: 200%
	}
	#video_about2 img {
		width: 200%
	}
	.head_right {
		float: none
	}
	.head_right p {
		font-size: 13px
	}
}

@media screen and (max-width:480px) {
	.half{width:100%;margin-bottom:0}
	#otherlink a {
		margin-right: 1px
	}
	#etw_home_contactin .nav-tabs li a,
	.etw_related .nav-tabs li a {
		font-size: .9em
	}
	.etw_pic2 ul li,
	.etw_pic3 ul li,
	.etw_pic4 ul li,
	.etw_pic5 ul li {
		margin: 10px 0;
		padding: 0;
		width: 100%
	}
	.etw_pic6 ul li {
		width: 50%
	}
	.other_pro,
	.other_pro ul li,
	.other_pro ul li ol,
	.product_style ul.no_list,
	.relatedProducts ul li {
		width: 100%
	}
	#home_video a,
	#video a,
	#video_about a {
		font-size: 30px
	}
	#video_about2 a {
		font-size: 26px;
		height: 114px
	}
	#home_video img,
	#video img,
	#video_about img {
		width: 300%;
		top: -50px
	}
	#video_about2 img {
		width: 300%
	}
	.head_right p {
		font-size: 12px
	}
	#video_about2 a img {
		margin-top: -1%;
		margin-left: 14%
	}
	.pro_video {
		bottom: 28px
	}
	#video_about2 img {
		top: 0
	}
}

@media screen and (max-width:360px) {
	#home_video img,
	#video img,
	#video_about img {
		top: 0
	}
	#video_about2 a img {
		width: 43px;
		height: 43px;
		background-size: cover;
		margin-left: 11%;
		margin-top: -2%
	}
	.pro_video {
		bottom: 38px
	}
	.etw_products3 ul li{width: 100%}
}
/*exbition*/
.layui-layer{background:#E6E6E6 !important;}
.layui-layer-dialog .layui-layer-content{word-break:keep-all !important;}
.layui-layer-title{color:#991e1c !important;font-size:18px !important;font-weight:700 !important;}
#myExhibition.layui-layer-content{padding:10px;}
.layui-layer-content img{margin-bottom:8px;}
.layui-layer p{ padding:0px !important;margin:2px !important;}





@media (max-width: 575.98px) {
.videoall ul li{width:100%; margin-right:0;}
}