.myyy{padding-top:12px;}
.myyy a{text-decoration:none;}
.myyy a img{height:18px;text-decoration:none;border-radius: 3px; 
-moz-border-radius: 3px;  
-webkit-border-radius: 3px; }
a,.alink {
	color: #c00;
	text-decoration: none
}


a:hover,.alink:hover {
	color: #F4990A;
	text-decoration: none
}


h2.mytitle {
	color: #c00;
	font-family: 'Univers Next NW02 340 Extended Light',sans-serif;
	font-weight: 300;
	line-height: 1.1;
	font-size: 3.5rem;
	margin-top: 2.75rem;
	margin-bottom: 2.2rem;padding:5px;
}


h5.myjianjie {
	color: #555;
	font-family: 'Univers Next NW02 340 Extended Light',sans-serif;
	font-weight: 400;
	line-height: 1.1;
	font-size: 2.5rem;
	margin-top: 2.2rem;
	margin-bottom: 2.2rem;padding:5px;
}
.myreturn{float:right}
.my-hover{cursor:pointer}

.clear{clear:both;}
.p5{padding:5px;}
.p10{padding:5px;}
.p15{padding:15px;}
.headercontent{line-height:160%;}
.headercontent h2{display:block;white-space:nowrap;font-size:20px;line-height:100%;padding:0px;margin:0px;margin-bottom:5px;}
.headercontent h2.faq{margin-top:10px;margin-bottom:0px;}
.mymainn{width:100%;max-width:1200px;margin:0 auto;background:#fff;clear:both}
.mymainn ul,.mymain ul li{padding:0px;margin:0px;list-style:none}
.mymain{width:100%;max-width:960px;margin:0 auto;background:#fff;clear:both;height:auto}
.mymain ul,.mymain ul li{padding:0px;margin:0px;list-style:none}

/*首页*/
.dibutu{background:url("../img/sciencesphere.png") no-repeat top center;height:300px;width:100%;display:block}
.myjianju{padding:10px;}

.dw1{width:638px;height:319px;border:1px #dadada solid;top:-1px;position:absolute;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;overflow:hidden}
.dw2{width:319px;height:639px;border:1px #dadada solid;left:639px;top:-1px;position:absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;overflow:hidden}
.dw3{width:638px;top:319px;height:319px;border:1px #dadada solid;position:absolute; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;overflow:hidden}
ul.myindex{margin-bottom:50px}
ul.myindex li{width:100%;position:relative;height:640px;cursor:pointer}
ul.myindex li:nth-child(2n) .dw1{width:319px;height:639px;top:-1px;position:absolute;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
ul.myindex li:nth-child(2n) .dw2{width:638px;;height:319px;left:320px;top:-1px;position:absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
ul.myindex li:nth-child(2n) .dw3{width:638px;;height:319px;left:320px;top:319px;position:absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}

ul.myindex li div.myhover:hover{border:1px #CC0000 solid;z-index:100}
ul.myindex li div.myhover:hover .dw1_3{color:#CC0000}

.dw1_1{width:48%;float:left;}
.dw1_2{width:50%;float:right}
.dw1_2 img{width:319px;height:319px;z-index:0}
.dw1_3{width:48%;float:left;}

.dw1_1 section{padding:15px;font-size:25px;color:#cc0000;line-height:150%;}
.dw1_3 section{padding:15px;padding-top:0px;line-height:150%;}

.dw3 .dw1_1{width:48%;float:right;}
.dw3 .dw1_3{width:48%;float:right;}
.dw3 .dw1_2{width:50%;float:left;}

.dw2 .dw1_1{width:100%;float:left;}
.dw2 .dw1_3{width:100%;float:left;}
.dw2 .dw1_2{width:100%;float:left;position:absolute;bottom:-6px}

ul.myindex li:nth-child(2n) .dw1 .dw1_1{width:100%;float:left;}
ul.myindex li:nth-child(2n) .dw1 .dw1_3{width:100%;float:left;}
ul.myindex li:nth-child(2n) .dw1 .dw1_2{width:100%;float:left;position:relative;bottom:0px}

ul.myindex li:nth-child(2n) .dw2 .dw1_1{width:48%;float:right;}
ul.myindex li:nth-child(2n) .dw2 .dw1_3{width:48%;float:right;}
ul.myindex li:nth-child(2n) .dw2 .dw1_2{width:50%;float:left;position:relative;bottom:0px}

ul.myindex li:nth-child(2n) .dw3 .dw1_1{width:48%;float:left;}
ul.myindex li:nth-child(2n) .dw3 .dw1_3{width:48%;float:left;}
ul.myindex li:nth-child(2n) .dw3 .dw1_2{width:50%;float:right;}

.mymore{border:1px #CC0000 solid;color:#CC0000;height:35px;line-height:35px;width:120px;text-align:center;margin-top:10px;display:none;text-decoration: none}
.mymore:hover{text-decoration:underline}
/*首页end*/
.myclear{
	clear:both;height:0; line-height:0; font-size:0;
}
.columns{max-width:1600px;margin:0 auto}

.myleft{width:250px;float:left;height:auto;}
.myright{width:680px;float:right;height:auto;}

#myneirong img{max-width:100%}
ul.myleftmenu{border-bottom:1px #dadada solid;}
ul.myleftmenu li{height:70px;line-height:70px;border-top:1px #dadada solid;text-indent:15px;}
ul.myleftmenu li a{color:#000;font-family: 'Univers Next NW02 340 Extended Light',sans-serif;}
ul.myleftmenu li:hover a,ul.myleftmenu li.hover a{color:#CC0000}
ul.myleftmenu li.hover{background:#f3f3f3}
ul.myleftmenu li i{float:right;padding-top:30px;color:#371f00;margin-right:5px;}
ul.myleftmenu li.myerji{height:auto;}
ul.myleftmenu li.myerji ul li{text-indent:35px;}
ul.myleftmenu li.myerji ul li a{color:#000;font-size: 0.8rem;}
ul.myleftmenu li.myerji ul li:hover a{color:#CC0000;}
ul.myleftmenu li.myerji ul li.hover a{color:#CC0000;}
ul.myleftmenu li.myerji ul li.hover{background:#fff}
ul.myleftmenu li.myerji>ul>li:first-child{border-top:0px;}


.mypage{
	margin:20px 0;
	text-align:center;
	color:#666;
}
.mypage a{
	color:#666;margin-left:5px
}
.mypage a:hover{
	color:#CC0000;
}

.mypage .absolutepage{color:#CC0000}


.mycontent img{max-width:100%;}
.contact-top .contact-top-l{width:60%;float:left;height:400px;}
.contact-top .contact-top-r{width:40%;float:left;}
.contact-top .contact-top-r .contact-top-r-in{padding:10px;}

.bootstrap-frm label h5{margin:0px;padding:0px;font-size: 1.1rem;line-height:32px;margin-top:5px}
.bootstrap-frm label select{margin:0px;padding:0px;text-indent:10px;}

.bootstrap-frm label input[type="text"],.bootstrap-frm label textarea{border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 6px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 90%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;} 

.bootstrap-frm  .button{background:#969696;color:#fff;padding:10px 18px;border:0px;font-weight:bold;margin-top:10px}

.myproleft{width:220px;float:left;height:auto;position:relative}
.myproright{width:720px;float:right;height:auto;position:relative}
ul.myprolist li{width:33.3%;;float:left;text-align:center;height:330px;position:relative}
ul.myprolist li h5{font-size: 1.3rem;}
ul.myprolist li h6{color:#000;padding:0px;margin:0px;}
ul.myprolist li a,ul.myprolist li a:hover{text-decoration:none}
.myprobox{padding:20px;}
.myproimage img{width:200px;height:200px}
.myproimage-new{background:url("../img/new.png") no-repeat}

ul.myprolist li div.mypro{border:1px ;
-webkit-box-shadow: #fff 0px 0px 5px;  
   -moz-box-shadow: #fff 0px 0px 5px;  
   box-shadow: #fff 0px 0px 5px;position:absolute;background:#fff
   }
ul.myprolist li div.mypro button{display:none}
ul.myprolist li:hover div.mypro{border:1px #aaa solid;
-webkit-box-shadow: #666 0px 0px 5px;  
   -moz-box-shadow: #666 0px 0px 5px;  
   box-shadow: #666 0px 0px 5px;z-index:100 
   }
ul.myprolist li:hover div.mypro button{display:block;margin:0 auto;margin-bottom:20px;}
.myFilter{display:none;width:96%;height:37px;line-height:35px;border:1px #aaa solid;text-align:center;margin:0 auto;background:#fff;margin-bottom:20px;}

.demo-class .layui-layer-close2{position:absolute;right:-12px;top:-12px;}


.gallery-placeholder{text-align:center}
.gallery-placeholder img{max-height:400px;}


.myprimary{width:90%;height:45px;line-height:45px;background:#cc0000;color:#ffffff;border:0px;font-size:1.6rem;cursor:pointer}


.prolistleft,.prolistright{width:48%;min-height:580px;float:right}
.prolistleft{float:left}

.prolistright h2{color:#cc0000;font-size:3rem;line-height:150%;margin-bottom:5px}
.prolistright h4{font-size:1.5rem;line-height:250%;padding:0px;margin:0px;}
.prolistright .myIntro{font-size:1.2rem;line-height:150%;font-family:'340ExtendedLight';max-height:240px;}
.prolistright hr{border:0px;border-top:1px solid #999;height:1px}
.prolistright button{margin-top:30px;width:200px;}
.prolistdes{width:100%}
.prolistdes fieldset{border:1px #999 solid}
.prolistdes fieldset img{max-width:100%}
.prolistdes fieldset legend{color:#cc0000;font-family:'340ExtendedLight';font-size:2rem;
width:300px;line-height:45px;border:1px #999 solid;text-align:center;
}
.mysharethis{margin-top:30px;}
.mysharethiss{margin-top:0px;}
ul.myproshow li{width:278px;float:left;margin-left:20px;margin-right:20px;height:380px;overflow:hidden;border:1px #989898 solid;margin-bottom:30px;text-align:center}
ul.myproshow li hr{border:0px;border-top:1px solid #989898;height:1px;margin-bottom:15px;}
ul.bigpic li{float:left}
ul.myproshow li h5{font-size: 1.8rem;color:#111;height:48px;overflow:hidden}
ul.myproshow li h6{font-size: 1.1rem;color:#111}
.myproshowtitle{font-size:2.4rem;color:#cc0000;height:50px;line-height:50px;margin-top:30px;margin-bottom:20px;border-bottom:1px #ccc solid;text-indent:10px}
ul.myproshow li:hover{border:1px #CC0000 solid;}
ul.myproshow li:hover hr{border-top:1px solid #CC0000}
.name-page{font-size: 2.4rem;text-align:center}
.xiahua{border:0px;border-top:1px solid #cc0000;height:1px;width:80px;margin:0 auto;margin-top:20px;margin-bottom:40px}
ul.shoplist li{width:300px;height:360px;float:left;margin-right:30px;margin-bottom:50px;}
ul.shoplist li:nth-child(3n){margin-right:0px;}
ul.shoplist li .myblocks{width:100%;height:300px;overflow:hidden;border:1px #ccc solid}
ul.shoplist li .myblocks img{width:100%}
ul.shoplist li:hover img{opacity:0.6;filter:alpha(opacity=60); }
ul.shoplist li .myblocktitle{padding-top:5px;text-align:center;height:60px;line-height:150%;overflow:hidden;
font-family:'340ExtendedLight';border:1px #ccc solid;border-top:0px;width:100%;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
ul.shoplist li:hover .myblocktitle{background:#ccc}


ul.certlist li{width:300px;height:450px;float:left;margin-right:30px;margin-bottom:50px;cursor:pointer}
ul.certlist li:nth-child(3n){margin-right:0px;}
ul.certlist li .myblocks{width:100%;height:410px;overflow:hidden;border:1px #ccc solid}
ul.certlist li .myblocks img{width:100%}
ul.certlist li:hover img{opacity:0.6;filter:alpha(opacity=60); }
ul.certlist li .myblocktitle{text-align:center;height:40px;line-height:40px;overflow:hidden;
font-family:'340ExtendedLight';border:1px #ccc solid;border-top:0px;width:100%;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
ul.certlist li:hover .myblocktitle{background:#ccc}

.pinpaiHead {
	padding-top: 20px;
	text-align: center
}

.pinpaiHead h2 {
	margin-bottom: 0px;
	font-size: 30px;
	line-height: 78px;
	color: #333;text-transform:Uppercase
}

.pinpaiHeadP {
	width: 420px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;font-family:'340ExtendedLight';
	position: relative;
}

.pinpaiHeadP span {
	position: absolute;
	top: 50%;
	display: block;
	width: 80px;
	height: 1px;
	background: #333
}

.pinpaiHeadP span.lineL {
	left: 0
}

.pinpaiHeadP span.lineR {
	right: 0
}


.fuwuWrap {
	margin-top: 70px
}

.fuwuWrap ul {
}

.fuwuWrap ul li {
	float: left;
	width: 33.3%;
	height: 300px;
	line-height: 300px;
	font-size: 0;
	text-align: center
}

.fuwuWrap ul li a {
	display: inline-block;
	width: 220px;
	height: 220px;
	font-size: 16px;
	border-radius: 50%;
	border: 1px solid #cc0000;
	color: #555;
	background: #fff;
	vertical-align: middle;
	position: relative;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.fuwuWrap ul li .fuwuInner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.fuwuWrap ul li a .fuwuInner h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 60px;
	color: #cc0000
}

.fuwuWrap ul li .fuwuInner p {
	font-size: 18px;
	line-height: 32px;
	color: #555
}

.fuwuInner1 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.fuwuWrap ul li a .fuwuInner1 h3 {
	color: #cc0000
}

.fuwuInner1 .pic {
	width: 100%;
	height: 100px;
	padding-top: 36px;
	line-height: 100px
}

.fuwuInner1 .pic img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.fuwuInner2 {
	display: none;
	overflow: hidden;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .3s ease-in
}

.fuwuWrap ul li .fuwuInner2 h3 {
	padding: 8px 0 12px
}

.fuwuWrap ul li .fuwuInner2 p {
	padding: 0 20px
}

.fuwuWrap ul li.on a {
	width: 260px;
	height: 260px;
	border-radius: 0;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	overflow: hidden
}

.fuwuWrap ul li.on .fuwuInner2 {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.fuwuWrap ul li.on .fuwuInner1 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.mypaddingbot20{padding-bottom:20px;}
.mytop40{margin-top:40px;}
.mypaddingtop60{padding-top:60px;}
.mypaddingbot40{padding-bottom:40px;}
.mypaddingbot60{padding-bottom:60px;}
.mytomore{display:block;width:120px;height:30px;line-height:30px;text-align:center;background:#cc0000;color:#fff;float:right}
#myabout img{width:100%}

.myindexnews li{float:left;width:48%;border-bottom:1px #f1f1f1 solid;line-height:50px;color:#333}
.myindexnews li span{float:right}
.myindexnews li:nth-child(2n){float:right;}
.myindexnews li:hover{background:#f1f1f1;}
.myindexnews li a{color:#333;display:block;float:left;width:70%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.myindexnews li a:hover{text-decoration:none}
.myindexmain{background:#f1f1f1;width:100%;padding-bottom:50px;}



.myindexbutton {
  background: #b55a5e;
  background-image: -webkit-linear-gradient(top, #b55a5e, #eb5b11);
  background-image: -moz-linear-gradient(top, #b55a5e, #eb5b11);
  background-image: -ms-linear-gradient(top, #b55a5e, #eb5b11);
  background-image: -o-linear-gradient(top, #b55a5e, #eb5b11);
  background-image: linear-gradient(to bottom, #b55a5e, #eb5b11);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 0px 1px 0px #5b8a3c;
  -webkit-box-shadow: 0px 10px 14px -7px #8c2209;
  -moz-box-shadow: 0px 10px 14px -7px #8c2209;
  box-shadow: 0px 10px 14px -7px #8c2209;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 30px 5px 30px;
  border: solid #eb6747 1px;
  text-decoration: none;
}

.myindexbutton:hover {
  color: #ffffff;
  background: #f32e08;
  text-decoration: none;
}
ul.mynewslist{background:#f9f9f9;margin-bottom:30px;}
ul.mynewslist:hover{background:#eeeeee}
ul.mynewslist li{float:left;width:20%;line-height:120%}
ul.mynewslist li time{line-height:25px;color:#666;font-size:14px;}
ul.mynewslist li img{width:100%;padding:10px;}
ul.mynewslist li:nth-child(2){float:right;width:78%}
ul.mynewslist li .fr{float:right;margin-top:3px;}
ul.mynewslist li .fr a{color:#cc0000;font-size:14px;}
ul.mynewslist li .mytitle{width:100%;display:block;height:18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family:'340ExtendedLight';}
ul.mynewslist li .myjianjie{width:100%;display:block;height:49px;overflow: hidden;color:#666;font-size:12px;}
.newstitle{font-size:16px;color:#cc0000;font-family:'340ExtendedLight';font-weight:bold;padding-bottom:20px;}
.top-links{width:200px;float:left}
.tools{width:140px;float:left}
.company{width:160px;float:left}
.contact{width:140px;float:left}

.mysubnav{ padding: 0;display: none;position: absolute;z-index:10000;width:250px;background:#ffffff;left:0px;border:1px #dadada solid;}
.mysubnav>li{line-height:33px;text-indent:10px;;padding:0px;margin:0px;list-style:none}
.mysubnav>li a{color:#000;}
.mod-nav-main ul.main>li:hover .mysubnav{display: block;}
.mysubnav li:hover{background:#f5f5f5;}
.mod-nav-main.cloned .mysubnav{border-top:0px;}

@media all and (min-width: 800px) and (max-width: 959px){
ul.myindex li{width:100%;position:relative;height:957px;cursor:pointer}
.dw1{width:100%;height:319px;border:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;float:left;clear:both;}
.dw2{width:100%;height:319px;border:0px;left:0px;top:0px;position:relative; -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;overflow:hidden;border-bottom:1px #dadada solid;float:left;clear:both;}
.dw3{width:100%;height:319px;top:0px;border:0px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
position:relative;overflow:hidden;border-bottom:1px #dadada solid;float:left;;clear:both;z-index:3}

ul.myindex li div.myhover:hover{border:0px;border-bottom:1px #dadada solid;z-index:1}
ul.myindex li div.myhover:hover .dw1_3{color:#000}

.dw1_1{width:60%;float:left;}
.dw1_2{width:40%;float:right;text-align:center}
.dw1_3{width:60%;float:left;}

.dw2 .dw1_1{width:60%;float:right;}
.dw2 .dw1_3{width:60%;float:right;}
.dw2 .dw1_2{width:40%;float:left;position:relative;bottom:0px;text-align:center}

.dw3 .dw1_1{width:60%;float:left;}
.dw3 .dw1_3{width:60%;float:left;}
.dw3 .dw1_2{width:40%;float:right;text-align:center}

ul.myindex li:nth-child(2n) .dw1{width:100%;height:319px;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;}
ul.myindex li:nth-child(2n) .dw2{width:100%;height:319px;left:0px;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;}
ul.myindex li:nth-child(2n) .dw3{width:100%;height:319px;left:0px;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;}

ul.myindex li:nth-child(2n) .dw1 .dw1_1{width:60%;float:right;}
ul.myindex li:nth-child(2n) .dw1 .dw1_3{width:60%;float:right;}
ul.myindex li:nth-child(2n) .dw1 .dw1_2{width:40%;float:left;position:relative;bottom:0px;text-align:center}

ul.myindex li:nth-child(2n) .dw2 .dw1_1{width:60%;float:left;}
ul.myindex li:nth-child(2n) .dw2 .dw1_3{width:60%;float:left;}
ul.myindex li:nth-child(2n) .dw2 .dw1_2{width:40%;float:right;text-align:center}

ul.myindex li:nth-child(2n) .dw3 .dw1_1{width:60%;float:right;}
ul.myindex li:nth-child(2n) .dw3 .dw1_3{width:60%;float:right;}
ul.myindex li:nth-child(2n) .dw3 .dw1_2{width:40%;float:left;text-align:center}
.myright{width:100%;float:none}
#myneirong{padding:10px}
.mycontent{padding:10px}
.myleft{display:none}
.dibutu{display:none} 
.mymore{display:block;}
.myproleft{width:96%;float:none;height:auto;position:relative;display:none;margin:0 auto}
.myproright{width:96%;float:none;height:auto;position:relative;margin:0 auto}
ul.myprolist li{text-align:center;height:420px;position:relative;}
ul.myprolist li:child-nth(2n-1){width:49%;;float:left;}
ul.myprolist li:child-nth(2n){width:49%;;float:right;}
ul.myprolist li div.mypro{border:1px #aaa solid;
-webkit-box-shadow: #fff 0px 0px 0px;  
   -moz-box-shadow: #fff 0px 0px 0px;  
   box-shadow: #fff 0px 0px 0px;position:absolute;background:#fff;width:100%;
   }
ul.myprolist li div.mypro button{display:block;margin:0 auto;margin-bottom:20px;}
ul.myprolist li:hover div.mypro{border:1px #aaa solid;
-webkit-box-shadow: #666 0px 0px 0px;  
   -moz-box-shadow: #666 0px 0px 0px;  
   box-shadow: #666 0px 0px 0px;
   }
ul.myprolist li:hover div.mypro button{display:block;margin:0 auto;margin-bottom:20px;}

.myFilter{display:block}
ul.shoplist{width:730px;margin:0 auto}
ul.shoplist li{width:300px;height:360px;float:left;margin-right:30px;margin-left:30px;margin-bottom:30px;}
ul.shoplist li:nth-child(3n){margin-right:30px;}
.contact-top .contact-top-l{width:50%;float:left;height:300px;}
.contact-top .contact-top-r{width:50%;float:left;}



ul.certlist li{width:300px;height:450px;float:left;margin-right:30px;margin-LEFT:30px;margin-bottom:50px;cursor:pointer}
ul.certlist li:nth-child(3n){margin-right:30px;}


}



@media all and (max-width: 799px){

ul.myindex li{width:100%;position:relative;height:auto;cursor:pointer}
.dw1{width:100%;height:auto;border:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;float:left;clear:both;}
.dw2{width:100%;height:auto;border:0px;left:0px;top:0px;position:relative; -webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;overflow:hidden;border-bottom:1px #dadada solid;float:left;clear:both;}
.dw3{width:100%;height:auto;top:0px;border:0px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
position:relative;overflow:hidden;border-bottom:1px #dadada solid;float:left;;clear:both;z-index:3}

ul.myindex li div.myhover:hover{border:0px;border-bottom:1px #dadada solid;z-index:1}
ul.myindex li div.myhover:hover .dw1_3{color:#000}
.dw1_2 img{width:96%;height:auto;z-index:0}
.dw1_1{width:100%;float:left;}
.dw1_2{width:100%;float:right;text-align:center}
.dw1_3{width:100%;float:left;}

.dw2 .dw1_1{width:100%;float:right;}
.dw2 .dw1_3{width:100%;float:right;}
.dw2 .dw1_2{width:100%;float:left;position:relative;bottom:0px;text-align:center}

.dw3 .dw1_1{width:100%;float:left;}
.dw3 .dw1_3{width:100%;float:left;}
.dw3 .dw1_2{width:100%;float:right;text-align:center}


ul.myindex li:nth-child(2n) .dw1{width:100%;height:auto;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;clear:both}
ul.myindex li:nth-child(2n) .dw2{width:100%;height:auto;left:0px;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;clear:both}
ul.myindex li:nth-child(2n) .dw3{width:100%;height:auto;left:0px;top:0px;position:relative;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
overflow:hidden;border-bottom:1px #dadada solid;clear:both}

ul.myindex li:nth-child(2n) .dw1 .dw1_1{width:100%;float:right;}
ul.myindex li:nth-child(2n) .dw1 .dw1_3{width:100%;float:right;}
ul.myindex li:nth-child(2n) .dw1 .dw1_2{width:100%;float:left;position:relative;bottom:0px;text-align:center}

ul.myindex li:nth-child(2n) .dw2 .dw1_1{width:100%;float:left;}
ul.myindex li:nth-child(2n) .dw2 .dw1_3{width:100%;float:left;}
ul.myindex li:nth-child(2n) .dw2 .dw1_2{width:100%;float:right;text-align:center}

ul.myindex li:nth-child(2n) .dw3 .dw1_1{width:100%;float:right;}
ul.myindex li:nth-child(2n) .dw3 .dw1_3{width:100%;float:right;}
ul.myindex li:nth-child(2n) .dw3 .dw1_2{width:100%;float:left;text-align:center}

.mycontent{padding:10px}
.myright{width:100%;float:none}
#myneirong{padding:10px}
.myleft{display:none}
.dibutu{display:none} 
.mymore{display:block;}


.myproleft{width:96%;float:none;height:auto;position:relative;display:none;margin:0 auto}
.myproright{width:96%;float:none;height:auto;position:relative;margin:0 auto}
ul.myprolist li{width:100%;;float:none;text-align:center;height:380px;position:relative;margin:0 auto}
.myprobox{padding:10px;}
ul.myprolist li div.mypro{border:1px #aaa solid;
-webkit-box-shadow: #fff 0px 0px 0px;  
   -moz-box-shadow: #fff 0px 0px 0px;  
   box-shadow: #fff 0px 0px 0px;position:absolute;background:#fff;width:100%;
   }
ul.myprolist li div.mypro button{display:block;margin:0 auto;margin-bottom:20px;}
ul.myprolist li:hover div.mypro{border:1px #aaa solid;
-webkit-box-shadow: #666 0px 0px 0px;  
   -moz-box-shadow: #666 0px 0px 0px;  
   box-shadow: #666 0px 0px 0px;
   }
ul.myprolist li:hover div.mypro button{display:block;margin:0 auto;margin-bottom:20px;}
.myFilter{display:block}
.actions{text-align:center}
.prolistleft,.prolistright{width:98%;max-height:auto;min-height:450px;float:none;margin:0 auto}
.prolistleft{line-height:100%;}
.prolistright .myIntro{height:auto;}
.prolistright h2{color:#cc0000;font-size:2rem;line-height:120%;margin-bottom:10px}
.prolistright h4{font-size:1.8rem;line-height:120%;}
.prolistright button{margin:0 auto;margin-top:10px;width:200px;margin-bottom:30px;}
.prolistdes fieldset legend{color:#cc0000;font-family:'340ExtendedLight';font-size:2rem;
width:220px;line-height:35px;border:1px #999 solid;text-align:center;
}
.myproshowtitle{font-size:2rem}
ul.myproshow li{margin:0 auto;float:none;margin-bottom:10px;}

ul.shoplist{width:300px;margin:0 auto}
ul.shoplist li{width:300px;height:360px;float:none;margin-right:0px;margin-left:0px;margin-bottom:20px;}
ul.shoplist li:nth-child(3n){margin-right:0px;}

.fuwuWrap ul li {
	float: none;
	width: 100%;;
	height: 300px;
	line-height: 300px;
	font-size: 0;
	text-align: center;margin:0 auto
}

.myindexnews li{float:left;width:100%;border-bottom:1px #f1f1f1 solid;line-height:50px;color:#333}
.contact-top .contact-top-l{width:100%;float:left;height:300px;}
.contact-top .contact-top-r{width:100%;float:left;}
ul.mynewslist li:nth-child(1){display:none}
ul.mynewslist li:nth-child(2){float:left;width:100%}


.top-links{width:160px;float:left}
.tools{width:140px;float:left}
.company{width:160px;float:left}
.contact{width:140px;float:left}
ul.certlist li{width:300px;height:450px;float:left;margin-right:5px;margin-LEFT:5px;margin-bottom:50px;cursor:pointer}
ul.certlist li:nth-child(3n){margin-right:5px;}
.mypage span{display:none}

}