@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px;}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#D41B19text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w80 { width:80%; margin:0 auto}
.w100 {
    width: 96%;
    margin: 0 auto;
}

@media all and (max-width:1440px){
body { min-width:inherit}
.w80 { width:96%;}
.w100 { width:96%;}
}
@media all and (max-width:1100px){
.w80 { width:96%;}
.w100 { width:96%;}
}
header{
	position:relative; z-index:6666
}
header .fixed{ position:fixed; z-index:8888; left:0; top:0; right:0;box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);}
header .head_1 .headB{
	margin: auto;
	display: flex;
	justify-content: space-between;
	    flex-wrap: wrap;
}
header .head_1 .headB ul{
	display: flex;
}
header .head_1 .headB ul li{
	padding: 0px 5px;
}
header .head_1 .headB ul i{
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #def5ee;
	    color: #2E7D79;
		border-radius: 50px;
		text-align: center;
		margin-right: 5px;
		transition: all .5s ease;
		    line-height: 30px;
}
header .head_1 {background:#f4f9fd; line-height:34px; color:#121521; font-size:16px;padding: 15px 0;}
header .head_1 .headB ul i:hover{
	background-color: #2E7D79;
	color: #fff;
	
}
header .head_1 a.ha_2 { padding-left:50px; background:url(../images/head_ico.png) no-repeat; background-position:10px 0px}

header .head_2 { height:72px;background-color: #fff}
header .head_2 .head_b2{
	position: relative;
}
header .head_2 .logos { padding-top:10px;z-index: 100;}
header .head_2 .logos img { height:52px}
header .head_2 .logos a:before{
	    content: "";
	    position: absolute;
	    left: -446px;
	    top: -0px;
	    width: 675px;
	    height: 72px;
	    background-color: #2E7D79;
	    z-index: -1;
	    clip-path: polygon(0px 0px, 90% 0px, 100% 100%, 0% 100%); display: none;
}
header .head_2 .head_b2{
	display: flex;
	justify-content: space-between;
}
header .head_2 .logos img{ display:block;z-index: 1;width: 146px;}
header .head_2 .daoh { display: flex;width: 100%; justify-content: flex-end;}
header .head_2 nav{}
header .head_2 nav ul li {
	position: relative;
	float:left; font-size:14px; line-height:72px; padding-left:64px; font-size:16px}
header .head_2 nav ul li.nav_on a { color:#2E7D79}
header .head_2 nav ul li a:hover{
	color:#2E7D79;
}
header .head_2 nav ul li .erj{
	position: absolute;
	text-align: center;
	background-color: #fff;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display: none; left:32px;
}
header .head_2 nav ul li .erj::before{
	content: " ";
	height: 2px;
	width: 100%;
	left: 0;
	top:-5px;
	position: absolute;
	background-color: #2E7D79;
}
header .head_2 nav ul li.nav_on .erj a { color:#343434}
@media all and (max-width:1100px){
header .head_1 { padding:0}
header .head_1 .f_r { display:none}


	header .head_2 nav ul li .erj{
		position: static; display: block; overflow: hidden;
		
	}
	header .head_2 nav ul li .erj{
		text-align: left;
		padding-left: 15px;
	}
	header .head_2 nav ul li .erj::before{
		position: static;
	}
	header .head_2 nav ul li .erj p { float:left; width:50%}
}
header .head_2 nav ul li:hover .erj{
	display: block;
}
header .head_2 nav ul li .erj a { display:block; line-height:50px; border-bottom:1px #eee solid}
header .head_2 nav ul li .erj a:hover{
	background-color: #f5f5f5;
}
header .head_2 .button a{
	display: block;
	width: 117px;
	height: 46px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	border-radius: 5px;
	background-color: #2E7D79;
	color: #fff;
	margin-top:16px ;
	-webkit-transition: all 0.5s;
	    transition: all 0.5s;
}
header .head_2 .button a i{
	padding-right: 10px;
}
header .head_2 .button a:hover{
	    background-color: #122738;
}
.yc{
	display: block;
}
@media all and (max-width:1440px){
	header .head_2 .logos a:before{
		left: -440px;
	}
	header .head_2 nav ul li{
		/* padding-right:60px; */
	}
}
@media all and (max-width:1100px){
header .head_1 .headB ul { display:block; overflow:hidden}
header .head_1 .headB ul li { float:left; font-size:12px}
header .head_1 .headB ul li span { display:none}

header .head_2 { height:50px}
header .head_2 .logos { padding-top:10px}
header .head_2 .logos img { height:30px; width:auto}
header .head_2 nav ul li { font-size:14px}
header .head_2 .logos a:before{
	left: -440px;
}
.head_r2 { line-height:50px}
}
@media all and (max-width:760px){
	header .head_1 .headB{
		justify-content: center;
	}
}
@media all and (max-width:560px){
/* header { height:86px} */

/* header .head_2 { height:52px;} */
header .head_2 nav ul li { line-height:40px;}
}

.container {
            /* max-width: 1200px; */
            width: 100%;
			height: 100%;
            background: white;
			/* z-index: -1; */
			/* position: relative; */
            overflow: hidden;
        }
        
        .carousel-wrapper {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        
        
        
        .carousel-container {
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        .carousel {
            display: flex;
            transition: transform 0.5s ease-in-out;
            /* height: 450px; */
        }
        
        .carousel-slide {
            min-width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .carousel-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .carousel-slide video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; z-index: 11; position: relative;
        }
        
        .slide-content {
            position: absolute;
            /* bottom: 40px; */
            left: 190.5px;
            color: white; z-index: 333;
            /* padding: 20px 25px; */
            border-radius: 8px;
            max-width: 550px;
        }
		.slide-content p{
			margin-bottom: 20px;
		}
        .slide-content .con_1{
			color: #2E7D79;
			font-size: 14px;
		}
        .slide-content h1 {
            font-size: 48px;
			line-height: 70px; padding-bottom: 10px;
            /* margin-bottom: 10px; */
        }
        .slide-content .con_2{
			color: #CCCCCC;
			line-height: 30px;
		}
       .slide-content .btn{
		   display: inline-block;
		   height: 47px;
		   line-height: 47px;
		   color: #fff;
		   font-weight: 600;
		   padding: 0 29px;
		   border-radius: 2px;
		   -webkit-transition: all 0.5s;
		       transition: all 0.5s;
	   }
	   .slide-content .btn1{
		   background-color: #2E7D79;
	   }
	   .slide-content .btn1:hover{
		   background-color: #122738;
	   }
	   .slide-content .btn2{
		   background-color: #122738;
		   margin-left: 32px;
	   }
        .slide-content .btn2:hover{
			 background-color: #2E7D79;
		}
        .carousel-indicators {
            position: absolute;
            bottom: 120px;
            left: 190.5px;
            display: flex; z-index: 4445;
        }
        .carousel-indicators p{
			padding-top: 10px;
			color: #fff;
			font-size: 16px;
		}
        .indicator {
            width: 150px;
            height: 50px;
			margin-right: 15px;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .indicator.active {
            background: #2E7D79;
        }
.head_r2 { display:none;font-size: 22px;}


 



@media (min-width: 1100px) {
	header .head_2 .daoh{
		display: flex !important;
	}

}

@media all and (max-width:1100px){
	header .head_2 .w80{
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
	.container{
		height: auto;
	}
	.carousel{
		height: auto;
	}
	.slide-content{
		left: 20px;
		width: 410px;
	}
	.carousel-indicators{
		left: 20px; bottom: 20px;
	}
	.indicator { width:60px; height:auto; margin-right:10px}
	.indicator img { width:100%; height:auto; display:block}
	.slide-content .btn { font-size:14px; height:34px; line-height:34px; padding:0 15px}
	.slide-content .btn2 { margin-left:15px}
	.slide-content p { margin-bottom:0}
	.slide-content h1{
		font-size: 32px;
		line-height: 36px;
	}
	.slide-content .con_1{
		font-size: 12px;
	}
	.slide-content .con_2{
		font-size: 12px;
	}
	
.head_2{
	background-color: #2E7D79 !important;
}
.head_r2 { display:block; line-height:50px; float:right; color:#fff}
header .head_2 .daoh {display: none;position:absolute; top:72px; background:#fff; left:0; right:0;flex-direction: column;padding-bottom: 15px;}
header .head_2 nav{width: 100%;box-sizing: border-box;}
header .head_2 nav ul{display: flex;flex-direction: column;}
header .head_2 nav ul li { font-size:14px; line-height:42px;font-size:16px; padding-left: 16px;border-bottom:1px #ddd solid;}
header .head_2 nav ul li.nav_on a { color:#2E7D79;}
header .head_2 .button{padding-left: 16px;}
header .head_2 .logos a:before { height:50px}
}

@media all and (max-width:580px){
	.slide-content h1{
		font-size: 25px;
	}
	.slide-content .con_2{
		width: 90%;
		line-height: 27px;
	}
}

.container_2{
	padding: 80px 0; background: url(../images/index_bg.jpg) center no-repeat; background-size:auto 100% ;
}
.container_2 .con_one{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; position: relative;
}
.container_2 .fl_l{
	width: 49%;
}
.container_2 .fr_r{
	width: 530px;
}
.container_2 .fl_l h1{
	font-size: 40px;
	line-height: 56px;
	color: #121521;
	margin-bottom: 20px;
}
.container_2 .fl_l .tab_tit{
	font-size: 14px;
	font-weight: 600;
	color: #2E7D79;
	margin-bottom: 10px;
}
.container_2 .fl_l .con1{
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
	color: #545454;
	    margin-bottom: 30px;
}
.container_2 .fl_l ul{
}
.container_2 .fl_l li{
	font-weight: 600;
	color: #545454;
}
.container_2 .con_one ul { padding-top:30px}
.container_2 .con_one ul li { float:left; margin-right:30px; height: 42px; line-height: 42px;}
.container_2 .con_one ul li a { display: block;
    line-height: 42px;
    color: #fff;
    font-weight: 600;
    padding: 0 25px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #122738;
}
.container_2 .con_one ul li a:hover { background:#2E7D79}

.container_2 .fl_l li i{
	margin-right: 10px;
	width: 25px;
	height: 25px;
	border-radius: 50px;
	color: #2E7D79;
	display: inline-block;
	background-color: #def5ee;
	text-align: center;
}
.container_2 .fl_l .btn{
	    color: #ffffff;
		display: inline-block;
	    padding: 15px 30px;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    border-radius: 4px;
	    text-align: center;
	    background-color: #2E7D79;
	    font-weight: 600;
		margin-bottom: 30px;
}
.container_2 .fl_l .btn:hover{
	background-color: #122738;
}
.container_2 .fr_r img { display:block; opacity:0}
.container_2 .fr_r ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.container_2 .fr_r ul li{
	width: 49%;
	padding: 20px;
	text-align: center;
	
	box-sizing: border-box;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	margin-bottom: 30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.container_2 .fr_r ul li:nth-child(1){
	border-radius: 50px 0 0 0;
}
.container_2 .fr_r ul li:nth-child(2){
	border-radius: 0 50px 0 0;
}
.container_2 .fr_r ul li:nth-child(4){
	border-radius:  0 0 50px 0;
}
.container_2 .fr_r ul li:nth-child(3){
	border-radius: 0 0 0 50px;
}
.container_2 .fr_r ul li:hover{
	margin-top: -10px;
	border-radius: 0 0 0 0;
}
.container_2 .fr_r ul li:hover i{
	background-color: #2E7D79;
	    color: #ffffff;
	    -webkit-transform: rotateY(360deg);
	    transform: rotateY(360deg);
}
.container_2 .fr_r li i{
	display: inline-block;
	    background-color: #def5ee;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    border-radius: 50%;
	    text-align: center;
	    color: #2E7D79;
	    margin-bottom: 16px;
	    font-size: 35px;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
}
.container_2 .fr_r li h3{
	font-size: 20px;
	color: #121521;
	font-weight: 600;
	    margin-bottom: 10px;
}
.container_2 .fr_r li p{
	font-size: 14px;
	color: #545454;
	line-height: 1.8;
	    margin-bottom: 18px;
	
}
.container_2 .fr_r li a{
	font-weight: 600;
	color: #2E7D79;
	font-size: 14px;
	
}
.container_2 .fr_r li a:hover{
	color: #122738;
}

.container_2 .con_two ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.container_2 .con_two ul li{
	width: 24%;
	padding: 30px;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	margin-bottom: 30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.container_2 .con_two ul li:hover{
	margin-top: -10px;
}
.container_2 .con_two ul li:hover i{
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	/* box-shadow: 0 0 20px 3px */
}
.container_2 .con_two ul li i{
	background-color: #def5ee;
	    color: #2E7D79;
	    font-size: 30px;
	    display: block;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    margin: 0 auto 25px;
	    border-radius: 50%;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
}
.container_2 .con_two h3{
	color: #121521;
	    line-height: 1;
		font-weight: 600;
	    font-size: 40px;
		margin-bottom: 10px;
}
.container_2 .con_two p{
	color: #2E7D79;
	    line-height: 1;
	    margin-bottom: 0;
	    font-size: 18px;
		font-weight: 600;
}
@media all and (max-width:1100px){
	
	.container_2{
		width: 80%;
		margin: auto;
	}
	.container_2 .con_one{
		padding-top: 20px;
	}
	.container_2 .fl_l .con1 { font-size:14px; line-height:26px}
	.container_2 .fl_l,.container_2 .fr_r{
		width: 100%;
	}
	.container_2 .fl_l h1{
		font-size: 25px;
		line-height: 36px;
	}
	.container_2 .fr_r li h3{
		font-size: 18px;
	}
	.container_2 .con_two h3{
		font-size: 30px;
	}
.container_2 .con_one ul li { margin-right:15px; height:34px; line-height:34px}
.container_2 .con_one ul li a { font-size:14px; padding:0 20px}
	.container_2 .con_two ul li{
		width: 49%;
	}
}
@media all and (max-width:580px){
	.container_2{
		width: 96%; padding: 30px 0;
	}
	.container_2 .fr_r ul li{
		width: 100%;
		border-radius: 0px 0 0 0 !important;
	}
}

.container_3{
	padding-top: 100px;
	padding-bottom: 100px;
	background:url(../images/index_bg2.jpg) no-repeat right #F3F7FB; background-size:auto 100% ;
}
.container_3 .tab_tit{
	font-size: 14px;
	font-weight: 600;
	color: #2E7D79;
	margin-bottom: 10px;
	text-align: left;
}
.container_3 h1{
	font-size: 40px;
	line-height: 56px;
	color: #121521;
	margin-bottom: 20px;
}
.container_3 h1 span{
	color: #2E7D79;
}
.container_3 h3 { line-height:34px; font-size:16px;}
.container_3 h3 i { line-height:34px; color: #2E7D79; opacity:0.6; display:block; float:left; width:24px}
.container_3 h3 span { font-size:14px; color:#888; display:block; float:left; width:70px}

.container_3 .con{
	background: #fff; box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); width: 500px; padding: 30px 0; border-radius: 5px; margin-top: 30px;
}
.container_3 .con .cons { width:440px; margin:0 auto; padding-bottom:10px; position:relative}
.container_3 .con .form-control {height: 44px;
    color: #121521;
    border: 1px solid #e8e8e8;
    background-color: #f2f9fc;
    border-radius: 0;
    font-size: 14px;
    padding: 0 20px 0 20px;
    width: 390px; line-height: 44px;
}
.container_3 .con textarea.form-control { height:auto; line-height:24px; padding:10px 20px}
.form-control::-webkit-input-placeholder {
  color: #495057;
}

.form-control:-ms-input-placeholder {
  color: #495057;
}

.form-control::-ms-input-placeholder {
  color: #495057;
}

.form-control::placeholder {
  color: #495057;
}

.form-control:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid #2E7D79; background: #fff;
}

.form-control:hover:focus, .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.default-btn{
    font-size: 16px;
    color: #ffffff;
    padding: 15px 30px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    background-color: #2E7D79;
    margin-bottom: -6px;
    font-weight: 500; margin: 0 auto; display: block;
}
.default-btn:hover { background-color: #333;}
.container_3 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60px;
}
.container_3 ul li{
	width: 32%;
	    padding: 30px;
		box-sizing: border-box;
	    margin-bottom: 30px;
	    background-color: #ffffff;
	    text-align: center;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    position: relative;
	    border-radius: 4px;
	    z-index: 1;
}
.container_3 ul li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #2E7D79;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}
.container_3 ul li:hover h3,.container_3 ul li:hover p,.container_3 ul li:hover a {
	color: #fff;
}
.container_3 ul li:hover::before {
    height: 100%;
}
.container_3 ul li:hover i{
	transform: rotate(360deg);
}
.container_3 ul li i{
	    display: inline-block;
	    color: #2E7D79;
	    margin-bottom: 20px;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	    font-size: 45px;
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    border-radius: 50%;
	    background-color: #def5ee;
	    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.container_3 li h3{
	font-size: 20px;
	color: #121521;
	font-weight: 600;
	    margin-bottom: 10px;
}

.container_3 li p{
	font-size: 14px;
	color: #545454;
	line-height: 1.8;
	    margin-bottom: 18px;
	
}
.container_3 li a{
	font-weight: 600;
	color: #2E7D79;
	font-size: 14px;
	
}
@media all and (max-width:1100px){
	.container_3{
		padding-top: 50px;
	}
	.container_3 .w80{
		width: 80%;
		margin: auto;
	}
	.container_3 h1{
		font-size: 25px;
		line-height: 36px;
	}
	.container_3 li h3{
		font-size: 18px;
	}
	.container_3 .con{
		width: 100%;
	}
	.container_3 .con .cons { width:90%}
	.container_3 .con .form-control { width:90%}
	.container_3 ul{
		margin-top: 30px;
	}
	.container_3 ul li{
		width: 49%;
	}
}
@media all and (max-width:580px){
	.container_3 .w80{
		width: 96%;
	}
	.container_2 .con_two ul li{
		width: 100%;
	}
	.container_3 ul li{
		width: 100%;
	}
}

footer { padding:30px 0; background:#2E3030}
footer .foot_1 { height:50px; color:#aaa}
footer .foot_1 a { color:#aaa; margin-right:30px}
footer .foot_1 a:hover { color:#fff}
footer .foot_2 { height:30px; color:#aaa}
footer .foot_2 a { color:#aaa; margin-right:30px}
footer .foot_2 img { height:30px}