@charset "utf-8";





@media only screen and (min-width: 1400px) {
.cs_cont{ width:90%; max-width:1300px; margin:0 auto; padding:20px 0px 20px 0px;}



.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#eee 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}




.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:0px;}


.cs_2{width:73%; float:right;}
.cs_2 h3{font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 p{font-size:16px; line-height:32px; color:#888;}



.cs_2_r2{width:100%; line-height:40px; font-size:16px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:200px; height:40px; line-height:40px; text-align:center; border:#2679b2 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2679b2; color:#fff;}

}




@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.cs_cont{ width:90%; max-width:1300px; margin:0 auto; padding:20px 0px 20px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#eee 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:0px;}

.cs_2{width:72%; float:right;}
.cs_2 h3{font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 p{font-size:14px; line-height:32px; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:14px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:150px; height:40px; line-height:40px; text-align:center; border:#2679b2 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2679b2; color:#fff;}

}






@media only screen and (max-width: 1199px) {
.cs_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:10px; transition:0.2s; margin-bottom:10px; border:#eee 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:100%; float:;}
.cs_1 img{width:100%; height:auto; border-radius:0px;}

.cs_2{width:100%; float:; margin-top:10px;}
.cs_2 h3{font-size:1.2em; color:#333; font-weight:bold; line-height:2em; padding-bottom:10px;}
.cs_2 p{font-size:1em; line-height:1.6em; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:1.0em; color:#888;}
.cs_2_r2 i{margin-right:5px;}

.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:12px;}
.cs_2_r3 a{display:block; width:100%; height:40px; line-height:40px; text-align:center; border:#2679b2 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2679b2; color:#fff;}

}





























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

#new_conl{width:90%; max-width:1300px; margin:0 auto; min-height:50px; padding:60px 60px 30px 60px; margin-top:0px; position:relative;}

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:24px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%; display:inline;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}






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

#new_conl{width:90%; margin:0 auto; min-height:50px; padding:40px 0px 20px 0px;}

#new_conla{width:100%; min-height:20px; padding:10px 0px 10px 0px; font-size:18px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:30px; line-height:30px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%; margin:0 auto; }

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}





















@media only screen and (min-width: 1400px) {
.yy_cont{ width:1400px; margin:0 auto; padding:0px 0px 20px 0px;}

.yy_cont ul li{display:block; width:33.33%; height:380px; float:left; box-sizing:border-box; padding:20px; transition:0.2s;}
.yy_cont ul .yy_1{width:100%; height:280px;}
.yy_cont ul .yy_1 img{width:100%; height:280px;}
.yy_cont ul .yy_2{width:100%; height:80px; line-height:80px; text-align:center; font-size:18px;}

.yy_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}

}




@media only screen and (min-width: 1200px) and (max-width: 1399px) {

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

.yy_cont ul li{display:block; width:33.33%; height:340px; float:left; box-sizing:border-box; padding:20px; transition:0.2s;}
.yy_cont ul .yy_1{width:100%; height:240px;}
.yy_cont ul .yy_1 img{width:100%; height:240px;}
.yy_cont ul .yy_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}

.yy_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}

}






@media only screen and (max-width: 1199px) {
.yy_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.yy_cont ul li{display:block; width:100%; height:auto; float:; box-sizing:border-box; padding:; transition:0.2s; margin-bottom:15px;}
.yy_cont ul .yy_1{width:100%; height:auto;}
.yy_cont ul .yy_1 img{width:100%; height:auto;}
.yy_cont ul .yy_2{width:100%; height:3em; line-height:3em; text-align:center; font-size:1.2em;}



}














@media only screen and (min-width: 1200px) {
.rr_cont{ width:92%; max-width:1300px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:25%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:200px;}
.rr_cont ul .rr_1 img{max-width:100%; height:200px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.rr_cont ul li:hover a{  border:#2679b2 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}



}










@media only screen and (max-width: 1199px) {
.rr_cont{ width:92%; max-width:1300px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:50%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:10px 10px 10px 10px; margin-bottom:0px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:100px;}
.rr_cont ul .rr_1 img{max-width:100%; height:100px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.0em;}


.rr_cont ul li:hover a{  border:#2679b2 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}


}












/*产品*/

@media only screen and (min-width: 1200px) {
.ny_nav_2{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center;  box-shadow:0px 2px 5px #E3E3E3; position: relative;}
.ny_nav_2con{ width:90%; max-width:1300px; margin:0 auto; box-sizing: border-box; height: 70px; }
.ny_nav_2con a{display:inline; width: ; padding: 22px 2px 22px 2px; margin: 0px 50px 0px 50px;  line-height: 70px; font-size: 18px;}
.ny_nav_2con a:hover{border-bottom: #2679b2 3px solid;}
	
.sl_c2{width:100%; margin:0 auto;}
.sl_c2 ul li{display:block; width:100%; height:; margin:0 auto; padding:100px 0px 100px 0px; background:#fff; transition: 0.5s; background:linear-gradient(to top, #fff 0%, #e2e9f0 100%);}
.sl_c2 ul li:hover{background: #;}

.sl_cw2{width:90%; margin:0 auto; max-width:1300px;}

.sl_c2 ul .sleft{width:40%; float:right;}
.sl_c2 ul .sleft img{width:100%; height:auto; display:block; border-radius:8px;}

.sl_c2 ul .sright{width:55%; float:left; font-size:16px; line-height:35px;}
.sl_c2 ul .sright p{line-height:35px;}
.sl_c2 ul .sright h2{font-size:28px; line-height:35px; padding-bottom:20px; color:#333; font-weight:bold;}


.sl_c2 ul li:nth-child(2n){background:linear-gradient(to top, #fff 0%, #e2e9f0 100%);}
.sl_c2 ul li:nth-child(2n+1) .sleft{float:left !important;}
.sl_c2 ul li:nth-child(2n+1) .sright{float:right !important;}


.sc2a1{ display: block; margin-left: 0px; width:200px; height: 45px; line-height: 45px; color:#fff; text-align: center; font-size: 16px; border-radius:25px; background: #fff; color: #2679b2; border: #2679b2 2px solid; margin-top: 30px; transition: 0.5s;}
.sc2a1:hover{ background: #2679b2; color:#fff; }
	
.sl_c2 ul li:hover .sc2a1{ background: #2679b2 !important; color:#fff !important; }
}


@media only screen and (max-width: 1199px) {
.ny_nav_2{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; box-shadow:0px 2px 5px #E3E3E3; position: relative;}
.ny_nav_2con{ width:90%; max-width:1600px; margin:0 auto; box-sizing: border-box; height: 48px;}
.ny_nav_2con a{display:inline; width: ; padding: 14px 2px 14px 2px; margin: 0px 20px 0px 20px;  line-height: 48px; font-size: 1.2em;}
.ny_nav_2con a:hover{border-bottom: #2679b2 3px solid;}
	
.sl_c2{width:100%; margin:0 auto;}
.sl_c2 ul li{display:block; width:100%; height:; margin:0 auto; padding:30px 0px 30px 0px; background:#fff;}

.sl_cw2{width:90%; margin:0 auto; max-width:1600px;}

.sl_c2 ul .sleft{width:100%; float:; margin-bottom: 20px;}
.sl_c2 ul .sleft img{width:100%; height:auto; display:block; margin: 0 auto; border-radius:8px;}

.sl_c2 ul .sright{width:100%; float:; font-size:1em; line-height:2em;}
.sl_c2 ul .sright p{line-height:2em;}
.sl_c2 ul .sright h2{font-size:1.4em; line-height:2em; padding-bottom:20px; color:#333; font-weight:bold;}


.sl_c2 ul li:nth-child(2n){background:#f8f8f8;}
.sl_c2 ul li:nth-child(2n+1) .sleft{float:left !important;}
.sl_c2 ul li:nth-child(2n+1) .sright{float:right !important;}



.sc2a1{ display: block; margin-left: 0px; width:100%; height: 35px; line-height: 35px; color:#fff; text-align: center; font-size: 1.1em; border-radius:25px; background: #fff; color: #2679b2; border: #2679b2 2px solid; margin-top: 20px; transition: 0.5s;}
.sc2a1:hover{ background: #2679b2; color:#fff; }
}





/*简介*/

.main_cont img{max-width:100%;}

@media only screen and (min-width: 1400px) {
.main_cont{width:90%; max-width:1300px; margin:0 auto; font-size:16px; margin-bottom:80px;line-height:2em;}
.main_cont p{line-height:2em;}

}

@media only screen and (max-width: 1199px) {
.main_cont{width:90%; max-width:1200px; margin:0 auto; font-size:1em; margin-bottom:30px;line-height:2em;}
.main_cont p{line-height:2em;}

}







@media only screen and (min-width: 1400px) {
.job_wrap{width:100%; min-height:50px; background:linear-gradient(to top, #fff 0%, #f8f8f8 100%); padding-bottom:50px;}

.job_con{width:90%; margin:0 auto; max-width:1300px;}

.job_con ul li{display:block; width:25%; height:82px; float:left; margin-bottom:22px;}

.job_con ul a{display:block; width:92%; height:80px; color:#2679b2; margin:0 auto; border:#2679b2 1px solid; font-size:16px; line-height:80px; text-align:center; transition:0.5s;}

.job_con ul a:hover{background:#2679b2; border:#2679b2 1px solid; color:#fff;}
}




@media only screen and (min-width: 1000px) and (max-width: 1399px) {

.job_wrap{width:100%; min-height:50px; background:linear-gradient(to top, #fff 0%, #f8f8f8 100%);  padding-bottom:50px;}

.job_con{width:90%; margin:0 auto; max-width:1300px;}

.job_con ul li{display:block; width:25%; height:62px; float:left; margin-bottom:22px;}

.job_con ul a{display:block; width:92%; height:60px; color:#2679b2; margin:0 auto; border:#2679b2 1px solid; font-size:16px; line-height:60px; text-align:center; transition:0.5s;}

.job_con ul a:hover{background:#2679b2; border:#2679b2 1px solid; color:#fff;}
}






@media only screen and (max-width: 999px) {
.job_wrap{width:100%; min-height:50px; background:linear-gradient(to top, #fff 0%, #f8f8f8 100%);  padding-bottom:30px;}

.job_con{width:90%; margin:0 auto; max-width:1300px;}

.job_con ul li{display:block; width:100%; height:82px; float:none; margin-bottom:10px;}

.job_con ul a{display:block; width:100%; height:80px; color:#2679b2; margin:0 auto; border:#2679b2 1px solid; font-size:16px; line-height:80px; text-align:center; transition:0.5s;}

.job_con ul a:hover{background:#2679b2; border:#2679b2 1px solid; color:#fff;}

}