@charset "utf-8";
/*公用*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table, td, th {vertical-align:middle;text-align: center;}
img {border:none;margin: 0;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul,li {list-style-type:disc; list-style:none;}
ol {list-style-type:decimal;}
*:focus {outline:0 none;}
body{ background-color:#fff; font-family:"微软雅黑","Arial";overflow-x: hidden;}
a{text-decoration:none; outline:0 none;}
a:hover{text-decoration: none;}
.w{ min-width:1200px; max-width:1920px;}
.w_1{ width:1200px; margin:0 auto;}
.w_2{ width:1000px; margin:0 auto;}
.wrap{padding-top: 30px;padding-bottom: 30px;}
.wrapbig{padding-top: 80px;padding-bottom: 0px;}
.border-top{border-top: #e9302b 3px solid;}
.bgf{ background-color:#fff;}
.bg0{ background-color:#000}
.bg-1{ background: #fb9402;}
.bg-2{ background-color: #232227;margin-top: 63px;}
.bg-3{ background: url(../images/bg-3.jpg) center top no-repeat;}
.bg-4{overflow: hidden; background-image: url(../images/bg-4.jpg);background-position: 0 298px;background-repeat: repeat-x;}
.bg-5{ background-color: #404040 }
.bg-6{ background-color: #2c2c2c }
.bg-7{ background-color: #f5f5f5 }
/*top*/
.top{border-bottom: #d4d4d4 1px solid;}
.top p{font-size: 12px;line-height: 36px;color: #888;}
.top p a{padding: 0 6px;color: #888;font-size: 12px;line-height: 36px;}
.top p a:hover{color: #fb9402;}
.logo{float: left;padding: 0;line-height: 0;}
.tcode{float: right;margin-top: 15px;}
.search{float: right;margin-top: 63px;margin-right: 30px;position: relative;}
.search .input-word{width: 152px;height: 28px;border: #dcdcdc 1px solid;padding: 0;margin: 0;border-radius: 14px;font-size: 12px;line-height: 28px;padding: 0 10px;color: #888;transition-duration: .4s;}
.search .input-word:focus,.search .input-word:hover{border-color: #fb9402;box-shadow: 0 0 4px #fb9402;}
.search .input-submit{width: 31px;height: 28px;background: url(../images/search.jpg) left center no-repeat;cursor:pointer;border:none;padding: 0;margin: 0;position: absolute;right: 0;top: 0;}

.tel{display: inline-block;padding-left: 12px;font-size: 16px;color: #2b2727;}

.nav ul li.child{float: left;width: 150px;}
.nav ul li.child a{display: block;padding: 18px 0;}
.nav ul li.child a:hover{background-color: #fdc413}
.nav ul li.child a p{font-size: 16px;line-height: 22px;color: #fff;border-right: #fdc413 1px solid;text-align: center;}
.nav ul li.child:last-child a p{border-right: none;}
.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:150px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); z-index:1000000000;clear:both;background-color: #fb9402}
.nav li ul.menu li{ padding:0; float:none; margin-top: 1px; overflow:hidden; background:none;}
.nav li ul.menu li a{line-height:36px;color:#fff;padding:0;background:none;height:36px; font-size:14px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;transition-duration:0.4s;text-align: center;display: block;}
.nav li ul.menu li:hover a{color:#fff;background:#fdc413;}
/*banner*/
.banner{ height:636px; overflow:hidden; margin:0px auto 0;position: relative;}
.bannerBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.bannerBox .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:55px; z-index:1; width: 100%;}
.bannerBox .hd ul{ float:left;position: relative;left: 50%;zoom:1;}
.bannerBox .hd ul li{ float:left; margin-right:12px;  width:14px; height:14px; line-height:9999px; text-align:center; background:#fff; cursor:pointer;border-radius: 50%;border:0;position: relative;right: 50%;}
.bannerBox .hd ul li.on{ background:#fb9402; color:#fff; }
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd ul{width: 100%!important;}
.bannerBox .bd ul li{ zoom:1; vertical-align:middle;width: 100%!important;height: 636px }
.bannerBox .bd ul li a{display: block;width: 100%;height: 100%;}
/*nbanner*/
.nbanner{background: url(../images/nbanner.jpg) center no-repeat;height: 462px;}
/*nutr*/
.nutr{padding-top: 30px;margin: 0 100px;position: relative;}
.nutr:before{content: '';display: block;position: absolute;width: 1200px;height: 0;border-bottom: #fdc413 1px dashed;left: -100px;top: 150px;}
.nutr ul li,.nutr ul li *{-webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.nutr ul li{float: left;width: 160px;height: 148px; padding: 40px 20px 0;text-align: center;position: relative;background-image: url(../images/nutr-bg.png);background-repeat: no-repeat;background-position: 20px -200px;cursor:pointer}
.nutr ul li.on{background-position: 50%;}
.nutr ul li:after{content: '';display: block;position: absolute;width: 9px;height: 9px;border-radius: 50%;background-color: #fb9402;left: 96px;top: 116px;}
.nutr ul li.on:after{display: none}
.nutr ul li .ysicon{width: 57px;height: 53px;margin: 0 auto;}
.nutr ul li .ysicon1{background: url(../images/ys-icon1.png);}
.nutr ul li.on .ysicon1{background: url(../images/ys-icon1-on.png);}
.nutr ul li .ysicon2{background: url(../images/ys-icon2.png);}
.nutr ul li.on .ysicon2{background: url(../images/ys-icon2-on.png);}
.nutr ul li .ysicon3{background: url(../images/ys-icon3.png);}
.nutr ul li.on .ysicon3{background: url(../images/ys-icon3-on.png);}
.nutr ul li .ysicon4{background: url(../images/ys-icon4.png);}
.nutr ul li.on .ysicon4{background: url(../images/ys-icon4-on.png);}
.nutr ul li .ysicon5{background: url(../images/ys-icon5.png);}
.nutr ul li.on .ysicon5{background: url(../images/ys-icon5-on.png);}
.nutr ul li p{font-size: 14px;line-height: 30px;padding-top: 30px;color: #fb9402;position: relative;}
.nutr ul li.on p{padding-top: 10px;/*font-size: 18px;*/color: #fff;}
.nutr ul li p:after{content: '^';display: block;position: absolute;left: 70px;top: 150%;font-size: 24px;color: #fff;opacity: 0;}
.nutr ul li.on p:after{top: 100%;opacity: 1;}
.tips{text-align: center;font-size: 14px;line-height: 28px;color: #333;padding-top: 30px;padding-bottom: 20px;}

/*产品展示 646 446*/
.pro-l{float: left;width: 300px;height: 440px;box-sizing: border-box;padding: 46px 20px 0;margin-top: -63px;background-color: #fb9402;}
.pro-l strong{font-size: 30px;line-height: 42px;color: #ffeab2;font-family: 'Arial';text-transform: uppercase;}
.pro-l p{padding: 12px 36px;background: url(../images/pro-t-icon.png) left center no-repeat;border-bottom: #fee1b9 1px solid;font-size: 22px;line-height: 28px;color: #fff;font-weight: bold; position: relative;}
.pro-l p:after{content: '';display: block;position: absolute;left: 0;bottom: -2px;width: 30px;height: 3px;background-color: #fee1b9}
.pro-l big{display: block;padding-top: 36px;font-size: 36px;line-height: 48px;color: rgba(255,234,178,0.39);text-transform: uppercase;}
.pro-l small{font-size: 16px;line-height: 40px;padding-right: 16px;border-bottom: #fee1b9 1px solid;color: #fff;}
.pro{float: right;width: 899px;}
.pro ul li{float: left;width: 299px;height: 646px;margin-right: 1px;}
.pro ul li a{display: block;}
.pro ul li a .pic-pro{overflow: hidden;}
.pro ul li a .pic-pro div{transition-duration: 2s;}
.pro ul li .tbox{padding: 37px 10px 0 30px;width: 299px;height: 200px;box-sizing: border-box;background-color: #2b2b2d;transition-duration: .4s;}
.pro ul li .tbox i{display: inline-block;font-size: 21px;line-height: 39px;padding: 0 6px;border-top: #fff 1px solid;border-bottom: #fff 1px solid;color: #fff;font-style: normal;}
.pro ul li .tbox p{font-size: 18px;line-height: 30px;padding: 5px 0;color: #fff;}
.pro ul li .tbox span{display: block;text-align: right;font-size: 50px;line-height: 60px;color: #474747;font-family: 'Arial';text-transform: uppercase;transition-duration: .4s;}
.pro ul li a:hover .pic-pro div{transform: scale(1.1);}
.pro ul li a:hover .tbox{background-color: #fdc413}
.pro ul li a:hover .tbox span{color: #ffd85d}

/*最新动态*/
.hnews p{float: left;font-size: 14px;line-height: 78px;color: #666;padding-left: 88px;background: url(../images/h-news.jpg) left center no-repeat;position: relative;}
.hnews p:before{content: '';position: absolute;display: block;width: 78px;height: 196px;background-color: #fff;left: 0;bottom: 78px;}
.hnews a{float: right;display: block;width: 299px;height: 78px;background-color: #232227;box-sizing: border-box;padding-left: 24px;font-size: 16px;line-height: 60px;text-align: left;color: #fff;transition-duration: .4s;}
.hnews a span{float: right;display: inline-block;padding-top: 50px;padding-right: 10px;font-size: 12px;line-height: 28px;color: #eee;text-transform: uppercase;}
.hnews a:hover{background-color: #fdc413}

/*四大理由*/
.reason{padding-top: 55px;}
.reason p{font-size: 24px;line-height: 48px;vertical-align: bottom;padding: 12px 0;}
.reason p strong{font-size: 36px;padding-right: 12px;padding-left: 8px;}
.reason p.w{color: #fff;}
.reason p.b{color: #333;}
.reason-l{overflow: hidden;float: left;width: 355px;box-sizing: border-box;padding: 12px 12px 30px;background-color: #fb9b34;}
.reason-l img {display: block;width: 100%;}
.reason-l ul{padding:4px 0 4px 20px;color: #fff;}
.reason-l ul li{font-size: 16px;line-height: 32px;list-style-type: disc;}
.reason-r{float: right;width: 431px;float: right;}
.reason-r span{display: block;font-size: 16px;line-height: 24px;color: #333;}
.reason-r img {width: 100%;}
.reason-img{width: 360px;float: left;}
.reason-img img{text-align: center;}


/*新闻中心*/
.tnews{padding-top: 38px;position: relative;}
.tnews ul:before{content: '';display: block;position: absolute;width: 200%;height: 1px;left: -50%;top: 92px;background-color: #cbcbcb;z-index: 0;}
.tnews ul li{float: left;margin-right: 27px;width: 382px;}
.tnews ul li:last-child{margin-right: 0;}
.tnews ul li .time{height: 30px;width: 120px; padding: 0 28px;margin: 0 auto;border:#cbcbcb 1px solid;border-radius: 8px;font-size: 12px;line-height: 30px;color: #cbcbcb;position: relative;text-align: center;}
.tnews ul li .time:after{content: '';filter: grayscale(100%);position: absolute;display: block;width: 19px;height: 19px;bottom: -32px;left: 50%;transform: translateX(-50%);background: url(../images/news-icon.png) center no-repeat;}
.tnews ul li .pic-news{margin-top: 66px;overflow: hidden;}
.tnews ul li p{font-size: 18px;line-height: 30px;color: #fff;padding: 8px 0;}
.tnews ul li a{display: inline-block;font-size: 12px;line-height: 26px;padding: 0 30px;background-color: #fff;color: #fb9402;border-top-left-radius: 12px;border-bottom-right-radius: 12px;}
.tnews ul li:hover .time{background-color: #fb9504;border-color: #fb9504;color: #fff;}
.tnews ul li:hover .time:after{filter: grayscale(0%);}

.lnews{padding-top: 40px;}
.lnews ul li{padding:15px 10px 15px 40px;border-bottom: #fff 1px dashed;position: relative;}
.lnews ul li:before{content: '';position: absolute;display: block;width: 0;height: 0;left: 0;top: 28px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 15px solid #fff;}
.lnews ul li a{font-size: 18px;line-height: 42px;color: #fff;}
.lnews ul li a span{float: right;font-size: 14px;}

/*left*/
.left{float: left;width: 285px;}
.left-t{padding-left: 105px;font-size: 28px;line-height: 110px;background-color: #fb9402;color: #fff;font-weight: bold;background-size: 45px 45px;background-position: 40px 50%;background-repeat: no-repeat;}
.left-a{background-image: url(../images/left-a.png);}
.left-n{background-image: url(../images/left-n.png);}
.left-p{background-image: url(../images/left-p.png);}
.left-c{background-image: url(../images/left-c.png);}
.left ul li a{display: block;font-size: 18px;line-height: 100px;text-align: center;color: #fff;background-color: #232227;border-bottom: 1px solid #999;}
.left ul li a:hover{background-color: #fdc413;}
.left-cont{margin-top: 30px;padding: 85px 10px 20px;background: #fb9402 url(../images/left-con.png) center 15px no-repeat;}
.left-cont p{font-size: 14px;line-height: 32px;color: #fff;padding-left: 24px;background-size: 18px 18px;background-position: left 6px;background-repeat: no-repeat;}
.left-cont p.linkman{background-image: url(../images/linkman.png);}
.left-cont p.tel1{background-image: url(../images/tel1.png);}
.left-cont p.mobile{background-image: url(../images/mobile.png);}
.left-cont p.email{background-image: url(../images/email.png);}
.left-cont p.address{background-image: url(../images/address.png);}
.left-cont p.busline{background-image: url(../images/busline.png);}
.left-cont p strong{font-size: 24px;}

/*详情页面*/
.all{ float:right; width:885px;}
.all_t{overflow: hidden;font-size:22px; line-height:48px; color: #333333;border-bottom: #dcdcdc 1px solid;}
.postion{font-weight: normal; float: right; font-size:14px; color:#666;padding-left: 24px;background: url(../images/postion.png) left center no-repeat;}
.postion a{font-size: 14px;line-height: 48px;color: #666;font-weight: normal;}
.postion a:hover{color: #fb9402}
.all_box{padding:20px 0;font-size:16px; line-height:28px;min-height:500px;_height:500px;}


/*foot*/
.foot-b1{float: left;width: 260px;margin-right: 100px;}
.foot-b2{float: left;width: 360px;}
.foot-b3{float: right;width: 370px;}
.foot li,.foot p,.foot a{font-size: 14px;line-height: 28px;color: #959595}
.right-pf{
	position: fixed;
	right: 10px;
	top:120px;
	width: 186px;
	border: 1px solid #C9C8C8;
}

.right-pf-t{
	height: 40px;
	display: block;
	background: #cc2e2d;
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
	text-indent: 1rem;
}
.right-pf-close,.right-pf-close a{
	float:right;
	color: #FFF;
}
.right-pf-box{
	box-sizing: border-box;
	clear: both;
	padding: 20px;
	font-size: 12px;
	background: #FFF;
}
.right-pf-box .pf-titile1{
	font-size: 14px;
	font-weight: bold;
}
.right-pf-box div{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 20px;
}
.right-pf-box p{
	line-height: 20px;
	margin-bottom: 10px;
}

/* 通用title */
.title1,.title2{text-align: center;}
.title1 p{font-size: 16px;line-height: 54px;color: #000;text-transform: uppercase;font-family: 'Cambria'}
.title1 span{font-size: 24px;line-height: 36px;color: #333;}
.title1 small{font-size: 16px;line-height: 28px;color: #333;}
.title-n{margin-top: -120px;}
.title2{padding-top: 26px;}
.title2 p{font-size: 45px;line-height: 72px;color: #232227;vertical-align: bottom;}
.title2 p span{font-size: 60px;font-weight: bold;color: #ff6c00}
.title2 small{font-size: 18px;line-height: 36px;color: #666;}
.title3{text-align: left;padding-bottom: 20px;}
.title3 p{font-size: 20px;line-height: 32px;color: #959595;text-transform: uppercase;}
.title3 strong{font-size: 20px;line-height: 32px;color: #fff;}

/*浮动客服*/
#floatDivBoxs{width:200px;background:#fff;position:fixed;top:240px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0053b5;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{border-bottom:1px solid #e3e3e3;}
#floatDivBoxs .floatDqq li a{line-height:40px;font-size:16px;}
#floatDivBoxs .floatDqq li a img {margin: 10px; float: left;}
#floatDivBoxs .txt{font-size:18px;color:#333;padding:6px 14px; line-height: 30px;}
#floatDivBoxs .floattel p{font-size: 18px;font-weight: bold; text-align: center;margin-bottom: 5px;}
#floatDivBoxs .address{width: 160px;margin: 0 auto}
#floatDivBoxs .address p{text-align: left;font-size: 14px;margin-bottom: 5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:240px;right:200px;z-index:999;}
#rightArrow a{display:block;height:45px;}


/*内页新闻列表*/
.newslist ul{padding-bottom: 20px;}
.newslist ul li{border-bottom: #999 1px dashed;padding: 20px 0;}
.newslist ul li .newsTime{ margin-right: 30px; color:#9d9d9d; text-align:center;padding: 10px;border:#9d9d9d 1px solid;float: left;}
.newslist ul li .newsTime strong{display: block; font-size:30px; line-height:36px; border-bottom: #9d9d9d 1px dashed;padding: 0 15px;}
.newslist ul li .newsTime small{font-size:12px; line-height: 24px;}
.newslist ul li:hover .newsTime{ color:#fb9402;border-color: #fb9402}
.newslist ul li:hover .newsTime strong{border-color: #fb9402;}
.newslist ul li span{ color:#333;  font-size:20px; line-height:36px;}
.newslist ul li p{ color:#999; font-size:14px; line-height:24px;}
.newslist ul li p a{color: #fb9402}
.newslist ul li:hover span{ color:#fb9402;font-weight: bold;}
/* 新闻内容页 */
.newsTitle { text-align:center;font-weight:bold; line-height:120%;color:#fb6b02;}
.newsTitle strong{font-size:22px;}
.newsInfo{ margin:10px 0 ;font-weight:normal;text-align:center; color:#3d3d3d;}
.newsdes{padding: 15px;background-color: #ececec;line-height: 2; color:#767676; }
.newsContent{ margin-bottom:16px;margin-top:20px; line-height:24px;}
.newsContent *{ word-break: break-all;word-wrap: break-word;line-height: 1.75!important;}	
.infoClass{margin:0px;margin-bottom:10px;margin-left:10px;line-height:25px;}
.infoImage{text-align:center;margin:10px 0;}
.infoImage img{padding:4px;border:3px solid #dedede;}
/* 文章分享工具集 */
.newsShare{height:auto; clear:both; overflow:hidden;padding: 15px; border:1px dotted #ccc; border-left:none; border-right:none;}
.newsShare .info{width: 80%;float: left; line-height:22px;}
.newsShare .u-img{height:100%;float: right;}
/* 上下篇*/
.n-p{padding:10px 0;border-bottom: 1px dotted #afafaf;}
.n-p li{padding:0px 20px;max-width: 50%; line-height:24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.n-p .f-l {float: left;}
.n-p .f-r {float: right;}
.n-p li a {color: #333;}
.n-p li a:hover{ text-decoration:underline}
.n-p .p,.n-p .n{background: url(../images/base/icon.png) no-repeat;}
.n-p .p{background-position: 0px -332px;}
.n-p .n{background-position: 0px -313px;}

/*搜索结果列表*/
.news_search_list a {display: block;padding: 8px;margin: 12px 0;background-color: #f5f5f5;color: #333;}
.news_search_list .newsTime {margin-right: 25px;text-align: center;font-size: 18px;color: #999;}
.news_search_list .newsTime .p12 {font-size: 14px;}
.news_search_list .pt {overflow: hidden;margin-top: 13px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_search_list .pc {overflow: hidden;clear: both;font-size: 14px;color: #666;}
.news_search_list a:hover {color: #ff6c00;}

/*相关推荐*/
.ralate h3{text-align: center;background-color: #fb9402;color: #fff;font-size: 28px;line-height: 78px;}
.ralate ul{padding: 8px 0;}
.ralate ul li{padding: 0 8px;margin: 6px 0;background-color: #f9f9f9;}
.ralate ul li:hover{background-color: #fb9402}
.ralate ul li:hover a{color: #fff;}
.ralate ul li a{display: block;font-size: 16px;line-height: 56px;color: #818181}
.ralate ul li a span{float: right;padding-right: 40px;}

/*内页产品列表 885 285 15*/
.pro_box_in ul li{float:left; margin-right: 15px;margin-bottom: 30px;}
.pro_box_in ul li:nth-child(3n){margin-right: 0;}
.pro_box_in ul li a{ display:block; padding: 9px;border:#f0f0f0 1px solid; }
.pro_box_in ul li a .pic_box{overflow: hidden;}
.pro_box_in ul li a p{text-align:left; font-size:16px; line-height:40px; color: #666;padding-right: 24px;background-image: url(../images/eye.png);background-position: right center;background-repeat: no-repeat; }
.pro_box_in ul li a p span{font-size: 12px;}
.pro_box_in ul li a:hover{border-color: #fb9402;background-color: #fb9402;}
.pro_box_in ul li a:hover p{ background-image: url(../images/eye1.png);color: #fff;}

/* */
.hotpro ul {margin-left: -12px;}
.hotpro ul li{float: left;width: 25%;}
.hotpro ul li a{ display:block;position: relative;margin: 0 0 12px 12px;}
.hotpro ul li a p{position: absolute;background-color: rgba(35,34,39,0.7);right: 0;bottom: 0; font-size:24px; line-height:40px; color: #fff;font-weight: bold;padding: 15px 25px; }
.hotpro ul li a:hover p{ background: rgba(251,148,2,0.9);}



#container{ display:block; width:auto;height: 380px;}



.formitm{ padding:10px 0;} 
.formitm .lab{ display:block; float:left; font-size:16px; line-height:30px; margin-right: 15px; width:100px; height:30px; text-align:right;}
.formitm .ipt img{ margin-left:20px;}
.formitm .ipt input.u-ipt{ height:30px; border:solid #ddd 1px; background:#fff;}
.formitm .ipt input.checkCode{ width:180px; height:30px; border:0; background:#fff; padding:0;}
.formitm .ipt .u_textarea{ height:108px; border:solid #ddd 1px;}
.formitm .ipt input.checkCode{ width:80px; height:22px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .submit{ margin-left:100px; width:120px; height:36px; border-radius:5px; background:#fb9402; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;border:none;} 
.formitm .reset{ margin-left:50px; width:120px; height:36px; border-radius:5px; background:#fb9402; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;border:none;} 

#guestbook_form{ margin:0 auto;}

.tag a{padding: 0 3px;color: #333;}
.tag a:hover {text-decoration: underline;}





/*中间出现*/
.dm1{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;}
/*转圈动作*/
.dm2{animation: circle 2s;-moz-animation: circle 2s;-webkit-animation: circle 2s;-o-animation: circle 2s; opacity: 1;}
/*水平旋转*/
.dm3{animation:wrimg 2s;-moz-animation:wrimg 2s;-webkit-animation: wrimg 2s;-o-animation:wrimg 2s; opacity: 1;}

/*从中间出现动作*/
@keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-moz-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-webkit-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-o-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
/*从中间出现动作结束*/

/*转圈动作开始*/
@keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-moz-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-webkit-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-o-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
/*转圈动作开始*/

/*水平旋转动作开始*/
@keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-moz-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-webkit-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-o-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
/*旋转动作结束*/

/* 网站地图 */
.siteMap{width: 980px;margin: auto;border: 1px solid #e6e6e6;border-bottom: 0;background: #f9f9f9;}
.siteMap-item{width: 970px;padding-left: 10px;padding-bottom: 3px;border-bottom: 2px solid #DFDFDF;}
.siteMap-item h2{background: url(../images/base/search_sprite.png) -41px -341px no-repeat;width: 80px;padding-left: 18px;color: #535353;font-size: 14px;font-weight: bold;float: left;position: relative;top: 15px;overflow: hidden;}
.siteMap-list{float: left;background: #fff;width: 850px;padding: 0 0 5px 22px;overflow: hidden;}
.siteMap-list li{float: left;width: 98px;height: 33px;line-height: 33px;border-bottom: 1px solid #dfdfdf;margin: 10px 73px 0 0;overflow: hidden;}
.siteMap-list li a{font-size: 14px;color: #333;}
.siteMap-list li a:hover{color: #ff6600;}

#debug{position: fixed;bottom: 50px;right: 50px;width: 480px;height: 56px;border:#F33D3A 4px solid;font-size: 20px;line-height: 56px;color: #F33D3A;text-align: center;font-weight: bold;z-index: 9999999;-moz-user-select:none; /*火狐*/
	 -webkit-user-select:none; /*webkit浏览器*/
	 -ms-user-select:none; /*IE10*/
	 -khtml-user-select:none; /*早期浏览器*/
	 user-select:none;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}


.fr{ float:right;}
.fl{ float:left;}
.pos_rel{position: relative;}

.clear:after{content: '';display: block; clear:both; overflow:hidden;}


.productBox .row1 {
	overflow: hidden;
}
.productBox .row1 .col-l {float: left;}
.productBox .row1 .col-r {float: right;}
.productBox .row1 .col-l, .productBox .row1 .col-r {
	width: 48%;
}
.productBox .proimage img {
	display: block;
	width: 100%;
}
.productBox .protitle {
	padding-top: 20px;
	font-size: 28px;
}
.productBox .prosumm {
	margin: 15px 0;
	overflow: hidden;
	height: 5.4em;
	font-size: 14px;
}
.productBox .prosumm p {line-height: 1.8;}
.productBox .probutton {
	display: block;
	width: 150px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	background-color: #fb9402;
	color: #fff;
}
.prounit {
	margin: 10px 0 20px;
	padding: 6px 10px;
	border: 1px solid #ddd;
	background-color: #ddd;
}
.prosliders {
	height: 350px;
}
.prosliders .swiper-container img {
	display: none;
}
.prosliders .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.prosliders .swiper-slide {
    background-size: cover;
    background-position: center;
}
.prosliders .gallery-top {
    height: 75%;
    width: 100%;
}
.prosliders .gallery-thumbs {
    height: 25%;
    box-sizing: border-box;
    padding-top: 10px;
}

.g-form,.g-detail {
	padding: 35px 0 0;
}
.g-form h2,.g-detail h2 {
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 24px;
	border-bottom: #dcdcdc 1px solid;
}
.g-detail .cont {
	font-size: 14px;
	line-height: 1.8;
}
.g-form .formitm {
	padding-bottom: 15px;
}
.g-form .formitm.col-l{float: left;width: 48%;}
.g-form .formitm.col-r{float: right;width: 48%;}
.g-form .formitm.clear{clear: both;}
.g-form .red {
	color: #f00;
}
.g-form .ipt {
	overflow: hidden;
}
.g-form .ipt p {
	padding: 0 10px;
  	line-height: 30px;
}
.g-form .u-ipt {
  box-sizing:border-box;
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f1f1f1;
  background-image: none;
  border-radius: 0;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.g-form .u-ipt.u_textarea {
	height: 100px;
}
.g-form .u-ipt[type='reset']{
	background-color: #797979;
	border:1px solid #797979;
}
.g-form .u-ipt:focus{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.g-form .u-ipt::-moz-placeholder{color: #999;opacity: 1;}
.g-form .u-ipt:-ms-input-placeholder{color: #999;}
.g-form .u-ipt::-webkit-input-placeholder{color: #999;}
.g-form .u-btn-c3 {
	margin: 0 15px 0 100px;
}