/*公共样式*/
* { margin: 0px; padding: 0px; }
a { color: #555; text-decoration: none; outline: none; }
a:hover { text-decoration: none; color: #f60; }
a:active { text-decoration: none; color: #f60; star:expression(this.onFocus=this.blur());
}
.yellow { color:#FE9D03; }
body { overflow-x:hidden; background-color:#fff; color: #555; font-size:0.875em; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; list-style: none; list-style: none; font-family: Arial;  }
.clear { clear:both; }
img { max-width: 100%; border:0;}

/*home css*/
.wrap { width:85%; margin: 0 auto;  }
.content{width:100%; float:left;}
/* navigation bar 以下控制弹出样式*/
#topnav { display: block; width: 100%; position: relative; }
#topnav .logo { float: left; height:86px; padding-top:9px; }
#topnav .logo a { text-decoration: none; padding: 0px 7px; display: block; }
#topnav #navbtn { display: none; float: right; top: 0; width: 20px; padding: 45px 0 0 0; background: url('../images/nav-icon.png') center no-repeat; text-indent: -99999px; overflow: hidden; }
#topnav nav { position: absolute; top: 0; right: -10px; }
#topnav nav ul { list-style: none; }
#topnav nav ul li { display: block; float: left; margin-right: 4px; font-size:16px; font-weight:bold; }
#topnav nav ul li a {  color: #4E525D; font-size: 1em; padding:36px 25px 37px 25px; display: block; transition: 0.5s all; -webkit-transition: 0.51s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-bottom: 2px solid #fff; }
#topnav nav ul li a:hover { border-bottom: 2px solid #0793BB; color: #0793BB; background: #EEEEEE;  }
#topnav nav ul li.active>a { border-bottom: 2px solid #0793BB; color: #0793BB; background: #EEEEEE; }
/*---start-top-slider----*/
.slider { background: #49CBCD url(../images/bg2.png) no-repeat; background-size: 100% 100%; }
.title{ font-size:40px; text-align:center; color:#333; font-family:"Bebas Neue"; padding:2% 0 1% 0; }
.titleB{ font-size:40px;  color:#333; font-family:"Bebas Neue"; padding:2% 0 1% 0; }
.about{  font-size:16px; padding:2% 0 1% 0; text-align:justify;text-justify:inter-ideograph;}
.abpic{ width:100%; float:left; padding:1% 0 2% 0;}
.abpic ul li { float: left; width:32%; margin:0 1.5% 0 0; }
.abpic ul li img{width: 100%;}
.abpic ul li:last-child{margin:0 0 0 0; float:right;}
.content-bg{ background-color:#eee; padding:2% 0;}

.Policy ul{float:left; width:68%;}
.Policy ul:last-child{width:30%; float:right; background-color:#fff; padding:3px; border:2px solid #D4D4D4; margin-top:10px;}
.product { float: left; width: 100%; padding-bottom:4%;  }
.product ul dl { float: left; width: 30%; margin:20px 5% 0 0; min-height:26.6%; display:block;}
.product ul dl:last{ margin-right:0; float: right;}
.product ul { float: left; width: 100%; }
.prpic { border:1px solid #CCC;}
.prtextA{ font-size:15px; color:#000; text-align:center; padding:8px 0;}
.prtextB{font-size:12px; color:#666; text-align:justify;text-justify:inter-ideograph;}
.prtextB span{ font-weight:bold; color:#F30;}
.prtextB span a{color:#F30;}
.footer{ background-color:#343434; padding:2% 0; color:#FFF; line-height:120%; font-size:13px;}
.footerB{ background-color:#343434; padding:8px; 0; color:#FFF;  border-top:solid 1px #736E6E;}
.content span{ float:right;}

/*num*/
.num { height:27px;   font-family: "宋体"; float: left; width: 100%; padding: 8px 0; margin-bottom:35px; background-color:#F3F3F3; border:1 solid #dedede; }
.num ul { margin:0 auto; padding-left:38%; }
.num ul li { float: left; height: 21px; width: 21px; }
.num ul .norm { height: 21px; line-height:21px; width: 21px; text-align:center; background:url(../images/numb.jpg) no-repeat center center; padding:0 2px;}
.num ul .curr { height: 21px; line-height:21px; width: 21px; text-align:center; background:url(../images/numa.jpg) no-repeat center center;}
.num ul .curr a{ color:#FFF;}
.xqtitle{ font-size:16px;  padding:2% 0; color:#000;}

.prodbig { float: left;  width: 46.0%; padding:4px; border:solid 2px #CCC; text-align:center; background:url(../images/bigbg.jpg) no-repeat left top; }
.proditem { float: right; width: 43.6%; padding:25px; background:url(../images/proitbg.jpg) repeat-x left top; font-size: 14px; line-height: 30px; min-height:300px; }
.protitle { height: 46px; background:url(../images/prodtile.jpg) repeat-x left top; border-right:solid #CCC 1px; }
.protitle span { float: left; height: 46px; line-height:46px; text-align:center; width: 13.3%; background:url(../images/prodtile2.jpg) no-repeat left center; color: #FF3300; font-weight: bold; font-size: 14px; }
.produxq { width:100%; float:left; line-height: 30px; padding:20px 0; }
.produxq p { padding-top: 25px; }
.xqtitleB { float:left; width:100%; height: 46px; background:url(../images/prodtile.jpg) repeat-x left top; border-right:solid #CCC 1px; margin-top:3%;}
.xqtitleB font { float: left; padding:0 5%; height: 46px; line-height:46px; text-align:center; background:url(../images/prodtile2.jpg) no-repeat left center; color: #FF3300; font-weight: bold; font-size: 14px; }
.About{ width:50%; float:left; padding:4% 0; line-height:150%;}
.About p{ padding-bottom:2%;}
.contbiao{float: right; width:45%; padding:2% 0 2% 0 ; margin-top:5%;}
.contbiao ul li { padding-top: 8px; float: left; width: 100%;  }	
.textkang{ float: left; width: 98%; padding:1% 0 1% 2%; height:22px; border:1px solid #ccc; color:#666;font-size:16px;  }
.textarea{ float: left; width: 98%; padding:1% 0 1% 2%; border:1px solid #ccc; color:#666; font-size:16px;}
.patextp{width:100%; padding:5% 0;}	
.button{width:100%; height:33px; font-size:16px; font-weight:bold; color:#fff; background-color:#506066; border:1px solid #506066;}

@media screen and (max-width:1280px){


}

@media only screen and (max-width: 1024px) {
.wrap { width:85%; margin: 0 auto;  }

}

@media screen and (max-width: 800px) {
.wrap { width:99%; margin: 0 auto;  }
#topnav h1 { padding: 1.4em 0em; }
#topnav #navbtn { padding: 45px 0 0 0em; }
#topnav { height: auto; }
#topnav nav { display: none; position: static; width: 100%; top: auto; right: auto; }
#topnav nav ul li { float: none; margin: 0; background: #f0f0f0; }
#topnav nav ul li a { display: block; width: 100%; line-height: 1.4em; border: 0; padding: 9px 9px; border-bottom: 1px solid rgba(90, 85, 73, 0.17); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#topnav nav ul li a:hover { background: #EEEEEE; color: #0793BB; }
#topnav nav ul li a.sel { color: #6f8767; background: #cbdcc5; }
#topnav #navbtn { display: block; }
.Policy ul{float:right; width:64%;}
.Policy ul:last-child{width:30%; float:left; margin-top:2%;}
.Policy ul:last-child img{width:100%;}


}
@media only screen and (max-width: 640px)  {
.prodbig { float: left;  width: 95.0%; padding:4px; border:solid 2px #CCC; text-align:center; background:url(../images/bigbg.jpg) no-repeat left top; }
.proditem { float: right; width: 95%; padding:25px; background:url(../images/proitbg.jpg) repeat-x left top; font-size: 14px; line-height: 30px; min-height:300px; }

.About{ width:98%; float:left; padding:4% 0; line-height:150%;}
.contbiao{float: right; width:98%; padding:2% 0 2% 0 ; margin-top:10px;}
}
@media (max-width:480px){

.abpic ul li { float: left; width:48%; margin:0 1.5% 0 0; }
.abpic ul li:last-child{margin:0 0 0 0; display:none; float:right;}
.Policy ul{float:left; width:100%;}
.Policy ul:last-child{width:100%; float:left; margin-top:2%;}
.Policy ul:last-child img{width:100%;}
.product ul dl { float: left; width: 100%; margin:20px 0 0 0; min-height:26.6%; display:block;}
.product ul dl:last{ margin-right:0; float: right;}
.content span{ display:none;}
.title{ font-size:20px; color:#f60;  }
.titleB{ font-size: 20px; text-align: center; color: #966; }
}

@media (max-width:320px){
.abpic ul li { float: left; width:100%; margin:0 0 0 0; }
}