@charset "utf-8";
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#4a4a4a}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#4a4a4a;font-family:\5FAE\8F6F\96C5\9ED1}

.all{position:relative;z-index:10;right:0;background:#fff;}
#wrapper{margin:0 auto;width:100%; max-width:640px}
.wrap{width:95%;margin:0 auto;}
.syabout{line-height:25px; color:#000; font-size:14px;}
.marg{}
.more{background:#fff;color:#fff;display:block;text-align:center;line-height:2.5;font-size:1.1em}
.title{text-align:center;line-height:2.5;font-size:1.3em;color:#000;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#e6eef2;background-image:-webkit-linear-gradient(bottom, #e6eef2, #fff);background-image:-moz-linear-gradient(bottom, #e6eef2, #fff);background-image:-o-linear-gradient(bottom, #e6eef2, #fff);background-image:linear-gradient(to top, #e6eef2, #fff);margin-top:2%}
/*top*/
.top{background-color:#fff; }
.top h1{width:63%}
.top h1 img{ margin:20px 10px;}
.top h1 a{display:block;}
/**/
.btn-nav{cursor:pointer;position:absolute;right:0;top:0%;width:18%;line-height:none;color:#e84774;background-size:auto 55%;height:100%}
.btn-nav img{ margin:10px;}
.panel{display:block;position:absolute;top:0;right:0;z-index:1;width:12em;height:100%;background:#2b314b;box-shadow:0.125em 0 0.5em rgba(0, 0, 0, 0.2) inset}
.panel>ul{width:96%;height:auto;margin:0 auto}
.panel-son{width:100%;border-bottom:1px solid #d7e9ff;font-style:normal;font-weight:normal;font-variant:normal}
.panel-son>a{display:block;color:#fff;text-align:center;line-height:3;font-size:1.1em}
/*banner*/
.banner{max-width:100%;overflow:hidden;visibility:visible;position:relative}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center}
#pagenavi{text-align:right;bottom:10px;width:98%;position:absolute;margin-right:2%}
#pagenavi a{display:inline-block;width:14px;height:14px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:#eeeded;margin-right:1%}
#pagenavi a.active{background-color:#001f40;background-image:-webkit-linear-gradient(bottom, #001f40, #064281);background-image:-moz-linear-gradient(bottom, #001f40, #064281);background-image:-o-linear-gradient(bottom, #001f40, #064281);background-image:linear-gradient(to top, #001f40, #064281)}
/**/
.search{background-color:#fff; padding:20px;}
.search-txt{width:79%;color:#666;cursor:pointer;border:none;float:left;font-family:\5FAE\8F6F\96C5\9ED1;font-style:normal;font-weight:normal;font-variant:normal;min-height:35px;padding:0 2% 0;background-color:#fff;-webkit-box-shadow:inset 2px 3px 5px rgba(0,0,0,.23);-moz-box-shadow:inset 2px 3px 5px rgba(0,0,0,.23);box-shadow:inset 2px 3px 5px rgba(0,0,0,.23);outline:none;}
.search-input{cursor:pointer;display:block;float:right;min-height:35px;width:15%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#d7d7d7;-webkit-box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;background-image:-webkit-linear-gradient(bottom, #d7d7d7, #fff);background-image:-moz-linear-gradient(bottom, #d7d7d7, #fff);background-image:-o-linear-gradient(bottom, #d7d7d7, #fff);background-image:linear-gradient(to top, #d7d7d7, #fff);position:relative}
.search-input .img_01 {background:url("images/search.png") no-repeat scroll center center;background-size:auto 80%;height:100%;position:absolute;width:100%; border:none; cursor:pointer}
/*ͼƬб*/
.list_images{background:#233d80;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding-top:3%;padding-left:2%;padding-right:2%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.list_images li{float:left;width:33.3%;margin-bottom:3%}
.list_images li a{display:block;position:relative;width:95%;margin:0 auto}
.list_images li a img{width:100%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#e7ebf7;border:solid 1px #7083b5}
.list_images li a.color{background:#e7ebf7;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.list_images li a div{text-align:right;top:20%;right:10%}
.list_images li a div h3{font-size:1.3em;font-weight:normal;color:#233d80}
.list_images li a div p{color:#9dafe0;font-size:1.1em}
.list_images li a div span{display:block;background:url(images/wap/more.png) no-repeat right center;background-size:auto 100%;color:#233d80;padding-right:30%}


/*首页图片*/
.sycp{ width:100%; height:300px;}
.sycp dl{ float:left; width:45%; margin-left:2%; margin-top:2%}
.sycp dt{ width:100%;}
.sycp dt img{ width:100%; border:solid 1px #ddd;}
.sycp dd{ height:30px; line-height:30px; text-align:center;}
.sycp dd a{ font-size:12px;line-height:30px; text-decoration:none; color:#000;}

/*ͼƬ*/
.navigation{position:absolute;top:0;right:2%;text-align:right;cursor:pointer;line-height:3;color:#162137;font-size:0.85em}
#menu li{width:25%;text-align:center;float:left;padding-top:2%}
#menu li a{width:90%;color:#fff;padding:9% 0;margin:0 auto;display:block;background-color:#112558;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
/*б*/

.list_articles2{ background:#fff; width:100%; margin:0 auto;}
.list_articles2 li{width:100%; height:40px; line-height:40px;margin:5px 2%;border-bottom:dashed 1px #ddd;background:(images/wap/tel.jpg) center left no-repeat; display:block;}
.list_articles2 li a{display:block;overflow:hidden;width:100%; font-size:14px;}




.tel{background:#333; width:100%; height:50px; margin:5px 0px; font-size:26px; text-align:center; line-height:50px; color:#fff;}
.tel a{ color:#fff;}
.list_articles{background:#fff; margin:10px auto;}
.list_articles li{width:46%;margin:0px 2%; float:left;}
.list_articles li a{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;line-height:2.5;background-size:auto 30%;width:100%; float:left;}

.clear{ clear:both;}
/*б*/
.list_lei{ width:98%; margin:5px 1%; height:50px;}
.list_lei li{width:50%; height: auto;margin:0 auto; float:left;}

/*б*/
.list_about{background:#ffffff; width:100%; height:50px;font-size:16px; border-top:solid 5px #ddd; font-weight:bold;}
.list_about li{width:50%; height:50px;margin:0 auto; float:left; color:#000000; line-height:40px;padding-left:2%;padding-right:2%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box；}
.list_about li a{ color:#666; width:50%; font-size:12px; font-weight:normal;}
/*ͼб*/
.image_articles{background:#233d80}
.image_articles li{ border-bottom:1px dashed #ccc; padding-bottom:2%; padding-top:2%; width:95%; margin:0 auto}
.image_articles a{ display:block}
.image_articles img{ width:27.9%; float:left}
.image_articles div{ float:left; width:69.1%; margin-left:3%; line-height:1.6em;color:#fff;}
.image_articles div h3{  font-weight:normal;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.image_articles div span{ color:#bc6400}
/*ײ*/
.bottom_nav li{float:left;width:25%;text-align:center; background:#2b314b;}
.bottom_nav li a{display:block;color:#fff;width:90%;margin:0 auto; line-height:30px;padding:10% 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}

.zi14hei{ font-size:14px; line-height:30px; color:#000; font-family:"Microsoft YaHei"; }
.zi14bai{ font-size:14px; line-height:30px; color:#fff; font-family:"Microsoft YaHei"; }
.zi14bai a{ color:#fff;}
/*ײ*/
/*产品分类*/
div.feilei{ width:100%; height: auto; margin:0 auto;}
.feilei li{ width:48%; height:30px; background:#03953e; float:left; margin:3px; line-height:30px; color:#fff; font-size:14px;}
.feilei li a{ width:150px; height:30px; color:#fff; text-decoration:none; font-size:14px; display:block; margin:0 auto; text-align:center;} 

#solid_bottom{height:70px;}
#solid_bottom li{float:left;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#solid_bottom li a{display:block;text-align:center;color:#fff;padding:8% 0;}
#solid_bottom li a img{vertical-align:middle;max-width:31.8125%;display:block;margin:0 auto;width:auto}


/*分类*/
#lei_bottom{ background:#fff;}
#lei_bottom li{float:left;width:21%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; margin:10px 2%; padding:10px 0px;border-radius:15%;}
#lei_bottom li a{display:block;text-align:center;color:#fff;padding:5% 0;}
#lei_bottom li a img{vertical-align:middle;max-width:25%;display:block;margin:0 auto;width:auto}

/*ҳ*/
.page{text-align:center;width:100%;}
.page .arrow_left, .page .arrow_right{text-align:center;display:inline-block;width:70px;padding-bottom:7px;padding-top:4px;background-color:#112558;color:#fff}
.page .arrow_left img, .page .arrow_right img{vertical-align:middle}
.page .arrow_center{display:inline-block;width:20%}
/*ҳ*/
.picture .ptitle{color:#233d80;font-size:1.3em;line-height:2;text-align:center; margin-top:2%}
.picture .about_pg{ line-height:25px; margin:20px;}
.picture .about_pg img{ margin:20px;}

.about{ line-height:25px; margin:20px;}
.about img{ margin:20px;}

.picture .about_img{text-align:center; margin-top:2%}
.picture .about_img img{width:80%}
.results{line-height:2.5;margin-top:1.5%;}
.results span{color:#233D80; margin:0 2%}
@media screen and (max-width:640px){body,html{font-size:16px}}
@media screen and (max-width:540px){body,html{font-size:15px}}
@media screen and (max-width:480px){body,html{font-size:14.5px}}
@media screen and (max-width:420px){body,html{font-size:14px}}
@media screen and (max-width:360px){body,html{font-size:13.5px}}
@media screen and (max-width:320px) {body,html{font-size:12.5px}}
/*ע*/
/*@media screen and (max-width:1024px){.list_images li a img{height:296px}.banner img{height:480px}}
@media screen and (max-width:960px){.list_images li a img{height:278px}.banner img{height:450px}}
@media screen and (max-width:800px){.list_images li a img{height:231px}.banner img{height:375px}}
@media screen and (max-width:768px){.list_images li a img{height:222px}.banner img{height:360px}}
@media screen and (max-width:640px){.list_images li a img{height:185px}.banner img{height:300px}}
@media screen and (max-width:480px){.list_images li a img{height:139px}.banner img{height:225px}}
@media screen and (max-width:420px){.list_images li a img{height:121px}.banner img{height:197px}}
@media screen and (max-width:360px){.list_images li a img{height:104px}.banner img{height:169px}}
@media screen and (max-width:320px){.list_images li a img{height:93px}.banner img{height:150px}}*/
/*һƪһƪ*/
.prev_next{margin-bottom: 9px; font-size:14px;}
.prev_next span{display: block;}
.show_next { font-size:14px; line-height:25px; color:#333; margin-left:10px;}
.show_next span {display:block; color:#333}
.show_next a {display:inline; color:#333; font-size:14px;}

/* Guestbook */
#guestbook li{margin-bottom:0px;width:90%; padding:0;}
#guestbook li p{width:80px;padding-right:8px;text-align:right;}
#guestbook li span{color:#F00}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}.fn-clear{zoom:1}
.fn-left { display: inline; float: left; }
.input, .textarea {background: #FFF;border: 1px solid #E2E2E6; border-radius: 2px 2px 2px 2px; color: #000; margin: 3px 0; padding: 3px; width: 60%; font-size:12px;}
.submit{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;font-size:1em;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}