@charset "utf-8";



/* CSS Document */



* {

	margin: 0;

	padding: 0;

	/*去移动端点击阴影*/

	-webkit-tap-highlight-color: transparent;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



html,

body {

	-webkit-text-size-adjust: none;

}



em,

i,

s,

b,

u {

	text-decoration: none;

	font-style: normal;

	font-weight: normal;

}



body{

	display: block;

	width: 100%;

	font-size: 14px;

	color: #333;

	font-family:"微软雅黑";

	background: #fff;

	-webkit-text-size-adjust: none;

	overflow-x: hidden;

	position: relative;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



form {

	display: inline-block;

}



ul,

ol {

	list-style: none;

}



a {

	text-decoration: none;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}



a:hover,

a:active,

a:focus {

	text-decoration: none;

}



img {

	vertical-align: middle;

	border: 0;

	-ms-interpolation-mode: bicubic;

}







button,

input,

select,

textarea {

	font-size: 100%;

	vertical-align: middle;

	outline: none;

}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; }

input[type="number"]{-moz-appearance:textfield;/* firefox */}



/*去掉右下角斜线*/



textarea {

	resize: none;

}

textarea::-webkit-input-placeholder{

	font-family: "微软雅黑";

	color: #999;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	cursor: pointer;

	-webkit-appearance: button;

	-moz-appearance: button;

}



input,

textarea {

	border: none;

	border-radius: 0;

	font-size: 14px;

	-webkit-appearance: none;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}



input::-webkit-input-placeholder {

	color: #999;

}



input:-moz-placeholder {

	color: #999;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	padding: 0;

	border: 0;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



input,

label {

	vertical-align: middle;

}

.clear{

	clear: both;

}

.clear::after{

	content: "";

	display: block;

	height: 0;

	clear: both;

}

.Maximg img{

	width: 100%;

	height: 100%;

}

.maximg img{

	max-height: 100%;

	max-width: 100%;

}

.maxwimg img{

	width: 100%;

	height: auto;

}

.maxhimg img{

	width: auto;

	height: 100%;

}

.over1{

	white-space:nowrap; 

	text-overflow:ellipsis; 

	overflow: hidden;

}

.over2{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.over3{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.zhong{

	text-align: center;

    vertical-align: middle;

    justify-content: center;

    align-items: center;

    display: flex;

}

.width{

	width: 1200px;

	margin: 0 auto;

	height: auto;

}

.wid1300{

	width: 1300px;

	margin: 0 auto;

	height: auto;

}

.clear::after{

	content: "";

	height: 0;

	display: block;

	clear: both;

}

.float_left{

	float: left;

}

.float_right{

	float: right;

}

.alignLeft{

	text-align: left;

}

.alignCent{

	text-align: center;

}



/*公用结构*/

.headerTop{

	display: block;

	width: 100%;

	height: auto;

	min-height: 42px;

	background-color: #2664af;

	text-align: right;

	font-size: 0px;

	color: #ffffff;

	font-family: "[SourceHanSansCN]";

	line-height: 30px;

	padding: 6px 0;

}

.headerTop>div{

	display: inline-block;

	margin: 0 15px;

	font-size: 16px;

}

.headerTop>div a{

	color: #fff;

}

.headerTop>div a:hover{

	color: #269e20;

}

.headerTop>div img{

	margin-right: 8px;

}

.headerTop>div.headerTop-swi{

	margin: 0 36px 0 8px;

	padding-left: 20px;

	/*padding-right: 16px;*/

	background-repeat: no-repeat;

	background-position: right center;

	background-size: auto;

	/*background-image: url(../images/head-03.png);*/

	position: relative;

	cursor: pointer;

	font-family: "[SourceHanSansCN]";

	color: #fff;

}

.headerTop>div.headerTop-swi::before{

	content: "";

	display: block;

	width: 1px;

	height: 14px;

	background: #fff;

	opacity: 0.25;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.headerTop>div.headerTop-swi span{

	color: #fff;

	opacity: 0.8;

	margin-right: 6px;

}

.headerTop>div.headerTop-swi a{

	/*position: absolute;

	right: 0;

	top: 100%;*/

	display: inline-block;

	padding: 0 6px;

	opacity: 0.6;

	/*color: #2664af;

	line-height: 28px;

	height: 40px;

	padding: 12px 8px 0;

	z-index: 19;*/

}

.headerTop>div.headerTop-swi a:hover{

	color: #56e54f;

	opacity: 0.8;

}

/*.headerTop>div.headerTop-swi:hover a{

	display: block;

}*/

.header{

	display: block;

	width: 100%;

	height: 92px;

	background-color: #ffffff;

	background-repeat: repeat-x;

	background-position: left bottom;

	background-image: url(../images/head_02.png);

	position: relative;

	padding: 0 36px 0 58px;

	min-width: 1300px;

}

.logo{

	display: inline-block;

	width: auto;

	height: 90px;

	padding: 16px 0;

}

.logo img{

	display: block;

}

.search{

	display: inline-block;

	float: right;

	height: 100%;

	width: 22px;

	height: 30px;

	padding: 4px 0;

	cursor: pointer;

	margin-top: 30px;

	vertical-align: top;

}

.search-form{

	display: none;

	width: 428px;

	height: 60px;

	position: absolute;

	top: 100%;

	right: 36px;

	z-index: 80;

	background-color: #fff;

	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);

	padding: 10px 14px 10px 54px;

	background-repeat: no-repeat;

	background-position: 18px center;

	background-image: url(../images/head-06.png);

	font-size: 0;

}

.search-form input{

	display: inline-block;

	width: 260px;

	height: 100%;

	font-size: 16px;

	color: #333;

	vertical-align: top;

	background: none;

	border: none;

}

.search-form button{

	display: inline-block;

	vertical-align: top;

	background-color: #2664af;

	border: none;

	width: 80px;

	height: 100%;

	border-radius: 4px;

	font-size: 16px;

	color: #fff;

	margin-left: 20px;

}

.menu{

	display: inline-block;

	float: right;

	width: auto;

	height: 92px;

}

.menu>li{

	float: left;

	position: relative;

	height: 100%;

	width: auto;

}

.menu>li>a{

	display: block;

	width: auto;

	height: 90px;

	line-height: 90px;

	font-size: 16px;

	color: #333333;

	padding: 0 40px;

	position: relative;

}

@media screen and (max-width:1700px){

	.menu>li{

		margin: 0 0;

	}

	.menu>li>a{

		padding: 0 30px;

	}

}

@media screen and (max-width:1550px){

	.menu>li{

		margin: 0 0px;

	}

	.menu>li>a{

		padding: 0 25px;

	}

}

@media screen and (max-width:1440px){

	.menu>li{

		margin: 0 0px;

	}

	.menu>li>a{

		padding: 0 20px;

	}

}

@media screen and (max-width:1400px){

	.menu>li{

		margin: 0 0px;

	}

	.menu>li>a{

		padding: 0 20px;

	}

}

@media screen and (max-width:1340px){

	.menu>li{

		margin: 0 0px;

	}

	.menu>li>a{

		padding: 0 20px;

	}

}



.menu>li:hover>a{

	background-color: #f8f8f8;

}

.menu>li>a.active{

	background-color: #f4f4f4;

}

.menu>li>a>span{

	display: none;

	width: 18px;

	height: 18px;

	position: absolute;

	bottom: -9px;

	left: 50%;

	margin-left: -9px;

	z-index: 199;

}

.menu>li>a>span img{

	display: block;

	max-width: 100%;

	max-height: 100%;

}

.menu>li:hover>a>span{

	display: block;

}

.menu>li>a.active>span{

	display: block;

}

.menu>li>ul{

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -86px;

	width: 172px;

	height: auto;

	padding: 16px 0;

	z-index: 99;

	background-color: #2664af;

	display: none;

}

.menu>li:hover>ul{

	display: block;

}

.menu>li>ul>li>a{

	display: block;

	width: 100%;

	height: auto;

	min-height: 44px;

	font-size: 14px;

	color: #fff;

	padding: 8px 18px;

	line-height: 28px;

	/*text-align: center;*/

}

.menu>li>ul>li>a:hover{

	background-color: #3380dd;

}

.footerBot{

	display: block;

	background-color: #2664af;

	font-size: 14px;

	color: #ffffff;

	line-height: 10px;

	padding: 10px 0;

}

.footerBot1{

	display: block;

	background-color: #2664af;

	font-size: 10px;

	color: #ffffff;

	line-height: 10px;

	padding: 10px 0;

}

.footer{

	display: block;

	height: auto;

	width: 100%;

	position: relative;

	padding: 38px 0 50px;

}

.footer-right-bg{

	display: block;

	width: 66%;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	z-index: -1;

	background-color: #eaede6;

}

.footer-left-bg{

	display: block;

	width: 34%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	background-color: #f2f4ef;

	background-repeat: no-repeat;

	background-position: -83px center;

	background-size: auto;

	background-image: url(../images/footer_05.png);

}

.footer-logo{

	display: inline-block;

	float: left;

	margin: 60px 60px 60px 0px;

}

.footer-cont{

	display: inline-block;

	float: right;

	font-size: 14px;

	color: #000000;

	line-height: 30px;

	position: relative;

}

.footer-cont p span{

	color: #6b6d69;

}

.footer-cont p a{

	color: #6b6d69;

}

.footer-cont h3{

	margin: 4px 0 8px;

}

.footer-cont h2{

	font-size: 18px;

	line-height: 28px;

}

.footer-cont::before{

	content: "";

	display: block;

	width: 2px;

	height: 100%;

	position: absolute;

	left: -30px;

	top: -5px;

	background: #2664fa;

}

.footer-cont-but{

	display: block;

	width: 100%;

	font-size: 0;

	margin-top: 18px;

}

.footer-cont-but a{

	display: inline-block;

	vertical-align: top;

	width: 146px;

	height: 38px;

	border-radius: 4px;

	text-align: center;

	line-height: 38px;

	font-size: 13px;

	color: #fff;

	background-color: #0173af;

}

.footer-cont-but a img{

	margin-left: 6px;

}

.footer-cont-but a:first-child{

	margin-right: 10px;

}

.footer-cont-but a:last-child{

	background-color: #2664af;

}

.footer-cont-but a:hover{

	background-color: #2664af;

}

.footer-menu{

	display: inline-block;

	float: left;

	margin-right: 40px;

	font-size: 14px;

	line-height: 24px;

	color: #50514e;

}

.footer-menu h2{

	font-size: 18px;

	line-height: 28px;

	color: #000000;

	margin-bottom: 20px;

}

.footer-menu li{

	margin-bottom: 14px;

}

.footer-menu li a{

	color: #50514e;

	display: block;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-position: left 7px;

	background-image: url(../images/footer-02.png);

}

.footer-menu li a:hover{

	color: #2664af;

	background-image: url(../images/footer-03.png);

}

.footer .width{

	position: relative;

}

.footer .width::before{

	content: "";

	display: block;

	width: 600px;

	height: calc(100% + 88px);

	background: #d0efff;

	position: absolute;

	left: 412px;

	top: -38px;

	z-index: -1;

}

.rightMenu{

	display: block;

	width: 70px;

	height: auto;

	position: fixed;

	right: 6px;

	top: 40%;

	z-index: 90;

}

.rightMenu li{

	position: relative;

	margin-bottom: 1px;

}

.rightMenu li>a{

	display: block;

	width: 70px;

	height: 70px;

	background-color: #269e20;

	text-align: center;

	color: #fff;

	font-size: 13px;

	line-height: 24px;

	transition: all 0.3s;

	padding: 1px;

}

.rightMenu li:nth-child(1)>a p,

.rightMenu li:nth-child(2)>a p{

	display: none;

}



.rightMenu li>a span{

	display: block;

	width: 100%;

	height: 26px;

	text-align: center;

	margin: 22px 0 4px;

}

.rightMenu li>a:hover{

	background-color: #2664af;

}

.rightMenu li.zhiding>a{

	margin-top: 6px;

	background-color: #dcdcdc;

	color: #484747;

	font-size: 14px;

	text-transform: uppercase;

	padding-top: 32px;

	background-repeat: no-repeat;

	background-position: center 20px;

	background-image: url(../images/rigthnav-03.png);

}

.rightMenu li.zhiding>a:hover{

	background-color: #2664af;

	color: #fff;

	background-image: url(../images/rigthnav-04.png);

}

.rightMenu-ewm{

	display: block;

	width: 100px;

	height: 100px;

	position: absolute;

	right: 80px;

	top: 50%;

	margin-top: -50px;

	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);

}

.rightMenu-phone{

	display: block;

	width: 200px;

	height: 92px;

	position: absolute;

	right: 80px;

	top: 50%;

	margin-top: -23px;

	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);

	background-color: #269e20;

	border-radius: 4px;

	text-align: center;

	line-height: 46px;

	font-size: 18px;

	color: #fff;

}

.rightMenu li>div{

	transition: all 0.4s;

	opacity: 0;

	transform: scale(0);

}

.rightMenu li:hover>div{

	opacity: 1;

	transform: scale(1);

}

.banner{

	display: block;

	width: 100%;

	height: 310px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

	line-height: 310px;

	color: #fff;

}

.banner h3{

	font-weight: bold;

}







@media screen and (max-width: 1366px) {

    .footer-left-bg {

        width: 28%;

        background-position: -348px center;

    }

    .footer-right-bg{

       width: 72%;

    }

}



@media screen and (max-width: 1440px) {

    .footer-left-bg {

        width: 29%;

        background-position: -323px center;

    }

    .footer-right-bg{

       width: 71%;

    }

}



@media screen and (max-width: 1600px) {

    .footer-left-bg {

        width: 32%;

        background-position: -240px center;

    }

    .footer-right-bg{

       width: 68%;

    }

}







/*end*/