@charset "utf-8";
body{ min-width: 1200px; background-color: #fff;}
.center1200{width: 1200px; margin: 0px auto;}
.transition{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}

/*header*/
.header{ position: fixed; z-index: 999; width: 100%; height: 76px; background-color: #fff;}
.header .lg{ margin:13px 133px 0 4px;}
.header nav li{ height:74px; float:left; font-size:16px; line-height:76px; padding:0 10px; margin:0 12px; border-bottom:2px solid #fff;}
.header nav li.current{ border-bottom:2px solid #ff3d00;}
.header nav a{ color:#333;}
.header nav a:hover{ color:#f4511e;}
.head-link a{ display: inline-block; padding-left: 30px; height: 76px; font-size:14px; color:#888; line-height:76px;}
a.product-experience{ color: #f4511e;}
.iconfont.icon-tiyanchanpin{ padding-right: 2px; font-size: 28px; vertical-align: middle;}
.product-experience span{ display: none; left: -2px; top: 52px; width: 188px; height: 217px; background: url(../images/index/topcode.png) no-repeat center;}
.product-experience img{ display: block; text-align: center;}
.product-experience img:first-child{ margin:28px auto 9px;}
.product-experience img:last-child{ margin:0 auto;}
.iconfont.icon-ren{ padding-right: 6px; font-size: 25px; }
.product-experience:hover span{ display: block;}
/*fnav*/
.fnav{background-color: #4d4d4d;}
.fnav .center1200{ padding: 36px 0px;}
.fnav dl.footer_logo{ margin:0 110px 0 0;}
.fnav dl.first{ margin-left:0;}
.fnav dl{ margin-right: 100px; float: left;}
.fnav dl dt{height: 22px; line-height: 22px; margin-bottom: 12px; font-size: 16px; color: #fff;}
.fnav dl dd li{height: 24px; line-height: 24px; color: #bfbfbf; font-size: 12px;}
.fnav dl dd li a{color: #bfbfbf;}
.fnav dl dd li a:hover{color: #fff;}
/*footer*/
.footer{background-color: #282c2f; color: #666; line-height: 24px;}
.footer .center1200{padding: 17px 0px; position: relative;}
.footer a{color: #a9a5d5;}
.footer a:hover{color: #f4511e;}
.footer .f-sns{height: 42px; position: absolute; right: 0px; top: 50%; margin-top: -21px;}
.footer .f-sns a{width: 42px; height: 42px; border-radius: 50%; position: relative; float: left; margin-left: 16px; font-size: 26px; line-height: 42px; text-align: center; color: #fff; background-color: #393c3f;}
.footer .f-sns a:hover{color: #f4511e;}
.footer .f-wechat span{display: none; position: absolute; width: 130px; height: 150px; bottom: 52px; left: 50%; margin-left: -81px; background-color: #fff;}
.footer .f-wechat span img{display: block;}
.footer .f-wechat span em{display: block; font-style: normal; font-size: 13px; color: #767f93; line-height: 26px;}
.footer .f-wechat:hover span{display: block;}

.u_circle{ margin: 25px 22px 0 0; display: block; width: 52px; height: 52px; border-radius: 50%; border: 2px solid #4d4d4d; }
.u_circle .iconfont{display: table; margin:2px auto; width: 48px; height: 48px; background-color: #636363; border-radius: 50%; text-align: center; font-size: 34px; color: #fff;}
.icon-weixingongzhonghao:before{ display: table-cell; vertical-align: middle;}
.bottom-code{ display: block; z-index: 99;}
.bottom-code span{ display: none; z-index: 99; top:-202px; left: -63px; width: 188px; height: 217px; background: url(../images/index/bocode.png) no-repeat center; }
.u_circle:hover{ border: 2px solid #999;}
.u_circle:hover .iconfont{ background-color: #999; }
.bottom-code:hover span{ display: block;}
.bottom-code img{ display: block; text-align: center;}
.bottom-code img:first-child{ margin:28px auto 9px;}
.bottom-code img:last-child{ margin:0 auto;}
/*sidebar*/
.sidebar{ width: 60px; height: 130px; position: fixed; top: 269px; right: 30px;}
.sidebar .qq,.sidebar .tel{ cursor: pointer; display: block; width: 60px; height: 60px; background-color: #f4511e;}
.sidebar .qq{ margin-bottom: 10px;}
.sidebar .iconfont,.backto-top .iconfont{ padding-top: 13px; display:block; text-align: center; vertical-align: middle; font-size: 32px; color: #fff;}
.tel span{ display: none; left: -228px; top: -18px; width: 214px; height: 97px; background:url(../images/index/sidebg.png) no-repeat center; }
.tel:hover span{ display: block;}
.tel .h2{ font-size: 14px; color:#666; height: 14px; margin: 23px 0 12px 22px;}
.tel .h3{ font-size: 20px; color: #f4511e; height: 20px; margin-left: 22px;}
.backto-top{ cursor: pointer; position: fixed; top: 409px; right: 30px; width: 60px; height: 60px; background-color: #f4511e;}