/* GLOBAL STYLES
-------------------------------------------------- */
	
	html,
	body {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    -webkit-font-smoothing: antialiased;
	}
	
	html,
	body,
	div,
	span,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	em,
	img,
	strong,
	sub,
	sup,
	tt,
	dd,
	dl,
	dt,
	form,
	label,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	ul,
	li,
	p,
	a,
	section,
	a {
	    margin: 0;
	    padding: 0;
	    font-weight: normal;
	}
	
	input,
	select,
	textarea {
	    vertical-align: middle;
	}
	
	img {
	    border: 0;
	    margin: 0;
	    padding: 0;
	    display: block;
	}
	
	ul,
	li {
	    list-style-type: none;
	}
	
	a {
	    blr: expression(this.onFocus=this.blur());
	    text-decoration: none;
	}
	
	* {
	    margin: 0;
	    padding: 0;
	    border: 0;
	}
	
	div,
	a {
	    tap-highlight-color: rgba(0, 0, 0, 0);
	    focus-ring-color: rgba(0, 0, 0, 0);
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
	    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
	    -moz-focus-ring-color: rgba(0, 0, 0, 0);
	}
	
	.show-pc {
	    display: block;
	}
	
	.show-phone {
	    display: none;
	}
	
	.container {
	    width: 100%;
	    overflow: hidden;
	}
	
	.content {
	    position: relative;
	    width: 100%;
	}
	
	.content.bg-6 {
	    background-color: #f2f2f2;
	}
	
	.banner {
	    width: 100%;
	    overflow: hidden;
	    background-image: url(../images/banner-bg.jpg);
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
	    background-size: cover;
	    background-position: top right;
	    -ms-behavior: url(css/backgroundsize.min.htc);
	    behavior: url(css/backgroundsize.min.htc);
	    cursor: pointer;
	}
	
	.logo {
	    margin-top: 1%;
	    width: 10.5%;
	}
	
	.banner-txt {
	    float: left;
	    margin-top: 11%;
	    margin-left: 3%;
	    width: 31%;
	}
	
	.banner-cp {
	    float: right;
	    margin-top: -1%;
	    margin-bottom: 1%;
	    width: 55%;
	}
	
	.logo img,
	.banner-txt img,
	.banner-cp img {
	    width: 100%;
	}
	
	.banner-cp img {
	    position: relative;
	}
	/*part1*/
	
	.p1-c1 {
	    margin: 0 auto;
	    width: 55%;
	}
	
	.p1-c11 {
	    float: left;
	    margin-top: 2%;
	    margin-right: 5%;
	    width: 18%;
	}
	
	.p1-c12 {
	    float: left;
	    width: 77%;
	    font-size: 20px;
	    color: #333333;
	    line-height: 1.75em;
	}
	
	.p1-c11 img {
	    width: 100%;
	}
	
	.p1-c2 {
	    margin: 3% auto 0 auto;
	    padding-top: 3%;
	    width: 82%;
	    border-top: 1px solid #ececec;
	    box-sizing: border-box;
	    font-size: 16px;
	    color: #969696;
	    line-height: 1.75em;
	    text-align: center;
	}
	
	.p1-c3 {
	    margin: 3% auto 0 auto;
	    width: 65%;
	}
	
	.p1-c3 li {
	    float: left;
	    padding: 2% 0;
	    width: 23.5%;
	    border: 1px dashed #c6c6c6;
	    box-sizing: border-box;
	}
	
	.p1-c3 li h6 {
	    font-size: 36px;
	    color: #333333;
	    text-align: center;
	}
	
	.p1-c3 li p {
	    font-size: 16px;
	    color: #666666;
	    text-align: center;
	}
	
	.p1-c3 li+li {
	    margin-left: 2%;
	}
	
	.p2-ul {
	    width: 100%;
	    overflow: hidden;
	    list-style: none;
	    margin: 4% auto 0;
	}
	
	.p2-ul li {
	    width: 21%;
	    margin-left: 5%;
	    background-color: #fff;
	    border: 1px dashed #c8c8c8;
	    padding: 4% 0;
	    float: left;
	}
	
	.p2-ul li:first-child {
	    margin-left: 0;
	}
	
	.p2-img {
	    width: 100%;
	    margin: 0 auto;
	    transition: 0.6s;
	    -webkit-transition: 0.6s;
	}
	
	.p2-img img {
	    width: 100%;
	}
	
	.p2-img:hover {
	    transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	}
	
	.p2-t1 {
	    width: 100%;
	    margin: 12% auto 0;
	    font-size: 28px;
	    color: #3cad72;
	    text-align: center;
	}
	
	.p2-t2 {
	    width: 100%;
	    margin: 8% auto 0;
	    text-align: center;
	    color: #666;
	    font-size: 18px;
	    line-height: 1.7em;
	}
	
	.p3-ul {
	    width: 100%;
	    margin: 3% auto 0;
	    overflow: hidden;
	}
	
	.p3-ul li {
	    position: relative;
	    width: 33.2%;
	    float: left;
	    margin-left: 0.2%;
	    padding: 3% 0;
	}
	
	.p3-ul li:first-child {
	    margin-left: 0;
	}
	
	.p3-li1 {
	    background-color: #d8eae6;
	}
	
	.p3-li2 {
	    background-color: #d9e8ee;
	}
	
	.p3-li3 {
	    background-color: #ece6e1;
	}
	
	.p3-img,
	.p3-img img {
	    width: 100%;
	    transition: 0.6s;
	    -webkit-transition: 0.6s;
	}
	
	.p3-img:hover {
	    transform: scale(1.1);
	}
	
	.p3-t1 {
	    width: 100%;
	    margin: 6% auto 0;
	    font-size: 30px;
	    color: #333;
	    text-align: center;
	}
	
	.p3-t2 {
	    width: 100%;
	    margin: 2% auto 0;
	    font-size: 20px;
	    color: #646464;
	    text-align: center;
	    line-height: 1.6em;
	}
	
	.p4-box {
	    width: 49%;
	    float: left;
	    margin-top: 10%;
	}
	
	.p4-title {
	    width: 100%;
	    text-align: center;
	    font-size: 40px;
	    color: #333333;
	    font-weight: 600;
	}
	
	.p4-img {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    width: 43.85%;
	}
	
	.p4-img img {
	    width: 100%;
	}
	
	.p4-ul1 {
	    width: 100%;
	    overflow: hidden;
	    margin: 8% auto 0;
	    list-style: none;
	}
	
	.p4-ul1 li {
	    width: 29.2%;
	    float: left;
	    border: 1px dashed #9cd2b6;
	    text-align: center;
	    font-size: 32px;
	    line-height: 70px;
	    margin-left: 5%;
	    color: #9cd2b6;
	    background-color: #fff;
	}
	
	.p4-ul1 li:first-child {
	    margin-left: 0;
	}
	
	.p4-ul2 {
	    width: 100%;
	    overflow: hidden;
	    margin: 5% auto 0;
	    list-style: none;
	}
	
	.p4-ul2 li {
	    width: 47.7%;
	    padding: 2% 0;
	    margin-left: 2%;
	    margin-bottom: 3%;
	    font-size: 24px;
	    color: #000;
	    text-align: center;
	    border: 1px dashed #bdbdbd;
	    float: left;
	}
	
	.p4-ul2 li span {
	    font-size: 16px;
	    color: #666;
	    display: inline-block;
	}
	
	.p4-ul2 li.ml {
	    margin-left: 0;
	}
	
	.p6-img {
	    width: 92.6%;
	    margin: 6% auto 4%;
	}
	
	.p6-img img {
	    width: 100%;
	}
	
	.s-title {
	    width: 100%;
	    font-size: 20px;
	    color: #333333;
	    text-align: center;
	    margin: 3% auto 0;
	}
	
	.main {
	    position: relative;
	    margin: 0 auto;
	    width: 1400px;
	}
	
	.new-c {
	    position: relative;
	    margin: 0 auto;
	    padding-bottom: 1%;
	    width: 96%;
	}
	
	.new-c img {
	    width: 100%;
	}
	
	.news-list {
	    width: 90%;
	    height: 500px;
	    overflow: hidden;
	    margin: 4% auto 0;
	    padding-bottom: 2%;
	}
	
	.news-list li {
	    position: absolute;
	    z-index: 222;
	    top: 0;
	    left: 0;
	    opacity: 0;
	    transition: all 0.3s ease-out;
	    width: 60%;
	    cursor: pointer;
	}
	
	.news-list .p1 {
	    top: 10%;
	    left: 0%;
	    width: 40%;
	    z-index: 1;
	    opacity: 1;
	}
	
	.news-list .p2 {
	    top: 10%;
	    left: 60%;
	    width: 40%;
	    z-index: 2;
	    opacity: 1;
	}
	
	.news-list .p3 {
	    left: 25%;
	    width: 50%;
	    z-index: 3;
	    opacity: 1;
	}
	
	.news-list .p4 {
	    top: 20%;
	    left: 65%;
	    width: 30%;
	    z-index: 2;
	    opacity: 1;
	}
	
	.news-list .p5,
	.news-list .p6,
	.news-list .p7 {
	    top: 20%;
	    left: 65%;
	    width: 30%;
	    z-index: 1;
	    opacity: 0;
	}
	
	.news-list .p3 .news-cover {
	    display: none;
	}
	
	.news-buttons a .icon-red {
	    background: #e60012;
	}
	
	.news-t {
	    position: absolute;
	    z-index: 111;
	    bottom: 0;
	    left: 0;
	    padding: 2.5% 2%;
	    width: 100%;
	    box-sizing: border-box;
	    font-size: 16px;
	    color: #ffffff;
	    text-align: center;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    background-image: url(../images/newst-bg.png);
	    background-repeat: repeat;
	}
	
	.news-list .p3 .p7-t2 {
	    display: block;
	}
	
	.p7-txt {
	    position: absolute;
	    left: 0%;
	    bottom: 8%;
	    width: 100%;
	}
	
	.p7-t1 {
	    width: 100%;
	    font-size: 32px;
	    color: #fff;
	    text-align: center;
	}
	
	.p7-t2 {
	    width: 90%;
	    margin: 0 auto;
	    text-align: center;
	    font-size: 14px;
	    line-height: 1.7em;
	    color: #fff;
	    margin: 1% auto 0;
	    display: none;
	}
	
	.main h3,
	.title {
	    font-size: 40px;
	    color: #333333;
	    text-align: center;
	    font-weight: bold;
	}
	
	.ptb-60 {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	
	.pt-60 {
	    padding-top: 60px;
	}
	
	.mt-20 {
	    margin-top: 20px !important;
	}
	
	.mt-100,
	.mt-1002 {
	    margin-top: 100px !important;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	
	.clear {
	    clear: both;
	    height: 0;
	    font-size: 0;
	    overflow: hidden;
	}
	
	.dealy-025 {
	    animation-delay: .25s;
	    -webkit-animation-delay: .25s;
	    -ms-animation-delay: .25s;
	    -moz-animation-delay: .25s;
	}
	
	.bottom {
	    width: 100%;
	    height: 60px;
	    background-color: #4d4d4d;
	    text-align: center;
	    font-size: 12px;
	    line-height: 60px;
	    color: #e5e5e5;
	}
	
	.bottom img {
	    vertical-align: middle;
	    display: inline-block;
	    padding-left: 1%;
	    padding-right: 0.5%;
	}
	
	@media (max-width:1599px) {
	    .main {
	        width: 1280px;
	    }
	}
	
	@media (max-width:1024px) {
	    .main {
	        width: 960px;
	    }
	    .p2-t1 {
	        font-size: 24px;
	    }
	    .p2-t2 {
	        font-size: 16px;
	    }
	    .main h3,
	    .title {
	        font-size: 34px;
	    }
	    .p3-t1 {
	        font-size: 24px;
	    }
	    .p3-t2 {
	        font-size: 16px;
	    }
	    .p4-title {
	        font-size: 34px;
	    }
	    .p4-ul1 li {
	        font-size: 26px;
	    }
	    .p4-box {
	        margin-top: 4%;
	    }
	    .p4-ul2 li {
	        font-size: 18px;
	    }
	    .p4-ul2 li span {
	        font-size: 14px;
	    }
	    .news-list {
	        height: 350px;
	    }
	    .p1-c2 {
	        width: 90%;
	    }
	    .p1-c11 {
	        margin-top: 6%;
	    }
	    .p1-c12 {
	        font-size: 18px;
	    }
	}
	
	@media (max-width:768px) {
	    .show-pc {
	        display: none;
	    }
	    .show-phone {
	        display: block;
	    }
	    .main {
	        width: 100%;
	    }
	    .banner-w{
	    	position:relative;
	    	width:100%;
	    }
	    .banner-w img{
	    	width:100%;
	    }
	    .logo{
	    	position:absolute;
	    	left:5.2%;
	    	top:4%;
	    	width:18.4%;
	    }
		.p1-c1{
			width:90%;

		}
		.p1-c11{
			float:none;
			width:20.2%;
			margin:0 auto;
		}
		.ptb-60{
			padding-top:5%;
			padding-bottom:5%;
		}
		.p1-c12{
			width:100%;
			float:none;
			margin:6% auto 0;
		}
		.p1-c2{
			font-size:18px;
			text-align:left;
		}
		.p1-c3{
			width:90%;
			margin:5% auto 0;
		}
		.p2-ul{
			width:90%;
			margin-top:0;
		}
		.p2-ul li{
			width:47%;
			margin-top:5%;
			background-color:#f7f7f7;
		}
		.p2-ul li:nth-child(3){
			margin-left:0;
		}
		.p2-t1{
			margin-top:8%;
		}
		.p2-t2{
			margin-top:4%;
		}
		.pt-60{
			padding-top:5%;
		}
		.p3-ul li{
			width:100%;
			margin-top:1%;
			margin-left:0;
		}
		.p3-img{
			width:44.4%;
			float:left;
			margin-left:5%;
		}
		.p3-t1{
			width:46.6%;
			float: left;
			margin-top:12%;
		}
		.p3-t2{
			width:46.6%;
			float: left;
		}
		.p4-box{
			width:90%;
			margin:0% auto 0;
			float:none;
		}
		.p4-ul2 li span{
			display:block;
		}
		.p4-img{
			position:relative;
			right:0;
			width:69.5%;
			float:right;
			margin-top:3%;
			margin-bottom:-5%;
		}
		.p7-box-w{
			width:100%;
			margin:3% auto 0;
		}
		.p7-list{
			position:relative;
			width:100%;
			margin:2% auto 0;
		}
		.p7-list img{
			width:100%;
		}
		.p7-t{
			position:absolute;
			left:0;
			top:3%;
			width:100%;
		}
		.p7-tt1{
			width:100%;
			text-align:center;
			font-size:30px;
			color:#000;
		}
		.p7-tt2{
			width:100%;
			text-align:center;
			color:#000;
			font-size:18px;
			line-height:1.7em;
			margin:1% auto 0;
		}
		.p7-tt1.cl1{
			color:#fff;
		}
		.p7-tt2.cl2{
			color:#fff;
		}
			.bottom {
			height:auto;
			padding:2% 0;
			line-height:1.8em;
		}
		.bottom span{
			display:block;
		}
	}
	
	@media (max-width:640px) {
		.p1-c12{
			font-size:3.2vw;
		}
		.p1-c2{
			font-size:2.8vw;
		}
		.p1-c3 li h6{
			font-size:4.1vw;
		}
		.p1-c3 li p{
			font-size:2.3vw;
		}
		.p2-t1{
			font-size:3.7vw;
		}
		.p2-t2{
			font-size:2.8vw;
		}
		.p2-ul li{
			margin-left:4.8%;
		}
		.main h3, .title,.p4-title{
			font-size:5.5vw;
		}
		.p3-ul li{
			padding:5% 0;
		}
		.p3-t1{
			width:40.6%;
			font-size:3.8vw;
			margin-top:5%;
			float:right;
			margin-right:8%;
		}
		.p3-t2{
			width:40.6%;
			font-size:2.8vw;
			float:right;
			margin-right:8%;
		}
		.p3-img{
			width:40%;
		}
		.p4-ul1 li{
			line-height:3em;
			font-size:3.8vw;
		}
		.p4-ul2 li{
			font-size:2.8vw;
		}
		.p4-ul2 li span{
			font-size:2.5vw;
			margin-top:3%;
		}
		.s-title{
			font-size:2.8vw;
		}
		.p7-tt1{
			font-size:4.1vw;
		}
		.p7-tt2{
			font-size:2.5vw;
		}
	}