@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0;font-family:Arial,Helvetica,Sans-serif,宋体;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
fieldset {border:0;}
caption, th{text-align:left;}
q:before, q:after{content:'';}

.l{float:left;}
.r{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.input{height:18px;border-width: 1px;border-color: #dddddd;}
.button {height:20px; margin-left:5px; padding-top:1px;	border: 1px solid #C8C8CA;  border-color: #f7f7f7;	color:#000000;}

body {font-size:14px; margin:0 0; font-family:Arial,Helvetica,Sans-serif,宋体;}
td,th{line-height:26px;}
td{font-family:Arial,Helvetica,Sans-seri; line-height:26px; border:#cdcdcd 1px solid; padding:0.5%}

.cl{clear:both;}
a,a:link,a:visited,a:active{color:#333333; text-decoration:none;}
a:hover{color:#ff0001; text-decoration:underline;}

.bbcgray{border-bottom:1px solid #ccc;}

img{max-width:100%; height:auto; width:auto\9;}


/*主体框架*/
.headerframe{clear:both;margin:0 auto;padding:0;width:100%;}
.mainnavframe{clear:both;margin:0 auto;padding:0;width:100%; }
.bannerframe{clear:both;width:100%;height:150px;margin:0px auto; padding:0; text-align:center; background-color:#fff; border-bottom:solid 1px #f0f0f0;}
.footerframe{ clear:both;margin:5px auto 0 auto;padding:0;width:100%;height:211px;}
.main{ clear:both;margin:0 auto;padding:0;}
.search{ clear:both; margin:0 auto; text-align:center; margin-top:10px; padding:5px; background-color:#f7f7f7;  }

/*头*/
.logo{ float:left; width:232px; text-align:center; padding-top:1%;}
.logo img{ width:75%; display:block;}

.english{float:left; width:60px; font-size:15px; color:#225fa8; background:url(images/english.png) no-repeat bottom left; padding-left:6%; padding-top:8%; margin-left:9%;}
.english a{color:#225fa8;}
.wapnav{float:right; width:50px; margin-top:28px; margin-bottom:10px;}	
.wapnav img{padding:8px;background-color:#1e73c5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
.wapnav img:hover{background-color:#1a3c81; }

.mainnav{display:none; margin-bottom:20px; position:absolute; z-index:66; top:80px; background-color:rgba(26,60,129,0.9); width:100%; }
.mainnav a,.mainnav a:link,.mainnav a:visited{text-align:center; height:39px; line-height:39px; font-size:15px; font-weight:bold; display:block; clear:both; color:#fff; width:100%; padding:0; margin:0; border-bottom:1px solid #1760a7}
.mainnav a:hover{ background:#2f87dd; color:#fff;}


.cate{ clear:both; overflow:hidden}
.cate a{ float:left; width:30%; line-height:30px; font-size:16px; line-height:30px; background-color:#0366b9; text-align:center; margin-right:3%; color:#FFFFFF; margin-top:2%;}
/*首页*/
.indexabout{clear:both; width:100%; background:url(images/aboutbg.jpg) no-repeat bottom center; overflow:hidden;}

.biaoti{clear:both; padding:0px 0px 0px 0px;  text-align:center; margin-top:2%;}


.biaoti .bt{font-size:30px; font-weight:bold; color:#969696; text-transform : uppercase }
.biaoti .bt a{}
.biaoti .bt .line{color:#333;
	text-align:center;
	width:100%;
	font-size:28px;
	top:27px;
	padding:0 0 5px 0;
	background:url(images/bt_line.gif) no-repeat bottom center;}


.indexabout .content{margin:1.5% auto 1% auto; overflow:hidden}
.indexabout .content .pic{ width:340px; margin:0 auto;}
.indexabout .content .pic img{ width:98%; margin-top:3%; margin-bottom:2%;}
.indexabout .content .wenzi{ width:90%; margin:0 auto;font-size:15px; line-height:24px; margin-top:1%;}
.indexabout .content .wenzi .more{ float:right; width:146px; height:40px; background:#1a3c81; line-height:40px; text-align:center; color:#FFFFFF; margin-top:3%;border-radius:10px;}
.indexabout .content .wenzi .more a{color:#FFFFFF; font-size:14px;}
.indexabout .content .wenzi .more:hover{ background:#e78800; transition:588ms;}




/*首页优势*/
.youshi{ clear:both; overflow:hidden; margin-bottom:6%;}
.youshi dl{ float:left; width:46%; margin-left:2%;}
.youshi dt{ margin:0 auto; text-align:center}
.youshi dt img{ width:60%;}
.youshi dd{ font-size:17px; line-height:24px; text-align:center}


.promenu{ margin-top:2%; overflow:hidden}
.promenu ul{}
.promenu ul li{ float:left; width:45%; margin:1.5%; padding-right:1%; border:#CCCCCC 1px solid; height:35px; line-height:35px; text-align:center; font-size:15px;}


.indexpro{ clear:both; margin-top:3%; overflow:hidden}
.indexpro ul{ background:url(images/probg.jpg) no-repeat; overflow:hidden}
.indexpro li{float:left; width:45%; margin-left:2.3%; margin-right:2.3%; text-align:center; background:#FFFFFF; margin-top:7%; margin-bottom:7%;}
.indexpro li img{ width:99%; border:#CCCCCC 1px solid;}
.indexpro li .bt{ line-height:35px;}



.newsbg{ clear:both; background:url(images/newsbg.jpg) no-repeat top center; overflow:hidden;}
.newsbg .news{margin:4% auto; overflow:hidden}
.newsbg .news .content{overflow:hidden}
.newsbg .news .content .new_nav{ height:38px; line-height:38px; font-size:18px;border-bottom:#CCCCCC 1px solid; width:98%; margin:2% auto;  overflow:hidden;}
.newsbg .news .content .new_nav ul{overflow:hidden;  }
.newsbg .news .content .new_nav ul li{ float:left; color:#333333;}
.newsbg .news .content .new_nav .hkbox1a{ float:left; background-color:#12479c; color:#fff; height:38px; line-height:38px; display:block; width:140px; text-align:center; }
.newsbg .news .content .new_nav .hkbox1{float:left; color:#333; height:38px; line-height:38px; display:block; width:140px; text-align:center;}

.newsbg .news .content .wenzi dl{margin-top:3%; width:96%; margin:0 auto;}
.newsbg .news .content .wenzi dt{}
.newsbg .news .content .wenzi dd{ font-size:13px; color:#666666; line-height:24px; }
.newsbg .news .content .wenzi dd a{ color:#333333; font-size:17px; line-height:40px;}


.newsbg .news .content .wenzi ul{ padding-top:2%; overflow:hidden; width:96%; margin:0 auto;}
.newsbg .news .content .wenzi ul li{line-height:40px; font-size:15px; border-bottom:1px dashed #a4a4a4; height:40px;}
.newsbg .news .content .wenzi ul li a{float:left; width:70%; color:#666666 }
.newsbg .news .content .wenzi ul li a:hover{ color: #b80c0c}
.newsbg .news .content .wenzi ul li span{ float:right; width:20%; font-size:12px;}


.anlibg{ clear:both; width:100%; background:url(images/anlibg.jpg) no-repeat top; overflow:hidden; margin-top:2%; margin-bottom:2%; }
.fuwu{ width:100%; overflow:hidden; margin:0 auto 2% auto; padding-top:2.6%;}
.fuwu ul{}
.fuwu li{float:left;}
.fuwu li.fuwu01{width:40%; padding:2% 5% 2% 5%;}
.fuwu li.fuwu02{width:42%; padding:2% 4% 2% 4%;}
.fuwu li.fuwu03{width:42%; padding:2% 4% 2% 4%;}
.fuwu li.fuwu04{width:42%; padding:2% 4% 2% 4%;}


.box{display:block;position:relative;overflow:hidden;width:100%;height:100%;}

.intro{width:100%;height:100%;color:#fff;background:rgba(10,52,129,0.9);position:absolute;top:0px;left:0px;opacity:0; text-align:center;overflow:hidden;}
.intro h2{ font-size:18px; line-height:40px; width:70%; text-align:center; margin:0 auto}
.intro p{line-height:30px;}


.con{display:table;width:100%;height:100%;}
.con .more{display:block; margin:0 auto 0 auto; font-size:30px;}

.box:hover .intro{opacity:1;}

.box img{
  cursor: pointer;
  transition: all 0.6s;
  width:100%;
  height:auto;
}
.box:hover img{
  transform: scale(1.2);
}
.box .con{
  cursor: pointer;
  transition: all 0.6s;
}
.box:hover .con{transform:translateY(30%);}


/*首页电话*/
.indextel{ clear:both; width:90%; margin:4% auto 4% auto; overflow:hidden}
.indextel dl{}
.indextel dt{ float:left; width:17%; padding-top:1%; padding-right:3%; }
.indextel dd{ float:left; width:75%; font-size:18px; line-height:30px;}
.indextel dd span{ font-size:24px;}
.indextel .tel{ clear:both;height:50px; background:#2150a3;border-radius:10px; margin-top:2%; text-align:center; color:#FFFFFF; line-height:50px; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin-top:20%; }


/*导航*/

/*banner*/
.bannerframe .banner{position:relative;width:320px;height:150px;margin:0 auto; padding:0; overflow:hidden;}
.bannerframe .banner ul{height:220px;width:320px; position:absolute;}
.bannerframe .banner ul li{ float:left;width:320px;height:150px;}
.bannerframe .banner .numlist{ vertical-align:middle;position:absolute; width:100%; height:20px; right:0; bottom:0px; text-align:center; /*filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;*/overflow:hidden; }
.bannerframe .banner .numlist span{display:inline-block; _display:inline;  width:10px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background-color:#3a8216;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.bannerframe .banner .numlist span.show{background-color:#eb5401;}

/*尾*/
.footer{ clear:both; margin:0 auto; background:#f5f5f5; color:#ffffff; padding:15px 0px 10px 0px; font-size:14px; line-height:21px; }
.fnav{ clear:both; overflow:hidden; margin:0 auto; width:320px;}
.fnav a{ float:left; padding:0px 10px; overflow:hidden; }
.fnav a img{ border:0px; width:85px;}

.btmbox{ width:100%; margin:0 auto; clear:both; overflow:hidden; background:#181818 }
.footermenu{ clear:both; width:100%; margin:0 auto; text-align:center; color:#FFFFFF; border-bottom:1px solid #3c9026;}
.footermenu a{color:#FFFFFF; font-size:14px; height:30px; line-height:30px;}
.btmbox .dibu{ clear:both; width:98%; margin:0 auto; line-height:22px; font-size:13px; color:#ffffff;  text-align:center; padding:10px 0px;}
.dibu a,.dibu a:link,.dibu a:visited{line-height:22px; font-size:13px; color:#ffffff; }
.dibu a:hover{ font-size:14px;color:#fff0e3; }

.main{ width:100%; margin:0px auto 0 auto; padding:0px; }
.index{ width:100%; margin:0 auto; padding:0px; background:#f0f0f0; font-size:14px;}
.datalist{margin:10px 0 10px 0px; border-bottom:0px solid #cccccc; overflow:hidden; }
.datalist p{ line-height:21px;}
.datalist .content{ padding:6px ; line-height:18px;}


.indextitle { text-align:center; margin:15px 0 15px 0px; }
.indextitle .biaoti1 { font-size:24px; color:#0a5fbb}
.indextitle .biaoti2 { font-size:14px; color:#666;}
.indextitle .biaoti3 { margin:8px 0px 0px 0px; background:url(images/title_bg.png) center no-repeat; color:#b6b6b6; font-size:18px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform: uppercase}


.pro_title { font-size:18px; background:linear-gradient(to right,#066ec0,#008cd7); color:#fff; padding:7px 0px 7px 15px; margin-bottom:10px; }
.pro_title a { color:#fff;}

.indextitle1 { text-align:center; margin:15px 0 15px 0px; }
.indextitle1 .biaoti1 { font-size:24px; color:#fff}
.indextitle1 .biaoti2 { font-size:14px; color:#c5e2ff;}
.indextitle1 .biaoti3 { margin:8px 0px 0px 0px; background:url(images/title_bg.png) center no-repeat; color:#fff; font-size:18px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform: uppercase}


.datalist ul{clear:both; width:100%;}
.datalist li{ padding:0px 1.0% 5px 1.0%; width:47%;  text-align:center; font-size:14px; line-height:20px; overflow:hidden; display:inline-block; }
.datalist li a{ display:block; border:1px solid #fff; }
.datalist li img{ width:100%; border:1px solid #e7e7e7}

.datalist0{margin:15px 0 0 10px; border-bottom:0px solid #cccccc; overflow:hidden; }
.datalist0 ul{clear:both; width:100%;}
.datalist0 li{ padding:0px 1% 5px 1%; width:98%;  text-align:center; font-size:12px; line-height:20px; overflow:hidden; display:inline-block; }
.datalist0 li a{ display:block; border:1px solid #fff; }
.datalist0 li img{ width:100%;}

.datalist1{clear:both; overflow:hidden; width:320px; margin:0 auto; }
.datalist1 p{font-weight:bold; line-height:21px;}

.datalist1 ul{clear:both; overflow:hidden; background-color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
.datalist1 li{ float:left;text-align:center; overflow:hidden; padding-right:8px; line-height:23px; font-size:12px;}

.datalist2{clear:both; overflow:hidden; margin:0 auto; margin:10px 1%; }
.datalist2 p{font-weight:bold; line-height:21px;}

.datalist2 strong{ font-size:17px; }
.datalist2 ul{clear:both; padding:0px; overflow:hidden;}
.datalist2 li{ clear:both; height:36px; line-height:36px; border-bottom:1px solid #d6d6d6;  padding:0px;}
.datalist2 li a{  font-size:14px; float:left; width:70%;}
.datalist2 li span{ font-family:Arial, Helvetica, sans-serif;color:#cccccc; float:right; width:25%;}
.datalist2 .jianyao { clear:both; font-size:14px;  color:#666666 }

.datalistproduct{clear:both; margin:16px 0;}
.datalistproduct img{float:left; margin:0 10px 0 0; border:0px solid #cccccc;}

.datalistimg{margin:5px 6px; width:150px; float:left; text-align:center;}
.datalistimg img{ margin:0 10px 0 0; border:1px solid #cccccc; width:100%;}

.bigimg{ text-align:center;}
.bigimg img{ width:100%;}



.linklist{margin:0 10px; line-height:21px;}
.linklist a{margin-right:10px; font-size:12px; }

.mdlist{margin:10px 0 0 0; border-bottom:0px solid #cccccc;}

.dataview{ margin-top:10px; padding-bottom:10px; font-size:15px; border-bottom:1px solid #ccc; padding:0px 2%; line-height:23px;}
.dataview img{ width:100%;}

.dataview span{ text-align:center; margin:0 auto; display:block}
.dataview .view_title{}
.dataview .view_title h1{text-align:center; font-weight:bold}

.position{ padding:5px 10px 0 10px; background:#eeeeee; line-height:26px; font-size:14px; color:#333333;}
.position a,.position a:link,.position a:visited{color:#333333;}
.position a:hover{color:#d73d00; text-decoration:underline;}

.pagelist{clear:both; font-size:14px; height:20px; line-height:20px; margin-top:10px; margin-bottom:10px; text-align:center; color:#363535; overflow:hidden; }
.pagelist a{color:#363535; text-decoration:none; line-height:20px; margin:5px 1px; border:#CCCCCC solid 1px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding:0px 2px;}
.pagelist a:hover{color:#ff0001; text-decoration:none; border:#ff0001 solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#026dc8; border:#026dc8 solid 1px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

input{height:35px;line-height:35px;border-radius:5px; padding:0 15px;}
input[type="radio"]{height:15px;line-height:15px;border-radius:0px; padding:0 5px;}
input[type="text"]{height:29px;line-height:29px;border-radius:5px; padding:0 15px;}

option,select{ border:solid 1px #000; height:31px; line-height:31px;Font-size: 14px;padding:0px 0 0 0px;background:#fff; border-radius:3px; }

.imgborder{border:solid 1px #e7e7e7;}

@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}