/*css*/

@import "grid.css";

@import "superfish.css";

html, body {height:100%;}

body{font:13px/22px Microsoft YaHei;color:#666;position:relative;min-width:320px;-webkit-text-size-adjust: none}

/*Links*/

a{color:#333;text-decoration:none}

a:hover{color:#ff0000;text-decoration: none}

a[href^="tel:"] {color: inherit;text-decoration:none}

/*Titles*/

h1{line-height:32px}

h2{font-size:36px; line-height:36px;margin-bottom:20px}

h3{font-size:18px; line-height:22px;margin-bottom:20px}

h3.h3{font-size: 28px; line-height: 22px; color:#333;text-transform:uppercase;letter-spacing:-1px;text-shadow:1px 1px 1px #847f7d}

h4{font-size:16px; line-height:22px;margin-bottom:20px}

h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}

.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.f30{font-size:30px}.f32{font-size:32px}.f36{font-size:36px}.f42{font-size:42px}.f48{font-size:48px}.f56{font-size:56px}.f66{font-size:66px}.f72{font-size:72px}.f86{font-size:86px}

.white{color:#fff}.black{color:#333}.red{color:red}

.bf5{background:#eee}

.p_l_r10{padding:3px 10px}

.text_r{text-align:right}

/* Indents */

p{margin-bottom:18px; /*as line-height in body*/}

.m_0{margin-bottom:0px !important;}

.m_05{margin-bottom:5px}

.m_10{margin-bottom:10px !important;}

.m_15{margin-bottom:15px}

.m_20{margin-bottom:20px !important;}

.m_30{margin-bottom:30px !important;}

.m_50{margin-bottom:50px}

.m_top5{margin-top:5px}

.m_top10{margin-top:10px}

.m_top15{margin-top:15px}

.m_top20{margin-top:20px}

.m_top25{margin-top:25px}

.m_top30{margin-top:30px}
.m_top40{margin-top:40px}
.m_top50{margin-top:50px}

.m_l5{margin-left:5px}

.m_l10{margin-left:10px}

.m_r5{margin-right:5px}

.m_r20{margin-right:20px}

.p_t0{padding-top:0}

.p_t50{ padding-top:50px}

.p_r30{ padding-right:30px}

/* Public */

.img_wrap1{display:block;padding:10px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}

.img_wrap2{display:block;padding:5px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}

.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#f73636;}

.img_wrap1 img, .img_wrap2 img{position: relative; z-index:1;}

a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}

.button1,.button2{display:inline-block; padding:9px 12px 8px; box-shadow:1px 1px 1px #333333; text-shadow:0px -1px #d67303; margin: 18px 0 0; font-size: 12px; line-height: 15px; color:#fff; text-transform:uppercase; background:#323234;position:relative;}

.button1 span,.button2 span{display:block;position:relative;z-index:1;}

.button1 strong,.button2 strong{background:#f73636;display:block;position:absolute;left:0;top:0;right:0;bottom:0;}

.button1:hover strong,.button2:hover strong{left:50%;top:50%;right:50%;bottom:50%;}

.button1:hover,.button2:hover{color:#fff;text-shadow: none;}

.button2{padding:7px 12px 6px;background:#f73636;box-shadow:1px 1px 1px #b9b5ac; text-shadow:0px -1px #1a1a1a;}

.button2 strong{background:#323234}

.b_line{padding-bottom:20px;border-bottom:1px dotted #ccc}

.link1 em, .list1 a em{display:block;position:absolute;bottom:-4px;width:0;height:1px;background:#000;content:"";}

.link1:hover em, .list1 a:hover em{width:100%;}

.link1,.list1 a{text-decoration:none !important;}

/* Header */

.topbox{background:#fff; padding:20px 0 30px}

.topbox .grid_3{ margin-right:80px}

.top_search {

	float:left; margin-top:50px;

	width:310px;

	height:27px;

	text-align:left;

	background:url('/skin/default/images/search_bg.gif') no-repeat;

}

.top_search span {

	float:left;

}

.top_search .go {

	width:65px;

	float:right;

}

input.infoInput {

	width:215px;

	margin-top:5px;

	margin-left:25px;

	color:#999;

	height:16px;

	border:0px;

}

input.buttonface {

	width:65px;

	height:27px;

	border:0px;

	background:url('../images/search_go.gif') no-repeat;

}

.topbox .tel{ float:right; margin-top:30px}

.menu-box{background:#1d1d1d}

.menu-box h2 a,h1 a{display:block;padding-top:30px}

.tel{margin:0 auto; overflow:hidden}

.tel img{padding-top:5px; float:right; width:220px; display:block}

/* first */

.first{background:url(../images/category_bg.jpg); padding:60px 0}

.first h3{ margin-bottom:0px}

/* Products */

.pro-img{position: relative;height: auto; overflow: hidden}

.pro-img img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.pro-learnt{position: absolute;left: 0;right: 0;height: 10px;background-color:#39b94e;bottom: -19px;color: #fff;font-size: 12px;height: 24px;line-height: 24px;text-align: center;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}

.pro-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}

.pro-intro,.pro-tips{position: absolute;bottom:0;left:0;right: 0;padding: 0 14px;height: 58px;background:#f5f5f5;background:#f7faf9/;

*background:#f7faf9;font-size:12px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index: 9}

.pro-intro{opacity: 0;z-index: 10;display:none/;*display:none}

.pro-tips h2{color:#363d40;line-height:50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align:center;font-weight:bold;margin: 0}

.pro-intro p{padding-top:10px;height:40px;line-height:20px;margin:0;overflow: hidden}

.pro-list li:hover .pro-intro{color:#444;opacity:1;display:block/;*display:block}

/* pic */

.pic_tel{  width:100%; margin:0 auto; color:#333333}

.pic_tel li{ border-right:1px #e7e7e7 solid; padding:0 28px; float:left; font-size:18px}

.pic .xian{ border-bottom:2px solid #e7e7e7; width:100%; height:2px}

.pic_img { padding-top:20px; text-align:center}

/* second */


/* News */

.infobar{background:#eef1f2; padding:20px 0}

.new-pic{overflow:hidden}

.new-list ul li,.new-list ul li a{line-height:30px;background:#f73636;transition:padding 0.5s;-moz-transition:padding 0.5s; /* Firefox 4 */-webkit-transition:padding 0.5s;/* Safari and Chrome */-o-transition:padding 0.5s; /* Opera */border-bottom: 1px solid #e1e1e1;overflow:hidden}

.new-list ul li a{background: #eef1f2;padding-left:10px;border:0;display:block}

.new-list ul li:hover{padding:0 15px 0 50px}

.new-list ul li a:hover{padding-left:20px; padding-right:10px}

/* links */

.links li{float:left; margin-right:10px}

.links li a{color:#999}

/* Footer */

footer{width:100%;border-top: 6px solid #424242;padding-top: 30px;padding-bottom: 10px;background:#eef1f2}

.hide-text{text-indent: 100%;white-space: nowrap;overflow: hidden}

.footer-sns{text-align: center}

.footer-sns a{display: inline-block;height: 32px;width: 32px;background-image: url(../images/idx-btm.png);background-repeat: no-repeat;margin: 0 9px}

.footer-sns-weibo{background-position: 0 -221px}

.footer-sns-weixin{position: relative;background-position: -52px -221px}

.footer-sns-qqweibo{background-position: -104px -221px}

.footer-sns-qzone{background-position: -156px -221px}

.footer-sns-weibo:hover{background-position: 0 -262px}

.footer-sns-weixin:hover{background-position: -52px -262px}

.footer-sns-qqweibo:hover{background-position: -104px -262px}

.footer-sns-qzone:hover{background-position: -156px -262px}

.footer-sns-weixin i{position: absolute;display: none;width: 176px;height: 210px; z-index:999;background: url(../images/idx-btm.png) no-repeat 0 0;left:-72px;bottom:40px}

.footer-sns-weixin:hover i{display: block}

.footer-link{padding: 25px 0 0 0;text-align: center;border-bottom: 1px solid #f4f7f8}

.footer-link a{margin: 0 10px;color: #99a1a6}

.footer-link a:hover{color: #be3948}

.footer-copyright{padding:0px 0 25px;text-align: center;color: #b4bbbf}

#toTop {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 180px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}

#toTop:hover{background-position:center -50px;}

#toTop:active, #toTop:focus {outline:none}
.support{ position: fixed; top:200px; right:0; width:50px; height:203px; z-index:9999}
.support li{height:50px;position:absolute; left:0;}
.support li img{float:left; margin:12px 12px 14px 14px;display:block}
.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#f73636;  border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li a:hover{ background-color:#000}
.support li.support_tel{width:172px}
.support li.support_wx{width:62px}
.support li.support_qq,.support li.support_wb{width:172px}
.support li.support_tel,.support li.support_qq,.support li.support_wb{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li.support_qq{top:52px}
.support li.support_wb{top:104px}
.support li.support_tel:hover{left:-100px}
.support li.support_qq:hover,.support li.support_wb:hover{left:-70px}
.support li.support_wx{top:156px}
.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;background:url(../images/resund.jpg) no-repeat;display: none}
.support li.support_wx:hover i{display: block}
/***************Page*****************/

/*Public Css*/

.page-menu{background:#fafafa;border-bottom: 2px solid #0000\0/;box-shadow: 0 1px 3px #bbb;line-height:32px}

.location{text-align:right}

.category{position:relative; z-index:8}

.category li{float:left; margin-right:20px; text-align:center}

.category li.back{border-bottom:2px solid #f73636;height:30px;z-index:8;position:absolute; list-style:none}

.category li a{z-index:10;display:block; padding:0 3px;position:relative}

.category li.current a{color:#f73636}

/*Product Css*/

.showMoreNChildren{overflow:hidden}

.showMorehandle{clear:both;margin:0 auto; width:260px; height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e1e1}

.showMorehandle a{display:block; cursor:pointer;transition: 0.15s;-webkit-transition: 0.15s;-moz-transition: 0.15s;}

.showMorehandle a:hover{background:#f5f5f5; font-size:16px}

.details p{padding:0 10px}

.details h3{padding-left:20px;line-height:32px; background:#fc8703; color:#fff}

.prevnext{border-top:3px solid #eee; overflow:hidden}

.prevnext a{margin-left:10px}

.sideline{padding-right:40px;border-right:1px dashed #333}

.parameter img{ width:auto;display:block}

/*News Css*/

.newsbar a{ font-size:16px}

.data{width:60px; height:60px; display:block;background: #eee;color:#333; text-align:center; line-height:60px}

.month{display:block;width:60px;text-align:center}

.newsbar li {padding:0; overflow:hidden}

.newsbar li a{color:#333;background: none}

.newsbar li a:before{background: none}

.newsbar li a:hover{color:#ff0000}

.newsbar li{border-bottom:1px  dashed #d2d2d2; padding-bottom:10px; margin-bottom:20px}

.prnext {text-align:center}

.prnext b{ color:#999}

.prnext a{margin:0 5px; font-size:13px}

/* Lists */

.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}

.list1 a{font-size: 12x; line-height: 15px; color: #736c67;text-transform:uppercase;display:inline-block;position: relative;}

.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}

.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

/* News Read */

.write{padding-bottom:5px;border-bottom:1px solid #eee}

.write span{margin-right:10px}

/* Contact Css */

.contact p{font-size:14px; color:#333}

#form1 {padding:0px 0 3px 0;}

#form1 .success {width:246px; margin-bottom:20px; }

#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}

#form1 input {width:274px;}

#form1 textarea {overflow:auto; width:274px; height:161px;resize:none; float:left; margin: 0 0 0 0;}	

#form1 label {display:block; min-height:43px; overflow:hidden;}	

#form1 label.message { display:block; padding-bottom:0; }

#form1 .error, #form1 .empty, #form1 .success {display:none;}	

#form1 .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}

#form1 span{ display:block; margin: 0px 0 0 5px;}

/* faq Css */

.main-bg{ background:url(../images/shadow.png) no-repeat top right; padding-right:50px}



/*==================================RESPONSIVE LAYOUTS===============================================*/

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

.f86{font-size:54px; line-height:54px}

.f16{font-size:12px}

.f22{font-size:18px}

.about_title{margin:0}

.category{display:none}

.page-menu{position:relative}

.m-category {float:left;height: 30px; margin:5px 0;display:block}

.m-category h4 {cursor:pointer; margin-left:5px; padding:3px 5px; border-radius:5px; background:#2d2d2d}

.m-category h4:hover{ background:#f73636}

.m-category h4 img{ width:25px}

.m-category ul{display:none;z-index:99;width:100%;left:0;top:40px;position: absolute;list-style:none;background:#f73636}

.m-category li {border-top:1px solid #bcbcbc}

.m-category li:first-child {border:none}

.m-category li.selected {padding:8px 0 8px 10px;cursor:default}

.m-category li.selected {color:#fc8703;cursor:default}

.m-category li a {display:block;color:#fff;text-decoration:none;font-size:13px;padding:8px 5px 8px 10px;font-weight:bold}

.m-category li a:hover {color:#fff}

.m-category li.selected span {cursor:default;font-weight:bold}

.sf-menu li {float:left; width:145px;}

}

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

nav{padding-top:15px;padding-left:15px}

.sf-menu > li > a {padding: 40px 10px 30px;}

.partners,.about_title{ display:none}

.sf-menu li {float:left; width:120px;}

}

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

.grid_3 h1,.grid_3 h2{ float:left;width:180px}

.tel img{float: right; width:200px; display:block}

.infobar h3{ margin-top:20px}

.sideline{padding-right:0;border-right:0}

}

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

.new-list time{display:none}

.tel{ width:200px;}

}