body,div,dl,dt,dd,ul,ol,li,form,input,textarea,p,th,td{margin:0; padding:0;}
ol,ul,li{list-style:none;}
img{border:0px;vertical-align:middle; max-width: 100%;}
body,html{ min-width: 1200px; width: 100%; }
body{ font-size: 12px; color: #666; line-height: 1.5; font-family: '微软雅黑'; background: #4a4a4a; padding-top: 100px; }
a{text-decoration: none;}
.clear { clear: both; }
.wid1200{ width: 1200px; margin:0 auto; }
#header{ height: 100px; width: 100%; background: #1e1e1e; color: #fff; position: relative; min-width: 1200px; position: fixed; top: 0; left: 0; z-index: 1000000; }

#header .nav{ float: left; margin-left: 40px; margin-top:35px; font-size:0; line-height: 30px; text-align: center; }
#header .nav>a,#header .nav .item>a{ color: #b3b3b3; font-size: 12px; height:30px; display: inline-block;overflow: hidden;vertical-align: middle;  position: relative;}
#header .nav .item{display: inline-block; position: relative;}
#header .nav code{ color: #4b4b4b;font-size: 12px; display: inline-block;vertical-align: middle;   }
#header .nav-a{ display:block;padding: 0 10px; -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
#header .nav-a b{ color: #fff; font-weight:normal; }
#header a:hover .nav-a{-webkit-transform: translateY(-30px); transform: translateY(-30px);}
#header .logo{ position: absolute; left: 50%; top: 50%; margin-left: -92px; margin-top:-25px; }
#header .erweima{ position: absolute; right: 400px; top: 0%; margin-left: -100px;    width: 100px;}
#header .wxtext{ position: absolute; right: 370px; top: 3px;    width: 26px; overflow: hidden; height: 100px;}
#header .right{ float: right; margin-right: 40px; margin-top:25px; font-size:0;line-height: 30px;}
#header .right li{ float: left; padding:0 15px; color: #b4b4b4; font-size: 12px; text-align: center; line-height: 1;background:url(../images/global/line.png) right top no-repeat; }
#header .right li:last-child{ background: none } 
#header .right li .nav-icon01{ width:100%; height: 40px; display: inline-block; background:url(../images/global/nav-icon01.png) center top no-repeat; }
#header .right li .nav-icon02{ width:100%; height: 40px; display: inline-block; background:url(../images/global/nav-icon02.png) center top no-repeat; }
#header .right li .nav-icon03{ width:100%; height: 40px; display: inline-block; background:url(../images/global/nav-icon03.png) center top no-repeat; }
#header .right li .nav-icon04{ width:100%; height: 40px; display: inline-block; background:url(../images/global/nav-icon04.png) center top no-repeat; }
#header .right a{ color: #b3b3b3; font-size: 12px;height:30px; display: inline-block;overflow: hidden;vertical-align: middle; }
#header .right code{ color: #4b4b4b;font-size: 12px;display: inline-block;vertical-align: middle; }
#header .search{ display: inline-block; margin-left: 10px; float: right; }
#header .text{  float: right; background: #343434; color: #b4b4b4; padding: 0 10px;line-height: 30px; height: 30px; width: 70px; border:none; outline: none;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in; }
#header .text-hover{ background: #0e0e0e; width:90px; }
#header .btn{ float: right; background:url(../images/global/search_icon.png) #4a4a4a;  line-height: 30px; height: 30px; width:30px; border:none; outline: none; text-align: center; cursor: pointer; }
#header .nav_prop{position: absolute;background-color:rgba(255,255,255,0.6);border-radius: 5px;top:0;margin-top: 30px;left: 0;right: 0;display: none;}
#header .nav_prop a{line-height: 30px;text-align: center;color: #333;display: block;font-size: 12px;}
#header .item:hover .nav_prop{display: block;}


#header .rightb{ float: right; margin-right:30px; margin-top:30px; font-size:0;line-height: 30px;}
#header .rightb li{ float: left; padding:0 20px; color: #b4b4b4; font-size: 16px;  line-height: 1;border-right: #4b4b4b 1px solid; }
#header .rightb li:last-child{ border-right: none } 
#header .rightb li i{ float: left; margin-right: 10px; }
#header .rightb li .nav-icon01{width:22px; height: 40px; display: inline-block; background:url(../images/global/navb-icon01.png) center top no-repeat; }
#header .rightb li .nav-icon02{width:22px; height: 40px; display: inline-block; background:url(../images/global/navb-icon02.png) center top no-repeat; }
#header .rightb li .nav-icon03{width:22px; height: 41px; display: inline-block; background:url(../images/global/navb-icon03.png) center top no-repeat; }
#header .rightb li .nav-icon04{width:36px; height: 33px; display: inline-block; background:url(../images/global/navb-icon04.png) center top no-repeat; }
#header .rightb li p{ overflow: hidden; padding-top: 5px; }
#header .rightb li span{ display: block; font-size: 12px; text-transform: uppercase; }
#header .rightb a{ color: #b3b3b3; font-size: 12px;height:30px; display: inline-block;overflow: hidden;vertical-align: middle; }
.wx-new{ position: fixed; top: 115px; right: 40px; font-size: 14px; z-index: 10000000; background: #1e1e1e; padding: 10px; overflow: hidden; text-align: center; color: #858585; }
.wx-new p{ margin-bottom: 5px; }
.wx-new .close{ width: 19px; height: 19px; display: inline-block; background:url(../images/global/close-icon.png) center top no-repeat; vertical-align: middle;}

#footer{ padding: 80px 0; background: #212121; overflow: hidden; min-width: 1200px; }
#footer .links{ float: left; width: 800px; /*border-right: #4b4b4b 1px solid;*/ }
#footer .links dl{ width: 200px; float: left; overflow: hidden; }
#footer .links dt{  font-weight: 700; font-size: 13px; margin-bottom: 20px; }
#footer .links dt a{ color: #fff; }
#footer .links dd{  margin-bottom: 10px; }
#footer .links dd a{ color: #999;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
#footer .links dd a:hover{ color: #fff; }
#footer .control{ float: left; width: 349px; border-left: #4b4b4b 1px solid; margin-left: -1px; padding-left: 50px; }
#footer .control .wx{ overflow: hidden; margin-bottom: 30px; color: #999; line-height: 30px; text-align: center; }
#footer .control .wx img{ width: 100px; }
#footer .f-login{ border-bottom: #212121 1px solid; overflow: hidden; }
#footer .f-login dl{ margin-bottom:30px; overflow: hidden; }
#footer .f-login dt{ color: #fff; font-weight: 700; line-height: 1.8; margin-bottom:10px; }
#footer .f-login dt span{ color: #b9b9b9; }
#footer .f-login .email,#footer .f-login .adress{ background: #151515; padding: 0 10px; width: 160px; height: 30px; line-height: 30px; border:none; outline: none; color: #525252; float: left;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
#footer .f-login .text-hover{background: #0e0e0e; box-shadow: rgba(0,0,0,.5) 1px 3px 5px inset; }
#footer .f-login .go{ background:url(../images/global/cir_icon.png) center center no-repeat #343434; cursor: pointer; width: 30px; height: 30px; line-height: 30px; border:none; outline: none; float: left;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
#footer .f-login .go:hover{ background-color:#464646;box-shadow: rgba(0,0,0,.3) 1px 3px 3px;  }
#footer .copy{ color: #414141; }


/*index*/
#index{ overflow: hidden;}
#index .sider{ width: 100%;  height: 860px; overflow: hidden; }
#index .sider-pic{ width: 100%; height: 100%; background-repeat: no-repeat; background-position:50% 0; }
#index .sider-hover .sider-pic{ background-attachment: fixed;background-position:50%; }
#index .sider ul{ overflow: hidden; }
#index .sider li{ float: left; width: 50%;}
#index .bnav{ position: fixed; right: 60px; top: 50%;  margin-top: -20px; }
#index .bnav a{ display: block; margin-bottom: 20px; width: 15px; height: 15px; background: #bebebe; border-radius: 100%; overflow: hidden; }
#index .bnav a.cur{ background: #b7a087; }


.crumb2{ line-height: 30px; height: 30px; overflow: hidden; padding: 10px 0; color: #b3b3b3; text-align: right;  position: fixed; z-index: 100000; top: 100px; left: 0; width: 100%; }
.crumb2 a{ color: #b3b3b3 }
/*story*/
#story{ overflow: hidden;}
#story .sider{ width: 100%; height:780px; overflow: hidden; }
#story .sider-pic{ width: 100%; height: 100%; background-repeat: no-repeat; background-position:50% 0; }
#story .sider-hover .sider-pic{ background-attachment: fixed;background-position:50%;}
#story .bnav{ position: fixed; right: 60px; top: 50%;  margin-top: -30px; }
#story .bnav a{ display: block; margin-bottom: 20px; width: 15px; height: 15px; background: #bebebe; border-radius: 100%; overflow: hidden; }
#story .bnav a.cur{ background: #b7a087; }


.crumb{ line-height: 30px; height: 30px; overflow: hidden; padding: 10px 0; color: #b3b3b3; text-align: right; }
.crumb a{ color: #b3b3b3 }
/*product*/
#product{ overflow: hidden; }
#product .title{ overflow: hidden; }
#product .title a{ float: left; width: 50%; }
#product .goods{ background: #fff; padding: 80px; padding-bottom: 0; overflow: hidden; margin-bottom: 50px; }
#product .goods .item{ margin-bottom: 80px; overflow: hidden; }
#product .goods .pic{ float: left; width: 492px; margin-right: 30px; }
#product .goods .con{ overflow: hidden; position: relative; }
#product .goods .title{ color: #4f4f4f; font-size: 28px; line-height: 30px; border-bottom: #333 1px solid; padding-bottom: 12px; }
#product .goods .title span{ font-size: 16px; }
#product .goods .star{ width: 42px; height: 32px; text-align: center; padding: 5px 0; line-height: 16px; font-size: 13px; color: #ccc; border:#ccc 1px solid; position: absolute; display: inline-block; top: 5px; right: 0; z-index: 100; }
#product .detail{ padding:12px 0; min-height: 130px; line-height: 2.5; }
#product .detail p{ color: #606060; }
#product .middle{ padding: 20px 0; border-top:#eee 1px solid;border-bottom:#eee 1px solid; }
#product .control{ margin-bottom: 10px; overflow: hidden; line-height: 30px; font-size: 14px; }
#product .minus,#product .plus{ width: 30px; height: 30px; float: left; margin-right: 10px; border:#eee 1px solid; display: inline-block; text-align: center; line-height: 30px; color: #4f4f4f; font-size: 20px; font-family: '宋体'; font-weight: 700; }
#product .nums{ width: 50px; height: 30px; line-height: 30px; border: #eee 1px solid; margin-right: 10px; float: left; outline: none; text-align: center; color: #4f4f4f; font-size: 16px; }
#product .attr{ color: #acacac; font-size: 14px; }
#product .bottom{ padding:5px 0; border-bottom: #333 1px solid; position: relative; overflow: hidden; }
#product .bottom li{ width:165px; float: left; text-align: center; color: #4f4f4f; font-size: 16px; padding: 15px 0; border-right: #eee 1px solid; }
#product .bottom li:last-child{ border-right: none; }
#product .bottom li span{ font-size: 30px; }
#product .bottom li b{ font-size: 40px;  }
#product .bottom .price{ font-size: 35px; color: #4f4f4f; position: relative; top: 5px; }
#product .bottom .price span{ font-size: 60px; display: inline-block; line-height: 60px; vertical-align: text-bottom; }
#product .bottom .buy{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;position: absolute; bottom: 20px; right: 0; z-index: 100; line-height: 45px; height: 45px; width: 180px; display: inline-block; background: #4f4f4f; font-size: 20px; text-align: center; color: #fff; }
#product .bottom .buy:hover{ background: #151515; }
#product .goods-detail{ overflow: hidden; }
#product .goods-detail .item{ margin-bottom: 50px; }

/*qa*/
.path { padding: 15px 0px; font-size: 12px; color: #b3b3b3; text-align: right; padding-right: 5px; font-family: '宋体'; }
.path a { color: #b3b3b3; }

.main { background: #fff; padding: 30px 80px; margin-bottom: 50px; }
.main .qa-form { height: 320px; margin-bottom: 10px; }
.main .qa-form > div { height: 320px; float: left; }
.main .qa-form h3 { font-size: 16px; font-weight: 500; padding-bottom: 30px; }
.main .qa-form p { line-height: 27px; }
.main .qa-form .qa-left { width: 520px; }

.main .qa-form { margin-top: 20px; }
.main .qa-form .qx-right { width: 458px; padding-left: 60px; }
.main .qa-form .qx-right p { margin: 10px 0px; }
.main .qa-form .qx-right p label { margin-right: 20px; }
.main .qa-form .qx-right p input, .main .qa-form .qx-right textarea { list-style: none; background: #f6f6f6; border: none; padding: 5px; }
.main .qa-form .qx-right p input { width: 390px; height: 20px; }
.main .qa-form .qx-right textarea { width: 390px; height: 70px; }

.main .qa-form .qx-right .sub { margin-top: 25px; position: relative; padding: 10px 0px; }
.main .qa-form .qx-right .sub a.btnSubmit { font-size: 14px; color: #fff; background-color: #4f4f4f; display: block; width: 92px; height: 34px; text-align: center; margin-left: 52px; line-height: 34px; }
.main .qa-form .qx-right .sub span { display: block; position: absolute; bottom: 2px; right: 2px; }

.main .qalist { padding: 35px 0px; border-top: 1px solid #e5e5e5; background: url(../images/q.jpg) no-repeat left 0; background-position-y: 39px; }
.main .qalist:last-child { border-bottom: 1px solid #e5e5e5; }

.main .qalist p { line-height: 25px; margin-left: 70px; }
.main .qalist .q { font-size: 24px; color: #4f4f4f; margin-bottom: 7px; }
.main .qalist .a label { display: block; margin-top: 22px; }
.main .qalist .a label:first-child { margin-top: 0px; }

.main .qalist table { width: 970px; display: block; float: right; margin-top:7px; }
.main .qalist table tr { width: 970px; }
.main .qalist table thead th { background-color: #6f6f6f; color: #fff; font-size: 14px; font-weight: bold; padding: 5px 33px; }
.main .qalist table tbody tr td { padding: 12px 29px; border-bottom: 1px solid #f6f6f6; }
.main .qalist table tbody tr td:first-child { background: #f9f9f9; color: #000; }


/*callme*/
.wrap { background-color: #fff; margin-bottom: 50px; }
.callme-mian { padding-bottom: 48px; font-size: 13px; color: #606060; }
section.blong { display: block; height: 380px; position: relative; }
section .c-left, section .c-right { position: absolute; top: 0; width: 400px; height: 320px; padding-left: 80px; padding-right: 100px; padding-top: 60px; }
section .c-left { left: 0; }
section .c-right { width: 380px; padding-left: 100px; right: 0; }
section .t3 { margin-bottom: 35px; font-size: 16px; }
section p { line-height: 23px; }

.c-form { margin-top: 48px; }
.c-form .c-table { padding: 50px 83px; }
.region { width: 100%; height: 30px; background: #f6f6f6; font-size: 14px; padding-left: 5px; color: #606060; border: none; }

.c-button { padding: 8px 20px; color: #fff; background: #4f4f4f; font-size: 14px; }
.cell-info { margin-top: 45px; }
.cell-info label { margin-left: 100px; font-size: 12px; vertical-align: bottom; }
.c-form .c-table .title { position: relative; }
.c-form .c-table .title label { font-size: 16px; }
.c-form .c-table .title span { font-size: 12px; color: #ccc; position: absolute; right: 0; top: 3px; }

.c-form .c-table .table { margin-top: 30px; }
.table input, .table select, .table textarea { width: 360px; background: #f5f5f5; border: 0; }
.table input, .table select { height: 28px; }
.table label { display: inline-block; width: 135px; text-align: left; vertical-align: text-top; }
.table ul li { margin: 10px 2px; float: right; }
.table ul li.l { float: left; }


.up-animate{-webkit-transition:.1s all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transform: translateY(100px); transform: translateY(100px);opacity: 0; }
.up-hover{-webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1;}

@media only screen and (max-width: 750px) {
	#index .sider-hover .sider-pic{ background-attachment:scroll;}
    #story .sider-hover .sider-pic{ background-attachment:scroll;}
}
.article1{line-height: 1.5;color: #333;font-size: 14px;padding:5% 10%;}
.article1 .title{font-weight: 700;font-size: 16px;margin-bottom: 10px;margin-top: 30px;}
.article1 .pic{text-align: center;padding: 10px 0;}
.article1 .indent{text-indent: 2em;margin-bottom: 10px;}