﻿html, body{margin: 0;padding: 0;width: 100%;height: 100%;font-family: arial,Tahoma,"Microsoft YaHei" !important;font-size: 12px;color: #666;background-color: #fff;}

/*body{filter:grayscale(100%);}*/

*::-webkit-scrollbar{width: 6px;height: 6px;}
*::-webkit-scrollbar-track{background-color: #bbb;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
*::-webkit-scrollbar-thumb{background-color: #666;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
*::-ms-track{background-color: #bbb;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
*::-ms-thumb{background-color: #eee;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
::selection{background: rgba(16, 114, 220, 0.6);color: #ffffff;}
::-moz-selection{background: rgba(16, 114, 220, 0.6);color: #ffffff;}
::selection{background: rgba(16, 114, 220, 0.6);color: #ffffff;}
::-moz-selection{background: rgba(16, 114, 220, 0.6);color: #ffffff;}
*{outline: none;text-decoration: none;cursor: default;}
a{cursor: pointer;}

.p_head{width: 100%;height: 80px;border-bottom: 1px solid #eee;box-sizing:border-box;box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);background-color: #fff;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;position:fixed;z-index:9;}
.p_head .topinfo{width:1180px;height:80px;margin:0 auto;line-height:80px;}
.p_head .topinfo > div{display:inline-block;height:80px;line-height:80px;overflow:hidden;}
.logoshell{display:inline-block;}
.p_head .topinfo .logo{max-width: 180px;max-height: 54px;vertical-align: middle;position:relative;}

.p_head .topinfo .topnavs{display:inline-block;height:80px;line-height:80px;overflow:hidden;}
.p_head .topinfo .topnavs ul{width:100%;margin:0;padding:0;text-align:left;height:80px;line-height:80px;padding-left:100px;}
.p_head .topinfo .topnavs ul li{display:inline-block;height:60px;line-height:60px;list-style:none;padding-left:20px;}
.p_head .topinfo .topnavs ul li a,.navs li a:active,.navs li a:link{color:#999;font-family:Arial,SimSun; font-size:14px;font-weight:bold;letter-spacing:2px;transition: all .3s;}
.p_head .topinfo .topnavs ul li a:hover{color:#666;}




.p_head .topinfo .user{float:right;height:60px;line-height:60px;padding:10px 0;}
.p_head .topinfo .user .headpic{height:48px;width:48px;border:1px solid #ddd;border-radius:50%;padding:2px;box-sizing:border-box;background:#fff;margin-top:6px;float:left;}
.p_head .topinfo .user .headpic img{width:42px;height:42px;border-radius:50%;border:0;margin:0;padding:0;}

.p_head .topinfo .user .userinfo{height:56px;margin-top:2px;float:left;font-family:SimSun;}
.p_head .topinfo .user .userinfo:after{content:"";clear:both;}
.p_head .topinfo .user .userinfo span{display:block;height:20px;line-height:20px;margin:8px 0 0 5px;font-weight:bold;}
.p_head .topinfo .user .userinfo span:last-child{text-align:right;margin:0 0 0 5px;font-weight:400;}
.p_head .topinfo .user .userinfo a {color:#888;}
.p_head .topinfo .user .userinfo a:last-child{margin-left:10px;}
.p_head .topinfo .user .userinfo a:hover{color:#f25f15;}

.login{height:60px;line-height:60px;}
.login a {display:inline-block; width:68px;height:26px;text-align:center;line-height:26px; border:1px solid #e2e2e2;border-radius:13px;color:#888;font-family:SimSun; font-weight:bold;}
.login a:hover{color:#f25f15;background-color:#f2f2f2;}



.p_info{width: 100%;padding:80px 0;min-height: calc(100% - 390px);}
.p_info > *{width: 1180px;margin: 0 auto;background: #fff;}

/*********** 轮播图 ***********/
.flexslider{width:100%!important;height:500px;position:relative;overflow:hidden;/*background:url(../images/flexslider/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;padding:0;margin:0;overflow:hidden;}
.slides li{height:500px;background-position-x:50%;background-repeat:no-repeat;width:100%;float:left;margin-right:-100%;position:relative;background-size:cover;cursor:pointer;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;margin:0;padding:0;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 8px;}
.flex-control-nav li span{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-sizing:border-box; background-color:#aaa; zoom:1;cursor:pointer;}
.flex-control-nav li span.flex-active{background-color:#169ae6;}



.trait{margin-top:50px;overflow:hidden;font-size:0;height:180px;}
.traititem{display:inline-block;font-size:12px;width:21%;padding:0 2%;padding-top:70px;background-position:center top;background-repeat:no-repeat;text-align:center;color:#aaa;vertical-align:top;}/*left top*/
.traititem.t1{background-image:url('/images/index/01.png');}
.traititem.t2{background-image:url('/images/index/02.png');}
.traititem.t3{background-image:url('/images/index/03.png');}
.traititem.t4{background-image:url('/images/index/04.png');}
.traititem > * {display:block;}
.traititem > span{font-size:14px;font-weight:bold;font-family:Arial;margin-bottom:16px;}
.traititem > label{line-height:20px;}

.team {width:100%;height:650px;position:relative;}
.team:after {content: "";width:100%;height:100%;background:url(/images/index/team.png) 0 0 no-repeat;background-size:contain; opacity: 0.1;top: 0;left: 0;position: absolute;z-index:0;}
.team_title{text-align:center;font-size:24px;font-weight:bold;height:60px;line-height:60px;letter-spacing:10px;font-family:'Microsoft YaHei';color:#aaa;padding-top:40px;margin-bottom:50px;}

.step{width:100%;height:140px;background:url(/images/index/step.png) center center no-repeat;position:relative;z-index:1;padding:165px 0 155px 0;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
.stepdetails{width:960px;margin:0 auto;height:140px;}
.stepdetail{display:inline-block;width:140px;height:140px;background-color:rgba(153, 153, 153, 0.00);margin-left:118px;vertical-align:top;}
.stepdetail:first-child{margin-left:30px;}
.stepdetail ol{margin:5px 0;padding-left:20px;}
.stepdetail ol li{height:30px;line-height:30px;letter-spacing:1px;}


.p_error{width: 960px;margin:0px auto 20px auto;text-indent: 24px;line-height: 24px;padding: 10px;border: 1px solid #ffb8b8;background: #ffd4d4 url('/images/shared/error.png') 8px 12px no-repeat;color: #f92f2f;font-size: 14px;}

.p_foot{width: 100%;height: 270px;background-color: #262626/*#2a2a32*/;overflow:hidden;font-family:SimSun;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}


.footbody{width:100%;height:200px;margin-top:20px;border-bottom:1px solid #1f1f1f;box-sizing:border-box;color:#ddd;}
.footcontent{width:1000px;height:100%;margin:0 auto;}
.footcontent > div{float:left;height:100%;}

.footcontent_left{width:420px;padding-right:40px;position:relative;}
.footcontent_left:after{right:0px;content:'';display:block;position:absolute;width:1px;margin:0;padding:0;height:160px;top:20px;border-left:1px solid #181818;box-sizing:border-box;}
.itemtitle{height:30px;font-size:18px;font-weight:bold;font-family:SimSun,KaiTi,LiSu,Arial;text-align:left;}
.about{text-indent:24px;width:420px;height:80px;overflow:hidden;line-height:20px;letter-spacing:1px;}
.address{height:40px;line-height:40px;}
.certificate{width:100%;height:36px;line-height:36px;}
.certificate > *{font-size:10px;vertical-align:middle;}
.certificate > img,.certificate > embed{display:inline-block;height:26px;margin-right:8px;opacity:.3;vertical-align:middle;cursor: pointer;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);transition:all ease .6s;}
.certificate > img:hover,.certificate > embed:hover{opacity:1;filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);}


.footcontent_center{width:110px;padding:0 30px;position:relative;text-align:center;}
.footcontent_center:before,.footcontent_center:after{content:'';display:block;position:absolute;width:1px;margin:0;padding:0;height:160px;top:20px;box-sizing:border-box;}
.footcontent_center:before{left:0;border-left:1px solid #2e2e2e;}
.footcontent_center:after{right:0;border-left:1px solid #181818;}
.footcontent_center .itemtitle{position:relative;left:-15px;}
.navs{width:100%;margin:0;padding:0;text-align:left;}
.navs li{height:30px;line-height:30px;list-style:none;padding-left:20px;overflow:hidden;}
.navs li a,.navs li a:active,.navs li a:link{color:#ddd;font-size:12px;font-weight:bold;letter-spacing:2px;transition: all .3s;}
.navs li a:hover{color:#666;}



.footcontent_ercode{width:90px;padding:0 40px;text-align:center;position:relative;}
.footcontent_ercode:before,.footcontent_ercode:after{content:'';display:block;position:absolute;width:1px;margin:0;padding:0;height:160px;top:20px;box-sizing:border-box;}
.footcontent_ercode:before{left:0;border-left:1px solid #2e2e2e;}
.footcontent_ercode:after{right:0;border-left:1px solid #181818;}
.footcontent_ercode .itemtitle{position:relative;left:-25px;}
.image-wrap{position: relative;display: inline-block;width:88px;height:88px;opacity:0.8;margin-top:30px;}
.image-wrap:after{content: ' ';width: 100%;height: 100%;position: absolute;top: -3px;left: -2px;border: solid 2px #1b1b1b;-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.wxcode{width:88px;height:88px;border-radius:6px;display:inline-block;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);box-shadow: 0 1px 2px rgba(0,0,0,.4);}
.image-wrap:after{-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);}



.footcontent_right{width:140px;padding-left:40px;text-align:left;position:relative;}
.footcontent_right:before{left:0px;content:'';display:block;position:absolute;width:1px;margin:0;padding:0;height:160px;top:20px;border-left:1px solid #2e2e2e;box-sizing:border-box;}
.footcontent_right .itemtitle{position:relative;left:-25px;}
.telephone,.qq,.email{display:inline-block;width:100%;height:20px;line-height:20px;font-size:14px;text-indent:18px;font-weight:bold;}
.telephone{background:url('../images/ui/foot/tel.png') 0 center no-repeat;}
.qq{background:url('../images/ui/foot/qq.png') 0 center no-repeat;}
.email{background:url('../images/ui/foot/email.png') 0 center no-repeat;}
.telnumber,.qqnumber{display:inline-block;height:24px;line-height:24px;font-size:16px;text-indent:30px;font-weight:bold;margin-bottom:10px;}
.emailnumber{display:inline-block;height:24px;line-height:24px;font-size:12px;text-indent:30px;font-weight:bold;margin-bottom:10px;font-family:SimSun;font-weight:bold;transition: all .3s;}
.qqnumber,.emailnumber{cursor:pointer;}
.footcontent_right a,.footcontent_right a:active,.footcontent_right a:link{color:#bbb;font-size:16px;font-weight:bold;transition: all .3s;}
.footcontent_right a:hover,.qqnumber:hover,.emailnumber:hover{color:#666;}
.number{font-family:'Bodoni MT',LiSu,'Bell MT';font-size:18px;transition: all .3s;}


.beian{width:100%;height:50px;background:#1f1f1f;border-top:1px solid #333;box-sizing:border-box;line-height:50px;text-align:center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
.beian *{color:#525252;margin:0 15px;}
.beian a{transition: all .3s;}
.beian a:hover{color:#aaa;}
.beian .fuhao{font: 12px/1.6 tahoma,arial,"Hiragino Sans GB",\5B8B\4F53,sans-serif;margin:0 5px;}
.gaicon{display:inline-block;width:18px;height:18px;background:url('/images/ui/foot/gongan.png') 0 0 no-repeat;margin:0 2px 0 0;position:relative;top:5px; }