/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;/*word-break:break-all;*/}
ol,ul{box-sizing: border-box;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 16px;
	line-height: 1.5;
	color: #212529;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;
/*	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;*/
	font-family: Arial, sans-serif;
	
font-size: 1rem;
font-weight: normal;
line-height: 1.5;

color: #212529;
text-align: left;background-color:#FAFAFA;

}
body.ny{ background-color:#FAFAFA;}
body>div{ max-width:100%; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #006EB5;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
.clear::after {
  content: "";
  display: table;
  clear: both;
}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}


.fl{ float:left}
.fr{ float:right}
.box{
	width:1300px;
	margin:auto;
	min-width:1250px;

}
.box2{ width:1250px; max-width:90%; margin:auto;}



#footnav{ display:none}
.app_header{ display:none;}


.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background-color:#FFFFFF; line-height:32px;
}

.pagination li+li{
	border-left-style: none; 
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color: #016DB6; color:#FFFFFF}

.pagination li a{ color:#333333}


.flash .swiper-slide{ text-align:center;}
.flash .swiper-slide img{ width:100%;}

#top{ position:fixed; top:0; left:0; width:100%; z-index:99; padding-top:15px; padding-bottom:15px;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}
#top.fixed{ background-color:rgba(0,0,0,0.5); padding-top:5px; padding-bottom:5px;}

#top .nav a{ color:#FFFFFF;display:block;}
#top .nav{
	
	/*width: 80%; */
	text-transform: uppercase;
}
#top .nav>ul{
	float:left;
	width:100%;

}
#top .nav>ul>li{	
	position: relative; line-height:55px; float:left;
}
#top .nav>ul>li >a{ padding-left:20px; padding-right:20px; position:relative;}
#top .nav>ul ul{ position:absolute; top:55px; left:0; width:100%;line-height:1.2; font-size:14px;display:none; z-index:22;
}
#top .nav>ul>li>a:after{
	content:'';
	position:absolute;
	bottom:-3px;
	left:20px;
	width:calc(100% - 40px);
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	 transform: scale(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;Opacity:0;}
#top .nav>ul>li>a.active:after,#top .nav>ul>li>a:hover:after{
	 transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);Opacity:1;
}
/*#top .nav>ul>li>ul{ padding-top:10px;}*/
#top .nav>ul ul li{ background-color:#ffffff; background-color:rgba(255,255,255,0.95); }
/*#top .nav>ul li:hover>ul{ display:block;}*/
#top .nav>ul ul ul{ top:0; left:100%;}
#top .nav>ul ul a{
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:rgba(255,255,255,0.2);
	border-bottom-color:rgba(0,0,0,0.1);
}
#top .nav>ul ul a:hover{ background-color:#24272E; color:#FFFFFF; background-color:rgba(36,39,46,0.5);}
#top .navico{ line-height:58px;color:#FFFFFF;}
/*#top .navico a{color:#FFFFFF;}*/
#top .navico i{ font-size:22px; }
#top .navico >span{ padding-left:10px; padding-right:10px; cursor:pointer;}
#top .navico .lan{ position:relative; cursor:pointer;}
#top .navico .lan ul{
	position:absolute; padding-top:5px; padding-bottom:5px;
	right:0;
	top:20px;
	z-index:2;
	line-height:1.5;
	font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; font-size:12px; border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3); height:0; overflow:hidden;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
Opacity:0;}
#top .navico .lan ul li{}
#top .navico .lan ul li a{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
#top .navico .lan ul li a:hover{ background-color: #006EB5; color:#ffffff;}
#top .navico .lan:hover> ul{ height:70px; display:block;Opacity:1;}
.searchbg .close{ position:absolute; top:0; right:0; z-index:2; color:#ffffff; cursor:pointer;}
.searchbg .close i{ font-size:35px; line-height:1;}
.searchbg{ background-color:#26262E; position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; text-align:center; display:none}
.searchbg form{ clear:both; display:block; padding-top:10px;}
.searchbg input,.searchinput input{ font-size:16px; width:305px; background-color:#616161; border:none;border-radius:3px 0 0 3px; color:#FFFFFF; height:45px; padding-left:5px; padding-right:5px; float:left}
.searchbg button,.searchinput button{
	font-size:16px;
	background-color:#0C64BD;
	border:none;
	border-radius:0 3px 3px 0;
	color:#FFFFFF;
	height:45px;
	width:85px;
	text-align:center;
	line-height:45px;
	float:left;
	text-transform: uppercase;
}
.searchbg button i{ font-size:22px; line-height:1; }
.searchbg.hover{ display:flex;}

.flash  .swiper-button-next,.flash  .swiper-button-prev{ background-color:#5B5C60; color:#FFFFFF; background-image:none; text-align:center; line-height:45px; height:45px; width:45px; font-size:18px;}
.flash .swiper-button-next i,.flash  .swiper-button-prev i{
	font-size:28px;

}

footer{
	background-color: #26262E;
	background-image: url(fl.png);
	background-repeat: no-repeat;
	background-position: left center; font-size:14px;
}
footer,footer a{ color:#ffffff;}
footer>div{
	background-image: url(fr.png);
	background-repeat: no-repeat;
	background-position: right top;  padding-top:80px;
}
footer .title{ font-size:16px;text-transform: uppercase;}
footer .message{ width:280px;}
footer .message .title{ font-weight:bold;}
footer .message .hc{ padding-top:10px;}
footer .message form{ clear:both; display:block; padding-top:10px;}
footer .message input{ width:205px; background-color:#616161; border:none;border-radius:3px 0 0 3px; color:#FFFFFF; height:35px; padding-left:5px; padding-right:5px; float:left}
footer .message button{ background-color:#0C64BD; border:none;border-radius:0 3px 3px 0; color:#FFFFFF; height:35px; width:45px; text-align:center; line-height:35px; float:left}
footer .message button i{ font-size:22px; line-height:1; }
.share{ line-height:30px;  padding-top:10px;}
.share>a{
	display:inline-block;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; width:30px; height:30px; margin-right:10px; float:left
}
.share>a:hover{ margin-top:-5px;}
.share .t1{}
.share .t2{background-position: -38px center;}
.share .t3{background-position: -76px center;}
.share .t4{background-position: -114px center;}
footer .footnav>ul>li>ul{ display:none}
footer .footfr{
	float:right;
	width:70%;
	display: table;
}
footer .footfr .footnav{
	padding-left:20px;
	padding-right:20px;
	display: table-cell;
}
footer .footnav>ul,footer .footnav .hc{text-transform: uppercase; padding-top:10px;}

footer .footnav ul li{ padding-top:5px; padding-bottom:5px; position:relative; padding-left:18px;}
footer .footnav ul li:before{
	content: "\eb03";
	font-family: iconfont!important;
	line-height:1;
	font-size: 16px;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 	position:absolute;
	left:0;
	top:50%;
	margin-top:-7px;

}

footer  .foot{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;border-top-color:rgba(255,255,255,0.2); color:#666666; font-size:16px; clear:both; margin-top:30px; padding-top:10px; padding-bottom:10px;
}
footer  .foot a{color:#666666; }


.etitle{ text-align:center; margin-bottom:10px;}
.etitle .h1{
	position:relative;
	padding-bottom:20px;
	font-size:32px;
	text-transform: uppercase;
	font-weight: bold; padding-bottom:10px;
}
.etitle .h1:after{ content:''; position:absolute; bottom:0; left:50%; width:3em; margin-left:-1.5em;border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #016DB6;}

.about{ padding-top:80px; padding-bottom:80px;}
.about>.box>.img{ float:right;width:576px;}
.about>.box>.right{ float:left; width:calc(100% - 600px); font-size:16px;}
.about>.box>.right .h1{
	font-size:27px;
	font-weight: bold;
	text-transform: uppercase;
	position:relative;
	padding-bottom:10px;
}
.about>.box>.right .h1:after{
	content:'';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #016DB6; position:absolute; bottom:0;width:100px; left:0;
}
.about>.box>.right .hc{ padding-top:10px; min-height:250px;}
.about>.box>.right .img{ display:none}
.about>.box>.right .more{ padding-top:10px; clear:both; line-height:35px;}
.about>.box>.right .more a{
	display:inline-block;
	border: 1px solid #000000; padding-right:20px; padding-left:20px;
}


.about>.box>.right .more a:after{
	content: "\eb94";
	font-family: iconfont!important;
	line-height:1;
	font-size: 16px;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; padding-left:5px;	

}
.about>.box>.right .more a:hover{ background-color:#006EB5; color:#ffffff;border: 1px solid #006EB5;}
.pro{ padding-bottom:80px; clear:both;}
.pro .econtent{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.pro .econtent .picli,.news .econtent .picli{
	float:left;
	width:33.3333%;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}
.news .econtent .picli{ width:32%; margin-left:2%;}
.news .econtent .picli:nth-child(1){margin-left:0%;}

.pro .econtent .picli img{ width:100%;}
.pro .econtent .picli a{ display:block; position:relative;border: 1px solid #dddddd; border-bottom:none;border-right:none; overflow:hidden;}
.pro .econtent .picli a:hover:before{ content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:2; position:absolute;}
.pro .econtent .picli .ntitle{
	position:absolute;
	top:10%;
	height:80%;
	width:80%;
	left:10%;
	z-index:3;
	display:none;
	justify-content:center;
	align-items:center;
	text-align:center;
	color:#FFFFFF;
	font-size:22px;
	text-transform: uppercase;
}

.pro .econtent .picli .ntitle i:after{content: "\eb94";
	font-family: iconfont!important;
	line-height:1;
	font-size: 32px;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.pro .econtent .picli a:hover .ntitle{ display:flex;}
.pro .econtent .picli:nth-child(3n+1){ clear:both;}

.news .econtent,.pro .econtent{clear:both; margin-top:20px;}
.news .econtent .picli>div{ max-width:415px; margin:auto;}
.news .econtent .picli .img{ overflow:hidden;}
.news .econtent .picli .img img{ width:100%;}
.news .econtent .picli .right{ padding-top:15px; clear:both; font-size:12px; color:#999999;}
.news .econtent .picli .ntitle{ font-size:16px; color:#333333;}
.news .econtent .picli .right .dp{ margin-top:10px; max-height:4.5em; overflow:hidden; line-height:1.5;}

.news .econtent .picli .right .more{ clear:both; padding-top:20px;}
.news .econtent .picli .right .more span:after{content: "\eb94";
	font-family: iconfont!important;
	line-height:1;
	font-size: 32px;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; color:#000000 }
.news .econtent .picli:hover .right .more span:after{ color:#006EB5}
.news .econtent .picli:hover .ntitle{color:#006EB5}

/*内页*/
#left{ line-height:75px;box-shadow: 0px 10px 10px rgba(0,0,0,.1);
background: #fff;
position: relative; overflow:hidden; margin-bottom:50px;}
#left .h2{ display:none}
#left .leftdh{ position:relative;}
#left .leftdh ul li{ display:inline-block; padding-right:60px;font-weight:bold; color:#666666}
#left .leftdh ul li a{ display:block;font-weight:bold; color:#666666}
#left .leftdh ul li a.hover,#left .leftdh ul li a:hover{ color:#006EB5;}
#left div.h1{ display:none}
#left .leftdh ul li ul{ display:none}
#left .leftdh:before{ content:'';  display: block;
  height: 4px;
  background: #016DB6;
  position: absolute;
  left: -10000px;
  bottom: 0;
  z-index: 6;
  transition: .5s; width:10000px;}
#left .line {
  display: block;
  height: 4px;
  background: #016DB6;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 6;
  transition: .5s;
}
#cms .picli{
	background-color:#FFFFFF;
	float:left;
	width:32%;
	margin-left:2%;
	margin-bottom:20px;
	box-sizing:border-box; overflow:hidden;
}
#cms .picli>div{border: 1px solid #dddddd;}
#cms .picli .img{ overflow:hidden;}
#cms .picli .img *{ max-width:100%;}
#cms .picli:nth-child(3n+1){ margin-left:0; clear:both;}
#cms .picli .right{ padding:10px; padding-top:20px; padding-bottom:20px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli .ntitle{ position:relative; padding-bottom:20px; font-size:18px;}
#cms .picli .ntitle:after{content: "\e612";	font-family: iconfont!important;
	line-height:1;
	font-size: 40px;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position:absolute; right:0px; top:-5px;  color:#999999;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
  #cms .picli .ntitle:before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555; width:2em;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .picli:hover .right{ background: #016DB6;}
#cms .picli:hover .right .ntitle,#cms .picli:hover .ntitle:after{ color:#ffffff;}
#cms .picli:hover .ntitle:before{ width:40%;border-color: #ffffff;}
.proshow .right .h1{font-size: 22px;
font-weight: bold;
padding: 0px 0px 15px;
border-bottom: 1px #734702 solid;
font-weight: bold; margin-bottom:10px;}
.proshow .right .h2{ color:#666666; font-size:16px; padding-top:20px;}
.proshow .right .btn{ padding-top:20px; line-height:45px;}
.proshow .right .btn a{
	display:inline-block;
	background: #016DB6;
	color:#FFFFFF;
	padding-left:45px;
	padding-right:45px;
	border: 1px solid #016DB6; 
}

.proshow .right .btn a:after{	content: "\eb03";
	font-family: iconfont!important;
	line-height:1;
	font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 	}
.proshow .right .btn a:hover{ background-color:#FFFFFF; color:#333333;border-color:#555555; }
.proshow .right .item{ position:relative}
.proshow .right .item.xq{ min-height:390px;overflow-x:auto;}
.procontent{  margin-top:50px;}
.procontent .h1{
	list-style-type: none;
	line-height: 52px;
	color: #595959;
	font-size: 16px;
	background-color: #ffffff;
	padding-left:25px;
	font-weight: bold;
}
.procontent .hc{ padding:25px; overflow-x:auto;}
#cms1 .content *,.procontent *,.proshow .right *{ max-width:100%;}
.proshow .right .item.xq,.procontent .hc{ font-size:14px;}
.proshow .right .item.xq *,.procontent .hc *{ max-width:100%;}
#cms1 h1.h1{ font-size:24px; line-height:1.2;}
#cms1 .info{ font-size:12px; color:#999999;}
#cms1 .content{ padding-top:25px;}
.ny.news .econtent .picli{ margin-bottom:35px;}
.searchinput{ width:405px; margin:auto; margin-bottom:20px;}
.searchinput .res{ font-size:12px; color:#999999; margin-top:5px; padding-top:5px; clear:both;}



.aboutin,.contactin{ margin-top:35px;}
.aboutin  *,.contactin *{ max-width:100%;}
.aboutin .h1,.contactin .h1{
	font-family: tradegothicregular;
	font-size: 60px;
	text-transform: uppercase;
}

.aboutin .h2{
	font-family: tradegothicregular;
	font-size: 28px;
	text-transform: uppercase; line-height:1.2;
}
.aboutin .hc{ padding-top:35px;}
.aboutin .econtent{ clear:both; padding-top:10px; min-height:300px;}
.aboutin .econtent > .img{ float:right; overflow:hidden; max-width:300px;}
.aboutin .econtent > .right{ float:left;width:calc(100% - 350px);}

.contactin .econtent{ clear:both; padding-top:20px;}
.contactin .left{ float:left; width:45%;}
.contactin .right{ float:right;width:50%;}

.contactin .right input,.contactin .right textarea{
	background-color: #eeeeee;
	border: 1px solid #cccccc; height:35px; width:100%; padding-left:5px; padding-right:5px;box-sizing:border-box;
}
textarea{ padding:10px; box-sizing:border-box;	font-family: Arial, sans-serif;}
.contactin .right textarea{ height:150px;}
.contactin .right .item{ float:left; width:48%;}
.contactin .right .item span{
	display:block;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
}
.contactin .right .item.last{ float:right;}
.contactin .right .item.email{width:100%;}
.contactin .right .name{
	font-weight: bold; padding-top:15px; clear:both; padding-bottom:10px;
}
.contactin .right .btn{ line-height:50px; padding-top:20px;}
.contactin .right .btn .span{
	color:#FFFFFF;
	background-color: #f6801c;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:50px;
	width:150px;
	font-family: agencyfbbold;
	font-size:20px;
	display:inline-block;
	text-align:center;
	text-transform: uppercase;  
}

footer{ margin-top:80px;}




@media (max-width: 1700px) {	
.box  {max-width:1500px;min-width:1000px;}
}
@media (max-width: 1650px) {	
.box  {max-width:1300px;min-width:1000px;}
}

@media (max-width: 1366px) {	
.box{max-width:1200px;min-width:1000px;}
}
@media (max-width: 1250px) {	
.box  {max-width:1100px;min-width:1000px;}
body{ min-width:800px;}

}
@media (max-width: 1200px) {	
.box{max-width: 1140px;}
}
@media (max-width: 1150px) {	
.box {max-width:1000px;min-width:900px;}
}

@media (max-width: 992px) {	
.box{max-width: 960px;min-width:300px;}
}
@media (max-width: 768px) {	
.box{max-width: 720px;}
}
@media (max-width: 576px) {	
.box{max-width: 540px;}
}

.quote{
	position:fixed;
	background-color:#ffffff;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-300px;
	width:600px;
	height:330px;
	z-index:1000;
	border: 2px solid #0C64BD; border-radius:5px; overflow:hidden;
	 transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;  transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);Opacity:0;box-sizing: border-box;
}

.quote.hover{ transform: scale(1);Opacity:1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}


.quote .title{background-color:#0C64BD; color:#FFFFFF; line-height:35px; padding-left:20px; padding-right:20px;}
.quote .close{ position:absolute; right:10px; top:0; z-index:2; cursor:pointer;}
.quote  form{ padding:20px; display:block;}
.quote  form input,.quote  form textarea{
	border: 1px solid #dddddd;
	width: 100%; height:35px; margin-bottom:10px; padding-left:10px; padding-right:10px;border-radius:5px;box-sizing: border-box;
}
.quote  form textarea{ height:80px;}
.quote  form button{background-color:#0C64BD; color:#FFFFFF;border-radius:5px; height:35px; width:100px; border:none; font-size:18px;}
.quote.hover+.bg{ background-color:rgba(0,0,0,0.3); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}



@media (max-width: 768px) {	

.quote{ position:relative; left:auto; top:auto; margin:auto; width:100%;transform: scale(1);Opacity:1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1); margin-top:30px; z-index:0;}
.quote .close{ display:none}	
.quote.hover+.bg{ display:none}
}


#top .nav>ul ul li:hover>ul{ display:block; top:0; left:100%;}
.sort{ line-height:35px; padding-bottom:20px;}
.sort ul{}
.sort ul ul{ display:none}
.sort ul li{ display:inline-block; margin-right:5px;}
.sort ul li a{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	border: 1px solid #dddddd; margin-bottom:5px; background-color:#FFFFFF;
}
.sort ul li a.hover,.sort ul li a.active,.sort ul li a:hover{color:#006EB5;border-color:#006EB5;}

.jqzoom img{ max-width:100%;}