@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom; text-align:center;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
.clear{ clear:both;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*banner*/
#ban{ margin-top:1px;}
#ban img{ width:100%;}
#slider{ position:relative; overflow:hidden;}
#slider li{ float:left;}
#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi a.active{ background:#2b80af;}

/*二级head*/
.head-left-f{width:12%;float:left;}
.head-center{width:76%;float:left; margin:0 auto; text-align:center; color:#e6e6e6; font-size:1em;padding-top:3%;}
.head-f{ background:url(../images/x-banner4.jpg) no-repeat center; background-size:100%;padding:1% 0;}
.head-right-f{ float:right;width:12%;}


.swipe1 ul{}
.swipe1 ul li img{width:74%; margin:6% 13% 0; position:relative;top:4%;}
#banner1{width:100%;margin:0 10%;}
#slider1{ position:relative; overflow:hidden;}
#slider1 li{ float:left;}
#pagenavi1{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi1 a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi1 a.active{ background:#2b80af;}
#tubiao img{ width:68%;}
/*nav*/
.head{width:96%; margin:2% 2%; position:absolute; z-index:9;}
.search{float:left; width:12%;margin:0 auto;padding:0;}
.search img{ width:75%;}
.head-content{float:left; width:76%; text-align:center;}
.head-content img{width:60%;}
 
.head-right{float:right;width:12%; }
.head-right img{ width:91%;}
.ss{width:0;height:35px;position:absolute;left:0;top:50px;overflow:hidden;z-index:7; z-index:999;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#ffc600;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}
#Banner{ position:relative;}
.bottom-three{ width:90%; margin:0 5%; position:absolute; bottom:0; z-index:8; max-height:640px;}
.bottom-three ul li{ float:left; width:50%; background-size:100% !important; text-align:center; padding:21.5% 0 3%;}
.bottom-three ul li a{ color:#FFF; display:block;}
#bottom-1{ background:url(../images/touch-5.png) no-repeat; }
#bottom-2{ background:url(../images/touch-6.png) no-repeat; }
#bottom-3{ background:url(../images/touch-7.png) no-repeat; }
#bottom-4{ background:url(../images/touch-8.png) no-repeat; }
.touch-index{width:94%; margin:0 3%; }
.touch-index ul li{ float:left; width:50%; background-size:100% !important; text-align:center; padding:22% 0 3%;}
.touch-index ul li a{ color:#FFF; display:block;} 
/*首页*/

.index-top{ padding:0 2%; width:96%; background:#f1f1f1;}
.index-news{ background:url(../images/touch-10.png) no-repeat center; background-size:50% 100%!important; padding:1.5% 0 4.5%; text-align:center; font-size:1em; color:#333333;}
.index-news-list ul li{padding:3% 0;}
.index-news-list ul li a{ color:#ff6f5c;}
.index-news-list-left{ float:left; width:20%; }
.index-news-list-left img{ width:100%;border-radius:50%;}
.index-news-list-right{ float:left; width:100%;}
.index-news-title{ padding-left:5%; font-size:1em;line-height:1.6em;width:70%;float:left;} 
.index-news-jianj{ padding-left:5%; font-size:0.8em; line-height:1.6em;}
.index-news-bottom{ background:url(../images/touch-11.png) no-repeat center; background-size:33% 100%!important; padding:1.5% 0; text-align:center; font-size:1em; color:#333333;}


.index-products-bj{ background:url(../images/touch-12.png) no-repeat; padding:4% 0 4%; background-size:100%;}
.index-products{ background:url(../images/touch-10.png) no-repeat center; background-size:50% 100%!important; padding:1.5% 0 4.5%; text-align:center; font-size:1em; color:#FFF;}
.index-products-bjs{ background:url(../images/touch-13.png) no-repeat; background-size:100%;}
.index-products-list{ margin:0 3%; width:94%;}
.index-products-list ul{ background:#FFF;}
.index-products-list ul li{ width:33.33%; float:left;}
.index-products-title a{ display:block; background:#FFF; text-align:center;}

#left-img img{ width:51%;}
.products-td{ width:92%; margin:0 4%;}
.products-td ul li{ width:30%; margin-left:5%; float:left;}
.products-td ul li img{ border-radius:50%;}
.products-td-title{ text-align:center; line-height:3em; }
.foot ul li{ float:left; width:25%; text-align:center;}
.foot ul li img{ width:40%;}
.foot ul li a{ color:#FFF; display:block; line-height:3em;}
.to-top{ float:right;}
.to-top img{ width:80%;}

/***about***/
.searchs{float:left; width:8%;margin:0 auto;padding:0; padding:2%;border-right:1px solid #5b5b5b; }
.searchs img{ width:75%;}
.head-contents{float:left; width:72%; text-align:center;  padding:1% 0;}
.head-contents img{width:60%;}
.head-contents a{ display:block; font-size:1em; color:#FFF; line-height:2em;}
.head-rights{float:right;width:10%; padding:2.3%; border-left:1px solid #5b5b5b;}
.head-rights img{ width:81%;}
.about-top{ font-size:0.8em; float:right; color:#FFF; line-height:3em; margin-right:3%;}
.about-top a{ color:#FFF;}
.about-type{ padding:6% 0;}
.about-type ul li{ /*width:17%; */text-align:center; margin:2% 0; font-size:0.8em; float:left; margin-right:2%; background:url(../images/touch-23.png) no-repeat; background-size:100% 100%; padding:2% 3%; }
.about-type ul li a{ color:#5d5d5d;}

.about-types ul li{ width:15%; text-align:center; margin:2% 0; font-size:0.8em; float:left; margin-right:2%; background:url(../images/touch-23.png) no-repeat; background-size:100% 100%; padding:2% 2%; }
.about-types ul li a{ color:#5d5d5d;}
.about-con{ color:#5d5d5d; line-height:2em;}
.about-con img{max-width:100%}
.about{ margin:3%; width:94%;}


.sub_more{width: 94%;margin: 0 auto; text-align:center; padding: 2% 0%;}
.sub_more input{ background:url(../images/touch-25.png) no-repeat; background-size:100% 100%; border:none; color:#333333; padding:3% 10%;cursor: pointer;}
.news-show-title{ text-align:center; color:#ff6f5c; font-size:1em;}
.news-show-time{ float:right; font-size:0.8em; line-height:3em; }
.news-show-content{ color:#5d5d5d; font-size:0.8em; line-height:2em;}
.news-show-np{ color:#555555; font-size:1em; line-height:2em; background:url(../images/touch-26.png) no-repeat; background-size:100% 100%; padding-left:5%; margin-top:3%; }
.news-show-np a{ color:#555555; font-size:1em; line-height:2em;}

.products-content{ margin:0 auto; text-align:center;}
.products-content ul li{ float:left; width:30%; text-align:center; margin:3% 1.5%;}
.products-content ul li img{ width:100%; text-align:center; margin:0 auto;}
.products-bj a{ display:block; line-height:2em; color:#ff6f5c;}
.products-list-xq{ background:url(../images/touch-25.png) no-repeat; background-size:100% 100%; width:25%; text-align:center; padding:1%; color:#555555;}
.pro_zz img{ width:100%;} 
.gbook-td{ font-size:1em; color:#333333; line-height:3em; width:25%;}
.gbook-input input{ background:url(../images/touch-27.png) no-repeat; background-size:100% 100%; border:none; width:60%; line-height:2em; padding-left:2%;}
.gbook-input textarea{ background:url(../images/touch-28.png) no-repeat; background-size:100% 100%; border:none; width:95%; resize:none;line-height:2em;  height:8em; padding-left:2%;} 
.submit-gbook{ background:url(../images/touch-24.png) no-repeat; background-size:100% 100%; border:none; padding:3% 12%;}


.products-show-content img{max-width:100%;}