/*初始化样式*/
html {
	margin: 0;
	padding: 0;
	border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #fff;
	color: #666;
	position: relative;
	font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
	vertical-align: baseline;
	width: 100%;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	outline: none;
}

a:link {
	color: #666;
}

a:visited {
	color: #666;
}

a:hover,
a:active,
a:focus {
	color: #f7b71d;
	text-decoration: none;
	outline: none;
}

input {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei';
}

img {
	border: none;
	background: none;
	vertical-align: middle;
}

ul,
ol,
li {
	list-style-type: none;
}

select,
input,
img,
select {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table,
th,
td {
	vertical-align: middle
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.clearfix {
	zoom: 1
}

.clearboth {
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
	font-size: 0px;
}

h1,
h2,
h3,
h4 {
	font-size: 12px;
	font-weight: bold;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0;
}

/*----- Common css ------*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}


/*滚动*/
#demo {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

#indemo {
	float: left;
	width: 800% !important;
}

#demo1 {
	float: left;
}

#demo2 {
	float: left;
}

#m_demo {
	overflow: hidden;
	width: 92%;
	margin: 0 auto;
}

#m_indemo {
	float: left;
	width: 800% !important;
}

#m_demo1 {
	float: left;
}

#m_demo2 {
	float: left;
}


.wh {
	width: 1200px;
	margin: 0 auto;
}

.pos {
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}

.com-img {
	display: inline;
	overflow: hidden;
	margin: 0 auto;
	display: table;
}

.com-img img {
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
}

.com-img:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}



.heads {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	height: 130px;
	background: #fff;
}

.out {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	height: 130px;
	justify-content: space-between;
}

.logo {
	border-right: 2px solid #03ad4c;
	padding-right: 17px;
	line-height: 63px;
}

.heads-1 {
	padding-top: 3px;
	width: 252px;
}

.heads-1 h1 {
	font-size: 16px;
	font-weight: 100;
}

.heads-1 p {
	font-size: 14px;
}

p {
	margin-bottom: 0;
}

.container {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}


/*导航栏样式*/
.nav li {
	text-align: center;
	float: left;
	position: relative;
	z-index: 999;
	width: 94px;
}

.nav li a {
	display: block;
	padding: 0;
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #e15616;
}

.nav .sec {
	height: 0;
	background: #f9b800;
	color: #323232;
	overflow: hidden;
	z-index: 9999;
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
}

.nav .sec a {
	background: #fff;
	color: #323232;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
}

.nav .sec a:hover {
	background: #eeeeee;
	text-decoration: none;
	color: #03ad4c;
}

.nav .sec a:hover .

/* 导航样式 */
.out_nav {

	width: 1200px;
	margin: 0 auto;
}

.nav {
	width:570px;
	float: left;
}



.nav>li:after {
	position: absolute;
	left: 0;
	right: 0;
	height: 17px;
	content: '';
	opacity: 0;
}

.nav>li>a {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #323232;
	line-height: 67px;
}

.nav>li>a:hover {
	text-decoration: none;
	background: url(../images/xt1.png)no-repeat center 100%;
	color: #03ad4c;
}

.nav>li>a .creat {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 3px;
	cursor: pointer;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	border-bottom: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.nav .active a {
	color: #fff !important;
	background: #b99562;
}


.heads-3 {
	width: 100px;
	height: 36px;
	background: #e5e5e5;
	border-radius: 25px;
	display: flex;
	justify-content: space-between;
}

.heads-3 a {
	width: 50px;
	line-height: 36px;
	display: block;
	color: #333333;
	text-align: center;
	color: #03ad4c;
}

.heads-3 a:hover {
	border-radius: 25px;
	background: #03ad4c;
	color: #fff;
}

.heads-3 a:nth-child(1) {
	background: #03ad4c;
	color: #fff;
	border-radius: 25px;
}


.c1 {
	background: #f8f8f8;
	padding-top: 50px;
	padding-bottom: 1px;
}

.w1440 {
	width: 1200px;
	margin: 0 auto;
}

.c1 h1 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: "times new roman";
	font-weight: 100;
	text-align: center;
	color: #999999;
	line-height: 35px;
}

.c1 h2 {
	font-weight: 100;
	font-size: 30px;
	text-align: center;
	color: #111111;
	line-height: 35px;
}

.c1 h2 span {
	color: #03ad4c;
}

/* demo */

.demo {
	width: 1200px;
	margin: 40px auto;
	position: relative;
	border-top: 1px solid #d5d5d5;
}

.demo h2 {
	font-size: 16px;
	height: 44px;
	color: #3366cc;
	margin-top: 20px;
}

.demo dl dt {
	font-size: 14px;
	color: #ff6600;
	margin-top: 30px;
	font-weight: 800;
}

.demo dl dt,
.demo dl dd {
	line-height: 22px;
}

/* tabbtn */

.tabbtn {
	display: flex;
	justify-content: space-around;
	width: 805px;
	margin: 0 auto;
	margin-top: -20px;
}

.tabbtn2 {
	width: 305px;
}

.tabbtn li {
	position: relative;
	margin: 0 0 0 -1px;
}

.tabbtn li a {
	display: block;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	padding: 0px 15px;
    margin: 0px 10px;
    width: max-content;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background: #fff;
	border-radius: 10px;
}

.tabbtn2 li a {
	background: #f9f9f9;
}


.tabbtn li.current a {
	background: #18b159;
	color: #fff;
}

/* tabcon */

.tabcon {
	position: relative;
	height: 430px;
	overflow: hidden;
	margin-top: 35px;
}

.tabcon .subbox {
	position: absolute;
	/*必要元素*/
	left: 0;
	top: 0;
}

.tabcon .sublist ul {
	display: flex;
	/*justify-content: space-around;*/
}

/* leftcon */

#leftcon .subbox {
	width: 9999em;
}

#leftcon .subbox .sublist {
	float: left;
	width: 1198px;
}

#rightcon .subbox {
	width: 9999em;
}

#rightcon .subbox .sublist {
	float: left;
	width: 1200px;
}

#rightcon .subbox .sublist li {
	position: relative;
	height:298px;
	width: 288px;
	border-radius: 50px 0 50px 0;
	overflow: hidden;
}
#rightcon .subbox .sublist li img{
	transition: all 0.6s;
}

#rightcon .subbox .sublist li p {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	line-height: 45px;
	color: #fff;
	background: rgba(3, 173, 76, 0.9);
	opacity: 0;
}

#rightcon .subbox .sublist li:hover p {
	opacity: 1;
}
#rightcon .subbox .sublist li:hover img{
	transform: scale(1.1)
}


/* sublist */

.sublist {
	padding: 10px;
}

.sublist li {
	text-align: center;
	margin-left: 15px;
}

.sublist li p {
	font-size: 24px;
	line-height: 50px;
	margin-top: 20px;
}

.sublist li:hover a {
	display: block;
	box-shadow: 1px 1px 5px -2px #282828;
}



/*c2*/
.c2 {
	height: 655px;
	width: 100%;
	background: url(../images/bj1.jpg)no-repeat top center;
	padding-top: 65px;
}

.c2 h1 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: "times new roman";
	font-weight: 100;
	text-align: center;
	color: #999999;
	line-height: 35px;
}

.c2 h2 {
	font-weight: 100;
	font-size: 30px;
	text-align: center;
	color: #111111;
	line-height: 35px;
}



/*c3*/
.c3 {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/c3.png) no-repeat center top;
	height: 770px;
	overflow: hidden;
	padding-top: 70px;
}

.c3 h1 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: "times new roman";
	font-weight: 100;
	text-align: center;
	color: #fff;
	line-height: 35px;
}

.c3 h2 {
	font-weight: 100;
	font-size: 30px;
	text-align: center;
	color: #fff;
	line-height: 35px;
}

.c3 h2 span {
	color: #111111;
}

.c3-1 {
	margin-top: 30px;
	height: 355px;
}

.c3-1 p {
	font-size: 18px;
	color: #fff;
}

/* CSS Document */
.data2 {
	width: 700px;
	display: flex;
	position: relative;
	overflow: hidden;
	justify-content: space-around;
	margin: 0 auto;
	text-align: center;
}

.data2 .pic2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.data2 .image_container a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.data2 .image_container a .pic1 {
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1 {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.data2 .image_container a .pic2 {
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	/*z-index:10;
    position:absolute;*/
}

.data2 .image_container a:hover .pic2 {
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotate(0deg);
	z-index: 10;
	position: absolute;
}

.data2 .row {
	width: 150px;
	height: 150px;
	position: relative;
	z-index: 10;
	border-radius: 50px;
}

.data2 .row .pic1 {
	width: 100%;
	height: 87%;
	overflow: hidden;
	background: rgba(3, 173, 76, 1);
	border-radius:80px;
	box-shadow: 0px 3px 4px -2px #282828;
	padding-bottom: 15px;
}
.data2 .row .pic1 p{
	color: #fff;
}
.data2 .row .pic2 p{
	color: #333333;
}


.data2 .row .pic2 {
	width: 100%;
	height: 87%;
	overflow: hidden;
	box-shadow: 0px 3px 4px -2px #282828;
	background: rgba(255, 255, 255, 0.8);
	border-radius:80px;
	padding-bottom: 15px;
}

.data2 .row .pic2 {
	position: absolute;
}

.data2 .row .pic1 img,.data2 .row .pic2 img{
	margin-top: 30px;
}

.data2 .row .pic1 p,.data2 .row .pic2 p{
	margin-top: 16px;
	font-size: 18px;
}


/*c4*/
.c4 {
	margin: 0 auto;
	height: 1150px;
	margin-top: 40px;
	background: url(../images/bj2.jpg)no-repeat top center;
}

.c4 h1 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: "times new roman";
	font-weight: 100;
	text-align: center;
	color: #999999;
	line-height: 35px;
}

.c4 h2 {
	font-weight: 100;
	font-size: 30px;
	text-align: center;
	color: #111111;
	line-height: 35px;
}
.c4 h2 span{
	color: #03ad4c;
}
.c4-1 ul{
	margin-top: 40px;
	display: flex;
	justify-content: space-around;
	
}
.c4-1 ul li{
	width: 23.8%;
	position: relative;
	overflow: hidden;
}
.c4-1 ul li img{
	width: 100%; 
}
.c4-1a{
	width: 89%;
	height: 125px;
	background: rgba(3,173,76,0.7);
	position: absolute;
	bottom: -78px;
	left: 0px;
	color: #fff;
	padding: 0 20px;
	transition: all 0.3s;
}
.c4-1a h3{
	font-size: 23px;
	text-align: center;
	font-weight: bold;
	margin: 8px 0;
}
.c4-1a p{
	font-size:15px;
}
.c4-1 ul li:hover .c4-1a{
	bottom: 0px;
}



/*c5*/
.c5{
	margin-top: 70px;
}
.c5>.w1440{
	display: flex;
	justify-content: space-around;
}
.c5-1{
	width: 720px;
	margin-top: 50px;
}
.c5-1 h3{
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	color: #333333;
	font-size: 22px;
	justify-content: space-around;
	padding-bottom: 10px;
}
.c5-1 h3 span{
	font-size: 14px;
	color: #999999;
	width: 560px;
}
.c5-1a{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.c5-1a-2{
	width: 400px;
}
.c5-1a-2 h4{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 13px;
}
.c5-1a-2 p{
	font-size: 15px;
	color: #999;
	height: 88px;
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.c5-1b{
	border: 1px solid #eeeeee;
	padding: 10px;
	margin-top: 30px;
	background: #fff;
}
.c5-1b ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 35px;
	
}
.c5-1b ul li i{
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid #03AD4C;
}
.c5-1b ul li a{
	font-size: 14px;
	color: #666666;
	width: 600px;
}
.c5-1b ul li span{
	font-size: 12px;
	color: #999999;
}
.c5-1b ul li:hover a{
	color: #03AD4C;
	font-weight: bold;
}
.c5-1b ul li:hover i{
	background: #03AD4C;
}

.c5-2{
	height: 450px;
	margin-top: 50px;
	overflow: hidden;
}
.c5-2 h3{
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	color: #333333;
	font-size: 22px;
	justify-content: space-around;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.c5-2 h3 span{
	font-size: 14px;
	color: #999999;
	width: 340px;
}
.c5-2 ul{
	margin-top: 30px;
	height: 600px;
}
.c5-2 ul li{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.c5-2 ul li:last-of-type{
	border: 0;
}
.c5-2a{
	width: 405px;
}
.c5-2a h4{
	font-size: 16px;
	color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
}
.c5-2a p{
	color: #999;
}
.c5-2a:hover h4{color: #03ad4c;}

.c5-2c{
	height: 400px;
	overflow: hidden;
}

/*c6*/
.c6{
	background: #f1f1f1;
	padding-top: 70px;
	overflow: hidden;
	
}
.c6-1{
	display: flex;
	float: left;
}
.c6-1 p{
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 25px;
}
.c6-1 a{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	display: block;
}

.c6-1a{
	width: 120px;
}
.c6-1b{
	width: 245px;
}
.c6-1b a{
	float: left;
	width: 50%;
}

.c6-2{
	width: 420px;
	float: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.c6-2 ul li{
	line-height: 30px;
	margin-bottom: 20px;
	padding-left: 28px;
}
.c6-2 ul li:nth-child(1){
	background: url(../images/f1.png)no-repeat center left;
}
.c6-2 ul li:nth-child(2){
	background: url(../images/f2.png)no-repeat center left;
}
.c6-2 ul li:nth-child(3){
	background: url(../images/f3.png)no-repeat center left;
}

.c6-3{
	border-top: 1px solid #d2d2d2;
	padding: 25px 0;
	text-align: center;
	margin-top: 20px;
}
.c6-3 p{
	font-size: 14px;
	color: #666;
}