/*  */
body{font-family: PingFang SC,Helvetica Neue,Helvetica,SF Pro Text,Arial,sans-serif;}
h1,h3,p{font-weight: 400;}

.container-width{width: 1200px; margin: 0 auto;}
.o-hidden{overflow: hidden;}
.pd50{padding-top: 76px; padding-bottom: 76px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.index-title{ margin-bottom: 15px; text-align: center;overflow: hidden;}
.index-title h3{ position: relative;z-index: 2; padding-top: 25px; font-size: 48px; color: #071131;}
.index-title h3 span{position: absolute;z-index: -1; top: -5px; left: 0; width: 100%;font-size: 72px;font-weight:900;text-transform: uppercase; color:rgba(0,0,0,0.04);}
/**************** header ****************/
.header{position: absolute;top: 0; left: 0; z-index: 9; width: 100%;  transition: all .3s;    background: #00bfff30;}
/* logo */
.logo {padding: 12px 0; display: block;}
.logo img{ height: 60px;}
/* nav */
.nav {padding-top: 16px;}
.nav ul li{float: left; padding-left:64px;}
.nav ul li a{position: relative; display: block; font-size: 16px; line-height: 40px;padding-bottom: 8px; color: #000;}
.nav ul li a:before{position: absolute;bottom: 0; left: 50%;content: ''; margin-left: -20px; width: 40px; height: 3px; border-radius: 3px; background-color: #000;transition: all .5s;opacity: 0;}
/* hover */
.nav ul li a.on{font-weight:600;}
.nav ul li a.on:before{opacity: 1;}
.nav ul li a:hover:before{opacity: 1;}
/* 状态 */
.fixed{background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.fixed .nav ul li a,
.page-fixed .nav ul li a{color: #071131;}
.fixed .nav ul li a:before,
.page-fixed .nav ul li a:before{background-color: #071131;}
/**************** footer ****************/
.footer{padding: 40px 0; background-color: #006689; }
.footer-left{float: left; width: 65%; color: #fff;}
.footer-left p{line-height: 26px;}
.footer-left h3{ margin-top: 25px; line-height: 26px; font-size: 14px; white-space: nowrap;}
.footer-left a{ color: #B0B1B8;}
.footer-right{float: left; width: 35%; text-align: right;}
.footer-right span{display: inline-block; padding:0 15px; text-align: center; }
.footer-right span img{max-width: 100px; }
.footer-right span p{color: #B0B1B8;line-height: 30px;}
/*window-service*/
.window-service{position: fixed; bottom: 280px; right: 40px; z-index: 9;}
.window-service ul li{position: relative ; background-color: rgba(0,0,0,.5); width: 50px; height: 50px;border-radius:4px; margin-bottom: 13px;color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 14px;line-height: 50px; }
/*  */
.window-service-wx-pic{position: absolute; bottom: -35px; right: 70px; z-index: -1; width: 110px; padding: 12px; background-color: #fff;border-radius:4px;box-shadow:0px 2px 10px 10px rgba(225,225,225,0.2); transition: all .3s;}
.window-service-wx-pic:before{position: absolute;bottom: 50px; right: -10px; content: ""; border-left: 10px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.window-service-wx-pic h3{margin-top: 8px; color: #64697F; font-size: 10px;line-height:18px; transform: scale(.9);}
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover{background-color: rgba(0,0,0,.7);}
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}


.phonehead{padding: 15px 0;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav2 {position:absolute; display: none;right:0px; top:0; height:100%; width:100%; background-color:#fff; z-index: 9999; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav2.open {right:0;}
.nav2 ul {padding-bottom:71px;padding-top: 70px;}
.nav2 li {float:none; padding:0; position:relative;}
.nav2 li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav2 li a:hover:after, .nav2 li.cur > a:after, .nav2 li.on > a:after {display:none;}
.nav2 li.cur > a {background-color:#eee;}	
.nav2 li em.on{transform: rotate(90deg);}
.nav2 li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav2 li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:70px; height:70px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}
.phone{display: none;}