@charset "UTF-8";
/*
* **********************
* *       格式化            *
* **********************
*/
/**{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; /!* Firefox 4 *!/ -webkit-transition: all 0.3s ease-in-out 0s; /!* Safari 和 Chrome *!/ -o-transition: all 0.3s ease-in-out 0s; /!* Opera *!/}*/
html { font-family: "microsoft yahei", Arial; overflow-y: scroll; *overflow: auto; _overflow-y: scroll; background-attachment: fixed; }

body { min-width: 1024px; overflow-x: auto; word-wrap: break-word; -webkit-text-size-adjust: none; color: #8a8a8a; font-size: 14px; font-family: "microsoft yahei", Arial; background: #fff; position: relative; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-weight: normal; font-style: normal; text-align: left; }

th { font-weight: normal; font-style: normal; }

strong { font-style: normal; }

ol, ul, li { list-style: none outside none; }

caption { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a { outline: none; cursor: pointer; *outline: expression(this.hideFocus=true); text-decoration: none; color: #666; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out 0s; /* Safari 和 Chrome */ -o-transition: all 0.3s ease-in-out 0s; /* Opera */ }

img, object { vertical-align: top; }

textarea, input { font-family: "Verdana"; outline: none; *outline: expression(this.hideFocus=true); -ms-appearance: none; -o-appearance: none; appearance: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }

input:focus { outline: none; }

input { border: none; }

.clear { clear: both; }

.mao { margin: 0 auto; }

.fl { float: left; _display: inline; }

.fr { float: right; _display: inline; }

em, i { font-style: normal; }

b { font-weight: 100; }

.over-flow { overflow: hidden; }

/*输入框可以整体加个placeholder的样式，适当的可以根据情况修改*/
input::input-placeholder { color: #999; }

input::-webkit-input-placeholder { color: #999; }

input:-moz-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input:-ms-input-placeholder { color: #999; }

input::-ms-clear { display: none; }

h1 { font-weight: bold; }

/*输入框可以整体加个placeholder的样式，适当的可以根据情况修改*/
/*
* **********************
* *          公用            *
* **********************
*/
/*英文字体引用特殊字体方式*/
@font-face { font-family: 'trebuc'; src: url("../fontface/trebuc.eot");
  /* IE9*/
src: url("../fontface/trebuc.eot?#iefix") format("embedded-opentype"), url("../fontface/trebuc.woff") format("woff"), url("../fontface/trebuc.ttf") format("truetype"), url("../fontface/trebuc.svg#ebrima") format("svg");
  /* iOS 4.1- */ }
/*阿里巴巴字体图库引入方式*/
@font-face { font-family: 'iconfont';
  /* project id 281994 */
src: url("//at.alicdn.com/t/font_w9193fyu090ms4i.eot"); src: url("//at.alicdn.com/t/font_w9193fyu090ms4i.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_w9193fyu090ms4i.woff") format("woff"), url("//at.alicdn.com/t/font_w9193fyu090ms4i.ttf") format("truetype"), url("//at.alicdn.com/t/font_w9193fyu090ms4i.svg#iconfont") format("svg"); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.wrap { width: 100%; height: auto; overflow: hidden; position: relative; }

.w1200px { width: 1200px; height: auto; margin: 0 auto; position: relative; }

.container { width: 100%; height: auto; overflow: hidden; min-height: 650px; }

.container a img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }

.container a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; transform: matrix(1.04, 0, 0, 1.04, 0, 0); -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0); }

.imgHover { transition: all 0.3s linear; }
.imgHover:hover { transform: scale(1.2, 1.2); }

.transition, .header .header-top li div.search input, .nav-bg { transition: all .3s linear; }

.aHover, .rankList dd a, .solveList dd a { transition: all 0.3s linear; }

.aHover:hover, .rankList dd a:hover, .solveList dd a:hover { color: #fd8800 !important; }

.position { height: 25px; padding: 23px 0px 22px 0px; color: #5f5f5f; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; }

.position a { color: #777777; font-size: 14px; }
.position a i { font-size: 14px; }

.position a:hover { text-decoration: underline; }

.position a:first-child:hover { text-decoration: none; }

.overTxt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.header { height: 40px; background: #494949; line-height: 40px; }
.header .header-top li { float: right; overflow: hidden; width: 65%; }
.header .header-top li a { color: #d1d1d1; font-size: 12px; }
.header .header-top li a:hover { color: #fd8800; }
.header .header-top li div.search { font-size: 14px; position: absolute; width: 312px; height: 15px; float: right; right:0; /*top: 12px;*/ top: -15px; z-index: 5; background: transparent; cursor: pointer; color: #FFFFFF; }
.header .header-top li div.search i { float: right; position: relative; top: 16px; right: 13px; }
.header .header-top li div.search input { font-size: 12px; height: 22px; position: absolute; right: 43px; /*top: -2px;*/ top: 25px; text-indent: 1em; width: 288px; line-height: 22.5px; display: none; }
.header .header-top li span { position: relative; z-index: 9; background: #494949; overflow: hidden; color: #FFFFFF; margin-left: 70px; }
.header .header-top li span em { color: #e2da12; }
.header .header-top li span b { margin: 0 9px; }
.header .header-top li span:first-child { margin-left: 0; font-size: 12px; }
.header .header-top li i { vertical-align: middle; }
.header .header-top li:first-child { float: left;width: 35%; }

.nav { height: 100px; }
.nav ul { float:left; }
.nav ul li { position: relative; float: left; margin-left: 20px; }
.nav ul li:first-child { margin-left: 0; }
.nav ul li > a { display: block; padding-top: 40px; padding-bottom: 40px; padding-left: 3px; padding-right: 3px; color: #555555; font-size: 15px; position: relative; }
.nav ul li > a em { position: absolute; height: 2px; background-color: #fd8800; opacity: 0; left: 50%; right: 50%; bottom: 0; transition: left 0.2s ease-in 50ms, right 0.2s ease-in 50ms, opacity 70ms ease 50ms; }
.nav ul li > a:hover em { opacity: 1; left: 0; right: 0; }
.nav ul li > a:hover { color: #fd8800; }
.nav a.nav-index {color: #fd8800;}

.nav-bg { height: 50px; *background: #fd8800; opacity: 0; filter: alpha(opacity=0); zoom: 1; position: absolute; width: 100%; left: 0; top: 142px; z-index: 9; }

.navSec { z-index: 11; position: absolute; bottom: -50px; height: 50px; display: none; }
.navSec a { font-size: 15px; color: #FFFFFF; margin-right: 50px; display: inline-block; height: 100%; line-height: 50px; }

.logo { width: 260px; height: 58px; overflow: hidden; cursor: pointer; float: left; margin-top: 21px; }
.logo img { float: left; }
.logo h1 { margin-top: 5px; float: right; font-size: 24px; color: #fd8800; font-weight: bold; margin-right: 12px; }
.logo h4 { float: right; font-size: 12px; color: #3a3a3a; width: 120px; /*margin-right: 12px;*/ }

.footer { position: relative; z-index: 2; }
.footer .footer-top { position: relative; background: #f4f4f4; padding-top: 47px; padding-bottom: 50px; overflow: hidden; }
.footer .footer-top dl { padding-right: 30px; border-right: 1px dashed #e3e3e3; float: left; margin-left: 45px; }
.footer .footer-top dl:first-child { margin-left: 0; }
.footer .footer-top dt { font-size: 14px; font-weight: bold; color: #555555; margin-bottom: 15px; }
.footer .footer-top dd { margin-bottom: 10px; font-size: 14px; color: #777777; }
.footer .footer-top dd:hover { color: #fd8800; cursor: default; }
.footer .footer-top dd a { font-size: 13px; color: #777777; margin-right: 15px; }
.footer .footer-top dd a:hover { color: #fd8800; }
.footer .footer-top dd i { margin-right: 3px; vertical-align: middle; }
.footer .footer-top dl.footer-contact dd:hover { color: #777777; }
.footer .footer-top dl.footer-contact dd:hover a { color: #777777; }
.footer .footer-top dl.footer-contact dd:hover i { color: #777777; }
.footer .footer-top .mr29 { margin-right: 29px; }
.footer .footer-top .w1200px > div { position: absolute; right: 0; width: 92px; }
.footer .footer-top .w1200px > div p { margin-top: 6px; text-align: center; font-size: 13px; color: #777777; }
.footer .footer-bottom { padding-top: 45px; padding-bottom: 20px; background: #494949; text-align: center; }
.footer .footer-bottom p:first-child { letter-spacing: 4px; margin-bottom: 0; }
.footer .footer-bottom p:first-child a { letter-spacing: 0px; }
.footer .footer-bottom P { position: relative; font-size: 12px; margin-bottom: 23px; }
.footer .footer-bottom P a { color: #aaaaaa; font-size: 12px; margin-right: 10px; }
.footer .footer-bottom P a:hover { color: #fd8800; }
.footer .footer-bottom P .iconfont { margin-right: 20px; font-size: 25px; }
.footer .footer-bottom P .iconfont:hover { color: #fd8800; }
.footer .footer-bottom .weixin { position: relative; }
.footer .footer-bottom .weixinDiv { background: url(../images/ewm-box.png) bottom no-repeat; width: 114px; height: 157px; position: absolute; bottom: 10px; left: -45px; opacity: 0; filter: alpha(opacity=0); zoom: 1; display: none; }
.footer .footer-bottom .weixinDiv img { width: 86px; height: 86px; display: block; margin: 10px auto 5px; }
.footer .footer-bottom .weixinDiv span { font-size: 12px; color: #666; display: block; }
.footer-dl{width: 20%;overflow: hidden;}
.footer-dl dd{float: left;display: inline-block;}
/*侧边栏*/
.quick { width: 100px; height: 171px; background: #f9674e; text-align: center; padding-top: 15px; position: fixed; top: 40%; right: 0; color: #FFFFFF; font-size: 14px; z-index: 999; }
.quick .iconfont { font-size: 45px; margin-bottom: 10px; display: inline-block; }
.quick p { margin-bottom: 2px; }
.quick a { display: inline-block; width: 80px; height: 28px; border: 1px solid #FFFFFF; border-radius: 3px; line-height: 28px; font-size: 14px; color: #FFFFFF; margin-top: 25px; }

/*box s*/
.box { position: relative; z-index: 1; }

/*box e*/
/*热销 b*/
.rankList, .solveList { position: absolute; right: 0; border: 10px solid #F4F4F4; width: 232px; padding: 19px; background: #FFFFFF; top: 0; z-index: 1; padding-bottom: 0; }
.rankList h2, .solveList h2 { font-size: 16px; color: #fd8800; position: relative; }
.rankList .bar, .solveList .bar { position: relative; margin-top: 10px; height: 2px; background: #2a2a51; position: relative; z-index: 99; }
.rankList .bar span, .solveList .bar span { width: 60px; background: #fd8800; height: 2px; display: inline-block; position: absolute; top: 0; left: 0; }
.rankList dd, .solveList dd { border-top: 1px solid #F4F4F4; overflow: hidden; position: relative; z-index: 99; }
.rankList dd a, .solveList dd a { font-size: 14px; color: #555555; float: left; padding: 14px 0; }
.rankList dd .rankTop, .solveList dd .rankTop { background: #fd8800; }
.rankList dd i, .solveList dd i { float: left; display: inline-block; width: 16px; height: 16px; background: #2a2a51; line-height: 16px; text-align: center; margin-top: 2px; margin-right: 10px; color: #FFFFFF; margin-top: 16px; }
.rankList dd:first-child, .solveList dd:first-child { padding-top: 0; border: none; }

/*热销E*/
/*解决方案list s*/
.solveList { top: 400px; }

/*解决方案list e*/
/*返回顶部 begin*/
.back-top { bottom: 20px; cursor: pointer; display: none; position: fixed; right: 5px; width: 34px; z-index: 999; }

.back-top a { background: transparent url("../images/zhu.png") no-repeat scroll 0 0; display: block; height: 34px; outline: medium none; width: 34px; transition: all 0s ease 0s; }

.back-top a:hover { background-position: -41px 0; text-decoration: none; }

/*返回顶部 end*/
/*通用遮罩*/
.mask { position: fixed; top: 0; height: 100%; left: 0; width: 100%; background: #000000; opacity: 0.5; filter: alpha(opacity=50); zoom: 1; z-index: 9999; display: none; }

/*栏目图*/
.commonBanner { height: 240px; background: center top no-repeat; overflow: hidden; clear: both; }
.commonBanner .w1200px { overflow: hidden; }
.commonBanner dl { margin-top: 90px; float: right; }
.commonBanner dt { font-size: 30px; margin-bottom: 10px; color: #FFFFFF; text-align: right; }
.commonBanner dd { text-transform: uppercase; font-size: 17px; color: #FFFFFF; text-align: right; opacity: 0.7; filter: alpha(opacity=70); zoom: 1; }

 .tel {

	background: url(../images/tel.jpg) no-repeat left center;

	height:90px;

	padding-left: 58px;

}

.tel p {

	font-size: 26px;

	color: #fd8800;

	margin-top: 28px;
  
   font-weight: bold;

}



/*# sourceMappingURL=common.css.map */