@charset "UTF-8";
/*通用样式*/
html{-webkit-text-size-adjust: 100%; font-size: 62.5%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0;}
body{font-family: Arial, sans-serif;font-size: 14px; line-height: 1.5;width:100%;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
a{background: transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color: #333;}
a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0; color: #000;}
small{font-size:80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0;}
textarea{overflow: auto; resize: vertical;}
i{ font-style:normal;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3{line-height:2;}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
.clear{clear: both;*zoom: 1;}
.main{width: 1150px;margin-left: auto;margin-right: auto;}
.text_overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.placeholder{width:100%;height:0;overflow:hidden;}
.disinb{display:inline-block;*display: inline;zoom: 1;}
.mcenter{margin-left: auto;margin-right: auto;}
.tr{text-align:right}
.tc{text-align:center}
.tl{text-align:left}
.fl{float:left}
.fr{float:right}
.pre{position: relative;}
.pab{position: absolute;}
.h5{width: 100%;height: 5px;clear: both;overflow: hidden;}
.h10{width: 100%;height: 10px;clear: both;overflow: hidden;}
.h20{width: 100%;height: 20px;clear: both;overflow: hidden;}

/*=======首页通用样式=======*/
.wrap{min-width: 1300px;width:100%; overflow: hidden; position: relative;z-index: 0;}
.wrap .wrap_cont{width: 1150px; margin: auto; height: auto; position: relative;z-index: 2;}
.wrap .wrap_max{width:1920px; margin-left: -385px; position: relative; z-index: 1;}

/*top*/
.top{height: 43px;line-height: 43px;background: #111;}
.top-content{overflow: hidden;}
.top-left{float: left;overflow: hidden;}
.top-left p{color: #fff;float: left;margin-right: 26px;font-size: 12px;}
.top-left p.tl1{background: url("../images/top_icon01.png") no-repeat left;padding-left: 28px;}
.top-left p.tl2{background: url("../images/top_icon02.png") no-repeat left;padding-left: 18px;}
.top-right{float: right;overflow: hidden;background: url("../images/top_line.png") no-repeat right;}
.top-right li{width: 58px;height: 43px;line-height: 43px;float: left;background: url("../images/top_line.png") no-repeat left;transition: .3s all;}
.top-right li a{display: block;width: 58px;height: 43px;}
.top-right li .tr1{background: url("../images/top_share_icon01.png") no-repeat center;}
.top-right li .tr2{background: url("../images/top_share_icon02.png") no-repeat center;}
.top-right li .tr3{background: url("../images/top_share_icon03.png") no-repeat center;}
.top-right li .tr4{background: url("../images/top_share_icon04.png") no-repeat center;}
.top-right li:hover{background: #fff;}

/*nav*/
.nav{background: #262626;}
.nav-content{padding: 25px 0;height: 61px;}
.logo{float: left;width: 70px;margin-right: 70px;}
.logo img{width: 100%;}
.nav-list{float: left;}
.nav-list-ul{height: 61px;}
.nav-list-ul li{float: left;line-height: 61px;margin-right: 80px;position: relative;z-index: 100;}
.nav-list-ul li>a{color: #fff;font-size: 16px;font-weight: 500;display: block;}
.nav-list-ul li>a.more{background: url("../images/nav_icon.png") no-repeat right;padding-right: 16px;}
.nav-list-ul li .sub-nav{position: absolute;width:142px;left: 0;top: 54px;background: #333;line-height: 32px;z-index: 200;padding: 6px 0;display: none;}
.nav-list-ul li .sub-nav a{color: #fff;display: block;padding: 0 16px;}
.nav-list-ul li .sub-nav a:hover{color: #fece14;}
.nav-list-ul li.cur>a{color: #fece14;}
.nav-list-ul li.cur>a:before{content: "";width: 15px;height: 2px;background: #fece14;position: absolute;left: 0;top: 14px;}
.nav-list-ul li.cur>a.more{background: url("../images/nav_icon_cur.png") no-repeat right;}
.nav-list-ul li>a:hover{color: #fece14;}
.nav-list-ul li a.more:hover{background: url("../images/nav_icon_cur.png") no-repeat right;}
.nav-list-ul li:hover .sub-nav{display: block;}
/*banner区域*/
.banner{width: 100%;height: 528px;overflow: hidden;}
.banner ul li{line-height: 0;}
.banner ul li img{display: block;width: 100%;height: 528px;}
#flexslider{margin:0 auto;position:relative;width:100%;height:528px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:50px;height:80px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background: url("../images/ad_ctr.png") no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:3px;}
.flex-direction-nav .flex-next{right:8%; background-position:-8px -92px;}
.flex-direction-nav .flex-prev{left:8%; background-position:0 -2px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -39px;display:block;height:6px;overflow:hidden;text-indent:-99em;width:60px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/*product*/
.product{overflow: hidden;padding-bottom: 30px;}
.product-content{overflow: hidden;}
.product-title{text-align:center;padding: 44px 0;}
.product-title p{text-transform: uppercase;color: #272727;}
.product-title h1{font-size: 40px;color: #272727;text-transform: uppercase;font-weight: normal;line-height: 1.4;}
.product-title i{width: 70px;height: 1px;background: #262626;display: block;margin: 10px auto 0 auto;}
.product-list{overflow: hidden;}
.product-list-left{width: 265px;float: left;}
.product-left-nav{border-top: 1px solid #b4b4b4;margin-bottom: 28px;}
.product-left-nav li{border-bottom: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;vertical-align: bottom;position: relative;z-index: 10;}
.product-left-nav li>a{height: 20px;line-height: 20px;display: block;padding: 17px 0;}
.product-left-nav li>a span{height: 20px;line-height: 20px;display: block;border-left: 3px solid #b4b4b4;padding-left: 16px;transition: .1s all;}
.product-left-nav li.cur>a span{color: #fec106;border-left: 3px solid #fec106;font-weight: bold;}
.product-left-nav li>a:hover span{color: #fec106;}

.product-left-nav li .sub-nav{position: absolute;left: 265px;top: 0;z-index: 20;border-bottom: 1px solid #fec106;display: none;}
.product-left-nav li .sub-nav a{display: block;*display: inline;*zoom: 1;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px solid #fec106;line-height: 38px;background: url("../images/product_sub_bg.png") repeat;margin-bottom: -1px;}
.product-left-nav li .sub-nav a:hover{background: #fff;color: #fec106;}

.product-more{}
.product-more a{color:#333;}
.product-more a:hover{color:#fec106;text-decoration:underline;}

.product-list-right{width: 856px;float: right;}
.product-list-right-ul{overflow: hidden;width: 900px;}
.product-list-right-ul li{margin-right: 20px;margin-bottom: 22px;float: left;width: 270px;overflow: hidden;text-align: center;border: 1px solid #b4b4b4;}
.product-list-right-ul li img{width: 100%;height: 174px;display: block;}
.product-list-right-ul li p{width: 100%;height: 39px;line-height: 39px;background: #fec106;color: #464545;}
.product-list-right-ul li:hover{border: 1px solid #fec106;}
.product-list-right-ul li:hover p{color: #fff;}
/*adv*/
.adv{background: url("../images/adv_bg.jpg") no-repeat center;width:100%;height:650px;margin-bottom: 30px;}
.adv-content{height: 650px;overflow: hidden;}
.adv-text{width: 575px;float: left;text-align: right;}
.adv-text-wrap{overflow: hidden;padding-right: 56px;padding-top: 56px;}
.adv-text h2{text-transform: uppercase;font-weight: normal;font-size: 42px;background: url("../images/adv_line.png") no-repeat right;padding-right: 14px;margin-bottom: 10px;}
.adv-text-ul{overflow: hidden;}
.adv-text-ul li{overflow: hidden;margin-bottom: 50px;}
.adv-text-ul li h4{font-size: 18px;margin-bottom: 6px;}
.adv-text-ul li p{color: #575757;}
/*case*/
.case{overflow: hidden;padding-top: 20px;margin-bottom: 30px;}
.case-head{overflow: hidden;}
.case-title{float: left;margin-bottom: 30px;}
.case-title span{color: #272727;text-transform: uppercase;}
.case-title p{font-size: 40px;color: #272727;text-transform: uppercase;line-height: 1.4;}
.case-nav{float: right;width: 770px;padding-top: 6px;}
.case-ul{overflow: hidden;}
.case-ul li{padding: 0 20px 0 0;margin-right: 20px;float: left;background: url("../images/case_line.png") no-repeat right;line-height: 34px;position: relative;}
.case-ul li a{display: block;color: #464545;}
.case-ul li.cur a{color: #f76d2b;font-weight: bold;}
.case-ul li.cur a:before{content: "";width: 39px;height: 2px;background: #f76d2b;position: absolute;left: 0;top: 0;}
.case-ul li.cur a:after{content: "";width: 39px;height: 2px;background: #f76d2b;position: absolute;right: 20px;bottom: 0;}
.case-ul li a:hover{color: #f76d2b;}
.case-list{overflow: hidden;}
.case-list-ul{width: 1200px;overflow: hidden;}
.case-list-ul li{width: 377px;float: left;margin-right: 10px;margin-bottom: 10px;position: relative;}
.case-list-ul li img{width: 100%;height: 334px;display: block;}
.case-list-ul li .mask{background: url("../images/case_bg.png") repeat;width: 100%;height: 334px;position: absolute;left: 0;top: 0;display: none;}
.case-list-ul li .mask span{background: url("../images/case_icon.png") no-repeat center;width: 102px;height: 102px;position: absolute;left: 50%;margin-left: -51px;top: 50%;margin-top: -81px;}
.case-list-ul li .mask p{width: 300px;position: absolute;left: 50%;margin-left: -150px;top: 210px;text-align: center;font-size: 14px;line-height: 1.4;}
.case-list-ul li:hover .mask{display: block;}
.case-list-more{width: 100%;overflow: hidden;text-align: center;padding: 12px 0;}
.case-list-more a{width: 150px;height: 31px;line-height: 31px;display: block;margin: 0 auto;background: #dcdcdc;color: #666;}
.case-list-more a:hover{background: #f76d2b;color: #fff;}

/*footer*/
.footer{background: #262626;height: 198px;padding-top: 65px;padding-bottom: 58px;}
.footer-content{height: 198px;}
.footer-left{float: left;overflow: hidden;}
.footer-head{overflow: hidden;margin-bottom: 12px;}
.footer-head h4{font-size: 26px;color: #fff;text-transform: uppercase;margin-bottom: 10px;}
.footer-head i{width: 58px;height: 1px;background: #fece14;display: block;}
.footer-product-link{float: left;overflow: hidden;}
.footer-product-link dl{float: left;margin-right: 30px;}
.footer-product-link dl dd{line-height: 24px;}
.footer-product-link dl dd a{color: #fff;font-size: 12px;}
.footer-product-link dl dd a:hover{color: #fff;}
.code{float: left;margin-right: 30px;}
.code img{width: 92px;height: 92px;display: block;}
.footer-share{float: left;width: 126px;}
.footer-share a{width: 37px;height: 37px;float: left;margin-right: 26px;margin-bottom: 20px;}
.footer-share a.f1{background: url("../images/footer_share_icon01.png") no-repeat center;}
.footer-share a.f2{background: url("../images/footer_share_icon02.png") no-repeat center;}
.footer-share a.f3{background: url("../images/footer_share_icon03.png") no-repeat center;}
.footer-share a.f4{background: url("../images/footer_share_icon04.png") no-repeat center;}

.footer-right{float: right;width: 340px;padding-left: 100px;border-left: 1px solid #383838;}
.footer-contact{overflow: hidden;}
.footer-contact p{color: #fff;}
/*copyright*/
.copyright{background: #111111;height: 55px;line-height: 55px;color: #fff;font-size: 12px;}
.copyright p{float: left;}
.copyright span{float: right;}
.copyright span a{color: #fff;}


/*挂件*/
/*decorate*/
.decorate{position: fixed;right: 0;top: 40%;margin-top: -120px;z-index: 999;}
.decorate .decorate-ul{width: 60px;}
.decorate-ul li{width: 60px;height: 60px;vertical-align: bottom;position: relative;z-index: 10;background: #dcdcdc;border-bottom:1px solid #fff;}
.decorate-ul li a{display: block;width: 60px;height: 60px;}
.decorate-ul li.d1{background: #dcdcdc;}
.decorate-ul li.d1 a{background: url("../images/decorate_01.png") no-repeat center;}

.decorate-ul li.d2{background#dcdcdc;}
.decorate-ul li.d2 a{background: url("../images/decorate_02.png") no-repeat center;}
.decorate-ul li.d4{background: #7f7e7e;}
.decorate-ul li.d4 a{background: url("../images/decorate_04.png") no-repeat center;}

.decorate-ul li.d4:hover{background: #999;}