@charset "utf-8";
/* CSS Document */
body{font-size:14px;font-family:"微软雅黑";color:#000; background:#fff;max-width:640px;margin:0 auto;}
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;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
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;}
/*header*/
.logo{top:0; left:0; width:100%;z-index:999;}
.ss{width:0;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}
.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;}
.top{width:40px;position:absolute;left:2%;top:8px;}
/*index*/
.company{padding:3%;font-size:15px;line-height:1.5;opacity:0;}
.com_pic{width:40%;float:left;padding:0 2% 0 0;}
.com_title{color:#191919;font-size:20px;text-align:center;padding:3% 0 0 0;}
.com_tm{opacity:1;transition:opacity 1s linear;-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-ms-transition:opacity 1s linear;-0-transition:opacity 1s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
/*******/
.about{width:100%;}
.about-img img{width:100%; margin-top:-30px; margin-bottom:20px;}
.about-title{width:100%;text-align:center;color: #fff;margin-top: -60%}
.english{font-size: 0.9em;border-bottom: 1px solid #fff}
.chiness{font-size: 1.1em;line-height: 1.8;}
.about-t{font-size: 1.5em;font-weight: bold;color: #000000;text-align: center;padding-bottom: 2%}
.about-con{width:98%;margin:0 auto;}
.about-content{font-size:12px;color: #5f5f5f;line-height: 2;}


.top_list{clear:both;padding:0 0 3% 0;overflow:hidden; margin-bottom:50px;}
.top_list-a img{width: 100%;margin: 0 auto;}
.top_list-b{width: 91.71%;margin: 0 auto;text-align: center;font-size: 3.2vw;margin-top: -16%;padding-bottom: 12%;}
.top_list-b span{margin-top:-15%;color:#666; text-transform:uppercase;display:block;width:100%;}
.top_list-b font{color:#007ed6;font-size: 4.2vw;margin-top:-5px;display: inline-block; font-weight:bold;}


.news{width: 100%;margin: 0 auto; margin-top:-30px; background:url(../images/bg1.jpg); padding-bottom:30px;}
.news ul{margin-top:-30px;}
.news_title{color:#fff;font-size:20px;text-align:center;padding:3% 0;}
.news li{width:96%;padding:2%;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 auto;float: left;border-top: 1px solid #e7e7e7;}
.news li img{width: 24.7%;float: left;}
.shouye-news-1{width:70%;float: left;color: #333333;font-size: 14px;font-family: 微软雅黑;margin-left:5%;}
.shouye-news-2{width:70%;float:left;font-size:12px;color: #666666;font-family: 微软雅黑;margin-left:5%;margin-top:5px; line-height:20px;}
.shoeye-news{width: 100%;border-bottom:1px solid #e7e7e7;padding-bottom: 15px;}
.news li a{color:#fff;float:left;}
.news_title a{color:#fff;}
.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);transition:background 1s linear,color 1s linear,transform 1s linear;-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;-moz-transition:background 1s linear,color 1s linear,transform 1s linear;-ms-transition:background 1s linear,color 1s linear,transform 1s linear;-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.news_more2{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.pro_title{color:#191919;font-size:20px;text-align:center;padding:4% 0;}
.pro_text{color:#fff;height:30px;line-height:30px;font-size:16px;background:#1f2229;}
.pro_nr{width: 91.71%;margin: 0 auto;display: block;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);animation:fz 1s linear;-webkit-animation:fz 1s linear;-moz-animation:fz 1s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;opacity:1;/*margin-top: -25px;*/}
.pro_nr li{width: 48%;margin-left: 2%;/*margin-top:5px;*/float: left;overflow: hidden;}
.pro_nr-1{width: 100%;background: url(../images/jpbj_07.jpg)no-repeat 50% 50%;}
.pro_nr-2{position: relative;top: -13em;font-size: 4vw;padding-left: 40%;font-family: 微软雅黑;}
.pro_nr-3{/*width: 60%;*/text-align: center;background: #c10b0e;color: #fff;font-family: 微软雅黑;font-size: 3vw;position: relative;top: -17.5em;margin-left: 38%;}
.pro_nr li img{width: 96%;padding: 2%; }
.products{margin-top: -10px;width: 100%;margin: 0 auto; margin-bottom:40px;}
.products ul{width:96%;margin: 0 auto; margin:2%; margin-top:-30px;}
.products ul li{width:47%;float:left;margin-left:1%;border:2px solid #eee; margin-bottom:20px;}
.products ul li img{ width:100%;} 
.products ul li a span{ display:inline-block; height:40px; margin-top:20px; line-height:40px; font-size:12px; text-align:center; width:100%; background:#eee;}
.pro_nr_pic img{width:100%;}
.pro_zz{opacity:1;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-0-transform: rotateY(360deg);transition:transform 1s linear,opacity 1s linear;-webkit-transition:transform 1s linear,opacity 1s linear;-moz-transition:transform 1s linear,opacity 1s linear;-ms-transition:transform 1s linear,opacity 1s linear;-0-transition:transform 1s linear,opacity 1s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes fz{0%{transform: rotateY(0deg); opacity:1;}20%{transform: rotateY(60deg);opacity:0.8;}40%{transform: rotateY(120deg); opacity:0.6;}60%{transform: rotateY(180deg); opacity:0.6;}80%{transform: rotateY(120deg); opacity:0.8;}90%{transform: rotateY(60deg); opacity:0.8;}100%{transform: rotateY(0deg); opacity:1;}}
@-webkit-keyframes fz{0%{transform: rotateY(0deg); opacity:1;}20%{transform: rotateY(60deg);opacity:0.8;}40%{transform: rotateY(120deg); opacity:0.6;}60%{transform: rotateY(180deg); opacity:0.6;}80%{transform: rotateY(120deg); opacity:0.8;}90%{transform: rotateY(60deg); opacity:0.8;}100%{transform: rotateY(0deg); opacity:1;}}
@-moz-keyframes fz{0%{transform: rotateY(0deg); opacity:1;}20%{transform: rotateY(60deg);opacity:0.8;}40%{transform: rotateY(120deg); opacity:0.6;}60%{transform: rotateY(180deg); opacity:0.6;}80%{transform: rotateY(120deg); opacity:0.8;}90%{transform: rotateY(60deg); opacity:0.8;} 100%{transform: rotateY(0deg); opacity:1;}}
/***底部**/

.productss{margin-top: -10px;width: 100%;margin: 0 auto; margin-bottom:40px;}
.productss ul{width:96%;margin: 0 auto; margin:2%; margin-top:-30px;}
.productss ul li{width:47%;float:left;margin-left:1%;border:2px solid #eee; margin-bottom:20px;}
.productss ul li img{ width:100%;} 
.productss ul li a span{ display:inline-block; height:40px; line-height:40px; text-align:center; width:100%; font-size:12px; background:#eee;}


/*��膤紙��篁�*/
.contact{width: 100%;background: #fff;background: url('../images/bg3.jpg') no-repeat center top;background-size: 100%}
.contact-t{text-align: center;line-height: 2.5;background: url('../images/bor1.png') no-repeat center bottom;background-size: 100%; height:10px;}
.main{ margin:2%;}
.info{font-size:1.2em;color: #000000;padding: 7% 0 5% 0;line-height: 2;text-align: center; font-weight:bold;}
.main_bd,.main_bd1{width:97%;line-height: 2.5; background: #adadad;border:none;padding-left: 3%;overflow: hidden;color: #fff;font-size: 1em;}
.contact form{color: #fff!important;font-size: 1em;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #fff;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #fff;}
.contact li{margin-bottom:2%;}
.main_but {width:35%;margin:0 auto;text-align: center;}
.main_but input{background:#adadad;width:100%;color: #fff;line-height:40px;border:none;margin:8% 0;}
.bot{background: url('../images/bot.png') no-repeat;position: fixed;bottom:0;left:0;width:100%;background-size: 100% 100%;padding-bottom:1%;padding-top: 2%;}
.bot a{display: block;float: left;text-align: center;width:25%;line-height: 2;color: #fff}
.bot a img{width:35px;height:35px;}
/*banner*/
#ban{ margin-top:1px;}
#ban img{ width:100%;}
#banner{ }
.swipe{}
.swipe ul{}#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;}
/**************/
.position {padding:10px;font-size:10px;color:#939393; background-color:#eeeeee}
.position p a{ color:#666;}

.cpBox { width:100%; height:auto;  margin-top:5px; }
.cpBox .cp { border:1px solid #dedede; padding:5px; margin-bottom:8px;}
.cpBox .cp .right { width:100%; text-align:center;}
.cpBox .cp .right p { height:30px; width:100%; background-color:#007ed6; line-height:30px;}
.cpBox .cp .right p a { color:#fff;}
.cpBox .cp .right .fl{ margin-bottom:10px;width:100%; text-align:center;}
.cpBox .cp .right .fl ul li {float:left; width:31.6%; height:25px;line-height:25px;border:1px solid #dedede;background-color:#eeeeee;border-radius:2px; margin-top:5px; font-size:12px;margin-right:1%;}
/**范围**/
.after:after {content: "after"; after: "after";height: 0;visibility: hidden;display: block;clear: both;font-size: 0;line-height: 0;}
.ni_iu{ width:100%;margin-bottom:20px; }
.ni_iu ul li{padding:10px;border: 1px solid #dddcda; margin-bottom:20px;}
.ni_iu ul li .niu_r{width:75%;height:80px;position: relative; float:left;}
.ni_iu ul li .niu_r h1{color: #444444;font-weight:bold;font-size: 14px; margin-bottom:10px; border-bottom:1px solid #CCC; background:url(../images/pro-btn.png) no-repeat left top;}
.ni_iu ul li:hover .niu_r h1{color: #027dd3;}
.ni_iu ul li .niu_r p{color: #555555;font-size:12px;line-height: 20px;}
.niu_rb{ float:right;bottom:0;}
.niu_rb a{float:right;margin-top:3px;background-color:#ececec;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;text-align: center;color: #666666;font-size:12px; display:inline-block; height:80px; width:80px; line-height:80px;}
.niu_rb a:hover{background-color: #027dd3;color: #fff;}
.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:20px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}
.tcc{}
.tcc img{ width:100%;}
.product_x{margin-top:20px; clear:both;}
.product_xx{height:35px; background:#eee;clear:both;}
.product_xx b{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#007ed6;}
#product_info{overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left;}
#product_info img{ width:100%; margin-top:20px;}

.xinwen{ line-height:30px; text-align:left; font-size:12px; color:#000; margin:10px;}
.xinwen img{ width:100%;}