@charset "utf-8";


.banner{width: 100%; height: 560px; overflow: hidden; margin: 0; padding: 0; position: relative;} 
.banner img{width: 100%;height:auto; position: absolute; z-index: 9;} 
.banner div{width: 100%;position: absolute; z-index: 999; text-align: center; left: 0; bottom: 10%;} 
.banner div h2{  font-size: 40px; color: #FFFFFF;} 
.banner div span{ display: block; margin: 0px auto; color:#EEEEEE; font-size: 24px; text-transform: uppercase;} 


.banner img {
    -webkit-animation: banner_inside 10s ease 1 forwards;
       -moz-animation: banner_inside 10s ease 1 forwards;
         -o-animation: banner_inside 10s ease 1 forwards;
            animation: banner_inside 10s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1);
             transform: scale(1);
    }
    to {
        -moz-transform: scale(1.2);
             transform: scale(1.2);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1);
           transform: scale(1);
    }
    to {
        -o-transform: scale(1.2);
           transform: scale(1.2);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
           -moz-transform: scale(1.2);
             -o-transform: scale(1.2);
                transform: scale(1.2);
    }
}

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

	.banner{ height: 400px;} 
	.banner img{ height: 400px;} 
	.banner div h2{  font-size: 32px;} 
	.banner div span{ font-size: 18px;} 
	.banner div ul li a{ padding: 8px 20px; font-size: 14px;} 
	
}

.weizhi{ width: 80%;  margin: 0px auto; padding: 20px 0px; border-bottom: #CCCCCC 1px solid;font-size: 18px; color: #333333;} 
.weizhi a{ color: #333333;font-size: 18px;} 

.con_menu { width: 80%; margin: 30px auto;} 
.con_menu ul{ } 
.con_menu ul li{ float: left; margin: 0px 10px 0px 0px;} 
.con_menu ul li a{ display: block; background: #DDDDDD; padding: 10px 50px; color: #000000; font-size: 18px;} 
.con_menu ul li a:hover{ background: #2b3550; color: #FFFFFF;} 
.con_menu ul li i{ display: none; margin-left: 15px;}

.con_menu_a{ width: 80%; margin: 0px auto; }
.con_menu_a ul{ } 
.con_menu_a ul li{ float: left; margin: 0px 50px 0px 0px;} 
.con_menu_a ul li a{ display: block; color: #333333; font-size: 16px;} 
.con_menu_a ul li a:hover{ color: #2b3550; font-weight: bold;} 
.con_menu_a ul li i{ margin-right: 3px; display: none;} 

/****************关于我们*******************/

.con_about_a{ width: 100%; box-sizing: border-box; padding:5% 10%;} 
.con_about_a_l{ width: 40%; float: left; text-align: justify;} 
.con_about_a_l span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_a_l h5{font-size: 30px; color: #000000;} 
.con_about_a_l em{ display: block; height: 2px; background: #000000; width: 50px; margin: 30px 0px;} 
.con_about_a_l p{  margin: 30px 0px; font-size: 14px; text-align: justify; line-height: 175%;} 
.con_about_a_l ul{ background: #2b3550; box-sizing: border-box; padding: 30px;} 
.con_about_a_l ul li{ float: left; color: #FFFFFF; margin-right: 60px; font-size: 14px;} 
.con_about_a_l ul li:last-child{ margin-right: 0px;} 
.con_about_a_l ul li h3{} 
.con_about_a_l ul li h3 strong{ font-size: 36px;} 

.con_about_a_r{ width: 50%; height: 528px; float: right; overflow: hidden;} 
.con_about_a_r img{ width: 100%;} 



.con_about_c{ width: 100%; box-sizing: border-box; padding:5% 10%; background: #F2F2F2; } 
.con_about_c_{} 
.con_about_c_r{ width: 50%; height: 530px; float: right; overflow: hidden;} 
.con_about_c_r img{ width: 100%; height: 100%;} 
.con_about_c_l{ width: 40%; float: left; text-align: left;} 
.con_about_c_l span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_c_l h5{font-size: 30px; color: #000000;} 
.con_about_c_l em{ display: inline-block; height: 2px; background: #999999; width: 50px; margin: 20px 0px;} 

.con_about_c_l ul{} 
.con_about_c_l ul li{ float: left; width: 65%; margin-top: 20px; background: #FFFFFF; padding:30px 20px; box-sizing: border-box;} 
.con_about_c_l ul li:nth-child(2n){float: right; width: 30%;} 
.con_about_c_l ul li:nth-child(3){ height: 243px;} 
.con_about_c_l ul li:nth-child(4){ height: 243px;} 
.con_about_c_l ul li p{ line-height: 200%; font-size: 14px; text-align: left;} 
.con_about_c_l ul li p strong{ font-size: 20px;} 




.con_about_d{ width: 100%;  padding:5% 10%; box-sizing: border-box;} 
.con_about_d_{width: 100%; margin:0px; } 
.con_about_d_l{ width: 35%; float: left; text-align: left; margin-top: 30px;} 
.con_about_d_l span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_d_l h5{font-size: 30px; color: #000000;} 
.con_about_d_l em{ display: inline-block; height: 2px; background: #000000; width: 50px; margin: 20px 0px;} 
.con_about_d_l p{  margin: 30px 0px; font-size: 16px; text-align: justify; line-height: 175%;} 
.con_about_d_l p strong{ font-size: 22px; display: block; margin-bottom: 10px;} 
.con_about_d_r{ width: 55%; float: right; overflow: hidden;} 
.con_about_d_r img{ width: 100%; height: 100%;} 






.con_about_h{ width: 100%;  padding:5% 10%; box-sizing: border-box;  background: #F2F2F2; } 
.con_about_h_tit { float: left; width: 35%;} 
.con_about_h_tit span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_h_tit h5{font-size: 30px; color: #000000; margin-bottom: 35px;} 
.con_about_h_tit em{ display: inline-block; height: 2px; background: #999999; width: 50px; margin: 20px 0px;} 
.con_about_h_tit p{  margin: 5px 0px; font-size: 16px; } 

.con_about_h_{ width: 55%; float: right; overflow: hidden;} 
.con_about_h_ img{ width: 100%; } 




.con_about_e{ width: 100%; box-sizing: border-box; padding:5% 10%; /*background: url("/images/a08.jpg") no-repeat center; background-size: cover;*/} 
.con_about_e_con{width: 100%; margin:0px;} 
.con_about_e_l{ width: 35%; float: left; text-align: left; margin-top: 30px;} 
.con_about_e_l span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_e_l h5{font-size: 30px; color: #000000;} 
.con_about_e_l em{ display: inline-block; height: 2px; background: #000000; width: 50px; margin: 20px 0px;} 
.con_about_e_l p{  margin: 30px 0px; font-size: 16px; text-align: justify; line-height: 175%;} 
.con_about_e_l p strong{ font-size: 22px; display: block; margin-bottom: 10px;} 
.con_about_e_r{ width: 55%; float: right; overflow: hidden;} 
.con_about_e_r img{ width: 100%; height: 100%;} 

.con_about_e_{ width: 100%; padding:0px; box-sizing: border-box;} 
.con_about_e_ ul{} 
.con_about_e_ ul li{ width: 30%; margin-right: 5%; float: left; background: #FFFFFF;} 
.con_about_e_ ul li:last-child{ float: right; margin-right: 0;} 
.con_about_e_ ul li div{ width: 100%; height: 280px; overflow: hidden;} 
.con_about_e_ ul li img{ width: 100%; height: 280px;} 
.con_about_e_ ul li h5{ text-align: center; font-size: 24px; margin: 25px 0px 10px;} 
.con_about_e_ ul li p{  width: 100%;text-align: justify; height: 125px; margin:0px;line-height: 175%; font-size: 14px; padding: 0px 25px 20px 25px; box-sizing: border-box;} 





.con_about_f{width: 100%; background: #F2F2F2; padding: 90px 0px; margin: 0px;} 
.con_about_f_{width: 80%; margin: 0px auto;} 

.con_about_f_l{ width: 35%; float: left; text-align: left; } 
.con_about_f_l span{display: block; font-size: 20px;text-transform: uppercase; color: #999999;} 
.con_about_f_l h5{font-size: 30px; color: #000000;} 
.con_about_f_l em{ display: inline-block; height: 2px; background: #000000; width: 50px; margin: 20px 0px;} 
.con_about_f_l p{  margin: 10px 0px; font-size: 16px; text-align: justify; line-height: 175%;} 
.con_about_f_r{ width: 55%; float: right; overflow: hidden;} 
.con_about_f_r img{ width: 100%; height: 100%;} 





.con_about_g{ width: 100%; box-sizing: border-box; padding:5% 10% 16% 10%; background: url("/images/bg20.png") no-repeat center bottom;} 
.con_about_g_{width: 100%; padding:0px; } 
.con_about_g_tit{ float: left; width: 350px;} 
.con_about_g_tit p{font-size: 20px; margin: 0px;text-transform: uppercase;} 
.con_about_g_tit h5{font-size: 30px;color: #2b3550;} 
.con_about_g_ ul{ float: right;} 
.con_about_g_ ul li{ float: left; width: 300px; padding-left: 60px; margin-left:60px; border-left: #EEEEEE 1px solid; box-sizing: border-box;} 
.con_about_g_ ul li h3{font-size: 24px;color: #000000;} 
.con_about_g_ ul li h5{font-size: 32px;color: #2b3550; margin-bottom: 20px;} 
.con_about_g_ ul li p{font-size: 14px; margin: 5px 0px; color: #666666;} 






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


	.con_about_a_l span{font-size: 14px;} 
	.con_about_a_l h5{font-size: 24px;} 
	.con_about_a_l em{margin: 20px 0px;} 
	.con_about_a_l p{  margin: 20px 0px; font-size: 12px;} 
	.con_about_a_l ul{  padding: 20px;} 
	.con_about_a_l ul li{ margin-right: 30px; font-size: 12px;} 
	.con_about_a_l ul li h3 strong{ font-size: 28px;} 
	
	.con_about_a_r{height: 449px;} 
	
	.con_about_b_ ul li{ width: 200px;} 
	.con_about_b > span{ font-size: 14px; } 
    .con_about_b > h5{font-size: 24px; margin-bottom: 25px;} 
	
	.con_about_c_r{ height: 413px; } 
	.con_about_c_l span{font-size: 14px;} 
	.con_about_c_l h5{font-size: 24px; } 
	.con_about_c_l em{ margin: 20px 0px;} 

	.con_about_c_l ul{} 
	.con_about_c_l ul li{ margin-top: 10px; padding: 20px;} 
	.con_about_c_l ul li:nth-child(3){ height: 200px;} 
	.con_about_c_l ul li:nth-child(4){ height: 200px;} 
	.con_about_c_l ul li p{ font-size: 12px; } 
	.con_about_c_l ul li p strong{ font-size: 16px;} 
	.con_about_c_l ul li:nth-child(2n){width: 32%;} 




	.con_about_d{} 
	.con_about_d > span{ font-size: 14px;} 
	.con_about_d > h5{font-size: 24px;margin-bottom:20px;} 
	.con_about_d > em{ display: none; }

	.con_about_d_{ margin: 0px auto;} 
	.con_about_d_ ul{} 
	.con_about_d_ ul li{ width: 300px; height: 240px;} 
	.con_about_d_ ul li img{ width: 300px; height: 210px;} 
	.con_about_d_ ul li p{ font-size: 12px; } 
	
	
	
	.con_about_d_con{ margin-bottom: 30px;} 
	.con_about_d_l{margin-top: 10px;} 
	.con_about_d_l span{ font-size: 14px;} 
	.con_about_d_l h5{font-size: 24px;} 
	.con_about_d_l em{ } 
	.con_about_d_l p{  margin: 20px 0px; font-size: 14px;} 
	
	
	
	.con_about_e_con{ margin-bottom: 30px;} 
	.con_about_e_l{ margin-top: 0px;} 
	.con_about_e_l span{ font-size: 14px;} 
	.con_about_e_l h5{font-size: 24px;} 
	.con_about_e_l em{ margin: 20px 0px;} 
	.con_about_e_l p{  margin: 20px 0px; font-size: 12px;} 
	.con_about_e_l p strong{ font-size: 18px;} 


	.con_about_e_ ul li div{height: 200px;} 
	.con_about_e_ ul li img{ height: 200px;} 
	.con_about_e_ ul li p{ font-size: 12px;} 
	
	
	
	
	.con_about_f{ margin: 50px auto;} 

	.con_about_f_l{ } 
	.con_about_f_l span{font-size: 14px;} 
	.con_about_f_l h5{font-size: 24px;} 
	.con_about_f_l em{} 
	.con_about_f_l p{  margin: 5px 0px; font-size: 14px;} 
	
	
	
	

    .con_about_g{ padding:5% 10% 20% 10%;} 
	.con_about_g_tit{width: 280px;} 
	.con_about_g_tit p{font-size: 18px;} 
	.con_about_g_tit h5{font-size: 28px;} 

	.con_about_g_ ul li{ width: 230px; padding-left:30px; margin-left:30px;} 
	.con_about_g_ ul li h3{font-size: 18px;} 
	.con_about_g_ ul li h5{font-size: 26px;} 
	.con_about_g_ ul li p{font-size: 12px;} 
	
	
	
}



/****************产品展示*******************/



.con_pro{width: 100%;  background: #F5F5F5;} 
.con_pro_{padding:3% 10%;box-sizing: border-box;} 
.con_pro_ ul{} 
.con_pro_ ul li{ float: left; width: 32.66%; height: 460px;  margin-right:1%; margin-bottom:1%;overflow: hidden; position: relative; background: #FFFFFF;}
.con_pro_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_pro_ ul li div{ width: 100%; height: 360px; overflow: hidden;} 
.con_pro_ ul li img{ width: 100%; height: 360px; } 
.con_pro_ ul li p{ margin: 30px auto 0px; padding-top: 10px; border-top: #DDDDDD 1px solid; width: 90%;} 
.con_pro_ ul li p span{ display: block; float: left; color: #000000; font-size: 18px;} 
.con_pro_ ul li p i{ float: right;border: #999999 1px solid; color: #000000; font-size: 14px; width: 25px; height: 25px; line-height: 25px; text-align: center;} 
.con_pro_ ul li p i:hover{ background: #999999; color: #FFFFFF;} 
.con_pro_m{padding:5% 10%;box-sizing: border-box;} 
.con_pro_m_left{ float: left; width: 800px; height: 550px; overflow: hidden;} 
.con_pro_m_right{ float: right; width: 500px;} 
.con_pro_m_right > h1{ font-size: 40px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 
.con_pro_m_right p{ font-size: 16px; line-height: 175%; margin: 8px 0px;} 
.con_pro_m_det{padding:0 10%;} 
.con_pro_m_more{padding:2% 10%; border-top: #DDDDDD 1px solid; margin-top: 3%;} 
.con_pro_m_more h4{ font-size: 32px; } 
.con_pro_m_more ul{} 
.con_pro_m_more ul li{} 

@media screen and (max-width: 1600px){
	
	.con_pro_ ul li{  height: 260px; }
	.con_pro_ ul li img{ height: 260px;} 
	.con_pro_ ul li p{font-size: 14px;} 
	
	
} 



/****************案例展示*******************/



.con_case{width: 100%;  background: #F2F2F2;} 
.con_case_{padding:3% 10%; box-sizing: border-box;} 
.con_case_ ul{} 
.con_case_ ul li{ float: left; width: 32.66%; margin-right:1%; margin-bottom:1%;  background: #FFFFFF; border: #FFFFFF 1px solid; padding: 15px; box-sizing: border-box;} 
.con_case_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_case_ ul li div{ width: 100%; height: 300px; overflow: hidden; } 
.con_case_ ul li div img{ width: 100%; height: 100%; } 
.con_case_ ul li p{color: #000000;  font-size: 16px; text-align: center; padding: 15px 0px 0px;} 



.con_case_c{width: 100%;}  
.con_case_a{ margin: 80px auto 20px; width: 1280px; height: 620px; overflow: hidden;position: relative;} 
.con_case_a img{ position: absolute;z-index: 9; width: 100%;} 
.con_case_a p{position: absolute;z-index: 999; text-align: center; bottom: 10%; width: 100%; color: #FFFFFF; font-size: 40px;} 
.con_case_b{margin: 0px auto 100px; width: 1280px; } 
.con_case_b .con_case_b_l{ float: left;width: 560px; height: 700px; overflow: hidden; position: relative;} 
.con_case_b .con_case_b_l img{ position: absolute;z-index: 9; width: 100%;} 
.con_case_b .con_case_b_l p{ position: absolute;z-index: 999; text-align: center; bottom: 10%; width: 100%; color: #FFFFFF; font-size: 40px;} 
.con_case_b .con_case_b_r{float: right; width: 700px;} 
.con_case_b .con_case_b_r ul{} 
.con_case_b .con_case_b_r ul li{  width: 700px; height: 220px; overflow: hidden;position: relative; margin-bottom: 20px;} 
.con_case_b .con_case_b_r ul li:last-child{ margin-bottom: 0px;} 
.con_case_b .con_case_b_r ul li img{position: absolute;z-index: 9; width: 100%;} 
.con_case_b .con_case_b_r ul li p{position: absolute;z-index: 999; text-align: center; bottom: 10%; width: 100%; color: #FFFFFF; font-size: 40px;} 



@media screen and (max-width: 1600px){
	
	.con_case_ ul li{ padding: 10px;} 
	.con_case_ ul li div{height: 230px;} 
	.con_case_ ul li p{ font-size: 14px; padding: 10px 0px 0px;} 
	
} 


/****************新闻资讯*******************/



.con_news{width: 100%;padding:5% 10%; box-sizing: border-box;} 
.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ margin-bottom:60px;} 
.con_news_ ul li div.img-zoom-in{ float: left;  width: 35%; height: 330px; overflow: hidden;} 
.con_news_ ul li div.img-zoom-in img{width: 100%; height: 330px;} 
.con_news_ ul li div.txt{ float: left; width: 65%; background: #F6F6F6; padding: 50px; height: 330px; box-sizing: border-box;} 

.con_news_ ul li div.txt p{} 
.con_news_ ul li div.txt p a { display: block; color: #2b3550; font-size: 28px;} 
.con_news_ ul li div.txt p a:hover{} 
.con_news_ ul li div.txt span{ display: block; color: #999999; font-size: 14px; line-height: 175%; margin: 5px 0px 30px;}                         
.con_news_ ul li div.txt em{ font-size: 12px;} 

.con_news_m{ width: 1000px; margin: 0px auto; } 
.con_news_m > h1{ font-size: 36px; color: #000000; } 
.con_news_m > h6{ font-size: 14px; color: #999999; margin:5px 0px 50px;} 
.con_news_m #MyContent p{ text-align: justify; margin: 35px 0px; line-height: 175%; font-size:16px;} 
.con_news_m #MyContent p img{ max-width: 800px;line-height: 175%; } 


.con_news_m_more{ border-top: #DDDDDD 1px solid; border-bottom: #DDDDDD 1px solid; padding: 30px 0px; width: 1000px; margin: 0px auto;} 
.con_news_m_more h4{ font-size: 22px; font-weight: bold;} 
.con_news_m_more ul{ margin-top: 30px;} 
.con_news_m_more ul li{ padding: 5px 0px; font-size: 14px; color: #999999;} 
.con_news_m_more ul li a{font-size: 16px; color: #000000;} 
.con_news_m_more ul li a:hover{ color: #2b3550;} 


@media screen and (max-width: 1600px){
	
	.con_news_ ul li div.img-zoom-in{   height: 240px;} 
	.con_news_ ul li div.img-zoom-in img{height: 240px;} 
	.con_news_ ul li div.txt{  padding: 35px; height:240px;} 
	
	.con_news_ ul li div.txt p a {  font-size: 20px;} 
	.con_news_ ul li div.txt p a:hover{} 
	.con_news_ ul li div.txt span{ font-size: 12px; margin: 5px 0px 20px;}
} 



/****************招商加盟*******************/
.con_join{width: 100%;padding:5% 0;} 


.con_join_a{width: 80%; margin: 0px auto 80px;} 
.con_join_a ul{} 
.con_join_a ul li{ float: left;width: 48%; height: 260px; overflow: hidden; margin-bottom: 2%; } 
.con_join_a ul li:nth-child(2n){ float: right;} 
.con_join_a ul li div.fl{ float: left; width: 40%;height: 260px; padding:30px; background: #F6F6F6; box-sizing: border-box;} 
.con_join_a ul li div.fl h5{ font-size: 24px; color: #000000;} 
.con_join_a ul li div.fl p{font-size: 14px; text-align: justify; line-height: 175%; margin-top: 20px; color: #999999;} 
.con_join_a ul li div.fr{ float: right; width: 60%; height: 280px; overflow: hidden;} 
.con_join_a ul li div.fr img{width: 100%;height: 100%;} 


/*
.silder-box-3{ position: relative; padding:0 10%;box-sizing: border-box;} 
.silder-button-3.btl{left:0; top:40%; position: absolute; z-index: 999;} 
.silder-button-3.btl i{  background: #2b3550; color: #FFFFFF;  height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 32px; padding-top: 8px; padding-right: 4px;} 
.silder-button-3.btl i:hover{background: #666666; color: #FFFFFF;} 
.silder-button-3.btr{right:0;top:40%; position: absolute; z-index: 999;} 
.silder-button-3.btr i{ background: #2b3550; color: #FFFFFF;  height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size:32px; padding-top: 8px; padding-left: 4px;} 
.silder-button-3.btr i:hover{background: #666666; color: #FFFFFF; } 
*/


.banner_join{width: 100%; height: 560px; overflow: hidden; margin: 0; padding: 0; position: relative;} 
.banner_join img{width: 100%;height:auto; position: absolute; z-index: 9;} 
.con_join_b_r{ position: absolute; top: 20%; right: 15.5%; z-index: 9999;} 
.con_join_b_r h3{font-size: 48px; color: #FFFFFF; line-height: 125%;} 
.con_join_b_r p{ font-size: 22px; color: #FFFFFF; margin: 30px 0px 10px;} 
.con_join_b_r span{ display: block; text-transform: uppercase; color: #CCCCCC;} 
.con_join_b_b{position: absolute; top: 70%; right: 10%; z-index: 9999;} 
.con_join_b_b ul{} 
.con_join_b_b ul li{ float: left; color: #FFFFFF; margin-right: 30px; font-size: 14px;} 
.con_join_b_b ul li:last-child{ margin-right: 0px;} 
.con_join_b_b ul li h3{} 
.con_join_b_b ul li h3 strong{ font-size: 36px;} 


.con_join_tit { text-align: center; margin-bottom: 50px;} 
.con_join_tit h3{ font-size: 32px; margin-bottom: 5px; font-weight: bold;} 
.con_join_tit p{font-size: 14px; color: #999999; text-transform: uppercase;} 

.con_join_c_{width: 100%; padding:0 10%;box-sizing: border-box; margin: 0px 0px 100px;} 
.con_join_c_l{ float: left; background: #F6F6F6; padding: 5% 10.95%; box-sizing: border-box; height: 460px;} 
.con_join_c_l p{ font-size: 18px; margin: 20px 0px;} 
.con_join_c_r{ float: right;} 





.con_join_d{width: 100%; padding:0 10%;box-sizing: border-box; margin: 0px 0px 0px;} 
.con_join_d ul{} 
.con_join_d ul li{ float: left; width: 24%; border: #DDDDDD 1px solid; margin-right: 1.25%; height: 130px; box-sizing: border-box; padding: 20px;} 
.con_join_d ul li:last-child{ float: right; margin-right:0;} 
.con_join_d h5{font-size: 20px; color: #2b3550;  margin-bottom: 20px;} 
.con_join_d h5 span{ font-size: 14px; text-transform: uppercase; color: #999999;} 
.con_join_d ul li h6{ font-size: 20px; color: #2b3550; margin-bottom: 10px;} 
.con_join_d ul li p{ font-size: 14px; line-height: 175%;} 
.con_join_d ul li:hover{border: #2b3550 1px solid; background: #2b3550;} 
.con_join_d ul li:hover h6{ color: #FFFFFF;} 
.con_join_d ul li:hover p{ color: #FFFFFF;} 

.con_join_e{width: 100%; padding:0 10%;box-sizing: border-box; margin: 50px 0px 80px;} 
.con_join_e ul{} 
.con_join_e ul li{ float: left; width: 19%; background: #F8F8F8; height:300px; box-sizing: border-box; padding:45px; text-align: center; margin-right: 1.25%;} 
.con_join_e ul li:last-child{ float: right; margin-right:0;} 
.con_join_e h5{font-size: 20px; color: #2b3550;  margin-bottom: 20px;} 
.con_join_e h5 span{ font-size: 14px; text-transform: uppercase; color: #999999;} 
.con_join_e ul li img{ width: 60px; height: 60px;} 
.con_join_e ul li h6{ font-size: 20px; color: #2b3550; margin: 10px 0px 20px;} 
.con_join_e ul li p{ font-size: 12px; line-height: 175%;} 
.con_join_e ul li:hover{  background: #DDDDDD;} 
.con_join_e ul li:hover h6{} 
.con_join_e ul li:hover p{} 


.con_join_f{width: 100%; padding:0 10%;box-sizing: border-box; margin: 0px;} 
.con_join_f img {width: 100%; } 



@media screen and (max-width: 1600px){
	
	.banner_join{ height: 420px;} 
	.banner_join img{} 
	.con_join_b_r{ top: 17%; right: 16%;} 
	.con_join_b_r h3{font-size: 36px; } 
	.con_join_b_r p{ font-size: 18px;} 

	.con_join_b_b{position: absolute; top:70%; right: 10%; z-index: 9999;} 
	.con_join_b_b ul{} 
	.con_join_b_b ul li{  margin-right: 20px; font-size: 12px;} 
	.con_join_b_b ul li h3 strong{ font-size: 24px;} 

	.con_join_a{width: 80%; margin: 0px auto 80px;} 
	.con_join_a ul{} 
	.con_join_a ul li{   height: 220px; } 
	.con_join_a ul li div.fl{ height: 220px; padding:20px;} 
	.con_join_a ul li div.fl h5{ font-size: 20px; } 
	.con_join_a ul li div.fl p{font-size: 12px;} 
	.con_join_a ul li div.fr{ height: 220px;} 
	
	
	
	
	
	.con_join_b{ background-size: cover;height: 440px; margin: 80px 0px;} 
	.con_join_c_{ margin: 0px 0px 80px;} 
	.con_join_c_l{ padding: 5% 6%; box-sizing: border-box; height: 360px; width: 35%;} 
	.con_join_c_l p{ font-size: 14px; margin: 15px 0px;} 
	.con_join_c_r{ width: 65%;} 
	.con_join_c_r img{ width: 100%;}
	
	.con_join_d ul li{height: 135px;} 
	.con_join_d ul li h6{ font-size: 16px; margin-bottom: 10px;} 
	.con_join_d ul li p{ font-size: 12px;} 
	
	.con_join_e ul li{ height:300px; padding:30px;} 
	.con_join_e ul li img{ width: 60px; height: 60px;} 
	.con_join_e ul li h6{ font-size: 16px;} 
	.con_join_e ul li p{ font-size: 12px; } 

} 




/****************联系我们*******************/
.con_contact{width: 100%;padding:5% 10%; box-sizing: border-box;} 
.con_contact_{} 
.con_contact_l{ float: left; width: 30%;} 
.con_contact_l ul{} 
.con_contact_l ul li { margin-bottom: 30px;} 

.con_contact_l ul li h6{ font-size: 18px; margin-bottom: 10px;} 
.con_contact_l ul li p{ font-size: 14px; } 
                                                                                                                                                                                          
.con_contact_r{ float: right; width: 65%;} 
.con_contact_r #dituContent { width: 100%; height: 500px;} 






/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#DDDDDD 1px solid;padding:8px 15px;margin:3px;color:#666666;text-decoration:none; border-radius: 5px;}
div.black2 a:hover{color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;}
div.black2 a.curr{font-weight:bold;color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;} 
div.black2 a font{ color: #FFFFFF;} 
.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:8px 15px;margin:3px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;}
.fenye a:active{color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;}
.fenye a.curr{font-weight:bold;color:#FFFFFF;background-color:#2b3550;border:#2b3550 1px solid;} 
.fenye a font{ color: #FFFFFF;} 



















/****************手机版样式*******************/
@media screen and (max-width: 768px){

	
	
}