﻿
/* CSS Document */

/*Reset start*/
.fl {
	float: left;
}
.fr {
	float: right;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, legend, button, p, th, td {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
fieldset, img {
	border: none;
}
img {
	vertical-align: top;
	border: 0
}
a {
	text-decoration: none;
	outline: none;
	color: #000;
}
a:hover {
	color: #000;
}
a:focus {
	outline: none;
	color: #000;
}
a:hover, a:visited, a:active, a:link {
	text-decoration: none;
}
ol, ul {
	list-style: none outside none;
	padding: 0;
	margin: 0
}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub, sup {
	font-size: 80%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
var {
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	font-style: normal;
}
var {
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	padding-left: 3px;
}
input, select {
	outline: none;
}
body, button, input, select, textarea {
	font: 12px/1.5 '微软雅黑', Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-style: normal;
}
.clearfix:after {
	content: "\20";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearbox {
	border-top: transparent 0px solid;
	clear: both;
	font-size: 0;
	margin-top: 0px;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}
.mw1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.mw1000 {
	max-width: 1000px;
	margin: 0 auto;
}
em, i {
	font-style: normal;
}
@font-face {
	font-family: fontawesome;/*这里是说明调用来的字体名字*/
	src: url(../font/glyphicons-halflings-regular.woff); /*这里是字体文件路径*/
}
body {
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow-x: hidden;
	background: #fff;
	color: #000;
}
.t{
	width: 100%;
    height: 18px;
    background: #2994e4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.home-banner {
    margin-top: 100px;
}
.bodymain {
	width: 100%;
	overflow: hidden;
	position: relative;
	left: 0;
}
.edit-container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-wrapper, .swiper-slide {
	height: auto !important;
}
.swiper-slide {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 0;
	width: 100%;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	margin: 0 10px;
	cursor: pointer;
}
.swiper-active-switch {
	background: #fff;
}
/*头部*/
.top-cross-bar {
	height: 40px;
	background-color: #f4f5f7;
}
.top-cross-bar .bar-right {
	float: right;
}
.topNavInner {
	height: 85px;
	background-color: #fff;
}
.topNavInner .logo {
	float: left;
}
.topNavInner .navRight {
	float: right;
	margin-top: 0px;
}
.topNavInner .navRight li {
	float: left;
	line-height: 28px;
	position: relative;
}
.topNavInner .navRight>ul{
    margin-right: 30px;
}
.topNavInner .navRight>ul>li{
	height: 84px;
	line-height: 84px;
	margin:0;
    padding: 0 30px;
}
.topNavInner .navRight>ul>li.active,.topNavInner .navRight>ul>li:hover{
    background: #f6f6f6;
    border-radius: 3px;
}
.topNavInner .navRight>ul>li>a {
	/* display: block; */
	padding: 0 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #2c2c2c;
    border-bottom: solid #fff 2px;
}
.topNavInner .navRight>ul>li.active>a, .topNavInner .navRight>ul>li:hover>a{
	color: #2994e4;
    font-weight: bold;
    border-bottom: solid #2994e4 2px;
}
.topNavInner {
    height: 85px;
    background-color: #fff;
    border-bottom: 1px solid #cbd0d3;
}
}
/*mobi 头部及导航*/
.topNavMobi {
	width: 100%;
	height: 60px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	border-bottom: 1px solid #cbd0d3;
}
.topNavMobi .mobiLogo {
	width: 99px;
	margin: 10px 0 4px 10px;
}
.topNavMobi .mobiLogo img {
	display: block;
	width: 105px;
}
.topNavMobi .mobiLogo .jj-logo, .topNavMobi .mobiLogo .jj-logo img{
	width:180px;
	margin-top:10px;
}
.mobirightNav {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../image/mobirightNavBg.png) no-repeat center center;
	background-size: 25px 19px;
	width: 58px;
	height: 60px;
}

.mobirightSearch-box .cont {
	border: 1px solid #cacfd3;
	height: 40px;
	position: relative;
}
.mobi_navfixed {
	position: fixed;
	width: 100%;
	left: -100%;
	bottom: 0;
	height: calc(100% - 60px);
	background: #ffffff;
	z-index: 9999;
	display: none;
	border-top: 2px solid #cbd0d3;
	font-size: 16px;
	font-family: '方正准圆简体';
}
.mobi_navfixed.current {
	left: 0;
}
.navfixed_con {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.navfixed_con li {
	line-height: 68px;
	text-align: center;
	border-bottom: 1px solid #cbd0d3;
	font-size: 16px;
}
.navfixed_con li a {
	display: block;
}
.navfixed_con li a.active {
	color: #2994e4;
}
.navfixed_con li dl {
	display: none;
	background-color: #f2f2f2;
}
.navfixed_con li dl dd {
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e6e6e6;
}
.navfixed_con li dl dd:last-child {
	border: none;
}
.navfixed_con li dl dd a {
	display: block;
	height: 50px;
	line-height: 50px;
}


/*首页 banner*/
/*轮播图*/
.banner {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	display: none;
}
.banner-pics-list li {
	width: 100%;
}
.banner-pics-list li img {
	width: 100%;
}
.banner-tit {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.banner-tit li {
	display: inline-block;
	width: 25px;
	height: 5px;
	background-color: #fff;
	margin-right: 3px;
	cursor: pointer;
}
.banner-tit li.on {
	background-color: #fff;
}
.m_banner {
	display: none;
}
.home-banner .swiper-slide img {
	display: block;
	width: 100%;
}
.home-banner .swiper-pagination-switch {
	width: 11px;
	height: 11px;
	background-color: #fff;
	border-radius: 11px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.home-banner .swiper-active-switch {
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}
.home-banner img {
	width: 100%;
}
.wrapTopNav {
    width: 100%;
    height: 85px;
    position: fixed;
    top: 18px;
    left: 0;
    background: #fff;
    z-index: 100;
    border-bottom: 1px solid #cbd0d3;
}

@media (min-width: 300px) and (max-width: 767px) {

.bodymain {
	padding-top: 60px;
}
.mw1200 {
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.pc_banner {
	display: none;
}
.m_banner {
	display: block;
}
.mainnav_tags span {
	border-radius: 0;
}
/*底部 footer*/
.footer .copyright .links, .footer .copyright .record {
	display: block;
}
.footer .copyright .record {
	font-size: 12px;
	margin: 5px 0 0 0;
}
/*首页 banner*/
.home-banner .swiper-pagination-switch {
	width: 5px;
	height: 5px;
	margin: 0 3px;
    border-radius: 5px;
}
.pagination {
    bottom:-20px;
}
.home-banner{
    margin-top: 0;
}
.wrapTopNav{
    height:auto;
    top: 0px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
.home-banner {
    margin-top: 0px;
}
.wrapTopNav{
    height:auto;
    top: 0px;
}
.mainnav {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainnav ul {
	width: 100%;
	height: 60px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}
.mainnav ul li {
	float: none;
	width: auto;
	padding: 0 20px;
	display: inline-block;
}
.mainnav ul li a {
	font-size: 16px;
}
.bodymain {
	padding-top: 60px;
}
.edit-container {
	width: 750px;
    padding: 0;
}



}
@media (min-width: 992px) and (max-width: 1199px) {

/*头部*/
.topNavInner .logo {
	margin-top: 0px;
}
.topNavInner .logo img {
	/* height: 35px; */
}
.topNavInner .navRight li {
	font-size: 16px;
}


}
@media (min-width: 1200px) {
	.edit-container {
		width: 1200px;
	}
}

/*小屏适配*/
@media (max-width: 640px) {
/*mobi 头部及导航*/
.mobi_navfixed {
	font-size: 14px;
}
.navfixed_con li {
	line-height: 50px;
}

}
.footer{
    width: 100%;
    height: auto;
    background: #246cb9;
    padding:36px 0 0 0;
}
.ft-logo{
    margin-right: 30px;
}
.footer .p1{
    font:14px/12px '微软雅黑';
    margin-bottom: 20px;
}
.footer .p1 a{
    color: #fffefd;
    padding: 0 0 0 30px;
}
.footer .p1 a:after{
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #74a1d2;
    content: "";
    margin-left: 29px;
    position: relative;
    top:2px;
}
.footer .p1 a:last-child:after{
    width: 0;
}
.footer .p2{
    font:14px/27px '微软雅黑';
    color: #ffffff;
    padding-left: 30px;
}
.footer>div{
    padding-bottom: 10px;
}
.ft-right{
    width: 102px;
    margin:24px 45px 0 0 ;
}
.ft-right p{
    font:12px/14px '微软雅黑';
    color: #ffffff;
    margin-top: 12px;
    text-align: center;
}
.footer>p{
    width: 100%;
    height: 34px;
    background: #2061a9;
}
.footer>p span{
    display: block;
    text-align: center;
    font:12px/34px '微软雅黑';
    color: #ffffff;
}
.edit-container{
    width: 100%;
}
.i-al{
    width: 100%;
}
.i-al-ul1 li{
    background: #e8e8e8;
    text-align: center;
    font:14px/39px '微软雅黑';
    color: #000000;
    border-radius: 5px;
    float: left;
}
.i-more{
    text-align: center;
    font:bold 20px/20px '微软雅黑';
    color: #2994e4;
    display: table;
    margin:20px auto;
    border-bottom: solid #2994e4 1px;
    padding-bottom: 1px;
}
.i1{
	width: 100%;
	height: auto;
	padding:0 0 72px 0;
}
.i1-img1{
	display: table;
	margin: 60px auto 0
}
.i1 h3{
	text-align: center;
	font:bold 20px/24px '微软雅黑';
	color: #3d3b3b;
	margin:15px 0 10px 0;
}
.i1 em{
	display: table;
	margin:0 auto 38px;
	width: 100px;
	height: 1px;
	background-color: #a8a8a8;
}
.i1 ul{
	width: 100%;
}
.i1 ul li{
	float: left;
	width: 20%;
	background-image: url(../image/i1-ico.png);
	height: 350px;
	text-align: center;
	background-repeat: no-repeat;
}

.i1 ul li h4{
	text-align: center;
	font:bold 17px/18px '微软雅黑';
	color: #666666;
	margin:0px 0 24px 0;
}
.i1 ul li h5{
	text-align: center;
	font:12px/13px '微软雅黑';
	color: #000000;
	text-transform: uppercase;
	margin:0px 0 44px 0;
}
.i1 ul li a{
    display: block;
    padding-top: 195px;
}
.i1 ul li span{
	text-align: center;
	margin:0 auto;
	width: 106px;
	height: 36px;
	background-color: #2994e4;
	font:13px/36px '微软雅黑';
	color: #ededed;
	border-radius: 3px;
	display: none;
}
.i1 ul li:hover{
	background-image: url(../image/i1-ico-h.png);
	background-color: #f9f9f9;
}
.i1 ul li:hover h4,.i1 ul li:hover h5{
	color: #2994e4;
}
.i1 ul li:hover span{
	display: table;
}
.pc-mbx img{
	vertical-align: middle;
	position: relative;
	top:-2px;
	margin-right: 11px;
}
.pc-mbx{
	font:14px/18px '微软雅黑';
	color: #666666;
	padding: 13px 0 18px 0;
	text-indent: 48px;
}
.pc-mbx a{
	font:14px/18px '微软雅黑';
	color: #666666;
}
/* 建党 */
.jd{
	width: 100%;
	height: auto;
	background: #f5f5f5;
}
.jd-top{
	width: 100%;
	height: auto;
	background: #ffffff;
	border-radius: 5px;
	position: relative;
	padding: 80px 0;
}
.jd-top h2{
	font:bold 39px/46px '微软雅黑';
	color: #2994e4;
	text-transform: uppercase;
	margin-left: 135px;
	margin-bottom: 5px;
}
.jd-top p{
	font:26px/28px '微软雅黑';
	color: #333333;
	margin-left: 135px;
}
.jd-img1{
	position: absolute;
	top:80px;
	left:63px;
}
.jd-img2{
	position: absolute;
	top:74px;
	left:730px;
}
.jd-ul li>a>div{
	position: relative;
}
.jd-ul li>a>div>div{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(41,148,228,.85);
	top:0;
	left:0;
	text-align: center;
}
.jd-ul li h3{
	font:14px/16px '微软雅黑';
	color: #333333;
	text-align: left;
	margin-bottom: 22px;
}
.jd-ul li h2{
	font:bold 24px/60px '微软雅黑';
	color: #333333;
	text-align: left;
}
.jd-ul li>a>div>div h4{
	font:bold 26px/27px '微软雅黑';
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 100px;
}
.jd-ul li>a>div>div h5{
	font:16px/27px '微软雅黑';
	color: #ffffff;
	margin-bottom: 20px;
}
.jd-ul li>a>div>div em{
	
	display: table;
	width: 155px;
	height: 1px;
	background: #fff;
	margin:0 auto 47px;
}
.jd-ul li>a>div>div span{
	display: table;
	width: 148px;
	height: 43px;
	background: #f4fafe;
	margin:0 auto;
	color: #2994e4;
	font:16px/43px '微软雅黑';
	border-radius: 5px;
}
.jd-ul li>a>div>div span img{
    display: none;
}
/* 动画 */
.dh-top ul{
    position: absolute;
    top:132px;
    right:85px;
}
.dh-top ul li{
    width: 155px;
    height: 42px;
    border-radius: 4px;
    float: left;
    text-align: center;
    font:18px/42px '微软雅黑';
    margin:0 18px;
    background: #fff;
    color: #333333;
    box-shadow: 0 0 30px #ccc;
}
.dh-top ul li.on{
    background: #2994e4;
    color: #fff;
}
.xq-video{
    width: 100%;
    max-width: 820px;
    margin:0 auto;
    height: 486px;
    background: #000;
    margin-bottom: 26px;
}
.bjq{
    max-width: 1162px;
    margin:0 auto 52px;
    padding: 44px 84px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.bjq img{
    display: inline-block;
    max-width: 100%;
}
.xq-tj-h2{
    color: #333333;
    font:bold 30px/30px '微软雅黑';
    width: 360px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
    margin:0 auto;
}
.xq-tj-h2:before,.xq-tj-h2:after{
    display: block;
    content: "";
    width: 94px;
    height: 1px;
    background: #000000;
    margin-top: 13px;
}
.xq-tj-h2:before{
    float: left;
}
.xq-tj-h2:after{
    float: right;
}
.xq-con{
    padding-bottom: 80px;
}
.wm{
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 50px 0 0 0;
}
/* 公司介绍 */

@media only screen and (max-width: 767px) {
    .edit-container{
        max-width: 100%;
        padding: 0;
    }
    .footer .p1,.ft-right,.ft-logo,.i-al-ul1,.i-al-ul2 li div{
        display: none;
    }
    .footer .p2{
        font:12px/25px '微软雅黑';
        color: #fff;
        text-align: center;
        padding-left: 0;
    }
    .ft-left,.ft-left>div{
        width: 100%;
    }
    .footer>p{
        text-align: center;
        height: 50px;
        line-height: 50px;
    }
    .footer>p .span1{
        display: none;
    }
    .footer>p .span2{
        font:10px/15px '微软雅黑';
        color: #ffffff;
        text-align: center;
        position:relative;
        top:10px;
    }
    .i-al{
        padding: 0rem 0 1.2rem 0;
        background: #f0f0f0;
    }
    .i-al-ul2{
        width: 6.75rem;
        margin:0 auto;
        display: none;
    }
    .i-al-ul2 li{
        overflow: hidden;
        border-radius: 5px;
        position: relative;
        width: 100%;
        padding: 0 0;
        margin-bottom: .38rem;
    }
    .i-al-ul2 li a{
        display: block;
    }
    .i-al-ul2 li img{
        display: block;
        width: 100%;
    }
    .i-al-ul2 li p{
        height: .9rem;
        width: 100%;
        font:bold .3rem/.9rem '微软雅黑';
        color: #3b3b3b;
        background: #ffffff;
        text-align: center;
    }
    .i-more{
        font:.3rem/.83rem '微软雅黑';
        color: #ffffff;
        width: 3.3rem;
        height: .83rem;
        background: #2994e4;
        border-radius: 3px;
        text-align: center;
        margin:.7rem auto 0;
    }
    .i-al-tit{
        width: 100%;
        height: auto;
        background: #fff;
        padding: .5rem 0 0 0;
    }
     .i-al-tit img{
        display: table;
        margin:0 auto;
        width: 2.65rem;
    }
    .i-al-tit h3{
        font:bold .36rem/.36rem '微软雅黑';
        color: #2994e4;
        text-align: center;
        margin:15px 0 10px 0;
    }
    .i-al-tit em{
        display: table;
        margin:0 auto 0;
        width: 50px;
        height: 1px;
        background: #c5c5c5;
    }
    .i-al-ul3{
        width: 100%;
        background: #fff;
        padding-bottom: .67rem;
        padding-top: .35rem;
    }
    .i-al-ul3 li{
        float: left;
        width: 20%;
        text-align: center;
        padding-top: 1.06rem;
        background-image:url(../image/i-al-ico.png);
        background-size: 7.5rem;
        background-repeat: no-repeat;
        background-position: -.07rem 0;
    }
    .i-al-ul3 li p{
        font:.3rem/.3rem  '微软雅黑';
        color: #000000;
        margin-bottom: .3rem;
    }
    .i-al-ul3 li+li{
        background-position: -1.5rem 0;
    }
    .i-al-ul3 li+li+li{
        background-position: -3rem 0;
    }
    .i-al-ul3 li+li+li+li{
        background-position: -4.5rem 0;
    }
    .i-al-ul3 li+li+li+li+li{
        background-position: -6rem 0;
    }
     .i-al-ul3 li.on:after{
        content: "";
        width: .84rem;
        height: .04rem;
        background: #2994e4;
        border-radius: .04rem;
        display: table;
        margin:0 auto;
     }
     .i1,.pc-mbx{
     	display:none;
     }
     .jd-top{
		padding: .7rem 0;
		margin-bottom: .38rem;
     }
     .jd-img1{
     	width: .55rem;
     	top:.85rem;
     	left:.86rem;
     }
     .jd-top h2{
		font:bold .39rem/.46rem '微软雅黑';
		color: #2994e4;
		text-transform: uppercase;
		margin-left: 1.65rem;
		margin-bottom: 2px;
	}
	.jd-top p{
		font:.26rem/.28rem '微软雅黑';
		color: #333333;
		margin-left: 1.65rem;
	}
	.jd-img2{
		position: absolute;
		top:1.35rem;
		left:5.08rem;
		width: 1.7rem;
	}
	.jd-ul{
		width: 7rem;
		margin:0 auto;
	}
	.jd-ul li>a>div>div{
		display: none;
	}
	.jd-ul li h2{
		font:bold .36rem/.4rem '微软雅黑';
		color: #333333;.1rem10px;
		margin-top: .2rem;
		margin-bottom: .13rem;
	}
	.jd-ul li h3{
		font:.22rem/.32rem '微软雅黑';
		color: #666666;
		margin-bottom: .43rem;
	}
    .dh-ul2{
        width: 5.4rem;
        margin:0 auto .49rem;
    }
    .dh-ul2 li{
        width: 1.5rem;
        margin:0 .35rem;
        float: left;
        font:.36rem/.5rem '微软雅黑';
        color: #333333;
        text-align: center;
        padding-bottom: .15rem;
        border-bottom: solid #f5f5f5 .06rem;
    }
    .dh-ul2 li.on{
        color: #2994e4;
        border-color: #2994e4;
    }
    .sj-ul1{
        width: auto;
        display: table!important;
        margin:0 auto .49rem;
    }
    .sj-ul1 li{
        margin:0 .25rem;
        width: auto;
    }
    .xq-con{
        width: 7rem;
        margin:0 auto;
        border-radius: 5px;
        overflow: hidden;
        padding-bottom: 15px;
    }
    .xq-img1{
        width: 4.4rem;
    }
    .xq-con-top{
        margin-bottom:.28rem;
    }
    .xq-con-top div{
        width: 2.6rem;
        height: 3.3rem;
        background: #fff;
        position: relative;
        padding:.4rem 0 0 .14rem; 
    }
    .xq-con-top div h2{
        font:bold .3rem/.45rem '微软雅黑';
        color: #333333;
        margin-bottom: .4rem;
    }
    .xq-con-top div p{
        font:.24rem/.36rem '微软雅黑';
        color: #333333;
        text-align: left;
    }
    .fh{font:bold .3rem/.45rem '';
        position: absolute;
        display: block;
        bottom:.33rem;
        left:.14rem;
    }
    .fh img{
        display: inline-block;
        width: .43rem;
        margin-right: .17rem;
        vertical-align: middle;
    }
    .fh span{
        display:.2rem/12px '微软雅黑';
        color: #333333;
        text-decoration: underline;
    }
    .xq-video{
        width: 7rem;
        margin:0 auto .56rem;
        height: 4.16rem;
        background: #000;
    }
    .bjq{
        max-width: 7rem;
        margin:0 auto .6rem;
        padding: 22px 0;
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
    }
    .bjq img{
        display: inline-block;
        max-width: 100%;
    }
    .xq-tj-h2{
        color: #333333;
        font:bold .38rem/.38rem '微软雅黑';
        width: 4.48rem;
        letter-spacing: 1px;
        margin-bottom: 10px;
        text-align: center;
        margin:0 auto .4rem;
    }
    .xq-tj-h2:before,.xq-tj-h2:after{
        display: block;
        content: "";
        width: 1.17rem;
        height: 1px;
        background: #000000;
        margin-top: 7px;
    }
    .xq-tj-h2:before{
        float: left;
    }
    .xq-tj-h2:after{
        float: right;
    }
    .wm{
        padding: .55rem 0 0 0;
    }
    .wm-top{
        display: table;
        width: auto;
        margin:0 auto .38rem;
    }
    .wm-top li{
        float: left;
        width: 1.1rem;
        text-align: center;
        margin:0 .15rem;
        position: relative;
    }
    .wm-top li:after{
        content: "";
        display: block;
        width: .84rem;
        height: .02rem;
        background: #fff;
        position: absolute;
        bottom: -.02rem;
        left:50%;
        margin-left: -.42rem;
    }
    .wm-top li img{
        display: table;
        margin:0 auto;
        width: .68rem;
    }
    .wm-top li p{
        font:.22rem/.22rem '微软雅黑';
        color: #000000;
        margin:.18rem 0 .1rem 0;
    }
    .wm-top li.on p{
        font:bold .22rem/.22rem '微软雅黑';
        color: #2994e4;
    }
    .wm-top li.on:after{
        background: #2994e4;
    }

    .gsjs{
        width:100%; 
        height: auto;
        padding: .65rem 0 0 0;
        background: #fff
    }
    .gsjs-top{
        width: 6.55rem;
        margin:0 auto .59rem;
    }
    .gsjs-top div{
        padding:0;
    }
    .gsjs-top img{
        width:100%;
        float: right!important
    }
    .gsjs-top div{
        float: left!important
    }
    .gsjs-top div h2{
        color: #666666;
        font:bold .36rem/.36rem '微软雅黑';
        text-align: left;
    }
    .gsjs-top div h3{
        color: #c9c9c9;
        font:bold .16rem/.16rem '微软雅黑';
        text-align: left;
        text-transform: uppercase;
        margin:.17rem 0 .27rem 0;
    }
    .gsjs-top div p{
        color: #666666;
        font:.22rem/.33rem '微软雅黑';
        text-align: left;
        margin-bottom: .2rem;
    }
    .gsjs-bottom{
        width: 100%;
        height: 8.64rem;
        background: url(../image/wm-gsjs-img3.jpg) no-repeat center top;
        background-size: 100%;
        margin:0 auto;
        padding:1.94rem .4rem 0 .4rem;
    }
    .gsjs-bottom h2{
        font:bold .38rem/.38rem '微软雅黑';
        color: #2994e4;
        margin-bottom: .72rem;
        text-align: center;
    }
     .gsjs-bottom p{
        font:.22rem/.36rem '微软雅黑';
        color: #000000;
        margin-bottom: .5rem;
     }
     .gshj{
        width: 100%;
        padding: .46rem 0 .6rem 0;
        background: #f5f5f5;
     }
     .gshj h2,.ryzs h2{
        color: #666666;
        font:bold .36rem/.36rem '微软雅黑';
        width: 3rem;
        letter-spacing: 1px;
        text-align: center;
        margin:0 auto .2rem;
    }
    .gshj h2:before,.gshj h2:after,.ryzs h2:before,.ryzs h2:after{
        display: block;
        content: "";
        width: .5rem;
        height: 1px;
        background: #585858;
        margin-top: .2rem;
    }
    .gshj h2:before,.ryzs h2:before{
        float: left;
    }
    .gshj h2:after,.ryzs h2:after{
        float: right;
    }
    .gshj h3,.ryzs h3{
        font:bold .16rem/.16rem '微软雅黑';
        text-align: center;
        color: #c9c9c9;
        text-transform: uppercase;
        margin-bottom: .45rem
    }
    .gshj ul{
        width: 7rem;
        margin:0 auto;
    }
    .gshj ul li{
        width: 100%;
        position: relative;
        margin:0 0 .2rem 0;
    }
    .gshj ul li div{
        width: 2.3rem;
        height: .9rem;
        position: absolute;
        top:50%;
        margin-top: -.45rem;
        z-index: 2;
        background: rgba(255,255,255,.72);
    }
    .gshj ul li div p{
        font:bold .26rem/.9rem '微软雅黑';
        color: #666666;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ryzs{
        padding: .49rem 0 .9rem 0;
        background: #f5f5f5;
    }
    .ryzs ul{
        width: 6.66rem;
        height: auto;
        margin:0 auto;
    }
    .ryzs ul li{
        width: 6.66rem;
        padding: .21rem .24rem 0 .24rem;
        background: #fff;
        margin:0 0 .42rem 0; 
        float: left;
        box-shadow: 0px 0 30px #ccc;
    }
    .ryzs ul li img{
        display: block;
        width: 100%;
    }
    .ryzs ul li p{
        text-align: center;
        font:.45rem/1.11rem '微软雅黑';
        color: #666666
    }
    .gsdt{
        width: 100%;
        height: auto;
        background: #f5f5f5;
        padding: .47rem 0 1.8rem 0;
    }
    .gsdt ul{
        width: 7rem;
        margin:0 auto;
    }
    .gsdt ul li{
        width: 3.4rem;
        height: auto;
        background: #ffffff;
        position: relative;
        padding-bottom: .2rem;
        float: left;
        margin:0 .05rem .1rem .05rem;
    }
    .gsdt ul li img{
        display: block;
        width: 100%;
        transition:all .3s;
    }
    .gsdt ul li div{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .gsdt ul li h2{
        color: #333333;
        font:.28rem/.52rem '微软雅黑';
        margin-left: .18rem;
        
    }
    .gsdt ul li h2 em{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 40%;
    }
    .gsdt ul li p{
        color: #999999;
        font:.2rem/.3rem '微软雅黑';
        margin-left: .18rem;
        width: 2.95rem;
    }
    .gsdt ul li span{
        color: #a9a9a9;
        font:.18rem/.52rem '微软雅黑';
        margin-right: 10%;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lxwm{
        width: 100%;
        padding:.76rem 0;
        background: #f5f5f5;
    }
    .lxwm h3{
        margin-bottom: .9rem;
    }
    .lxwm-box{
        width: 7rem;
        margin:0 auto;
    }
    .lxwm-box>img{
        display: table;
        width: 5.7rem;
        margin:0 auto;
    }
    .lxwm-box-right{
        width: 5.6rem;
    }
    .lxwm-box-right div{
        position: relative;
        padding-left: 1rem;
        margin-bottom: .25rem;
    }
    .lxwm-box-right div img{
        position: absolute;
        top:0;
        left:0;
        width: .51rem;
    }
    .lxwm-box-right div h4{
        font:bold .26rem/.26rem '微软雅黑';
        color: #2994e4;
        margin-bottom: .3rem;
    }
    .lxwm-box-right div p{
        font:.26rem/.38rem '微软雅黑';
        color: #000000
    }
    .lx-ewm{
        position: absolute;
        top:0;
        left:auto!important;
        right:30px;
        width: 50px!important;
    }
    .zxxq1{width: 7rem;height: auto;margin:.26rem auto .33rem;background: #fff;padding: 1.11rem 0 0 0;box-shadow: 0 0 5px #ccc;}
    .zxxq1 p{font:.2rem/1.16rem '微软雅黑';color: #666666;text-align: center;}
    #share>div{margin:0;width: 33.33%;height: .9rem;background-image:url(../image/fx-ico.png);background-repeat: no-repeat;background-size: 7rem;background-position: 0 0;position: relative;width: 2.53rem;border-right: solid #dedede 1px;}
    #share>div+div{width: 2.04rem;border-right: solid #dedede 1px;background-position: -2.5rem 0;}
    #share>div+div+div{width: 2.04rem;background-position: -4.5rem 0;border-right: none;}
    .soshm-item-text{display: none;}

    #share>div span img{display: none;}
    .soshm-item.weixin .soshm-item-icon{position:absolute;top:.13rem;left:1.23rem;opacity: 0;
    filter: alpha(opacity=0); }

    .soshm-item.weixintimeline .soshm-item-icon{position:absolute;top:.08rem;left:.72rem;opacity: 0;
    filter: alpha(opacity=0); }

    .soshm-item.qzone .soshm-item-icon {position:absolute;top:.14rem;left:.78rem;opacity: 0;
    filter: alpha(opacity=0); }

    .gsdt2{
        width: 100%;
        padding: .34rem 0;
    }
    .gsdt-xq{
        padding: .5rem 0;
        background: #fff;
        width: 7rem;
        margin:0 auto;
    }
    .gsdt-xq-top {
        position: relative;
    }
    .gsdt-xq-top h4{
        text-align: center;
        font:bold .4rem/.44rem '微软雅黑';
        color: #2993e3;
        max-width: 75%;
        margin:0 auto .22rem;
    }
    .gsdt-xq-top p{
        text-align: center;
        margin-bottom: .4rem;
        font-size: .22rem;
        color: #666666;
    }
    .gsdt-xq-top b{
        font-weight: 400;
        margin-left: 30px;
    }
    .gsdt-xq-top>a{
        display: block;
        position: absolute;
        right:.3rem;
        top:0;
        width: .64rem;
    }
    .gsdt-xq-top>a img{
        width: 100%;
    }
    .gsdt-bjq{
        width: 6.4rem;
        background: #fff;
        margin:0 auto;
        padding: .5rem 0;
        border-top:solid #e5e5e5 1px;
    }
    .gsdt-bjq img{
        display: block;
        max-width: 100%;
    }
    .gsdt-xq>p{
        font:.28rem/.54rem '微软雅黑';
        text-indent: .36rem;
    }
    .gsdt-xq>p a{
        color: #666666;
    }

}
/* Medium devices (landscape tablets, 751px and up) */
@media only screen and (min-width: 768px) {
   
    .ft-logo,.footer>p .span2{
        display: none;
    }
    .dh-top ul{
        top:175px;
    }
    .i-al{
        padding:30px 0 45px 0;
        background:url(../image/i-al-bg-zj.jpg) no-repeat top center;
    }
    .i-al-ul1{
        width: 775px;
        margin:0 auto;
    }
    .i-al-ul1 li{
        width: 125px;
        height: 39px;
        margin:0 15px;
    }
    .i-al-ul2{
        width: 100%;
    }
    .sj-ul2,.indexUl3{
        display: none;
    }
    .i-al-ul3{
        width: 100%;
        display: none;
    }
    .i-al-ul2{
        margin:40px auto 0;
    }
    .i-al-ul2 li{
        width: 46%;
        margin: 0 2% 13px;
        float: left;
        position: relative;
    }
    .i-al-ul2 li img{
        width: 100%;
    }
    .i-al-ul2 li p{
        height: 50px;
        width: 100%;
        font:bold 12px/50px '微软雅黑';
        color: #3b3b3b;
        background: #ffffff;
        text-align: center;
    }
    .i-al-ul2 li div{
        position: absolute;
        top:0;
        left:0;
        background: rgba(41,148,228,.78);
        width: 100%;
        height:100%;
        opacity: 0;
        filter: alpha(opacity=0);
        transition:all .3s;
    }
    .i-al-ul2 li div h2{
        width: 100%;
        font:bold 33px/33px '微软雅黑';
        color: #ffffff;
        text-align: center;
        margin:75px 0 25px 0;

    }
    .i-al-ul2 li div h5{
        font:16px/22px '微软雅黑';
        color: #ffffff;
        text-align: left;
        margin:0 auto;
        width: 275px;
        margin:0 auto;
    }

    .i-al-ul2 li:hover div{
        opacity: 1;
        filter: alpha(opacity=100);
    }
     .i-al-tit img{
        display: table;
        margin:0 auto;
    }
    .i-al-tit h3{
        font:bold 20px/22px '微软雅黑';
        color: #3d3b3b;
        text-align: center;
        margin:15px 0 10px 0;
    }
    .i-al-tit em{
        display: table;
        margin:0 auto 55px;
        width: 100px;
        height: 1px;
        background: #c5c5c5;
    }
    .i-al-ul1 li{
        cursor: pointer;
    }
    .i-al-ul1 li.on,.i-al-ul1 li:hover{
        background: #ffffff;
        color: #2994e4;
        font-weight: bold;
    }
    .i1{
    	display: block;
    }
	.i1>div{
		width: 100%;
		max-width: 750px;
	}
	.i1 ul li{
		background-position: -48px 0 ;
	}
	.i1 ul li+li{
		background-position: -298px 0 ;
	}
	.i1 ul li+li+li{
		background-position: -547px 0 ;
	}
	.i1 ul li+li+li+li{
		background-position: -799px 0 ;
	}
	.i1 ul li+li+li+li+li{
		background-position: -1046px 0 ;
	}
	.jd-img1{
		width: 55px;
	}
	.jd-img2{
		position: absolute;
		top:74px;
		left:540px;
		width: 333px;
	}
	.jd-top{
		margin-bottom: 29px;
	}
    .jd-ul{
        padding: 0 10px;
    }
	.jd-ul li>a>div>div h4{
		font:bold 18px/19px '微软雅黑';
		color: #ffffff;
		margin-bottom: 10px;
		margin-top: 60px;
	}
	.jd-ul li>a>div>div h5{
		font:12px/16px '微软雅黑';
		color: #ffffff;
		margin-bottom: 10px;
	}
	.jd-ul li>a>div>div em{
		
		display: table;
		width: 155px;
		height: 1px;
		background: #fff;
		margin:0 auto 22px;
	}
	.jd-ul li>a>div>div span{
		display: table;
		width: 148px;
		height: 30px;
		background: #f4fafe;
		margin:0 auto;
		color: #2994e4;
		font:12px/30px '微软雅黑';
		border-radius: 5px;
	}
	.jd-ul li>a>div>div{
		display: block;
		opacity: 0;
		filter: alpha(opacity= 0);
		transition:all .3s;
	}
	.jd-ul li:hover>a>div>div{
		opacity: 1;
		filter: alpha(opacity=100);
	}
    .dh-img1{
        width: 65px;
        top: 95px;
        left:40px;
    }
    .xq-con{
        width: 750px;
        margin:0 auto;
        border-radius: 5px;
        overflow: hidden;
    }
    .xq-img1{
        width: 400px;

    }
    .xq-con-top{
        margin-bottom: 28px;
    }
    .xq-con-top div{
        width: 350px;
        height: 300px;
        background: #fff;
        position: relative;
        padding:50px 0 0 35px; 
    }
    .xq-con-top div h2{
        width: 280px;
        font:bold 30px/49px '微软雅黑';
        color: #333333;
        margin-bottom: 15px;
    }
    .xq-con-top div h3{
        width: 250px;
        font:12px/24px '微软雅黑';
        color: #333333;
         margin-bottom: 15px;
    }
    .xq-con-top div p{
        width: 325px;
        font:12px/24px '微软雅黑';
        color: #333333;
        text-align: left;
    }
    .fh{
        position: absolute;
        display: block;
        top:12px;
        right:20px;
    }
    .fh img{
        display: block;
    }
    .fh span{
        display: block;
        font:12px/12px '微软雅黑';
        color: #333333;
        text-decoration: underline;
        margin-top: 18px;
    }
    .wm-top{
        display: table;
        width: auto;
        margin:0 auto 46px;
    }
    .wm-top li{
        float: left;
        width: 74px;
        text-align: center;
        margin:0 20px;
        border-bottom: solid #fff 2px;
    }
    .wm-top li img{
        max-width: 60px;
        display: table;
        margin:0 auto;
    }
    .wm-top li p{
        font:14px/14px '微软雅黑';
        color: #000000;
        margin:19px 0 14px 0;
    }
    .wm-top li.on,.wm-top li:hover{
        border-bottom-color:#2994e4; 
    }
    .wm-top li.on p,.wm-top li:hover p{
        font:bold 14px/14px '微软雅黑';
        color: #2994e4;
    }
    .gsjs{
        width:100%; 
        height: auto;
        padding: 65px 0 75px 0;
        background: #fff
    }
    .gsjs-top{
        width: 750px;
        margin:0 auto 27px;
    }
    .gsjs-top div{
        padding:40px 0 0 20px;
        float: right
    }
    .gsjs-top img{
        width:450px ;
        float: left;
    }
    .gsjs-top div h2{
        color: #666666;
        font:bold 24px/24px '微软雅黑';
        text-align: left;
    }
    .gsjs-top div h3{
        color: #c9c9c9;
        font:bold 16px/16px '微软雅黑';
        text-align: left;
        text-transform: uppercase;
        margin:20px 0 50px 0;
    }
    .gsjs-top div p{
        color: #666666;
        font:14px/28px '微软雅黑';
        text-align: left;
        text-transform: uppercase;
        width: 245px;
    }
    .gsjs-bottom{
        width: 100%;
        height: 484px;
        background: url(../image/wm-gsjs-img2.jpg) no-repeat center top;
        margin:0 auto;
        padding:60px 100px 0 60px;
    }
    .gsjs-bottom h2{
        font:bold 32px/32px '微软雅黑';
        color: #2994e4;
        margin-bottom: 30px;
    }
    .gsjs-bottom em{
        display: block;
        width: 218px;
        height: 1px;
        background: #2994e4;
        margin-bottom: 45px;
    }
     .gsjs-bottom p{
        font:14px/28px '微软雅黑';
        color: #000000;
        margin-bottom: 20px;
     }
     .gshj{
        width: 100%;
        padding: 73px 0 80px 0;
        background: #f5f5f5;
     }
     .gshj h2,.ryzs h2{
        color: #666666;
        font:bold 24px/24px '微软雅黑';
        width: 234px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        text-align: center;
        margin:0 auto 13px;
    }
    .gshj h2:before,.gshj h2:after,.ryzs h2:before,.ryzs h2:after{
        display: block;
        content: "";
        width: 50px;
        height: 1px;
        background: #585858;
        margin-top: 12px;
    }
    .gshj h2:before,.ryzs h2:before{
        float: left;
    }
    .gshj h2:after,.ryzs h2:after{
        float: right;
    }
    .gshj h3,.ryzs h3{
        font:bold 16px/16px '微软雅黑';
        text-align: center;
        color: #c9c9c9;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    .gshj ul{
        width: 750px;
        margin:0 auto;
    }
    .gshj ul li{
        width: 367px;
        position: relative;
        margin:4px;
        float: left;
    }
    .gshj ul li div{
        width: 206px;
        height: 76px;
        position: absolute;
        top:50%;
        margin-top: -38px;
        z-index: 2;
        background: rgba(255,255,255,.72);
    }
    .gshj ul li div p{
        font:bold 24px/76px '微软雅黑';
        color: #666666;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ryzs{
        width: 100%;
        height:auto;
        background: url(../image/ry-bg.jpg) repeat-y center top;
        padding: 73px 0 36px 0;
    }
    .ryzs ul{
        width: 750px;
        height: auto;
        margin:0 auto 40px;
    }
    .ryzs ul li{
        width: 240px;
        padding: 5px 5px 0 5px;
        background: #fff;
        margin:0 3px 23px 3px;
        float: left;
        transition:all .3s;
    }
    .ryzs ul li img{
        display: block;
        width: 100%;
    }
    .ryzs ul li p{
        text-align: center;
        font:16px/35px '微软雅黑';
        color: #666666
    }
    .ryzs ul li:hover{
        box-shadow: 0px 15px 30px #b9defa;
    }
    .gsdt{
        width: 100%;
        height: auto;
        background: #f5f5f5;
        padding: 44px 0 55px 0;
    }
    .gsdt ul{
        width: 750px;
        margin:0 auto;
    }
    .gsdt ul li{
        width: 351px;
        height: auto;
        background: #ffffff;
        position: relative;
        padding-bottom: 35px;
        float: left;
        margin:0 12px 24px 12px;
    }
    .gsdt ul li img{
        display: block;
        width: 100%;
        transition:all .3s;
    }
    .gsdt ul li div{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .gsdt ul li h2{
        color: #333333;
        font:bold 20px/55px '微软雅黑';
        margin-left: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 55px;
    }
    .gsdt ul li p{
        color: #999999;
        font:13px/22px '微软雅黑';
        margin-left: 22px;
        width: 60%;
    }
    .gsdt ul li span{
        color: #a9a9a9;
        font:12px/13px '微软雅黑';
        position: absolute;
        right:25px;
        bottom: 35px;
    }
    .gsdt ul li:hover{
        background: #2994e4;
    }
    .gsdt ul li:hover h2,.gsdt ul li:hover p,.gsdt ul li:hover span{
        color: #fff;
    }
    .gsdt ul li:hover img{
        transform:scale(1.1);
    }
    .lxwm{
        width: 100%;
        padding:73px 0 0 0;
        background: #f5f5f5;
    }
    .lxwm h3{
        margin-bottom: 90px;
    }
    .lxwm-box{
        width: 750px;
        margin:0 auto;
        padding:0 10px;
    }
    .lxwm-box>img{
        display: block;
    }
    .lxwm-box-left h1{
        font:bold 37px/37px '微软雅黑';
        color: #246cb9
    }
    .lxwm-box-left h6{
        font:16px/16px '微软雅黑';
        color: #000000;
        margin:38px 0 26px 0;
    }
    .lxwm-box-left em{
        display: block;
        width: 55px;
        height: 3px;
        background: #246cb9
    }
    .lxwm-box-right div{
        position: relative;
        padding-left: 50px;
        margin-bottom: 25px;
    }
    .lxwm-box-right div img{
        position: absolute;
        top:0;
        left:0;
    }
    .lxwm-box-right div h4{
        font:bold 26px/30px '微软雅黑';
        color: #2993e3;
        margin-bottom: 10px;
    }
    .lxwm-box-right div p{
        font:15px/28px '微软雅黑';
        color: #000000
    }
    .lx-ewm{
        position: absolute;
        top:0;
        left:auto!important;
        right:0;
        display: none;
    }
    .lxwm-box-right div:hover .lx-ewm{
        display: block;
    }
    .gsdt-xq{
        padding: 87px 0 30px 0;
        background: #fff;
        width: 750px;
        margin:0 auto;
    }
    .gsdt-xq-top {
        position: relative;
    }
    .gsdt-xq-top h4{
        text-align: center;
        font:bold 36px/36px '微软雅黑';
        color: #2994e4;
        margin-bottom: 37px;
    }
    .gsdt-xq-top p{
        text-align: center;
    }
    .gsdt-xq-top b{
        font-weight: 400;
        margin-left: 30px;
    }
    .gsdt-xq-top>a{
        display: block;
        position: absolute;
        right:70px;
        top:-9px;
    }
    .gsdt-bjq{
        width: 90%;
        background: #fff;
        margin:0 auto;
        padding: 50px 0;
    }
    .gsdt-bjq img{
        display: inline-block;
        max-width: 100%;
    }
    .gsdt-xq>p{
        font:16px/32px '微软雅黑';
        text-indent: 78px;
    }
    .gsdt-xq>p a{
        color: #666666;
    }
    .gsdt-xq>p:hover a{
        color: #2994e4;
    }
    .fzlc{
        width: 100%;
        padding: 70px 0;
        background: url(../image/fz-xbg.jpg) no-repeat center top;
    }
    .fzlc h3{
        margin-bottom: 18px;
    }
    .fzlc p{
        font:14px/28px '微软雅黑';
        color: #666666;
        text-align: center;
        width: 790px;
        margin:0 auto;
    }
    .fixed_goTop:hover{background-image: url(../image/go-top-h.png);}
    .r_nav_qq:hover{background-image: url(../image/go-wx-h.png);}
    .r_nav_tel:hover{background-image: url(../image/go-phone-h.png);}
    .r_nav_ewm:hover{background-image: url(../image/go-ewm-h.png);}
    .r_nav_li:hover{background-color: #2994e4}
    
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .dh-top ul{
        top:132px;
    }
    .edit-container{
        max-width: 950px;
        margin:0 auto;
        padding: 0;
    }
    .ft-logo{
        display: block;
    }
    .i-al{
        height: 1422px;
        padding:60px 0 75px 0;
        background:url(../image/i-al-bg-zj.jpg) no-repeat top center;
    }
    .i-al-ul1{
        width: 950px;
        margin:0 auto;
    }
    .i-al-ul1 li{
        width: 155px;
    }
    .i-al-ul2{
        width: 796px;
        margin:40px auto 0;
    }
    .i-al-ul2 li{
        margin: 0 14px 23px 14px;
    }
	.i1>div{
		width: 950px;
        max-width: 950px;
	}
	.i1 ul li{
		background-position: -31px 0 ;
	}
	.i1 ul li+li{
		background-position: -283px 0 ;
	}
	.i1 ul li+li+li{
		background-position: -530px 0 ;
	}
	.i1 ul li+li+li+li{
		background-position: -788px 0 ;
	}
	.i1 ul li+li+li+li+li{
		background-position: -1027px 0 ;
	}
	.jd-img2{
		left:540px;
	}
	.xq-con{
        width: 950px;
        margin:0 auto;
        border-radius: 5px;
        overflow: hidden;
    }
    .xq-img1{
        width: 584px;
    }
    .xq-con-top{
        margin-bottom: 28px;
    }
    .xq-con-top div{
        width: 364px;
        height: 438px;
        background: #fff;
        position: relative;
        padding:110px 0 0 35px; 
    }
    .xq-con-top div h2{
        width: 350px;
        font:bold 30px/49px '微软雅黑';
        color: #333333;
        margin-bottom: 30px;
    }
    .xq-con-top div h3{
        width: 325px;
        font:12px/24px '微软雅黑';
        color: #333333;
         margin-bottom: 30px;
    }
    .xq-con-top div p{
        width: 325px;
        font:12px/24px '微软雅黑';
        color: #333333;
        text-align: left;
    }
    .fh{
        position: absolute;
        display: block;
        top:30px;
        right:20px;
    }
    .fh img{
        display: block;
    }
    .fh span{
        display: block;
        font:12px/12px '微软雅黑';
        color: #333333;
        text-decoration: underline;
        margin-top: 18px;
    }
     .wm-top li{
        margin:0 35px;
    }
	.gsjs{
        width:100%; 
        height: auto;
        padding: 65px 0 75px 0;
        background: #fff
    }
    .gsjs-top{
        width: 910px;
        margin:0 auto 27px;
    }
    .gsjs-top img{
        width:510px ;
    }
    .gsjs-top div{
        padding:80px 0 0 35px;
    }
    .gsjs-top div p{
        width: 360px;
    }
    .gsjs-bottom{
        width: 950px;
        height: 484px;
        background: url(../image/wm-gsjs-img2.jpg) no-repeat center top;
        margin:0 auto;
        padding:90px 100px 0 60px;
    }
    .gsjs-bottom h2{
        font:bold 32px/32px '微软雅黑';
        color: #2994e4;
        margin-bottom: 30px;
    }
    .gsjs-bottom em{
        display: block;
        width: 218px;
        height: 1px;
        background: #2994e4;
        margin-bottom: 26px;
    }
     .gsjs-bottom p{
        font:14px/28px '微软雅黑';
        color: #000000;
        margin-bottom: 20px;
     }
     .gshj ul{
        width: 950px;
     }
     .gshj ul li{
        width: 463px;
        margin:6px;
    }
    .gshj ul li div{
        width: 206px;
        height: 76px;
        margin-top: -38px;
    }
    .gshj ul li div p{
        font:bold 24px/76px '微软雅黑';
    }
    .gshj h3{
        margin-bottom: 60px;
    }
    .ryzs{
        width: 100%;
        height:auto;
        background: url(../image/ry-bg.jpg) no-repeat center top;
        padding: 73px 0 30px 0;
    }
    .ryzs ul{
        width: 948px;
        height: auto;
        margin:0 auto;
    }
    .ryzs ul li{
        width: 290px;
        padding: 10px 10px 0 10px;
        margin:0 13px 53px 13px;
    }
    .ryzs ul li p{
        text-align: center;
        font:19px/49px '微软雅黑';
        color: #666666
    }
    .ryzs ul li:hover{
        box-shadow: 0px 15px 30px #b9defa;
    }
    .gsdt ul{
        width: 798px;
        margin:0 auto;
    }
    .gsdt ul li{
        width: 375px;
    }
    .lxwm-box{
        padding:0 0px;
    }
    .gsdt-xq{
        width: 950px;
    }
    .fzlc h3{
        margin-bottom: 18px;
    }
    .fz-con{
        width: 950px;
        position: relative;
        margin:0 auto;
    }
    .fz-con img{
        display: block;
        width: 100%;
    }
    .fz-con div{
        position: absolute;
        padding: 13px 7px;
        background: #fff;
        text-align: center;
        font:12px/22px '微软雅黑';
        border-radius: 5px;
    }
    .fz-con div:hover{
        color: #fff;
        background: #686868;
    }
    .fz-con div.fz1{
        top:196px;
        right:0;
    }
    .fz-con div.fz2{
        top:270px;
        right:267px;
    }
    .fz-con div.fz3{
        top:335px;
        right:440px;
    }
    .fz-con div.fz4{
        top:400px;
        right:720px;
    }
    .fz-con div.fz5{
        top:525px;
        right:0;
    }
    .fz-con div.fz6{
        top:580px;
        right:267px;
    }
    .fz-con div.fz7{
        top:625px;
        right:565px;
    }
    .fz-con div.fz8{
        top:660px;
        right:748px;
    }
    .topNavInner .navRight>ul{
        margin-right: 0;
    }
} 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .edit-container{
        max-width: 1200px;
        margin:0 auto;
        padding: 0;
    }
    .jd-ul{
        padding: 0;
    }
    .topNavInner .navRight>ul{
        margin-right: 30px;
    }
    .i1>div{
    	width: 1200px;
        max-width: 1200px;
    }
    .i-al{
        height: 1065px;
        background:url(../image/i-al-bg.jpg) no-repeat top center;
    }
    .i-al-ul1{
        width: 1075px;
    }
    .i-al-ul1 li{
        width: 155px;
        margin:0 30px;
    }
    .i-al-ul2{
        width: 1194px;
    }
    .i-al-ul2 li{
        width: 370px;
    }
    .i1 ul li{
		background-position: 0px 0 ;
	}
  	.i1 ul li+li{
		background-position: -260px 0 ;
	}
	.i1 ul li+li+li{
		background-position: -505px 0 ;
	}
	.i1 ul li+li+li+li{
		background-position: -755px 0 ;
	}
	.i1 ul li+li+li+li+li{
		background-position: -1005px 0 ;
	}
    .jd-img2{
		left:730px;
	}
	.jd-ul li h3{
		font:14px/16px '微软雅黑';
		margin-bottom: 22px;
	}
	.jd-ul li h2{
		font:bold 24px/60px '微软雅黑';
		text-align: left;
	}
	.jd-ul li>a>div>div h4{
		font:bold 26px/27px '微软雅黑';
		margin-bottom: 20px;
		margin-top: 100px;
	}
	.jd-ul li>a>div>div h5{
		font:16px/27px '微软雅黑';
		margin-bottom: 20px;
	}
	.jd-ul li>a>div>div em{
		margin:0 auto 47px;
	}
    .xq-con{
        width: 1165px;
        margin:0 auto;
        border-radius: 5px;
        overflow: hidden;
    }
    .xq-img1{
        width: 730px;
    }
    .xq-con-top{
        margin-bottom: 28px;
    }
    .xq-con-top div{
        width: 435px;
        height: 548px;
        background: #fff;
        position: relative;
        padding:110px 0 0 35px; 
    }
    .xq-con-top div h2{
        width: 350px;
        font:bold 38px/62px '微软雅黑';
        color: #333333;
        margin-bottom: 40px;
    }
    .xq-con-top div h3{
        width: 325px;
        font:16px/30px '微软雅黑';
        color: #333333;
         margin-bottom: 40px;
    }
    .xq-con-top div p{
        width: 325px;
        font:16px/30px '微软雅黑';
        color: #333333;
        text-align: left;
    }
    .fh{
        position: absolute;
        display: block;
        top:30px;
        right:20px;
    }
    .fh img{
        display: block;
    }
    .fh span{
        display: block;
        font:12px/12px '微软雅黑';
        color: #333333;
        text-decoration: underline;
        margin-top: 18px;
    }
    .gsjs-top{
        width: 1120px;
        margin:0 auto 27px;
    }
    .gsjs-top div{
        padding:80px 0 0 50px;
    }  
    .gsjs-top div p{
        width: 545px;
    }
    .gsjs-bottom{
        width: 1120px;
        height: 484px;
        background: url(../image/wm-gsjs-img2.jpg) no-repeat center top;
        margin:0 auto;
        padding:60px 100px 0 60px;
    }
    .gsjs-bottom h2{
        font:bold 32px/32px '微软雅黑';
        color: #2994e4;
        margin-bottom: 30px;
    }
    .gsjs-bottom em{
        display: block;
        width: 218px;
        height: 1px;
        background: #2994e4;
        margin-bottom: 45px;
    }
     .gsjs-bottom p{
        font:14px/28px '微软雅黑';
        color: #000000;
        margin-bottom: 20px;
     }
     .gshj ul{
        width: 1200px;
     }
     .gshj ul li{
        width: 588px;
    }
    .gshj ul li div{
        width: 206px;
        height: 76px;
        margin-top: -38px;
    }
    .gshj ul li div p{
        font:bold 24px/76px '微软雅黑';
    }
    .ryzs ul{
        width: 978px;
    }
    .ryzs ul li{
        margin:0 18px 53px 18px;
    }
    .gsdt ul{
        width: 1197px;
        margin:0 auto;
    }
    .gsdt-xq{
        width: 1200px;
    }
    .fzlc{
        background: url(../image/fz-bg.jpg) no-repeat center top;
    }
    .fz-con{
        width: 1200px;
        
    }
    .fz-con div.fz1{
        top:245px;
        right:50px;
    }
    .fz-con div.fz2{
        top:345px;
        right:380px;
    }
    .fz-con div.fz3{
        top:440px;
        right:583px;
    }
    .fz-con div.fz4{
        top:508px;
        right:910px;
    }
    .fz-con div.fz5{
        top:670px;
        right:68px;
    }
    .fz-con div.fz6{
        top:735px;
        right:410px;
    }
    .fz-con div.fz7{
        top:790px;
        right:725px;
    }
    .fz-con div.fz8{
        top:830px;
        right:960px;
    }

}

/*返回顶部*/
.r_nav{ position: fixed; right: 3%;bottom: 20%; opacity: 0;filter: alpha(opacity=0);transition: all .5s;z-index: -1;}
.r_nav_li{width: 46px;height: 46px; position: relative;display: block;cursor: pointer;margin-top: 5px;background-color: #fff;border-radius: 3px;}
.r_nav.active {opacity: 1;filter: alpha(opacity=100); z-index: 999;}
.fixed_goTop{background-image: url(../image/go-top.png);background-repeat: no-repeat;}
.r_nav_qq{background-image: url(../image/go-wx.png);}
.r_nav_tel{background-image: url(../image/go-phone.png);}
.r_nav_ewm{background-image: url(../image/go-ewm.png);display: none;}
.r_n_mask{width: auto;white-space:nowrap;position: absolute; right: 64px; bottom: 0; text-align: center;display: none;font-weight: 700;font-size: 20px;}
.r_n_mask p{font-size: 12px;line-height: 16px;margin-top: 10px;}
.r_nav_tel .r_n_mask{color: #333;height: 46px;background: #2994e4;line-height: 46px;color: #fff;padding-left: 5px;padding-right: 5px;font-size: 18px;}
.r_nav_li:hover .r_n_mask{display: block;}
.r_nav.active {opacity: 1;filter: alpha(opacity=100);}

/* page */
.page{display: table;margin:auto;}
.page a{float: left;width: 30px;height:30px;border-radius: 50%;margin:0 5px;font:14px/30px '微软雅黑';color: #666666;text-align: center;}
.page a.current{color: #fff;background: #246cb9;}

/*å†…é¡µåˆ†äº«*/
span.share { margin: 0 8px;}
.sharebtn { width: 16px; height: 14px; display: inline-block; background: url(../image/sprite.png); vertical-align: middle; cursor: pointer }
.weibo { background-position: -24px -101px; }
.weibo:hover { background-position: -24px -132px; }
.weixin { background-position: -61px -101px; }
.weixin:hover { background-position: -61px -132px; }
.mshare { background-position: -98px -101px; }
.mshare:hover { background-position: -98px -131px; }
.commont { background-position: -137px -101px; }
.commont:hover { background-position: -137px -131px; }
.weixinpop_frame_box { margin-bottom: -55px; }

/*weixin pop*/
.weixinpop { width: 217px; height: 274px; background: #fff; position: absolute; color: #929291; line-height: 22px; border: 1px solid #d7d7d7; left: 0; top: 200px; box-shadow: 0 3px 0 rgba(0,0,0,0.12); font-size: 14px; text-align: center; z-index: 1000; }
.weixinpop .t { width: 11px; height: 7px; background: url(http://www.whwmcm.com/images/t.gif); position: absolute; left: 50%; top: -7px; margin-left: -5px; }
.weixinpop img { width: 118px; height: 118px; margin: 10px 10px 5px; }
.quanan .page{margin:70px auto 0;}
.quanan{padding: 0 0 45px  0;}
.sheji .page{margin:0 auto;padding:67px 0 0 0;}
.sj-ul2{padding-bottom: 67px;}
.jiandang .page{margin:70px auto 0;}
.jiandang{padding: 0 0 45px  0;}
.dongtai .page{margin:50px auto 0;}
.donghua .page{margin:0 auto;padding:67px 0 0 0;}
.yingshi .page{margin:0 auto;padding:67px 0 0 0;}
.xq-con-top2{width: 100%;}
.xq-con-top2 div{width: 100%;height: auto;padding: 30px 0 50px 0; margin-top: 45px;margin-bottom: 120px;}
.xq-con-top2 div h2{width: 100%;padding-left: 68px;margin-bottom: 10px;}
.xq-con-top2 div h3{width: 100%;padding-left: 68px;margin-bottom: 20px;}
.xq-con-top2 div p{width: 100%;padding-left: 68px;max-width: 645px;}
.gsdt-xq-top2 h4{color:#000; }
.gsdt-xq2 { padding: 10px 0 1px 0!important;}
.gsdt-xq2-p{margin-bottom: 40px;}
.title-form{float: left;width: 212px;height: 31px;position: relative;margin:25px 0 0 10px;}
.title-form input{width: 212px;border-radius: 31px;padding-left: 13px;font-size: 14px;color: #717171;border:none;height: 31px;}
.title-form button{width: 22px;position: absolute;top:4px;right:4px;background: none}
.title-form button img{width: 100%;}
.topNavMobi{position: relative;}
.m_title_form{display: block;height: 32px;width: 42%;position: absolute;top:50%;left: 39%;margin-top: -12px;}
.m_title_form input{width: 70%;border-radius: 32px;padding-left: 13px;font-size: 14px;color: #717171;border:none;height: 32px;float: left;margin-left: 2%;background: #f5f5f5}
.m_title_form button{width: 22px;position: absolute;top:4px;right:4px;
background: none}
.m_title_form button img{width: 100%;}
.m_title_form select{width: 28%;height: 31px;float: left;border-color: #ccc;color: #000;}
.seach{
    width: 100%;
    min-height: 450px;
    padding-top: 40px;
    margin-bottom:50px;
}
.seach_p1{
    text-align: center;
    color: #2a2a2a;
    font:21px/140px '';
}
@media only screen and (max-width: 767px){
    .xq-con-top2 div h2,.xq-con-top2 div h3,.xq-con-top2 div p{padding-left:.2rem;max-width: 95%;}
    .xq-con-top2 div{margin-bottom: 20px;margin-top: 20px;}
    .xq-con-top2 .fh{bottom:.23rem;}
    .seach{min-height: 250px;}
}
@media only screen and (min-width: 768px) {
    .xq-con-top2 div{margin-bottom: 40px;}
    .seach{min-height: 250px;}

}
@media only screen and (min-width: 992px) {
    .xq-con-top2 div{margin-bottom: 60px;}
    .title-form{float: left;width: 170px;height: 31px;position: relative;margin:25px 0 0 10px;}
    .title-form input{width: 100px;border-radius: 31px;padding-left: 13px;font-size: 14px;color: #717171;border:none;height: 31px;float: left;background: #f5f5f5;margin-left: 10px;}
    .topNavInner .navRight>ul>li{padding:0 15px;}
    .seach{min-height: 450px;}
    .title-form select{width: 60px;height: 31px;float: left;border-color: #ccc;color: #000;}
}
@media only screen and (min-width: 1200px) {
    .xq-con-top2 div{margin-bottom: 120px;}
    .title-form{width: 212px;}
    .title-form input{width: 140px;float: left;margin-left: 12px;}
    .topNavInner .navRight>ul>li{padding:0 30px;}
}


.pager{ width:auto; height:40px; margin:30px auto; text-align:center; line-height:30px; display:table;}
.pager span { border:1px solid #CCCCCC; background-color:White;   font-family:微软雅黑; font-size:15px;  font-weight:bold; padding: 10px 10px; float:left;}
.pager a {
    border: 1px solid #CCCCCC;
    display: block;
    overflow:hidden;
    float: left;
     background-color:White;
     color:#666;
     font-size:15px;
    padding: 10px 10px;   font-family:微软雅黑;  font-weight:bold;
    text-decoration:none;
}
.pager a:hover { border:1 solid #246cb9; background-color:#246cb9; color:#ffffff;  padding: 10px 10px;text-decoration:none;}
.video-js{width: 100%!important;}



.video-js .vjs-big-play-button {
    width: 1.5em!important;
    border-radius: 50%!important;
}
.vjs-big-play-centered .vjs-big-play-button{
    margin-left: -.75em!important;
}
.gsdt ul li h2 em{
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 90%;
}