@charset "UTF-8";

body{font-family: SourceHanSansCN-Normal;}

.nl_title{text-align: center;}

.nl_title h3{color: #212529;font-size: 44px;font-family: SourceHanSansCN-Bold;}

.nl_title h3 em{font-style: initial;font-size: 38px;}

.nl_title p{color: #666;font-size: 18px;font-family: Arial;}



.nl_title2 h3,.nl_title2 p{color: #fff;text-shadow: 1px 2px 8px rgba(6, 9, 32, .8);}

/*Ecosystem_1*/

.Ecosystem_1{padding: 50px 0;}

.Ecosystem_1 .img{margin-top: 60px;}

.Ecosystem_1 .img img{max-width: 100%;height: auto;}

.Ecosystem_1 .txt{width: 600px;text-indent: 36px;margin-top: 130px;}

.Ecosystem_1 .txt p{font-size: 18px;color: #212529;line-height: 36px;}

/*Ecosystem_2*/

.Ecosystem_2{height: 825px;background: #f5f5f5;padding: 40px 0;}

.Ecosystem_2 .img{margin-top: 20px;text-align: center;}

.Ecosystem_2 .img img{display: inline;max-width: 100%;height: auto;}

/*Ecosystem_3*/

.Ecosystem_3{padding: 50px 0 40px;background: url(/skin/img/Ecosystem/i3.jpg)no-repeat center;height: 550px;background-size: cover;}

.Ecosystem_3 form{width: 610px;height: 424px;background: #fff;box-shadow: 0 2px 30px rgba(0, 101, 217, .4);margin: 0 auto;border-radius: 10px;padding: 25px 35px 15px;margin-top: 30px;}

.Ecosystem_3 form div{height: 40px;margin-bottom: 10px;}

.Ecosystem_3 form .la-1{width: 100%;}

.Ecosystem_3 form .la-2{width: 290px;float: right;}

.Ecosystem_3 form input{float: right;border-radius: 4px;background: #EDEDED;line-height: 40px;height: 40px;border: none;padding: 0 10px;}

.Ecosystem_3 form .la-1 input{width: 475px;}

.Ecosystem_3 form .la-2 input{width: 186px;}

.Ecosystem_3 form span{font-size: 18px;text-align: right;display: inline-block;line-height: 40px;}

.Ecosystem_3 form .la-1 span{width: calc(100% - 495px)}

.Ecosystem_3 form .la-2 span{width: calc(100% - 206px)}

.Ecosystem_3 form textarea{width: 475px;border-radius: 4px;background: #EDEDED;border: 0;height: 157px;float: right;padding: 10px;}

.Ecosystem_3 form select{width: 206px;float: right;border-radius: 4px;background: #EDEDED;line-height: 40px;height: 40px;border: none;padding: 0 10px;}

.Ecosystem_3 form button{width: 495px;height: 44px;background: #216EE7;color: #fff;border: 0;line-height: 44px;text-align: center;border-radius: 4px;float: right;margin-top: 40px;}

/*Ecosystem_4*/

.Ecosystem_4{padding: 50px 0;}

.Ecosystem_4 .img{margin-top: 60px;}

.Ecosystem_4 .img img{max-width: 100%;height: auto;}
@media screen and (max-width: 767px){
	.nl_title h3{font-size: 28px;}
	.Ecosystem_1 .txt{width: 100%;margin-top: 40px;}
	.Ecosystem_2{height: auto;}
	.Ecosystem_3 form{width: auto;padding: 20px 10px;overflow: hidden;height: auto;}
	.Ecosystem_3 form div{height: 30px;margin-bottom: 10px;}
	.Ecosystem_3 form .la-2{width: 100%;}
	.Ecosystem_3 form span{font-size: 15px;line-height: 30px;}
	.Ecosystem_3 form .la-1 span{width: 90px;}
	.Ecosystem_3 form input{height: 30px;line-height: 30px;}
	.Ecosystem_3 form .la-1 input{width: calc(100% - 120px);}
	.Ecosystem_3 form textarea{width: calc(100% - 120px);}
	.Ecosystem_3 form .la-2 span{width: 90px;}
	.Ecosystem_3 form .la-2 input{width: calc(100% - 120px);}
	.Ecosystem_3 form select{width: calc(100% - 100px);height: 30px;line-height: 30px;}
	.Ecosystem_3 form button{width: 75%;line-height: 35px;height: 35px;margin-top: 20px;}
	
}