@charset "utf-8";
/* CSS Document */



.main_about{ width: 100%; background: url(/images/bg01.jpg) no-repeat center;  height: 920px;} 
.main_about_{ width: 85%; margin: 0px auto; padding: 100px 0px 75px;} 
.main_about_left{ width: 40%; float: left;} 
.main_about_left h3{ font-size: 80px; color: #EEEEEE; font-weight: bold;} 
.main_about_left span{ display: block; font-size: 36px; color: #000000; text-transform: uppercase; margin-top: -50px;font-family: ali-b;} 
.main_about_left p{color: #333333; font-size: 16px; margin:50px 0px; text-align: justify;line-height: 200%;} 
.main_about_left a{ display: block; border: #4d6c89 1px solid;; width: 120px; color: #FFFFFF; text-align: center; padding: 8px 0px; border-radius: 20px; transition: all 0.5s;} 
.main_about_left a:hover{background: #4d6c89; color: #FFFFFF; width: 180px;} 

.main_about_right{ float: right; width: 820px; height: 460px;}

.main_about_icon{ width: 85%; margin: 0px auto; border: #DDDDDD 1px solid;} 
.main_about_icon ul{ display: table; margin: 0px auto; width: 100%;} 
.main_about_icon ul li{ float: left; box-sizing: border-box; padding:3% 3.8% 2% 3.8%; text-align:center;border-right: #DDDDDD 1px solid;}
.main_about_icon ul li:last-child{ border-right: none;} 
.main_about_icon ul li h3{} 
.main_about_icon ul li h3 strong{ font-size: 50px; color: #4d6c89;} 
.main_about_icon ul li p{font-size: 16px; color: #000000; margin-top: 10px; } 
.main_about_icon ul li:hover{ background: #4d6c89;} 
.main_about_icon ul li:hover h3{color: #FFFFFF;} 
.main_about_icon ul li:hover h3 strong{ color: #FFFFFF;} 
.main_about_icon ul li:hover p{ color: #FFFFFF} 





.main_pro{ width: 100%; margin: 0px;} 
.main_pro .main_pro_l{ float: left; width: 33.3%; margin-right: 1px; height: 950px; overflow: hidden; position: relative;} 
.main_pro .main_pro_c{ float: left; width: 33.3%; height: 950px; overflow: hidden; position: relative;} 
.main_pro .main_pro_r{ float: right; width: 33.3%; height: 950px;overflow: hidden; position: relative;} 

.main_pro .main_pro_l > img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro .main_pro_l a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; text-align: center; background: rgba(58,105,150,0.3); padding-top: 55%;} 
.main_pro .main_pro_l a h5{ color: #FFFFFF; font-size:30px; margin: 30px 0px 0px;} 
.main_pro .main_pro_l a em{ display: block; margin: 15px auto 8px; height:25px; width: 1px; background: #FFFFFF;} 
.main_pro .main_pro_l a p{color: #FFFFFF; font-size:18px; margin: 0px 0px 50px 0px;} 
.main_pro .main_pro_l a:hover{ background: rgba(58,105,150,0.7);} 

.main_pro .main_pro_c .tt{position: absolute; z-index: 9999; text-align: center; left: 17%; top:8%;} 
.main_pro .main_pro_c .tt h6{font-size: 80px; color: #BBBBBB; font-weight: bold;font-family: ali-b;} 
.main_pro .main_pro_c .tt p{font-size: 36px; color: #FFFFFF; margin-top: -50px; } 
.main_pro .main_pro_c .cc{} 
.main_pro .main_pro_c .cc > img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro .main_pro_c .cc a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; text-align: center; background: rgba(58,105,150,0.3); padding-top: 55%;} 
.main_pro .main_pro_c .cc a h5{ color: #FFFFFF; font-size:30px; margin: 30px 0px 0px;} 
.main_pro .main_pro_c .cc a em{ display: block; margin: 15px auto 8px; height:25px; width: 1px; background: #FFFFFF;} 
.main_pro .main_pro_c .cc a p{color: #FFFFFF; font-size:18px; margin: 0px 0px 50px 0px;} 
.main_pro .main_pro_c .cc a:hover{ background: rgba(58,105,150,0.7);} 

.main_pro .main_pro_r > img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro .main_pro_r a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; text-align: center; background: rgba(58,105,150,0.3); padding-top: 55%;} 
.main_pro .main_pro_r a h5{ color: #FFFFFF; font-size:30px; margin: 30px 0px 0px;} 
.main_pro .main_pro_r a em{ display: block; margin: 15px auto 8px; height:25px; width: 1px; background: #FFFFFF;} 
.main_pro .main_pro_r a p{color: #FFFFFF; font-size:18px; margin: 0px 0px 50px 0px;} 
.main_pro .main_pro_r a:hover{ background: rgba(58,105,150,0.7);} 


.main_join{width:85%; margin:120px auto;}

.main_join .main_join_tit{  float: left; width: 300px;}
.main_join .main_join_tit h3{ font-size: 50px; color: #000000;text-transform: uppercase;}
.main_join .main_join_tit em{display: block; margin: 150px 0px 20px 10px; height:80px; width:2px; background: #000000;}
.main_join .main_join_tit p{ font-size: 36px; color: #333333; line-height: 150%;} 

.main_join_{  float: right; width: 1220px;}
.main_join_ ul{}
.main_join_ ul li{ position: relative; float: left; width: 390px; height: 252px; margin: 0px 25px 25px 0px; overflow: hidden;}
.main_join_ ul li:nth-child(3n){ float: right;margin: 0px 0px 25px 0px;} 
.main_join_ ul li img{ position: absolute; z-index: 9; width: 100%; height:100%;}
.main_join_ ul li div{ position: absolute; z-index: 999; width: 100%; height:100%;text-align:center; box-sizing: border-box; padding-top:20%;} 
.main_join_ ul li div p{color: #FFFFFF; font-size: 30px; font-weight: bold;}
.main_join_ ul li div span{ display: inline-block;font-size: 20px; color:#FFFFFF;}
.main_join_ ul li:hover{cursor: pointer;} 
.main_join_ ul li:hover div{background: rgba(0,0,0,0.5);} 







.main_icon{  width:100%; margin:0px;background: url("/images/bg02.jpg") no-repeat center;  padding:100px 0px; height:auto; box-sizing: border-box;} 
.main_icon_{width:85%; margin:0px auto;} 
.main_icon_ .main_icon_tit{  float: left; width: 300px;} 
.main_icon_ .main_icon_tit h3{ font-size: 50px; color: #FFFFFF;text-transform: uppercase;} 
.main_icon_ .main_icon_tit em{display: block; margin: 150px 0px 20px 10px; height:80px; width:2px; background: #FFFFFF;}
.main_icon_ .main_icon_tit p{ font-size: 36px; color: #FFFFFF; line-height: 150%;} 

.silder-box-1{ width:1150px; float: right; position: relative;} 
.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:0; top:45%;} 
.silder-button-1.btl i{ background: #4d6c89; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-right: 2px;} 
.silder-button-1.btl i:hover{background: #000000; color: #FFFFFF;} 
.silder-button-1.btr{right:0;top:45%;} 
.silder-button-1.btr i{ background: #4d6c89; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-left: 2px;} 
.silder-button-1.btr i:hover{background: #000000; color: #FFFFFF; } 

.main_icon_list{  width:1050px; margin: 0px auto;} 
.main_icon_list ul{} 
.main_icon_list ul li{ width:1050px; height: 580px;} 
.main_icon_list ul li img{ width: 100%; height: 100%;} 








.main_news{width: 80%; margin: 100px auto; text-align: center;} 


.main_news_tit{width:100%; text-align: center;} 
.main_news_tit h5{ font-size:60px; color: #DDDDDD;text-transform: uppercase;} 
.main_news_tit p{ font-size:42px; color: #000000;  margin-top: -30px;font-family: ali-b;} 
.main_news_tit em{ display: block; margin: 20px auto 0px; height:3px; width:80px; background: #4d6c89;} 

.main_news_{ margin:60px auto 0px;} 
.main_news_l{float: left; width: 30%; height: 600px; overflow: hidden;background:#4d6c89;border-radius: 20px;} 
.main_news_l div.im{width: 100%; height:330px;overflow: hidden;} 
.main_news_l div.im img{ width: 100%; height: 100%;} 
.main_news_l div.ix{  padding: 25px; box-sizing: border-box; text-align:left;} 
.main_news_l div.ix p{ font-size: 16px; margin-bottom: 20px; color: #FFFFFF;} 
.main_news_l div.ix h6 a{color: #FFFFFF;} 
.main_news_l div.ix h6{font-size: 24px; margin-bottom: 20px; color: #FFFFFF; line-height: 130%;} 
.main_news_l div.ix span{font-size: 14px; line-height: 150%; color: #DDDDDD; }

.main_news_c{float: left; width: 30%; height: 550px; overflow: hidden; border-radius: 20px; margin-left:5.5%;position: relative;} 
.main_news_c img{ position: absolute; z-index: 9;  width: auto; height: 100%; top: 0; left: 0;} 
.main_news_c div{position: absolute; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.35); padding: 80px 50px; box-sizing: border-box;text-align:left;}
.main_news_c div p{ font-size: 16px; margin-bottom: 20px; color: #FFFFFF;}
.main_news_c div h6{font-size: 24px; margin-bottom: 20px; color: #FFFFFF; line-height: 130%;}
.main_news_c div h6 a{color: #FFFFFF;} 
.main_news_c div span{font-size: 14px; line-height: 150%; color: #EEEEEE; }
.main_news_c:hover div{background: rgba(0,0,0,0.65);} 


.main_news_r{float: right; width: 30%; height: 600px; overflow: hidden;background:#4d6c89;border-radius: 20px;} 
.main_news_r div.im{width: 100%; height:330px;overflow: hidden;} 
.main_news_r div.im img{ width: 100%; height: 100%;} 
.main_news_r div.ix{  padding: 25px; box-sizing: border-box;text-align:left;} 
.main_news_r div.ix p{ font-size: 16px; margin-bottom: 20px; color: #FFFFFF;} 
.main_news_r div.ix h6 a{color: #FFFFFF;} 
.main_news_r div.ix h6{font-size: 24px; margin-bottom: 20px; color: #FFFFFF; line-height: 130%;} 
.main_news_r div.ix span{font-size: 14px; line-height: 150%; color: #DDDDDD; } 


.main_news > a{ display: inline-block; text-align: center; margin: 30px auto 0px; transition: all 0.6s;} 
.main_news > a:hover{ margin: 50px auto 0px;} 




/************************************************内页*******************************************************/


.n_img{ width:100%; height:720px; margin: 0px; padding: 0px; overflow: hidden; position: relative;} 
.n_img img{ width:100%; position: absolute; z-index: 9;} 
.n_img div{ width:100%; margin: 0px auto; position: absolute; z-index: 999;text-align: center; padding: 260px 0px 0px;box-sizing: border-box; } 
.n_img div em{ display: block;height: 5px; background: #FFFFFF; width:50px; margin: 0px auto;}
.n_img div p{ color: #FFFFFF;font-size: 40px; margin: 30px 0px 5px; font-weight: bold;} 
.n_img div span{ display: block; color: #FFFFFF; font-size: 32px;} 
.n_img div.bai em{} 
.n_img div.bai p{color: #FFFFFF;} 
.n_img div.bai span{color: #FFFFFF;} 
.n_img img {
    -webkit-animation: banner_inside 15s ease 1 forwards;
       -moz-animation: banner_inside 15s ease 1 forwards;
         -o-animation: banner_inside 15s ease 1 forwards;
            animation: banner_inside 15s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.locatn{width:85%;  padding: 30px 0px; margin: 0px auto; color: #666666;}
.locatn a{color: #666666; font-size: 14px;}
.locatn a:hover{color: #4d6c89;}

.us_menu{width:100%;  background: #F5F5F5; margin: -5px auto 0px; box-shadow: 0px 1px 5px 1px #DDDDDD;}
.us_menu_{ width: 1280px; margin: 0px auto;}
.us_menu_{}
.us_menu_ ul{ display: table; margin: 0px auto;}
.us_menu_ li{ float: left; }
.us_menu_ li a{ display: block; font-size: 18px; padding: 30px 50px; color: #333333;}
.us_menu_ li a:hover{background: #4d6c89; color: #FFFFFF;}
.us_menu_ li a.on{ background: #4d6c89; color: #FFFFFF;}




/*内页-关于我们*/

.con_about_a{ width:100%; margin: 0px; background:url("/images/a01.jpg") no-repeat center; height:1000px;box-sizing: border-box; padding: 280px 0px 0px;} 
.con_about_a_{ width:85%; margin: 0px auto;} 
.con_a_tit{width:580px;} 
.con_a_tit p{text-transform: uppercase; color: #DDDDDD; font-size:18px;} 
.con_a_tit h3{color: #FFFFFF; font-size: 36px;} 
.con_about_a_txt{width:580px; margin-top: 60px;} 
.con_about_a_txt p{ margin: 30px 0px; font-size: 16px; text-align: justify;color: #FFFFFF;} 

.con_about_b{ width: 100%; margin:100px 0px;} 
.con_b_tit{ text-align: center;} 
.con_b_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_b_tit h3{color: #000000; font-size: 36px;} 
.con_about_b_{ width: 1280px; margin:50px auto 0px;} 
.con_about_b_ ul{ float: left; width: 500px;} 
.con_about_b_ ul li{  margin-bottom: 20px; padding-bottom: 20px; border-bottom: #DDDDDD 1px solid;} 
.con_about_b_ ul li:last-child{ margin-bottom: 0px;} 
.con_about_b_ ul li p{ color: #000000; font-size: 16px;} 
.con_about_b_ ul li h5{ font-size: 20px; margin-top:10px;color: #4d6c89;} 
.con_about_b_ img{ float: right; display: block;width: 680px; height: 379px;} 




.con_about_d{ width: 100%; margin:0px; padding: 80px 0px; background: #F6F6F6;} 
.con_d_tit{ text-align: center;} 
.con_d_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_d_tit h3{color: #000000; font-size: 36px;} 
.con_about_d_{width: 1280px; margin: 80px auto 0px; position: relative;} 
.con_about_d_ div{ background: #4d6c89; height: 2px; width: 100%; position: absolute; top: 15px;} 
.con_about_d_ ul{} 
.con_about_d_ ul li{ width:360px;  height: 260px;text-align: center;} 
.con_about_d_ ul li h5{ color: #000000; font-size:18px; background: #F6F6F6;} 
.con_about_d_ ul li h3{color: #4d6c89; font-size:24px; background: #F6F6F6; margin-top: 10px;} 
.con_about_d_ ul li p{ font-size: 14px;line-height: 175%; color: #333333; text-align: justify; margin: 20px 0px 0px; box-sizing: border-box; padding: 0px 20px;} 
.silder-box-2{ width:100%;  position: relative;} 
.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{left:0; top:2%; left: 12%;} 
.silder-button-2.btl i{ background: #999999; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-right: 2px;} 
.silder-button-2.btl i:hover{background: #4d6c89; color: #FFFFFF;} 
.silder-button-2.btr{right:0;top:2%; right: 12%;} 
.silder-button-2.btr i{ background: #999999; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-left: 2px;} 
.silder-button-2.btr i:hover{background: #4d6c89; color: #FFFFFF; } 
.con_about_d > img{ display: block; margin: 50px auto;}  


/*内页-关于我们*/


/*内页-产品*/

.c_pro_list{ margin: 0px auto; width:1280px; padding: 80px 0px; border-bottom: #EEEEEE 1px dashed;}
.c_pro_list h5{ font-size: 28px;} 
.c_pro_list ul{ margin-top: 35px;} 
.c_pro_list ul li{ width:410px; float: left; margin:0 25px 30px 0; overflow: hidden; } 
.c_pro_list ul li:nth-child(3n) { float: right; margin:0 0 0 0;} 
.c_pro_list ul li div{ width: 410px; height: 320px; overflow: hidden;} 
.c_pro_list ul li div img{ width: 100%; height: 100%;display: block; margin: 0px;} 
.c_pro_list ul li p{  font-size: 16px;text-align: left; padding:20px 0px;}
.c_pro_list > a{ display: block; margin-top: 20px; font-size:20px;} 
.c_pro_list > a:hover{ color: #4d6c89;} 

.c_pro{width: 100%; margin:100px 0px; background: #FFFFFF;} 
.c_pro_{ margin: 50px auto; width: 80%;} 
.c_pro_ ul{} 
.c_pro_ ul li{ width:31.33%; float: left; margin:0 3% 3% 0; background: #F6F6F6; overflow: hidden;} 
.c_pro_ ul li:nth-child(3n) { float: right; margin:0 0 3% 0;} 
.c_pro_ ul li div{width: 100%; height: 365px; overflow: hidden;} 
.c_pro_ ul li div img{ width: 100%; height: 100%;} 
.c_pro_ ul li p{  font-size: 18px; text-align: center; padding:25px 0px;} 

.con_pro_m{ margin: 80px auto; width: 80%;} 
.con_pro_m_ .fl{ width: 650px; text-align: center; margin: 0px auto;} 
.con_pro_m_ .fl > img{ width: 100%; height: 480px;} 
.con_pro_m_ .fr{ width: 650px; text-align: center; margin: 0px auto;} 
.con_pro_m_ .fr h1{ font-size:36px; line-height: 150%; margin-top: 30px;} 

.con_pro_m_det{ display: none;} 


/*内页-产品*/



/*内页-案例*/

.c_case{width: 100%; margin: 50px 0px 80px;} 
.c_case_{ margin: 0px auto; width: 85%;} 
.c_case_ ul{} 
.c_case_ ul li{ float: left; width: 32%;height: 385px;overflow: hidden;margin-right:1.325%; margin-bottom:1.325%;}
.c_case_ ul li:nth-child(3n){ float: right;} 
.c_case_ ul li img{ width: 100%; height: 385px;}
.c_case_ ul li:hover{cursor: pointer;} 


/*内页-案例*/





/*内页-新闻*/ 

.com_news{width: 1280px; margin:50px auto;} 
.com_news_{} 
.com_news_ ul{} 
.com_news_ ul li{ margin:80px 0px;transition:All 0.5s; background: #F8F8F8;} 
.com_news_ ul li:hover {box-shadow: 0px 2px 20px 2px #DDDDDD;}
.com_news_ ul li div.fl{ float: left; width: 50%; transition: all 0.6s;padding: 50px;} 

.com_news_ ul li div.fl p{} 
.com_news_ ul li div.fl p a{ font-size: 28px;} 
.com_news_ ul li div.fl em{display: block; margin: 20px 0px; width: 50px; height: 2px; background: #4d6c89; transition: all 0.6s;} 
.com_news_ ul li div.fl:hover em{ width: 300px;} 
.com_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 20px; color: #999999;} 
.com_news_ ul li div.fl i{ font-style: normal;} 

.com_news_ ul li div.fr{float: right; width: 40%; height: 320px; overflow: hidden;} 
.com_news_ ul li img{ width: 100%; height: 360px;} 

.com_news_m{ width: 100%;} 
.com_news_m h1{ font-size:36px; line-height: 150%; margin-bottom: 5px;} 
.com_news_m h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 

.com_news_m #MyContent p{ font-size: 16px; text-align: justify; line-height: 175%; margin: 25px 0px;} 
.com_news_m #MyContent p img{ display: block; margin: 30px auto; max-width: 750px;} 
.com_news_m #MyContent p a img{ display: block; margin: 30px auto; max-width: 750px;} 

.com_news_more{ margin: 30px auto; width:1280px; padding: 30px 0px; border-top: #DDDDDD 1px solid;border-bottom: #DDDDDD 1px solid;} 
.com_news_more h5{font-size:24px; margin-bottom: 30px;} 
.com_news_more ul{} 
.com_news_more ul li{ margin: 5px 0px;}
.com_news_more ul li a{ font-size:16px; } 


.com_news_more{ margin: 30px auto; width:1280px; padding: 30px 0px; border-top: #DDDDDD 1px solid;border-bottom: #DDDDDD 1px solid;} 
.com_news_more h5{font-size:24px; margin-bottom: 30px;} 
.com_news_more ul{} 
.com_news_more ul li{ margin: 5px 0px;}
.com_news_more ul li a{ font-size:16px; } 

/*内页-新闻*/



/*内页-加盟*/

.con_join_a{ width: 1280px; margin: 80px auto;} 
.con_join_a .con_join_a_tit{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_a .con_join_a_tit h3{ color: #4d6c89; font-size:48px; margin-bottom: 5px;} 
.con_join_a .con_join_a_tit p{ color: #000000; font-size:30px;} 
.con_join_a_{ width: 100%; margin:50px auto 0px;} 
.con_join_a_ img{ display: block; margin: 30px auto 0px;} 
.con_join_a_ ul{}
.con_join_a_ ul li{ float: left; width: 413.25px; height: 180px;  box-sizing: border-box; margin:0px 20px 20px 0px; padding:35px 50px;}
.con_join_a_ ul li:first-child{background: #4d6c89; } 
.con_join_a_ ul li:nth-child(3n){ float: right; margin:0px 0px 20px 0px;}
.con_join_a_ ul li:nth-child(3){ background: #4d6c89;}
.con_join_a_ ul li:nth-child(5){ background: #4d6c89;}
.con_join_a_ ul li:nth-child(2){ background: #F2F2F2;}
.con_join_a_ ul li:nth-child(4){ background: #F2F2F2;}
.con_join_a_ ul li:nth-child(6){ background: #F2F2F2;}
.con_join_a_ ul li h3{ font-size: 26px; margin-bottom: 15px;} 
.con_join_a_ ul li p{ font-size: 18px; text-align: justify; line-height: 150%;} 
.con_join_a_ ul li:first-child h3{ color: #FFFFFF;}
.con_join_a_ ul li:first-child p{color: #FFFFFF;}
.con_join_a_ ul li:nth-child(3) h3{ color: #FFFFFF;}
.con_join_a_ ul li:nth-child(3) p{ color: #FFFFFF;}
.con_join_a_ ul li:nth-child(5) h3{ color: #FFFFFF;}
.con_join_a_ ul li:nth-child(5) p{ color: #FFFFFF;}

.con_join_b{width:100%; margin: 0px; background:url("/images/j02.jpg") no-repeat center; height:860px;box-sizing: border-box; padding: 80px 0px;}
.con_join_b .con_join_b_tit{ width: 1280px; margin:0px auto; text-align: center;}
.con_join_b .con_join_b_tit h3{ color: #FFFFFF; font-size:48px; margin-bottom: 5px;}
.con_join_b .con_join_b_tit p{ color: #CCCCCC; font-size:30px;}
.con_join_b_ {width: 1280px; margin: 50px auto 0px;}
.con_join_b_ ul{}
.con_join_b_ ul li{ float: left; width:320px; height: 260px; box-sizing: border-box; margin:0px; padding:50px 50px;}
.con_join_b_ ul li:nth-child(4n){ float: right;}
.con_join_b_ ul li:nth-child(3){ padding: 0px;}
.con_join_b_ ul li:nth-child(5){ padding: 0px;}
.con_join_b_ ul li:first-child{ background: #FFFFFF;} 
.con_join_b_ ul li:nth-child(2){background: #4d6c89;}
.con_join_b_ ul li:nth-child(4){background: #FFFFFF;}
.con_join_b_ ul li:nth-child(6){background: #FFFFFF;}
.con_join_b_ ul li:nth-child(7){background: #4d6c89;}
.con_join_b_ ul li:nth-child(8){background: #EEEEEE;}
.con_join_b_ ul li img{ width: 100%; height: 100%;} 
.con_join_b_ ul li h3{ font-size: 24px; margin-bottom: 20px;}
.con_join_b_ ul li p{ font-size: 16px; text-align: justify; line-height: 150%;}
.con_join_b_ ul li:nth-child(2) h3{ color: #FFFFFF;}
.con_join_b_ ul li:nth-child(2) p{ color: #FFFFFF;}
.con_join_b_ ul li:nth-child(7) h3{ color: #FFFFFF;}
.con_join_b_ ul li:nth-child(7) p{ color: #FFFFFF;}


.con_join_c{ width: 100%; margin: 0px auto; background: #F6F6F6; padding: 100px 0px;} 
.con_join_c .con_join_c_tit{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_c .con_join_c_tit h3{ color: #4d6c89; font-size:48px; margin-bottom: 5px;} 
.con_join_c .con_join_c_tit p{ color: #000000; font-size:30px;} 
.con_join_c_{ width: 1280px; margin:50px auto 0px;} 
.con_join_c_ ul{}
.con_join_c_ ul li{ float: left; width: 200px;box-sizing: border-box; margin:0px 70px 20px 0px;}
.con_join_c_ ul li:nth-child(5n){ float: right; margin:0px 0px 20px 0px;}
.con_join_c_ ul li div img{width: 60px;} 
.con_join_c_ ul li h3{ font-size: 18px; margin:15px 0px 10px 0px; color: #4d6c89;}
.con_join_c_ ul li p{ font-size: 14px; text-align: justify; line-height: 150%; color: #999999;} 
.con_join_c_ > img{ display: block; margin: 30px auto 0px;}


.con_join_d{width:100%; margin: 0px; background:url("/images/j02.jpg") no-repeat center; height:920px;box-sizing: border-box; padding: 80px 0px;}
.con_join_d .con_join_d_tit{ width: 1280px; margin:0px auto; text-align: center;}
.con_join_d .con_join_d_tit h3{ color: #FFFFFF; font-size:48px; margin-bottom: 5px;}
.con_join_d .con_join_d_tit p{ color: #CCCCCC; font-size:30px;}
.con_join_d_ {width: 1280px; margin: 50px auto 0px;}
.con_join_d_ img{ width: 100%;} 

.con_join_{ margin: 80px auto; width: 600px;} 
.con_join_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #999999 1px solid; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_txt02{ margin: 20px 0px;} 
.con_join_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.con_join_txt03{ margin: 20px 0px;} 
.con_join_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.con_join_txt04{ margin: 20px 0px;} 
.con_join_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top; font-family: "微软雅黑";} 

.con_join_txt05{ margin: 50px 0px;text-align: center;} 
.con_join_txt05 input{ border: none; background: #4d6c89; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 


/*内页-加盟*/



/*内页-联系我们*/

.con_contact{  width:85%; margin:80px auto; } 
.con_contact .fl{ float: left; width: 40%;} 
.con_contact .fl ul{} 
.con_contact .fl ul li{ margin-bottom: 30px;}
.con_contact .fl ul li:first-child{ margin-bottom: 50px;}
.con_contact .fl ul li h2{ font-size: 20px;}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 16px;}
.con_contact .fl ul li h6{ font-size: 28px;} 
.con_contact .fl ul li span{display: inline-block; font-size: 16px;}

.con_contact .fr{ float: right; width: 60%;}
.con_contact .fr #dituContent{ width: 100%; height: 600px; }

/*内页-联系我们*/


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




@media screen and (max-width:1500px){
	
	.main_about{ height: 750px;} 
	.main_about_{  padding: 80px 0px 55px;} 
	.main_about_left{ } 
	.main_about_left h3{ font-size: 60px; } 
	.main_about_left span{ font-size: 28px;} 

	.main_about_left p{ font-size: 14px; line-height: 175%; margin:35px 0px;} 
	.main_about_right{ width: 600px; height: 360px;}
	
	.main_about_icon ul li{ padding:3% 3.2% 2% 3.2%;}
	.main_about_icon ul li h3 strong{ font-size: 36px;} 
    .main_about_icon ul li p{font-size: 14px;} 
	
	.main_pro .main_pro_l{ height: 680px;} 
	.main_pro .main_pro_c{ height: 680px;} 
	.main_pro .main_pro_r{ height: 680px;} 
	
	.main_pro .main_pro_c .tt{left: 15%; top:5%;} 
	.main_pro .main_pro_c .tt h6{font-size: 60px;} 
	.main_pro .main_pro_c .tt p{font-size: 28px;} 
	
	
	.main_join{ margin:80px auto 50px;}
	.main_join .main_join_tit{  width: 260px;}
	.main_join .main_join_tit h3{ font-size: 40px;}
	.main_join .main_join_tit em{ margin: 100px 0px 20px 10px;}
	.main_join .main_join_tit p{ font-size: 28px;} 
	
	.main_join_{  float: right; width: 820px;}
	.main_join_ ul{}
	.main_join_ ul li{ width: 260px; height: 180px; margin: 0px 20px 20px 0px; overflow: hidden;}
	
	
	.main_icon{  padding:80px 0px;} 
	.main_icon_ .main_icon_tit{ width: 260px;} 
	.main_icon_ .main_icon_tit h3{ font-size: 40px;} 
	.main_icon_ .main_icon_tit em{ margin: 100px 0px 20px 10px;}
	.main_icon_ .main_icon_tit p{ font-size: 28px; } 
	
	.silder-box-1{ width:850px; float: right; position: relative;} 
	.main_icon_list{  width:750px; margin: 0px auto;} 
	.main_icon_list ul{} 
	.main_icon_list ul li{ width:750px; height: 378px;} 
	.main_icon_list ul li img{ width: 100%; height: 100%;} 
	
	
	
	.main_news{margin: 80px auto;} 
	.main_news_tit h5{ font-size:40px;} 
	.main_news_tit p{ font-size:28px;} 

	.main_news_{ margin:35px auto 0px;} 
	.main_news_l{ height: 450px;} 
	.main_news_l div.im{height:200px;} 
	.main_news_l div.ix p{ font-size: 14px; margin-bottom: 12px;} 
	.main_news_l div.ix h6{font-size: 20px; margin-bottom: 12px;} 
	.main_news_l div.ix span{font-size: 12px;}
	.main_news_c{ height: 350px;}
	.main_news_c div{padding: 50px 30px;}
	.main_news_c div p{ font-size: 14px;}
	.main_news_c div h6{font-size: 20px;}
	.main_news_c div span{font-size: 12px; }
	.main_news_r{ height: 450px;} 
	.main_news_r div.im{height:200px;} 
	.main_news_r div.ix p{ font-size: 14px; margin-bottom: 12px;} 
	.main_news_r div.ix h6{font-size: 20px; margin-bottom: 12px;} 
	.main_news_r div.ix span{font-size: 12px; }
	
	
	
	.c_pro{margin:80px 0px;} 
	.c_pro_ ul li div{height:245px;} 
	.c_pro_ ul li p{  font-size: 14px; padding:18px 0px;} 
	.c_case_ ul li{height: 260px;}
	.c_case_ ul li img{ height: 260px;}
	
}




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

	.main_about{  background-size:cover; height:auto; padding-bottom: 50px;} 
	.main_about_{ width: 88%; padding: 50px 0px 30px;} 
	.main_about_left{ width: 100%; float: none;} 
	.main_about_left h3{ font-size: 3em;} 
	.main_about_left span{ font-size: 1.8em; margin-top: -30px;} 
	.main_about_left p{ font-size: 1em; margin:20px 0px; line-height: 150%;} 
	.main_about_right{ float: none; width: 100%; height: auto; margin-top:30px;}
	.main_about_right img{ width: 100%; height: 100%;} 

	.main_about_icon{ width: 88%;border: #DDDDDD 1px solid;} 
	.main_about_icon ul{ } 
	.main_about_icon ul li{ float: left; width: 49%; padding:6%;border-right: #DDDDDD 1px solid; border-bottom:#DDDDDD 1px solid;box-sizing: border-box;}
	.main_about_icon ul li:nth-child(2n){ border-right: none;} 
	.main_about_icon ul li:nth-child(5){ border-bottom: none;} 
	.main_about_icon ul li:last-child{ border-right: none;border-bottom: none;} 
	.main_about_icon ul li h3{} 
	.main_about_icon ul li h3 strong{ font-size: 1.6em;} 
	.main_about_icon ul li p{font-size: 0.8em; margin-top: 5px; }


	.main_pro{ } 
	.main_pro .main_pro_l{ float: none; width: 100%; margin-right: 0px; height: 360px; margin-bottom: 2px;} 
	.main_pro .main_pro_c{ float: none; width: 100%; height: 360px; margin-bottom: 2px;} 
	.main_pro .main_pro_r{ float: none; width: 100%; height: 360px;} 

	.main_pro .main_pro_l > img{ width: 100%; height: 100%;} 
	.main_pro .main_pro_l a{padding-top: 15%;background: rgba(58,105,150,0.3);} 
	.main_pro .main_pro_l a h5{ font-size:1.8em; margin:20px 0px 0px;} 
	.main_pro .main_pro_l a em{ margin: 10px auto 6px; width:2px;} 
	.main_pro .main_pro_l a p{ font-size:1.2em; margin: 0px 0px 20px 0px;} 


	.main_pro .main_pro_c .tt{ display: none;} 
	.main_pro .main_pro_c .cc{} 
	.main_pro .main_pro_c .cc > img{ width: 100%; height: 100%;} 
	.main_pro .main_pro_c .cc a{padding-top: 15%;background: rgba(58,105,150,0.3);} 
	.main_pro .main_pro_c .cc a h5{ font-size:1.8em; margin:20px 0px 0px;} 
	.main_pro .main_pro_c .cc a em{ margin: 10px auto 6px; width:2px;} 
	.main_pro .main_pro_c .cc a p{font-size:1.2em; margin: 0px 0px 20px 0px;} 


	.main_pro .main_pro_r > img{ width: 100%; height: 100%;} 
	.main_pro .main_pro_r a{padding-top: 15%;background: rgba(58,105,150,0.3);} 
	.main_pro .main_pro_r a h5{ font-size:1.8em; margin:20px 0px 0px;} 
	.main_pro .main_pro_r a em{ margin: 10px auto 6px; width:2px;} 
	.main_pro .main_pro_r a p{font-size:1.2em; margin: 0px 0px 20px 0px;} 

	
	
	.main_join{width:88%; margin:50px auto;}
	.main_join .main_join_tit{  float: none; width: 100%;}
	.main_join .main_join_tit h3{ font-size: 3em;}
	.main_join .main_join_tit em{  margin: 12px 0px 10px 0px; height:30px; }
	.main_join .main_join_tit p{ font-size: 1.6em; } 

	.main_join_{  float: none; width: 100%; margin-top: 25px;}
	.main_join_ ul{}
	.main_join_ ul li{  width: 48%; height:110px; margin: 0px 0px 15px 0px;}
	.main_join_ ul li:nth-child(2n){ float: right;margin: 0px 0px 15px 0px;} 
	.main_join_ ul li:nth-child(3){ float: left;margin: 0px 0px 15px 0px;} 
	.main_join_ ul li img{ }
	.main_join_ ul li div{ padding-top:18%;} 
	.main_join_ ul li div p{ font-size: 1.2em; }
	.main_join_ ul li div span{  font-size: 1em;}
	
	
	
	.main_icon{  background-size: cover;  padding:50px 0px; } 
	.main_icon_{width:88%;} 
	.main_icon_ .main_icon_tit{  float: none; width: 100%;} 
	.main_icon_ .main_icon_tit h3{ font-size: 3em; } 
	.main_icon_ .main_icon_tit em{margin: 12px 0px 10px 0px; height:30px; }
	.main_icon_ .main_icon_tit p{ font-size: 1.6em;} 

	.silder-box-1{ width:100%; float: none; margin-top: 25px;} 
	.silder-button-1.btl{ top:40%;} 
	.silder-button-1.btl i{  height: 40px; width: 40px; font-size: 1.5em; padding-top:8px; padding-right:2px;} 
	.silder-button-1.btl i:hover{background: #000000; color: #FFFFFF;} 
	.silder-button-1.btr{ top:40%;} 
	.silder-button-1.btr i{  height: 40px; width: 40px; font-size: 1.5em; padding-top:8px; padding-left: 2px;} 
	.silder-button-1.btr i:hover{background: #000000; color: #FFFFFF; } 

	.main_icon_list{  width:316px;} 
	.main_icon_list ul{} 
	.main_icon_list ul li{ width:316px; height: 180px;} 
	.main_icon_list ul li img{ } 
	
	
	
	.main_news{width: 88%; margin:50px auto;} 
	.main_news_tit h5{ font-size:3em; } 
	.main_news_tit p{ font-size:1.6em;margin-top: -30px;} 
	.main_news_tit em{ margin: 10px auto 0px;  width:50px;} 

	.main_news_{ margin:30px auto 0px;} 
	.main_news_l{float: none; width:100%; height: auto; background:#FFFFFF;border-radius:0px;} 
	.main_news_l div.im{  height:auto; } 
	.main_news_l div.im img{ width: 100%; height: 100%;} 
	.main_news_l div.ix{  padding: 0px; } 
	.main_news_l div.ix p{ font-size: 1em; margin-bottom:5px; color: #999999;} 
	.main_news_l div.ix h6{font-size: 1.3em; margin-bottom:3px; color: #000000; line-height: 125%;} 
	.main_news_l div.ix span{font-size: 0.8em; color: #999999; }
	.main_news_c{float: none; width:100%; height: auto; border-radius: 0px; margin-left:0; margin-top: 20px; padding-top: 15px; border-top: #DDDDDD 1px solid;} 
	.main_news_c img{ display: none;} 
	.main_news_c div{position: relative;  height: auto; background:#FFFFFF; padding: 0px 0px;}
	.main_news_c div p{ font-size: 1em; margin-bottom:5px; color: #999999;}
	.main_news_c div h6{font-size: 1.3em; margin-bottom:3px; color: #000000; line-height: 125%;}
	.main_news_c div h6 a{color: #000000;} 
	.main_news_c div span{font-size: 0.8em; color: #999999; }
	.main_news_c:hover div{background:#FFFFFF;} 
	.main_news_r{float: none; width:100%; height: auto; background:#FFFFFF;border-radius:0px;margin-top: 20px; padding-top: 15px; border-top: #DDDDDD 1px solid;} 
	.main_news_r div.im{display: none;} 
	.main_news_r div.im img{display: none;} 
	.main_news_r div.ix{   padding: 0px;} 
	.main_news_r div.ix p{font-size: 1em; margin-bottom:5px; color: #999999;} 
	.main_news_r div.ix h6{font-size: 1.3em; margin-bottom:3px; color: #000000; line-height: 125%;} 
	.main_news_r div.ix span{font-size: 0.8em; color: #999999;} 
	.main_news > a{  margin: 20px auto 0px;} 
	.main_news > a:hover{ margin: 20px auto 0px;}
	

	

}