﻿@charset "utf-8";
/* 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;}
body {color:#666;font-size:12px;font-family: "微软雅黑";position: relative;/* background: #fafafa;*/}
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{min-width: 1200px;height:117px;position: fixed;top: 0;left: 0;width: 100%;z-index: 200;background-color: #fff;}
.header-top-wrap{min-width: 1200px;height: 31px;border-bottom: #f1f1f1 solid 1px;}
.header-top{width: 1200px;margin: 0 auto;height: 31px;}
.header-top>p{font-size: 12px;color: #888;height: 31px;line-height: 31px;float: left;}
.header-top>p>span{color: #636363;margin-left: 5px;}
.header-top>p>a{color: #636363;}
.header-top>p>a:hover{color: #529981;}
.phone{height: 31px;line-height: 31px;float: right;overflow: hidden;}
.phone>img{vertical-align: middle;margin-bottom:4px;}
.phone>span{font-size: 15px;color: #656565;margin-left: 8px;margin-right: 5px;}
.header-bottem-wrap{min-width: 1200px;height: 84px;border-bottom: #529981 solid 1px;}
.header-bottem{width: 1200px;height: 84px;margin: 0 auto;}
.logo{width: 420px;height: 46px;display: block;float: left;margin-top: 22px;}
.nav{overflow: hidden;height: 60px;float: right;margin-top:23px;}
.nav ul{overflow: hidden;}
.nav ul li{height:60px;float: left;margin-left: 35px;}
.nav ul li:first-child{margin-left: 0px;}
.nav ul li>a{display: block;font-size: 15px;color:#666;line-height: 60px;height: 60px;font-weight: bold;}
.nav ul .on a{color: #529981;}.nav ul li:hover a{color: #529981;}
/*底部*/
.footer{min-width: 1200px;height:270px;background-color: #f5f5f5;}
.footer_box{width: 1200px;margin: 0 auto;position: relative;}
.footer_nav{width: 1010px;float: left;padding-top: 30px;padding-bottom: 20px;border-bottom: #e4e4e4 solid 1px;margin-bottom: 12px;}
.footer_nav>p{font-size: 16px;color: #6D6D6D;line-height: 20px;}
.footer_nav>p>a{color: #333;font-weight: bold;}.footer_nav>p>a:hover{color:#529981;}
.footer_nav>p>span{margin: 0 20px;font-size: 14px;color:#d7d7d7;}
.footer_box>p{font-size: 13px;color: #777;line-height:33px;float: left;width: 1010px;margin-bottom: 2px;}
.footer_box>p>span{margin-left: 15px;}
.footer_box>p>img{vertical-align: middle;margin-left:30px;margin-bottom: 3px;}
.footer_box>p>a{color: #777;margin-left: 15px;position: relative;}.footer_box>p>a:hover{color: #529981;}
.footer_box>p>a>img{vertical-align: middle;margin-bottom: 3px;margin-right: 5px;}
.footer_box>p>a>.fd{width:0px;height: 0px;position: absolute;bottom:13px;left: 0px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.footer_box>p>a:hover>.fd{width: 110px;height: 110px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.wechat{width: 116px;height:142px;font-size: 12px;color: #666666;text-align: center;position: absolute;top: 50px;right: 0px;}
.wechat>img{display: block;margin-bottom: 5px;}
.friendship{min-width: 1200px;height: 92px;background-color: #e8e8e8;clear: both;}
.friendship>p{width: 1200px;height: 46px;line-height: 46px;margin: 0 auto;color: #6D6D6D;}
.friendship>p>a{color: #6D6D6D;margin: 0 20px;}
.friendship>p>a:hover{color: #529981;}
.banner{min-width: 1200px;height: 400px;position: relative;overflow: hidden;margin-top: 117px;}
.banner>img{width: 1920px;height:400px;position: absolute;left: 50%;margin-left: -960px;top: 0px;}
.banner>.b_box{width: 1920px;left: 50%;margin-left: -960px;height: 50px;line-height: 50px;color: #FFFFFF;text-align:right;position: absolute;bottom: 0;background: url(../img/b_p_bg.png)no-repeat;}
.banner p{width: 1200px;margin: 0 auto;}
.banner p>a{font-size: 14px;color: #FFFFFF;}
.banner p>span{margin: 0 5px;}
.index_banner{min-width: 1200px;height: 450px;overflow: hidden;margin-top: 117px;}
.index_play{min-width: 1200px; height:450px;}
.index_play .swiper-button-next{width: 42px;height: 42px;background: url(../img/index_right1.png)no-repeat; right: 370px;top: 35px;margin-top: 0;}
.index_play .swiper-button-next:hover{background-image: url(../img/index_right2.png);}
.index_play .swiper-button-prev{width: 42px;height: 42px;background: url(../img/index_left1.png)no-repeat;left: 370px;top: 35px;margin-top: 0;}
.index_play .swiper-button-prev:hover{background-image: url(../img/index_left2.png);}
.index_play .swiper-slide{width:100%;height: 450px;position: relative;overflow: hidden;}
.index_play .swiper-slide>a{width: 1920px;height:450px;position: absolute;left: 50%;margin-left: -960px;top: 0px;}
.index_play .swiper-slide>a>img{width:100%;height: 100%;}
.ww{width: 1920px;position: absolute;left: 50%;margin-left: -960px;height:42px;top:50%;margin-top: -68px;}

.swiper-container.index_play .feye.swiper-pagination-bullets{bottom:15px;}
.index_play .swiper-pagination-bullet{width:14px;height:14px;background: url(../img/index_dian2.png)no-repeat;background-size: 100% 100%;}
.index_play .swiper-pagination-bullet-active{background: url(../img/index_dian1.png)no-repeat;height:14px;background-size: 100% 100%;}


.border{position: fixed;top:0px;right: 0px;height: 100%;z-index: 210;}
.sidebar_b{position: relative;top: 50%;right: 10px;margin-top: -130px;display:none;}
.sidebar_b li{width: 40px;height: 40px;border-bottom: #FFFFFF solid 1px;}
.sidebar_b li a{display: block;width: 40px;height: 40px;background-color: #529981;position: relative;overflow: hidden;font-size:12px;color: #fff;text-align: center;line-height: 40px;}
.sidebar_b li a>img{display: block;margin: 0 auto;padding-top: 8px;}
.sidebar_b li .wx>span{position: absolute;width:0px;height:0px;overflow: hidden;top: 0;right:45px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.sidebar_b li .wx>span>img{width: 80px;height: 80px;}
.sidebar_b li .wx:hover{overflow: visible;}
.sidebar_b li .wx:hover span{width: 80px;height: 80px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.sidebar_b li .dh>span{width:0px;line-height:40px;height:40px;overflow: hidden;background-color: #529981;color: #fff;font-size: 15px;color: #FFFFFF;right:41px;position: absolute;top: 0;text-align: center;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
.sidebar_b li .dh{overflow: visible;}
.sidebar_b li .dh:hover>span{width:120px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;}
