@charset "gb2312";
/* CSS Document */
*{ font-family:"Î¢ÈíÑÅºÚ";}
@font-face {font-family: "iconfont";
  src: url('http://www.59137.com/template/type84/font/iconfont.eot?t=1474532916'); /* IE9*/
  src: url('http://www.59137.com/template/type84/font/iconfont.eot?t=1474532916#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://www.59137.com/template/type84/font/iconfont.woff?t=1474532916') format('woff'), /* chrome, firefox */
  url('http://www.59137.com/template/type84/font/iconfont.ttf?t=1474532916') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('http://www.59137.com/template/type84/font/iconfont.svg?t=1474532916#iconfont') format('svg'); /* iOS 4.1- */
}

.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;
}

.container{width:100%;background:url(../../img/86/box_bg.jpg) repeat-y center;}
.mainbox{width:1000px; margin:0 auto;}
.m-tit{ width:720px; height:78px; margin:45px auto 35px; text-align:center;font-family:"Î¢ÈíÑÅºÚ"; }
.m-tit.t1{ background:url(../../img/86/t1.png) no-repeat center;}
.m-tit.t2{ background:url(../../img/86/t2.png) no-repeat center;}
.m-tit.t3{ background:url(../../img/86/t3.png) no-repeat center;}
.m-tit.t4{ background:url(../../img/86/t4.png) no-repeat center;}
.m-tit.t5{ background:url(../../img/86/t5.png) no-repeat center;}
.m-tit.t6{ background:url(../../img/86/t6.png) no-repeat center;}

.m-tit strong{width:0; height:0; font-size:0;}

.m-tit02{ width:100%; background:#f4f2f5; height:40px; line-height:40px; color:#333; font-size:14px; padding-left:10px;}


.banner01{background:url(../../img/86/banner01.jpg) no-repeat center top; height:410px;}
.banner02{background:url(../../img/86/banner02.jpg) no-repeat center top; height:340px;}
.company{height:780px;}
.company .info img{width:1000px; height:353px; margin-bottom:20px;}
.company .info p{ line-height:28px; text-indent:2em; font-size:14px; color:#484544;}

.product{ height:695px; width:100%; background:#ececec; overflow:hidden;}
.product .slideBox{ position:relative; }
.product .slideBox .bd { width: 880px; height:480px; margin: 0 auto; overflow:hidden;}
.product .slideBox .bd ul {width:880px; height: 480px; }
.product .slideBox .bd li {width:880px; height: 480px; overflow:hidden;}
.product .slideBox .bd li img { display:block;width:880px; height: 480px;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.product .slideBox .bd li:hover img {opacity:0.9;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.product .prev,.product .next { cursor: pointer; width:32px; height: 72px; position: absolute; top:220px; background: url(../../img/86/icon.png) no-repeat; padding:0;}
.product .prev { left:0; background-position:0 0;}
.product .next { right:0;background-position:-42px 0;}
.product .prev:hover{background-position:-86px 0;}
.product .next:hover { background-position:-128px 0;}


.join{ overflow:hidden; position:relative;height:670px;}
.join ul{width:500px; float:left;}
.join ul li{height:68px;}
.join ul li em{ float:left;  display:block;margin-top:11px;width:45px; height:45px;line-height:45px; text-align:center; background:#484544; color:#fff; font-size:20px; font-style:normal;}
.join ul li em.even{ background:#eccaa7;}
.join ul li p{ float:left; width:420px;height:56px; line-height:26px; padding:6px 0 6px 10px; border-bottom:1px solid #dadada; font-size:14px; color:#484544;}
.join ul li p.line56{ line-height:56px;}

.adv{ height:1060px; width:100%; background:#ececec; overflow:hidden;}
.adv ul{ background: url(../../img/86/adv_bg.png) no-repeat center top;height:870px; position:relative;}
.adv ul li{ position:absolute;}
.adv ul li h3{ font-size:24px; color:#eccaa7;}
.adv ul li p{ font-size:14px; color:#fff;}
.adv ul li.li1{width:320px; left:336px; top:50px;}
.adv ul li.li1 h3{ text-align:center; margin-bottom:10px;}

.adv ul li.li2{width:150px; left:740px; top:345px;}
.adv ul li.li3{width:150px; left:600px; top:640px;}
.adv ul li.li4{width:220px; left:255px; top:640px;}
.adv ul li.li5{width:158px; left:105px; top:345px;}


.honor_bg {background:url(../../img/86/honor_img.jpg) no-repeat center 10px; height:750px; overflow:hidden;}


.case{ height:1300px; background:#f4f2f5;}
.case .slideBox{ position:relative; }
.case .slideBox .bd { width: 900px; height:1082px; margin: 0 auto; overflow:hidden;}
.case .slideBox .bd ul {width:900px; height: 1082px; }
.case .slideBox .bd li {width:900px; height: 1082px; overflow:hidden;}
.case .slideBox .bd li img { display:block;width:900px; height: 1082px;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.case .slideBox .bd li:hover img {opacity:0.9;-webkit-transform:none;transform: none;}

.case .prev,.case .next { cursor: pointer; width:32px; height: 72px; position: absolute; top:420px; background: url(../../img/86/icon.png) no-repeat; padding:0;}
.case .next { right:0;background-position:-42px 0;}

.m-footer {width:100%;background:#0a0a0b url(../../img/86/foot_bg.jpg) no-repeat center; height:300px;}



.g-row { width: 1000px; }
.user .date-ask { display: none; }
.message { width: 1000px; margin: 0 auto 15px; overflow: hidden; font-size: 16px; }
.ckey { color: #f00; }
.message h3 { text-align: center; height: 30px; line-height: 30px; margin-bottom: 30px; }
.m-form { width: 610px; color: #330005; line-height: 29px; position: relative; float: left; }
.m-form legend { font-size: 14px; font-weight: bold; }
.m-form .formitm { line-height: 30px; padding-top: 13px; width: 305px; float: left; }
.m-form .formitm-1 { padding-left: 100px; }
.m-form .lab { float: left; font-size: 14px; margin-right: -90px; text-align: right; width: 50px; color: #666; }
.m-form .ipt { margin-left: 61px; }
.m-form .ipt * { vertical-align: middle; }
.m-form .ipt a, .m-form .ipt a:hover { color: #3891eb; text-decoration: none; }
.m-form .ipt img { height: 32px; margin: 0 15px 0 5px; }
.m-form .ipt .domain { color: #777; font-weight: bold; margin: 0 0 0 5px; }
.m-form .ipt p { color: #999; height: 22px; line-height: 22px; }
.m-form .tip { padding-top: 10px; }
.m-form .tip input { margin: 0 5px 3px 0; }
.m-form .m-textarea { height: 80px; }
.u-btn { background: #8a2f02; height: 52px; text-align: center; width: 177px; border: none; color: #fff; cursor: pointer; font-size: 20px; font-weight: bolder; margin-top: 10px; font-family: "Î¢ÈíÑÅºÚ"; margin-left: -38px; margin-bottom: 10px; }
.u-ipt, .m-textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #fff; border-color: #ddd #ddd #ddd; border-image: none; border-right: 1px solid #ddd; border-style: solid; border-width: 1px; color: #777; font-size: 14px; height: 25px; line-height: 25px; padding: 5px; width: 230px; }
.m-textarea { width: 535px; }
.remind { border: 3px solid #f6d7a3; padding: 22px 45px; width: 270px; float: right; margin-top: 12px; background: #fff; }
.remind strong { font-size: 16px; padding: 6px 0 10px; margin-left: 15px; color: #333; }
.remind p { color: #666; font-size: 12px; margin-left: 15px; line-height: 28px; }
/*backToTop*/
.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #0f0a08; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: 1; filter: Alpha(opacity=100); }
