
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
html,body {color:#666;font-size:12px;font-family: "微软雅黑";position: relative;/* background: #fafafa;*/  background:#ffffff;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;font-weight:normal;}
a{color:#666;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
*:focus{outline:0;}
*{margin: 0;padding: 0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.left{ float: left;}
.right{ float: right;}
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
/*头部*/
.header-wrap{width:100%;height:145px;background: url(../image/he_bg.png) no-repeat center bottom;background-size: 100% 100%;z-index: 300;position: fixed;top: 0;left: 0; transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; }
.header-top{min-width: 1200px;height:40px;background: url(../image/h_top.png)no-repeat bottom;}
.header-top-box{width: 1200px;margin: 0 auto;height: 40px;position: relative;}
.header-top-box>p{font-size: 12px;color: #fff;line-height: 40px;}
.header-top-box>.left{margin-left: 160px;}
.header-top-box>p>img{vertical-align: middle;margin:0 15px;margin-bottom:2px;}
.header-top-box>p strong{font-size: 16px;color: #fff;font-weight: bold;}
.header-top-box>p>a{font-size: 12px;color: #fff;}
.header-top-box>p>a>img{vertical-align: middle;margin-bottom: 2px;margin-right: 10px;}
.header-top-box>p>a:hover{color: #eb444b;}
.nav-wrap{width: 1200px;margin: 0 auto;height:105px;overflow: hidden;}
.nav_box{float: left;height: 105px;overflow: hidden;margin-left:160px;width: 220px;}
.nav_box>h2{font-size: 18px;color: #fff;margin-top: 30px;margin-bottom: 10px;}
.nav_box>p{font-size: 12px;color: #fff;}
.logo{display: block;width:136px;height:164px;position: absolute;top: 0;left: 0;}
.logo>img{display: block;width:136px;height:164px;}
.nav{float: left;margin-top:45px;overflow: hidden;height: 60px;}
.nav ul{overflow: hidden;}
.nav ul li{float:left;height: 60px;text-align: center;margin-left:30px;}
.nav ul li a{display: block;height: 58px;font-size: 16px;color: #fff;}
.nav ul li span{display: block;margin: 0 auto;height: 2px;width: 0px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.nav ul .on a{color: #eb444b;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.nav ul li:hover a{color: #eb444b;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.nav ul li:hover span{width: 100%;background-color: #EB444B;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.nav ul .on span{width: 100%;background-color: #EB444B;}
.nav-wrap .right p{font-size: 20px;color: #fff;font-family: arial;overflow: hidden;height: 30px;line-height: 30px;margin-top: 37px;}
.nav-wrap .right p>img{vertical-align: middle;width: 29px;height: 29px;margin-right: 10px;margin-bottom: 2px;}
.ss{min-width: 1200px;height: 40px;padding:25px 0;border-bottom: #e9e9e9 solid 1px;}
.ss_box{width: 1200px;margin: 0 auto;height: 40px;overflow: hidden;}
.ss_box>p{float: left;height: 40px;line-height: 40px;font-size: 16px;color: #666;font-weight: bold;}
.ss_box>p>img{vertical-align: middle;margin-right:15px;margin-bottom: 2px;}
.ss_box>form{width: 600px;display: block;float: right;height: 38px;border: #e9e9e9 solid 1px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;}
.ss_box>form>input{width:550px;float: left;height:38px;line-height: 38px;font-size: 12px;color: #bbbbbb;display: block;border: none;font-family: "微软雅黑";text-indent:3em;margin-left: 8px;}
.ss_box>form>.sub{float: left;width: 40px;height: 38px;float: left;background: url(../image/ss2.png)no-repeat center center;cursor: pointer;margin-left: 0;}
.header-warp1{ background: #fff;height: 105px; display: none; position: fixed; width: 100%; z-index: 100;-webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 10px; -moz-box-shadow: rgba(0,0,0,0.2) 0px -1px 10px; box-shadow: rgba(0,0,0,0.2) 0px -1px 10px;}
.header-warp1 a.logo1{ float: left; height: 105px; width: 297px; display: block;}
.header-warp1 a.logo1 img{ position: relative; top: 50%; margin-top: -25px;}
.header-warp1>div{ width: 1200px; margin: 0 auto;}
.header-warp1 .nav{ float:right; height: 105px; margin-top: 0;}
.header-warp1 .nav ul li a{ color: #333; font-size: 14px;    height: 103px; line-height: 103px;}
.header-warp1 .nav ul li {width: 95px; text-align: center; height: 105px;}
.header-warp1.act{ display: block;}
.header-wrap.hide{height: 0; overflow: hidden;}
.header-warp1 .nav ul li:hover a{color: #eb444b;}
/*底部*/
.footer{min-width: 1200px;height: 240px;overflow: hidden;background-color: #363536;}
.footer_box{width: 1200px;height:135px;position: relative;margin: 0 auto;padding-top: 45px;}
.footer_box ul{float: left;overflow: hidden;}
.footer_box ul li{overflow: hidden;margin-right: 110px;float: left;}
.footer_box ul li h2{font-size: 18px;color: #fff;margin-bottom: 18px;}
.footer_box ul li p{line-height: 24px;max-width: 389px;overflow: hidden;}
.footer_box ul li p a{margin-right: 25px;font-size: 14px;color: #999;}
.footer_box ul li p a:hover{color: #eb444b;}
.f_box{width: 310px;float: left;overflow: hidden;}
.f_box>h2{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 15px;}
.f_box>h2>img{vertical-align: middle;margin-right:10px;margin-bottom: 2px;}
.f_box>p{font-size: 12px;color: #999;line-height: 27px;}
.footer_box>img{width:87px;height:87px;display: block;float: right;}
.copyright{height: 60px;background: #373838;}
.copyright>p{width: 1200px;margin: 0 auto;height: 60px;line-height: 60px;font-size: 14px;color: #999999;}
.copyright>p>a{margin-left: 20px;color: #999999;}
.copyright>p>img{vertical-align: middle;margin-left: 12px;margin-bottom: 2px;}
.copyright>p a:hover{color: #eb444b;}
.copyright>p>span{float: right;}
.copyright>p>span>a{color: #999999;margin: 0 2px;}
.banner{min-width: 1200px;height: 250px;position: relative;overflow: hidden;}
.banner>img{width: 1920px;height: 250px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.banner>p{width: 1200px;position: absolute;left: 50%;margin-left: -600px;bottom: 12px;font-size: 14px;color: #fff;line-height: 26px;}
.banner>p>img{vertical-align: middle;margin-bottom: 2px;margin-right:5px;}
.banner>p>span{margin: 0 5px;}.banner>p>a{color: #fff;}.banner>p>a:hover{color: #007AFF;}
.index_banner{overflow: hidden;min-width: 1200px;height:600px;position: relative;}
.index_play{min-width: 1200px; height:600px;}
.index_play .swiper-button-next{width: 66px;height: 66px;background: url(../image/banner_right1.png)no-repeat; right: 270px;top: 0;margin-top: 0;}
.index_play .swiper-button-next:hover{background-image: url(../image/banner_right2.png);}
.index_play .swiper-button-prev{width: 66px;height: 66px;background: url(../image/banner_left1.png)no-repeat;left: 270px;top: 0;margin-top: 0;}
.index_play .swiper-button-prev:hover{background-image: url(../image/banner_left2.png);}
.index_play .swiper-slide{width:100%;height: 600px;position: relative;overflow: hidden;}
.index_play .swiper-slide>a{width: 1920px;height:600px;;position: absolute;left: 50%;margin-left: -960px;top: 0px;}
.index_play .swiper-slide>a>img{width:100%;height: 100%;}
.index_play .ww{width: 1920px;position: absolute;left: 50%;margin-left: -960px;height:66px;top:54%;margin-top:0px;}
.swiper-container.index_play .feye.swiper-pagination-bullets{bottom:35px;}
.index_play .swiper-pagination-bullet{width:13px;height:13px;background: url(../image/banner_dian.png)no-repeat;background-size: 100% 100%;}
.index_play .swiper-pagination-bullet-active{background: url(../image/banner_dian2.png)no-repeat;background-size: 100% 100%;}
.msg{min-width: 1200px;height:70px;border-bottom: #eee solid 1px;margin-bottom: 50px;}
.msg>ul{width: 1200px;margin:0 auto;height: 70px;text-align: center;}
.msg>ul>li{overflow: hidden;line-height: 70px;height: 70px;display: inline-block;margin: 0 40px;}
.msg>ul>li>a{display: inline-block;font-size: 16px;color: #666;height: 68px;}
.msg>ul>li span{width:0px;height: 2px;margin: 0 auto;display: block;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.msg>ul>li:hover span{width: 30px;background-color: #0944A3;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.msg>ul>li:hover a,.msg>ul>.on a{color: #0944A3;font-weight: bold;}
.msg>ul>.on span{width: 30px;background-color: #0944A3;}

.border{position: fixed;top:0px;right: 0px;height: 100%;z-index: 210;}
.sidebar_b{position: relative;top:60%;right: 7px;margin-top: -130px;display: none;}
.sidebar_b ul li{position: relative;margin-bottom:5px;width: 60px;height: 60px;background-color: #616161;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;}
.sidebar_b ul li a{display: block;width: 60px;height: 60px;position: relative;}
.sidebar_b ul li a>img{display: block;margin: 0 auto;padding-top: 16px;}
.sidebar_b ul li:hover{background-color: #eb444b;}
.sidebar_b ul li a>span{width: 0px;height: 0px;overflow: hidden;position:absolute;top: 0;right:82px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.sidebar_b ul li a>span>img{width: 165px;height: 165px;display: block;}
.sidebar_b ul li:hover .wechat{overflow: visible;}
.sidebar_b ul li:hover .wechat>span{width: 165px;height: 165px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}








