@charset "utf-8";
body,html{margin: 0px;padding: 0px;font-family: "微软雅黑";font-size: 14px;line-height: 1.42857143;color: #393939;}
body{overflow-x: hidden; min-width: 1200px;}
.main img{height: auto;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
p {line-height: 1.42857143;font-family: "微软雅黑";margin: 0px;padding: 0px;}
a{text-decoration:none;outline:none;}
a:link,a:visited {text-decoration: none;}
ul{padding: 0px;height: auto;overflow: hidden;}
ul li {flex: 1;text-align: center;list-style: none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li,dl,dt,dd{margin:0;list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.fl{float: left;}
.fr{float: right;}
header{background-color: #28323f;}
.js_top{width: 100%; height: 30px; font-size: 12px; line-height: 30px; color:#000; }
.js_top .company_seo{width:1200px; margin: 0 auto;}
.js_top .company_txt{color:#fff;opacity:0.4;}
.js_top .seo_bd{color:#fff;opacity:0.4;}
.js_top .seo_bd span a{color:#fff;opacity:0.4;}
.js_logo_tel{width: 1200px; height: 123px; margin: 0 auto;}
.js_logo_tel .js_logo{padding: 28px 0 0;}
.js_logo_tel .js_logo h1{float:left;display: inline-block;}
.js_logo_tel .company_intro{margin-top:14px;padding-left:10px;background: url(../images/allicon.png) no-repeat -267px -3px; }
.js_logo_tel .company_intro p{font-size: 18px;color: #ffffff; opacity:0.6;}
.js_logo_tel .company_intro span{opacity:0.5;color:#ffffff;}
.js_logo_tel .js_tel{position:relative;height:60px;padding-left:60px;margin-top:39px;margin-right:32px;}
.js_logo_tel .js_tel::after{position: absolute;top: 0;left: 0;width:57px;height:60px;background: url(../images/allicon.png) no-repeat -146px 1px;content:'';}
.js_logo_tel .js_tel p{font-size: 15px; color: #fff; opacity:0.4;}
.js_logo_tel .js_tel span{font-size: 24px; color: #fff;opacity:0.6; display: block;}

nav{height: 52px; background-color:#212934;text-align: center;}
.navbar{width:1200px;margin:0 auto;font-size: 18px;}
.navbar ul{display: flex;height: 52px;}
.navbar ul li{position: relative;flex:1;transform-style: preserve-3d;transition: all 0.2s;}
.navbar ul li:last-child{border-right: none;}
.navbar ul li a{display: block;height: 52px;line-height:52px;}
.navbar ul li:hover { cursor: pointer;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);}
.home, .web_home {position: absolute;top: 0;left: 0;width: 100%;height: 100%;perspective: 300px; -webkit-perspective: 300px;-moz-perspective: 300px;-ms-perspective: 300px;perspective: 300px;}
.home {background-color: #212934;z-index: 11;-webkit-transform: translateZ(25px);-moz-transform: translateZ(25px);-ms-transform: translateZ(25px);transform: translateZ(25px);color: #ffffff;}
.web_home { background-color: #e16d07; -webkit-transform: translateY(25px) rotateX(-90deg);-moz-transform: translateY(25px) rotateX(-90deg);-ms-transform: translateY(25px) rotateX(-90deg);transform: translateY(25px) rotateX(-90deg);color:#ffffff;}


.bannerEffect .tp-bullets.simplebullets.round .bullet {width: 10px !important;height: 10px !important;border-radius: 30px;margin: 0 5px;}

footer{padding:25px 0;background-color: #212934;}
.footer_bg{width:1200px;margin:0 auto;background: url(../images/footer_bg.png) no-repeat right center;}
.footer_menu{width: 1200px;margin: 0 auto;padding:10px 0;}
.footer_menu p{margin-bottom:2px;text-align: center;color:#ece9e9;}
.footer_menu p a{padding-right:5px;color:#ece9e9;}
.footer_menu p a:hover{color:#ece9e9;}
.footer_menu p a:after{content: '||';padding-left: 8px;}
.footer_menu p a:hover::after{color:#ece9e9}
.footer_menu p a:last-child:after{content:'';}
.footer_menu p.footer_menu_list{margin-bottom: 15px;}



.toolbar{width: 50px;position: fixed;right: 15px;top: 44%;z-index: 999;}
.toolbar dd { width: 50px; height: 50px;margin-bottom: 1px; position: relative;/* background: url(../images/black20.png) repeat 0 0; */background-color:#e16d07;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 50px; line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;box-sizing: content-box;}
.toolbar .pop {position: absolute;right: 90px;top: -51px;background:#212934;display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;margin: 20px 20px 0;}
.toolbar .pop-code h3 {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: 0 -47px;}
.toolbar .qq a {width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover {background:#212934;}
.toolbar .tel span {background-position: 0 0;}
.toolbar .tel:hover {background: #212934;}
.toolbar .code span {background-position: 0 -95px;}
.toolbar .code:hover {background: #212934;}
.toolbar .top span {background-position: 0 -142px;}
.toolbar .top:hover {background: #212934;}