@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative;}
body{width: 100%; height: 100%; max-width:640px; overflow: hidden; position: relative;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}
a:hover{color: #f7c105 !important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.plr10{padding: 0 10px;}
.wrapper{width: 96%; margin: 0 auto;}
.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.sitecontent{ height: 100%; background: #fff;  position: relative;}
.scrollView{height: calc(100% - 121px); overflow-x: hidden; overflow-y: auto; position: relative;}
.npagePage{min-height: 100%; overflow: hidden; position: relative;}
/*字体*/
@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../font/HELVETICANEUELTPRO-THEX.eot'); src: url('../font/HELVETICANEUELTPRO-THEX.eot?#iefix') format('embedded-opentype'), url('../font/HELVETICANEUELTPRO-THEX.woff') format('woff'), url('../font/HELVETICANEUELTPRO-THEX.ttf') format('truetype'), url('../font/HELVETICANEUELTPRO-THEX.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


.col-sm-6,.col-sm-12,.col-sm-3,.col-sm-2{float: left; min-height: 1px;}
.col-sm-12{width: 100%;}
.col-sm-6{width: 50%;}
.col-sm-2,.col-sm-3{width: 50%;}

.bor1{border: 1px solid #ddd;}
.bor2{border: 1px solid #0085da;}
/*加载特效*/
.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}
.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}
.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}
@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}
/*头部*/
.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999;}
.logo{float: left; height: 34px; margin-top: 8px; margin-left: 10px;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}
.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}
.sp_nav i{display: block; background: #333; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}
.sp_nav i:nth-of-type(1){top: 0;}
.sp_nav i:nth-of-type(2){top: 10px;}
.sp_nav i:nth-of-type(3){top: 20px;}
.sp_nav.sp_nav_se i{background: #fff;}
.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}
.nav{width: 100%; height: 100%; max-width: 900px;background: rgba(1, 132, 205, 0.9); position: fixed; top: -100%; z-index: 4; transition: all .4s; overflow-x: hidden; overflow-y: auto;}
.nav.nav_show{top: 0;}
.nav ul{padding-top: 50px;}
.nav li{margin: 0 8%;}
.nav li a{display: block; height:44px; line-height:44px; font-size: 16px ;color: #fff;}
/*内页菜单*/
.dropmenu{min-height: 40px; margin-bottom: 20px; position: relative; z-index: 3;}
.dropmenu .label{padding: 0 20px; height: 40px; line-height: 40px; background:#0285ce; color: #fff; font-size: 15px;}
.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 12px;}
.dropmenu .label .iconfont:before{content: "\e60e";}
.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}
.dropmenu ul li{width: 100%; border-bottom: 1px solid #0099ee;}
.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #fff; background: rgba(1, 132, 205,.9); font-size: 13px;}
.dropmenu ul li.active a {background: #000; color: #fff;}
.dropmenu.open .label .iconfont{transform: rotate(180deg);}
/*底部*/
.foot_copy{width: 100%; font-size: 13px; line-height: 18px; text-align: center; padding: 10px 0; color: #8e8e8e;background-color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));}
.foot_copy a{color: #8e8e8e;}
.footer{width: 100%; position: relative; z-index: 990;}
.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}
.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}
.footer li a{display: block; width: 100%; height: 100%; color: #666;}
.footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}
.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}