html, body { box-sizing:content-box;}

body { font-size:14px; font-family:'microsoft yahei',Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB',Simsun,sans-self; -webkit-tap-highlight-color:rgba(0,0,0,0);}

body, select, input, textarea { color:#333;}

:focus { outline:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#0458ab;}
a:visited,a:active { color:#333;}

::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none;}
::selection { background:#fcd700; color:#fff; text-shadow:none;} 

ins { background-color:#fcd700; color:#000; text-decoration:none;}
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}

input { -webkit-appearance:none; border-radius:0px;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

img { vertical-align: bottom;}


.overflow { overflow:hidden; width:100%; height:100%;}

.text-center { text-align:center;}
.text-right { text-align: right;}

.row { width:1200px; margin:auto; position:relative;}
.min-width { min-width:1200px; margin:auto;}
.col-l { float: left;}
.col-r { float: right;}

.banner { min-width: 1200px; width: 100%; height: 1020px; position: relative;}
.banner .slide { height: 1020px; width: 100%; position: absolute;}
.banner .slide li { height: 1020px; background-position: center; background-size:cover;}

.banner .prev,.banner .next { position: absolute; z-index: 1000; top: 50%; margin-top: -40px; cursor: pointer;}
.banner .prev { left: 50%; margin-left: -600px;}
.banner .next { right: 50%; margin-right: -600px;}

.banner .pager { text-align: center; width: 100%; position: absolute; bottom: 20px; z-index: 1000;}
.banner .pager li { display: inline; padding: 5px; border-radius: 100px; background:rgba(0,0,0,.5); font-size: 0px; margin: 0px 5px; transition: all .2s; cursor: pointer;}
.banner .pager li.on { padding: 7px;}

.head { width: 100%; height: 144px; background: rgba(0,0,0,.5); position: absolute; z-index: 1000;}

.nav { width: 100%; height: 64px; line-height: 64px; background: #eb0000; position: absolute; top: 144px; z-index: 1000; border-bottom: #b70a00 solid 5px;}
.nav li { width: 10%; float: left; position: relative;}
.nav li a { display: block; line-height: 64px; color: #FFF; text-align: center;}
.nav li ul { position: absolute; width: 100%; background: rgba(255,255,255,.5); display: none;}
.nav li li { float: none; width: 100%; border-top: #eb0000 solid 1px; line-height: 45px;}
.nav li li a { line-height: 45px; color: #333;}
.nav li li a:hover { background: #FFF;}
.nav li:hover ul { display: block;}

.title-bg { background: #383735;}
.title-bg img { vertical-align: top; padding-right: 20px;}
.title-bg span { font-size: 28px; color: #FFF; line-height: 87px;}

.product { height: 640px; background:url(skin/pro-bg.jpg) top center no-repeat;}
.product .info { padding-top: 140px; padding-bottom: 20px; color: #cdcdcd;}
.product .other { padding-top: 56px; color: #cdcdcd;}
.product .other .name { font-size: 28px; color: #FFF; padding-bottom: 10px;}

.join { height: 786px; background:url(skin/join-bg.jpg) top center no-repeat;}
.join .icon { width: 150px; height: 119px; float: left; background-image: url(skin/join-icon.png); background-repeat: no-repeat; cursor: pointer; margin-top: 400px;}
.join .icon-01 { background-position: 0px top;}
.join .icon-01:hover { background-position: 0px bottom;}
.join .icon-02 { background-position: -150px top;}
.join .icon-02:hover { background-position: -150px bottom;}
.join .icon-03 { background-position: -300px top;}
.join .icon-03:hover { background-position: -300px bottom;}
.join .icon-04 { background-position: -450px top;}
.join .icon-04:hover { background-position: -450px bottom;}
.join .icon-05 { background-position: -600px top;}
.join .icon-05:hover { background-position: -600px bottom;}
.join .icon-06 { background-position: -750px top;}
.join .icon-06:hover { background-position: -750px bottom;}
.join .icon-07 { background-position: -900px top;}
.join .icon-07:hover { background-position: -900px bottom;}
.join .icon-08 { background-position: -1050px top;}
.join .icon-08:hover { background-position: -1050px bottom;}

.case { height: 783px; background: url(skin/case-bg.jpg) top center no-repeat;}
.scroll { width: 1100px; position: relative; margin: auto; padding-top: 300px;}
.scroll .innter { width: 1100px; height:360px; font-size: 0px; white-space: nowrap;}
.scroll .item { width: 357px; display: inline-block; margin-right: 10px; position: relative;}
.scroll .item img { width: 357px; display: block;}
.scroll .item span { display: block; text-align: center; color: #FFF; font-size: 14px; padding-top: 10px;}
.scroll .item a:hover span { color: #d9b25b;}

.scroll .button .prev, .scroll .button .next { position: absolute; top:390px; cursor: pointer;}
.scroll .button .prev img, .scroll .button .next img { height: 53px;}
.scroll .button .prev { left: -50px;}
.scroll .button .next { right:-50px;}

.vieo { width: 100%; vertical-align: bottom;}

.foot { background: #000000;}

.foot .url { text-align: center; padding: 20px 0px;}
.foot .url li { display: inline;}
.foot .url li a { padding: 0px 28px; background: url(skin/foot-url-bg.jpg) right center no-repeat; color: #caac77;}
.foot .url li:last-child a { background: none;}

.address { background: #000000; padding: 20px 0px;}
.address .col-l  { line-height: 35px; color: #898989; padding-left: 30px;}
.address .col-r { padding-top: 20px; padding-right: 30px;}
.address .col-r li { display:inline-block; padding-left: 20px;}
.address .col-r li img { display: block;}
.address .col-r li span { display: block; text-align: center; padding-top: 10px; color: #898989;}

.copyright { padding: 20px 0px; color: #aeaeae; background: #383735; text-align: center;}

.img-list { margin-left: -13px;}
.img-list li { width: 290px; float: left; padding-left: 13px;}
.img-list li img { display: block; padding: 1px; border:#CCC solid 1px;}
.img-list li span { display: block; padding: 20px 0px; text-align: center;}

.body { padding: 40px 0px;}
.html { text-align: justify;}

.form { margin-top: -5px;}
.form td.icon { background:none; padding: 0px;}
.form td { background: #ebebeb; line-height: 20px; padding: 10px; border-top: #FFF solid 10px;}
.form td input { border: 0px; height: 20px; width: 260px; background: none;}
.form td textarea { width: 260px; height: 200px; border: 0px; resize: none; background: none;}

#submit { display: block; text-align: center; background: #383735; color: #FFF; padding: 10px 0px; border-radius: 5px; cursor: pointer;}

.pager { height:65px; line-height:35px; margin-top:40px; padding-top:10px; text-align:center;}
	.pager a { margin:0px 5px; background:#fff; color:#333; padding:3px 10px; border:#CCC solid 1px; border-radius:3px;}
    .pager span { color:#FFF; background:#0458ab; border:#0458ab solid 1px; margin:0px 5px; padding:3px 10px; border-radius:3px;}