@charset "utf-8";
/*
 *author：http://loveyl.me/
 *time:2017-5-15 15:35:26 
 * version：1.0
 */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{font-family: sans-serif;}
body {background-color:#fff;font-size:12px;font-family:'Microsoft Yahei'; color:#666;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
ol, ul{list-style: none;}
img {border: none;}
a,
a:hover {text-decoration: none;}

.none{ display:none;}
.both, .both:after{content:""; display: block; clear:both; width:100%;}

#winbox{ position: absolute;border:5px solid #9CC0E9; background-color:#F4F8FB;line-height:180%;color:#476DD1;}
#winbox .t{font-weight:bold; padding:5px; border-bottom:1px solid #9CC0E9;}
#winbox .t span{ float:right; padding:0 5px; cursor:pointer; font-weight:normal}
#winbox .c{padding:5px 15px; }
#winbox .g{ margin:15px;text-align:center;}
#winbox .g a{ padding:8px 20px; line-height:30px;border:1px solid #4672C4; border-top:#9CC0E9;border-left:#9CC0E9;background-color:#3D6AD3; color:#FFF; margin-right:20px;}
#winbox .g a:hover{background-color:#5588D8;text-decoration:none;}
#winbox .z{padding-bottom:15px; font-family:Verdana, Geneva, sans-serif;}
#winbox .z a{text-decoration: underline; }

/*public*/
.home_1{}
.home_2,.home_3,.home_4,.home_5,.home_6,.home_7,footer{ position:relative;top: 80px;}
.home_4,.home_5,.home_6,.home_7{padding: 30px 0 40px;}
.home_5,.home_7{background: #f2f2f2;}
.home_3{ height: 60px; line-height: 60px; background-color: #f8f8f8;}
.warp {width:1138px;min-width: 1138px; clear: both; margin: auto; overflow:hidden}
.typetit{font-size: 38px; color: #6b615a;text-align: center; font-weight: 100;}
.typetitsmall{display: -webkit-flex;display: flex;font-size: 14px;line-height: 0; margin-top: 20px; margin-bottom: 40px; color: #9c9393; text-align: center;justify-content: center;}
.typetitsmall2{display: -webkit-flex;display: flex;font-size: 14px;line-height: 0; margin-top: 0px; margin-bottom: 40px; color: #9c9393; text-align: center;justify-content: center;}
.typetitsmall:before,
.typetitsmall:after{display: block;content: "";height: 1px;background-color: #9c9393;flex: 0 0 46px; margin: 0 15px; font-weight: 500;}
.clear:after{clear: both; display: block; content: "";}
.more{display: block; margin:40px auto 0; font-size: 20px; width: 184px; height: 54px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	 border: 1px solid #e9e2e2; line-height: 54px; color: #cf0a0a; text-align: center;}
.more:hover{background-color:#cf0a0a; color: #fff;}
.head{
	position: fixed;
	top: 0;
	z-index:100;
	width: 100%;
	height:95px; background-color: #fff;
	-webkit-transition: all .4s ease-in-out; 
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.head .logo{float:left; color:#666;}
.head .logo img{ display: block;}
.menu{ float: right;}
.menu a{float:left;line-height:80px; font-size:16px; padding:0 20px; color:#3e3535;}
.menu a:hover,.menu a.c{color:#cf0a0a;}

.header-scrolled{
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.2);
	box-shadow: 0 1px 10px rgba(0,0,0,.2);
}

footer{padding-top: 40px; background-color: #26282c;}
.foot{ display: -webkit-flex;display: flex;}
.ICPBox{flex: 1; font-size: 14px;}
.ICPBox img{ /*margin-top: -18px; margin-left: -24px;*/}
.item{ margin-bottom: 22px; line-height: 24px;}
.links{flex-basis: 76%; padding-left: 6%;}
.links p{font-size: 14px; color: #eae5e5; margin-bottom: 30px;}
.links a{display: block; float: left; width: 25%;color: #868282; margin-bottom: 18px;}
.address{ width: 100%; text-align: center; color: #868282; padding:5px 0 16px;}
.address a{ color: #868282; display: inline-block; margin-left: 5px;}
.totop{ position: fixed; bottom: 10%; left: 50%; color: #fff; margin-left: 590px; z-index: 999; display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: rgba(0,0,0,.8);}

.cartdb{ position:absolute;top:40px; right:10px; width:335px; border:1px solid #139DDF; background-color:#FFF; text-align:left; padding:5px; z-index:999;}
.cartdb dl{width:325px; line-height:18px; color:#139DDF; height:35px; padding:5px; overflow:hidden;}
.cartdb dl:hover{ background-color:#FFC}
.cartdb dl dt{ float:left; width:45px;}.cartdb dl dt img{width:35px; height:35px;}
.cartdb dl dd{ float:left; width:200px;}
.cartdb dl dd.p{width:80px; text-align:right;}
.cartdb dl dd.p strong{font-size:13px; font-family:Verdana, Geneva, sans-serif;color:#C00;}
.cartdb dl.j{height:14px; line-height:14px; padding:5px; text-align:center; background-color: #DFF0F9}

.donve{ overflow:hidden;}
.product1{ overflow:hidden;  border:1px solid #bf2a47; width:235px; float:left; height:240px;}

.product1 ul{ overflow:hidden;}
.product1 ul li{ height:30px; line-height:30px; background:url(../images/index_19.jpg) no-repeat; }
.product1 ul li a{ padding-left:40px; font-size:14px; color:#2e2e2e; font-family:"Microsoft Yahei","宋体"; }
.product1 ul li a:hover{color:#e77817;}

.proimg{ border:solid 1px #bf2a47; background:#FFF;  width:740px; float:right;}
.jon{ overflow:hidden; padding-bottom:5px;}
.jon ul{ padding-left:10px;}
.jon ul li{ float:left; padding-right:15px; padding-top:10px;}
.jon ul li a img{ width:130px; height:160px;}
.jon ul li a p{ text-align:center; line-height:24px;}
/*banner*/
.fullSlide{ position:relative; background:#000; margin:0 auto;}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd li img{width:100%; vertical-align:top; height: 600px; } 
.fullSlide .hd{position:absolute; bottom: 40px; z-index:1; width: 100%; text-align:center;
	/* filter:alpha(opacity=60);opacity:0.6;*/
}
.fullSlide .hd ul{ text-align:center; margin: 0; padding: 0;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; margin: 0 3px; width:42px; height:4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  overflow:hidden; background-color: #9c9393; font-size:0;}
.fullSlide .hd ul .on{background-color: #fff;}
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{ float:right; margin-right:3%  }


/*电话和搜索*/
.home_3 .warp{
	display: -webkit-flex;
	display: flex;
}
.tel{
	 flex: 1; font-size: 16px; color: #736e6e;
}
.search{
	flex: 1; text-align: end;
}
.searchform{
	position: relative;
	/*top: 14px;*/
}
.textsearch{
	position: absolute; top: 14px;right: 0;
	display: inline-block; 
	width: 296px; height: 32px; border: 1px solid #e9e2e2;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	outline: none;
	text-indent: 78px;
}
.selectlist{
	position: absolute;
	top: 22px;
	right: 230px;
	border: none;
	border-right:1px solid #eee;
	padding-right: 10px;
	outline: none;
	z-index: 2;
}
 .btnsearch{
	position: absolute;
	top: 20px;
	right: 12px;
	width: 20px; height: 20px;border: none;outline: none;
	padding: 0;
	background-color:transparent ;
	background-image: url(../images/search.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

/*定制流程*/
.Processlist{height: 130px; background-image: url("../images/line.png");background-position: center; clear: both; display: -webkit-flex; display: flex;}
.Processlist .item{flex: 1; margin: 0; position: relative;}
.Processlist .item div{ height:104px; width: 104px; font-size: 22px; color: #fff; border-radius: 50%; margin: auto; text-align: center; padding: 25px;cursor: pointer;font-weight: 200;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.Processlist .item:hover div{
	width: 130px; height: 130px;
	padding: 36px;
}



.Processlist div.item:nth-of-type(1) div{ background-color: #02beaf;}
.Processlist div.item:nth-of-type(2) div{ background-color: #ffbf26;}
.Processlist div.item:nth-of-type(3) div{ background-color: #ff8f7e;}
.Processlist div.item:nth-of-type(4) div{ background-color: #55b9ff;}
.Processlist div.item:nth-of-type(5) div{ background-color: #ffa63c;}
.Processlist div.item:nth-of-type(6) div{ background-color: #68db52;}
.Processlist div.item:nth-of-type(7) div{ background-color: #f38aff;}


/*热门产品*/
.home_4 a{}
.productList_hot{}
.productList_hot li{ float: left; margin-right: 32px; overflow: hidden;}
.productList_hot li:nth-last-child(1){ margin: 0;}
.productList_hot .boxImg{width: 258px; border: 1px solid #e9e2e2; height: 258px; overflow: hidden;}
.productList_hot li .boxImg>img{ width: 100%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.productList_hot .boxImg:hover img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}
.productList_hot li p{font-size: 18px; color: #4d4040; text-align: center; margin-top: 30px;}

/*货架tab*/	
.hp-tab-newprd { /*margin-top:76px;*/ overflow: hidden; position: relative;}	
.hp-tab-newprd .j-sw-nav { padding-top: 1px;margin: 0 auto; overflow: hidden; position: relative;
	-webkit-border-top-left-radius: 24px;
	border-top-left-radius: 24px;
}	
.hp-tab-newprd .j-sw-nav li { float: left; margin-right: -20px ;background-color: #fefefe;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;}	
.hp-tab-newprd .j-sw-nav li a { position: relative; display: block; width: 180px; height:70px; line-height: 70px;text-align: center; text-transform: uppercase;color: #6b615a; font-size: 22px;
 word-wrap: break-word; overflow: hidden; outline: 0; cursor:pointer;font-weight: 200;
 	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
 }	
.newprd-s1, .newprd-s1 a { z-index: 20 }	
.newprd-s2, .newprd-s2 a { z-index: 19 }	
.newprd-s3, .newprd-s3 a { z-index: 18 }	
.newprd-s4, .newprd-s4 a { z-index: 17 }	
.newprd-s5, .newprd-s5 a { z-index: 16 }	
.newprd-s6, .newprd-s6 a { z-index: 15 }		
.hp-tab-newprd .newprd-clip{}	
.hp-tab-newprd .j-sw-nav .on { position: relative; z-index: 99; background-color: #cc3341; color: #fff; }	
.hp-tab-newprd .j-sw-nav li a:hover, .hp-tab-newprd .j-sw-nav .on a { z-index: 99; color: #fefefe; text-decoration: none; cursor: pointer; }
.hp-tab-newprd .j-sw-c ul{ zoom:1; overflow:hidden;}	
.hp-tab-newprd .j-sw-c li { float: left; margin-top:8px; margin-right: 8px; display:inline; border: 1px solid #e9e2e2; }	
.hp-tab-newprd .j-sw-c li:nth-last-child(1){margin-right: 0;}
.hp-tab-newprd .j-sw-c li a{ display: block; width: 219px; height: 240px;overflow: hidden;}
.hp-tab-newprd .j-sw-c li img { width: 219px; height: 240px; background-color: #fff;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.hp-tab-newprd .j-sw-c li img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.hp-tab-newprd .j-sw-c li>p{ height: 48px;font-size: 16px; color: #4d4040; line-height: 48px; text-align: center; background: #fff;}

/*施工案例*/
.productList_case{}
.productList_case li{ float: left; margin-right:6px; overflow: hidden;}
.productList_case li:nth-last-child(1){ margin: 0;}
.productList_case .boxImg{width:375px; height:258px; overflow: hidden;}
.productList_case li .boxImg>img{ width: 100%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.productList_case li img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform:scale(1.2);
}
.productList_case li p{font-size:20px; color: #4d4040; text-align: center; margin-top:34px;}

/*新闻列表*/
.Newbox{ display: -webkit-flex; display: flex;}
.Newbox a{ color: #776f6f; font-size: 16px;}
.New_company,.New_industry{flex: 1;}
.typebanner{ width: 338px; height: 140px; margin-bottom: 30px;}
.New_list li{ margin-bottom: 22px;}
.New_list li span{ margin-left: 30px;}

/*inner public*/
.innerimg{position: relative; top: 80px; height: 450px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat;}
.margintop40{margin-top: 40px;}
.bodyfont{ font-size: 18px !important; color: #5e5656 !important;}
p.tit{ font-size:28px; color: #3e3535; text-align: center;}
/*位置*/
.position{font-size: 20px; color:#3e3535}
.position a{display: inline-block; font-size: 20px; color:#3e3535; padding:0 10px;}
.position i{display: inline-table; background: url(../images/home.svg); background-size: 100%; height: 26px; width: 26px; float: left;}
/*分页*/
.pages{ display:flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex;justify-content: center; margin-top:100px; margin-bottom:70px;}
.pages li{ float:left;height:34px; line-height: 34px;/* border:1px solid #E1E1E1; */ margin-right:10px; background-color:#FFF;}
.pages li.c{/*background-color:#cf0a0a;*/font-size: 16px; color:#cf0a0a;padding:0 15px; font-weight: bold;}
.pages li a{font-size: 16px; padding:0 14px;height:34px;line-height: 34px; color: #3e3535;}
/*.pages li:hover{background-color:#cf0a0a;text-decoration: none;}
.pages li:hover a{ color:#FFF;}*/

/*暂无内容*/
.null{ text-align: center; padding: 120px 0;}

/*关于我们*/
.innertype{ display:-webkit-flex; display: flex; margin-top: 40px; border-bottom: 1px solid #e9e2e2;}
.innertype span{ flex: 1; line-height: 30px; font-size: 22px;}
.innertype a{ display: inline-block; color: #3e3535; padding-bottom: 20px;}
.innertype a.on { color: #cf0a0a; border-bottom: 1px solid #cf0a0a;}
.innertype span:nth-of-type(1){ padding-right: 102px; text-align: right;}
.innertype span:nth-of-type(2){ padding-left: 102px;}
.content{}

/*产品中心*/
.goodstype{ height: 120px; line-height: 120px; background-color: #f0f0f0; text-align: center;}
.goodstype a{font-size: 20px; color: #4d4040; margin: 0 30px;}
.goodstype a.on{ color: #cf0a0a;}

.Goodstypebox{}
.Goodstypebox .alink{position: relative; display:inline-block; height: 46px; font-size: 20px; color: #3e3535;}
.Goodstypebox .alink:after{position: absolute;bottom: 0; content: ''; display: block; width: 100%; height: 1px; background-color: #3e3535;}
.Goodstypebox .typelist{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 38px;}
.Goodstypebox .typelist .goods a{width: 379px; /*flex: 1;*/ text-align: center; color: #3e3535;}
.Goodstypebox .typelist .goods {position: relative; display: block; width:332px;  height: 300px; margin: auto;
background: url(../images/bg_case_f.png) center bottom no-repeat;}

.Goodstypebox .typelist .goods img{ width: 295px; height: 260px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.Goodstypebox .typelist .goods img:hover{
	margin-top: -20px;
}
.Goodstypebox .typelist .goods p{font-size: 16px; padding: 20px 0; color: #5e5656; text-align: center;}

.goodsread{display: -webkit-flex; display: flex;}
.goodsread .goodsinfo,
.goodsread .box{ flex: 1;}
.goodsread{ padding-bottom:68px; border-bottom: 1px solid #e9e2e2;}
.goodsread .goodsinfo{}
.goodsread .goodsinfo h1{font-size: 24px; color: #5e5656;}
.goodsread .goodsinfo p{font-size: 16px; color: #5e5656; line-height: 30px; padding: 10px 0;}
.goodsread .goodsinfo .TheQQ{ display:inline-block; position: relative; width: 184px; height: 54px; font-size: 20px; line-height: 54px; border: 1px solid #e9e2e2; color: #cf0a0a;text-align: center;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius: 40px;
}
.goodsread .goodsinfo .TheQQ:hover{
	color: #fff;
}
.goodsread .goodsinfo .TheQQ:hover::before {
    opacity: 1;
    width: 100%;
}
.goodsread .goodsinfo .TheQQ::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius: 40px;
    background-color: rgba(207,10,10,1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.goodsread .goodsbody{}
.labels{font-size: 20px; color: #3e3535; margin: 50px 0;}
.goodsread .labels .current{background: url(../images/btn.gif);color:#FFF;}


/*公司动态*/
.Newlist{ display: -webkit-flex; display: flex; flex-wrap: wrap;}
.Newlist:after{content: ""; clear: both; display: block;}
.Newlist a{ /*flex: 1;*/ display: block; position: relative; width: 370px; float: left; margin-top: 46px;}
.Newlist .newbox{position: relative; width: 328px; margin: auto; padding:13px; border: 1px solid #e8e7e7; line-height: 36px;}
.Newlist .description{position: absolute; top:32%;left: 50%;width: 60%; text-align: center; color: #fff; font-size: 14px; margin-left: -30%;
	line-height: 28px; z-index: -1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.Newlist a img{width: 100%; height: 222px;  margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.Newlist .newbox>p{color: #4d4040; font-size: 18px;}
.Newlist a:hover img{ -webkit-filter: brightness(0.50);filter: brightness(0.50);}
.Newlist a:hover .description{z-index: 1;}

.Newread{}
.Newread .info{font-size: 14px; color: #9c9393; text-align: center; margin: 20px 0; padding-bottom: 20px;}
.Newread .prev{ margin-bottom: 70px;}
.Newread .prev,.Newread .prev a{font-size: 18px; color: #4d4040; margin-right: 20px;}
.Newread .prev a:hover{ color: #cf0a0a;}




/*留言*/
.member_f{margin-top:5px;}
.member_f dl{ padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}
.inp{border:1px solid #ccc; padding:3px;background-color:#F6F6F6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-indent: 10px;
}
.inp:hover{border:1px solid #5EA2D9;background-color:#EDF3F8;}
.btnmini,.btnbig{
	 overflow:hidden;
  	 background-color:#000;
  	 color:#fff; cursor:pointer}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{font-size: 14px; border: none; padding:8px 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	
.comment{margin-top:10px;}
.comment .t{ padding-left:10px; font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:740px;float:left;}
.comment .i dl dt{float:left; width:80px; font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}
.content div.c,.comment div.c,.content ul.c,.comment ul.c{ margin-top:100px; margin-bottom: 70px; clear:both}
.content .t,.comment .t{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3}




/*----------------------------------------------------华丽的分割线----------------------------------------------------------*/


.type{height:38px;background: url(../images/bg.jpg) 0 -217px; overflow:hidden;}
.type p{height:38px;float:left;}
.type p.l{width:7px;background: url(../images/list.jpg) -281px 0;}
.type p.c{line-height:35px; padding-left:10px; padding-top:3px;}
.type p.c span{ font-size:12px; font-family:Arial;padding-left:10px; color:#247AB5}
.type a{float:right; width:45px; height:19px;background: url(../images/list.jpg) -317px 0; margin-top:11px;}
.type p.r{ float:right;width:7px;background: url(../images/list.jpg) -299px 0;}

.list{ margin-top:10px;}
.lins span{ display:block; line-height:35px; list-style:none;  font-size:14px;}
.content .t{color:#999; text-align:center;}
.content .list li{ line-height:35px;border-bottom:1px solid #EEE; padding-left:15px;background: url(../images/image.gif) no-repeat 5px -155px; font-size:14px;}
.content .list li span{ float:right; font-size:11px; color:#999; font-family:Verdana, Geneva, sans-serif}
.content .list li em{padding-left:10px; color:#C00; font-size:12px; font-style: normal;}
.content .list dl{ float:left; padding:5px; text-align:center; overflow:hidden; margin-left:10px; margin-bottom:12px; border:2px #dedede solid;}
.content .list dl dt{height:197px; overflow: hidden;}
.content .list dl dt img{width:160px;height:197px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.content .list dl dt img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform:scale(1.2);
}

.content .list dl dd{height:30px; overflow:hidden; line-height:30px;}
.content .list dl a{ color: #444;}
.content .list dl:hover{background-position: -430px -440px;}
.content .list dl:hover a{ color:#666}
.content .prev{font-size: 18px; padding-top:20px;}
.content .prev a{font-size: 18px; margin-right:20px;color:#4d4040;}
.content .prev a:hover{ color: #cf0a0a;}

.nyb{margin-top:20px;}
.nyb h3{margin-bottom: 15px;}
.zuo{width:350px; float:left;}
.zuo li{border-bottom: 1px dashed #d8d8d8; height: 30px; line-height: 30px;}
.you{width:350px; float:right;}
.you li{border-bottom: 1px dashed #d8d8d8; height: 30px; line-height: 30px;}



.noen{ overflow:hidden; clear:both;}
.son{ overflow:hidden; clear:both;}




.product{height:195px;width:980px;position: relative; margin:15px 0;}
.product .wrapper {width: 915px; overflow: auto;height: 190px;margin: 0 35px;position: absolute;top: 0;}
.product .wrapper ul {width: 1820px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.product ul li {display:block;float:left;padding-right:10px;width: 150px;}
.product ul li p{ text-align:center;  padding-top:5px; overflow:hidden;}
.product ul li p a{ color:#FFF;}
.product ul li img {-webkit-transition: border-color 400ms; width:130px; height:160px; padding:5px; background-color:#E8E8E8;}
.product ul li img:hover {background-color:#9c0808;}
.product ul li a img {display:block;}
.product .arrow {display: block;height: 62px;width: 30px;position: absolute;top: 45px;cursor: pointer;outline: 0;}
.product .arrow a{width:30px; height:62px;}
.product .forward {right: 0;background: url(../images/image.gif) -30px -209px;}
.product .back {left: 0;background: url(../images/image.gif) 0 -209px;}

.attribute strong{ font-size:14px;}
.attribute p{padding:13px 0; border-bottom:1px dashed #CCCCCC;}
.attribute .price{ font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C00;}
.attribute .aprice span{ padding:5px 8px; margin:0 5px 0 0; border:1px solid #CCC; cursor:pointer;}
.attribute .aprice span.c{border:1px solid #900; background-color:#C00; color:#FFF;}
.attribute .aprice span:hover{border-color:#900}
.ins{ height:22px; line-height:20px; text-align:center; border:1px solid #E3E3E3; background-color: #F5F5F5; border-top-color: #999; border-left-color:#999;}

.ordertab{ width:100%; padding:0; margin:0;border-bottom:0; border-right:0;}
.ordertab,.ordertab td{ border:1px solid #CCC; line-height:180%}
.ordertab td{ border-top:0; border-left:0; padding:8px; text-align:center;}
.ordertab tr{ background-color: #FFF;color:#06C;}
.ordertab .trbg{font-weight:bold; color:#FFF;background-color: #F5F5F5;}
.ordertab .trbg td{padding:0; line-height:28px; background-color:#1294D7;}
.ordertab .left{ text-align:left;}
.ordertab span{ color:#666}

.total{font-size:14px; color:#C00; font-family:Verdana, Geneva, sans-serif}
#aggregate,.aggregate{font-size:16px; font-weight:bold; color:#C00; font-family:Verdana, Geneva, sans-serif}

.buy{ margin:12px 0;}
.inbuy,.incart{margin:0; padding:0; border:0; cursor:pointer; height:37px;line-height:90px;overflow:hidden;}
.inbuy{width:127px; background-image:url(../images/buy.gif); margin-right:5px;}
.incart{width:132px; background-image:url(../images/cart.gif);}

.pinfo{ padding-bottom:10px; line-height:180%}
.pinfo span{ padding-right:20px;}

#imgto{ width:420; height:360px; }
#imgto .big{height:360px;}
#imgto .big img{width:300px;; height:350px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:270px; position:relative;;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:55px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:53px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}


.case{height:200px; overflow:hidden;}
.case li {float:left;padding:5px;width: 136px;overflow:hidden; text-align:center;}
.case li img {width:130px; height:160px;}
.case li img:hover {background-color:#0C4D8D;}
.case li p{padding-top:5px; line-height:22px;}
.case li p a{ font-weight:bold}

.contact{height:190px; overflow:hidden;}
.contact .t{width:200px;}
.contact .b{ margin-top:20px;}
.contact .b li{line-height:21px}
.contact .b li span{padding-left:10px; color:#247AB5; font-weight:bold}
.contact .b li p{ padding-left:10px; display:block; }
.contact .b li p b{ color:#9c0808; font-size:14px;}
.contact .b li h3{ padding-left:10px; font-size:14px; color:#247ab5; font-weight:bold; padding-bottom:5px;}

.content .record{}
.content .record li{height:20px; line-height:20px; padding:5px 0; border-bottom:1px dashed #CCCCCC}
.content .record li span{ float:right;text-align:right;}
.content .record li.m{ border-bottom:1px solid #CCC; font-weight:bold}
.content .record li span.time{ width:300px;}

#top_banner { width:980px; height:300px; overflow:hidden;position:relative;margin:0 auto;}
#top_banner .slider,.num{position:absolute;}
#top_banner .slider li{ list-style:none;display:inline;}
#top_banner .slider img{ width:980px; height:300px;display:block;}
#top_banner .num{ right:5px; bottom:5px;}
#top_banner .num li{float: left;color: #FF7300;text-align: center;line-height: 14px;width: 12px;height: 14px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:5px;font-weight: bold;}
#top_banner .num li.on{color: #fff;background-color: #FF7300;}

#new_banner { width:195px; height:150px; overflow:hidden;position:relative;margin:0 auto;}
#new_banner .slider,.num{position:absolute;}
#new_banner .slider li{ list-style:none;display:inline;}
#new_banner .slider img{ width:195px; height:150px;display:block;}
#new_banner .num{ right:5px; bottom:5px;}
#new_banner .num li{float: left;color: #FF7300;text-align: center; font-size:11px;line-height: 12px;width: 10px;height: 12px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:2px;font-weight: bold;}
#new_banner .num li.on{color: #fff;background-color: #FF7300;}


#two-out span img {
	width:24px
}
#the-two {
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	z-index:10000;
	top:0px;
	text-align:center
}
#the-two img {
	display:block;
	margin:0 auto;
	position:relative;
	width:80%;
	top:10%;
	z-index:11
}
#the-two p {
	color:white;
	text-shadow:none;
	margin:0 10%;
	width:80%;
	padding:15px 0;
	font-size:16px;
	font-family:"微软雅黑";
	-webkit-border-radius:5px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	background:-moz-linear-gradient(top, #910001, #6b0001);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#910001), to(#6b0001))
}

#disk-div {
	display:none;
	width:100%;
	background:rgba(0, 0, 0, 0.7);
	position:fixed;
	height:100%;
	z-index:9000;
	top:0px;
	left:0px
}
#disk-none {
	background:none;
	width:60%;
	margin:10px 20% 0;
	text-indent:0;
	text-align:center;
	font:16px/30px "微软雅黑";
	height:auto;
	padding:8px 0;
	color:#000;
	background:-moz-linear-gradient(top, #efefef, #bbb);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#bbb));
	-webkit-border-radius:5px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px
}
#disk-none:hover {
	color:#000
}