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


.main_about{ width: 100%; background: url(/images/bg01.jpg) no-repeat center;  height: 950px;} 
.main_about_{ width: 1280px; margin: 0px auto;} 
.main_about_left{ float: left; margin-top: 100px;} 
.main_about_left .tt{ width: 460px;} 
.main_about_left .tt h3{ font-size: 60px; color: #bbbbbb;text-transform: uppercase;} 
.main_about_left .tt h6{ display: inline-block; font-size: 40px; color: #0b4191; margin-top: 10px;} 
.main_about_left .tt p{color: #333333; font-size: 16px; margin:35px 0px; text-align: justify;} 

.main_about_left .bb{ width: 100%; margin-top: 50px; background:rgba(255,255,255,0.8);} 
.main_about_left .bb ul{ } 
.main_about_left .bb ul li{ float: left;padding: 50px;} 
.main_about_left .bb ul li h3{} 
.main_about_left .bb ul li h3 strong{ font-size:40px; color: #0b4191;} 
.main_about_left .bb ul li p{font-size: 16px; color: #000000; margin-top:5px;} 
.main_about_left .bb ul li:hover{ background: #0b4191;} 
.main_about_left .bb ul li:hover h3{color: #FFFFFF;} 
.main_about_left .bb ul li:hover h3 strong{ color: #FFFFFF;} 
.main_about_left .bb ul li:hover p{ color: #FFFFFF} 
.main_about_left a{ font-size: 18px; display: block; margin-top: 50px;} 
.main_about_left a:hover{color: #0b4191;} 
.main_about_right{ display: none;} 





.main_pro{ width: 100%; padding:100px 0px;} 
.main_pro_tit{margin:0px auto;width: 1280px;} 
.main_pro_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.main_pro_tit p{  font-size: 40px; color: #0b4191; font-weight: bold;} 
.main_pro_{margin:50px auto 0px; width: 1280px;} 
.main_pro_a{ float: left; width: 630px; height: 550px;overflow: hidden; position: relative;} 
.main_pro_a img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro_a a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; padding: 80px 0px 0px 80px;} 
.main_pro_a a h5{ color: #FFFFFF;font-size: 36px;} 
.main_pro_a a p{color: #EEEEEE; text-transform: uppercase;  font-size: 20px; font-weight: lighter;} 
.main_pro_a a em{ display: block; width: 50px; height: 2px; margin: 20px 0px; background: #FFFFFF;} 
.main_pro_b{ float: right; width: 630px;} 
.main_pro_b div{ width: 630px; height: 310px;overflow: hidden; position: relative;} 
.main_pro_b img{ width: 100%; height: 100%; position: absolute; z-index: 9;}
.main_pro_b a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%;   box-sizing: border-box;padding: 50px 0px 0px 50px;} 
.main_pro_b a h5{ color: #FFFFFF;  font-size: 28px;} 
.main_pro_b a p{color: #FFFFFF;text-transform: uppercase; font-size: 16px; font-weight: lighter;} 
.main_pro_b a em{ display: block; width: 50px; height: 2px; margin: 20px 0px; background: #FFFFFF;} 
.main_pro_b ul{ margin-top: 20px;} 
.main_pro_b ul li{ float: left; width: 305px;height: 220px; overflow: hidden; position: relative;} 
.main_pro_b ul li:last-child{ float: right; } 





.main_video{ width: 100%; background: url(/images/bg02.jpg) no-repeat center;  height: 850px;} 
.main_video_{ width: 1280px; margin: 0px auto; padding: 100px 0px;} 
.main_video_l { float: left; width: 330px;} 
.main_video_l h3{ font-size: 36px; color: #bbbbbb; text-transform: uppercase;} 
.main_video_l h6{ display: inline-block; font-size: 36px; color: #FFFFFF; margin-top: 10px; margin-bottom: 80px;} 
.main_video_l p{color: #CCCCCC; font-size: 16px; margin:30px 0px; text-align: justify;} 
.main_video_r{ float: right; width: 830px; margin-top: 45px;} 






.main_icon{  width:100%; margin:0px; padding:100px 0px 80px;} 
.main_icon .main_icon_tit{width: 1280px; margin: 0px auto;} 
.main_icon .main_icon_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.main_icon .main_icon_tit p{ font-size: 40px; color: #0b4191; font-weight: bold;} 
.main_icon_{  width:1280px; margin:50px auto 0px;} 
.main_icon_ ul{} 
.main_icon_ ul li{ float: left; width: 415px; height:280px; margin-right: 17px; margin-bottom: 17px; padding:35px; box-sizing: border-box; background:#EDEDED;} 
.main_icon_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.main_icon_ ul li div{ float:left; width: 220px;} 
.main_icon_ ul li div h5{ color: #0b4191; font-size: 36px;} 
.main_icon_ ul li div p{color: #0b4191; font-size: 24px; margin: 35px 0px 0px; font-weight: bold;} 
.main_icon_ ul li div em{ display: block; background: #0b4191; height: 2px; width: 50px; margin: 15px 0px;} 
.main_icon_ ul li div span{ display: block;  color: #000000; font-size: 16px;line-height: 175%;} 
.main_icon_ ul li img{ display: block; float: right; margin-top: 110px;} 
.main_icon_ ul li:hover{background: #0b4191;} 

.main_icon_ ul li:hover div h5{ color: #FFFFFF;} 
.main_icon_ ul li:hover div p{ color: #FFFFFF;} 
.main_icon_ ul li:hover div em{ background: #FFFFFF;} 
.main_icon_ ul li:hover div span{ color: #FFFFFF;} 







.main_news{ width: 100%; margin: 0px; background: #F5F5F5; padding: 80px 0px 100px} 

.main_news_tit{ width:1280px; margin: 0px auto;} 
.main_news .main_news_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.main_news .main_news_tit p{ font-size: 40px; color: #0b4191; font-weight: bold;} 

.main_news_{ width:1280px; margin: 50px auto 0px;} 
.main_news_ ul{ margin: 0px; padding: 0px;} 
.main_news_ ul li{ width: 350px; float: left; margin-right: 115px;} 
.main_news_ ul li:nth-child(3){ float: right; margin-right: 0px;} 
.main_news_ ul li em{ display: block; margin-bottom: 10px; font-style: normal; font-size: 14px;color: #0b4191; } 
.main_news_ ul li p{ font-size: 18px; color: #000000;box-sizing: border-box; height: 60px;} 
.main_news_ ul li p a:hover{ color: #0b4191;} 
.main_news_ ul li img{ width: 350px; height:230px; margin: 20px auto;} 
.main_news_ ul li span{ display: block;font-size: 14px; color: #999999; line-height: 175%;} 















/******************************202308*********************************/















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


.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: 16px; padding: 25px 40px 20px; color: #333333;} 
.us_menu_ li a:hover{background: #0b4191; color: #FFFFFF;} 
.us_menu_ li a.on{ background: #0b4191; color: #FFFFFF;} 


.locatn{width:1280px;  padding: 20px 0px; margin: 0px auto; color: #666666; border-bottom: #DDDDDD 1px solid;} 
.locatn a{color: #666666; font-size: 14px;} 
.locatn a:hover{color: #0b4191;} 

.n_img{ width:100%; height:600px; margin: 0px; padding: 0px; overflow: hidden; position: relative; border-top: #FFFFFF 80px solid;} 
.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:100px; margin: 0px auto;}
.n_img div p{ color: #FFFFFF;font-size: 40px; margin: 10px 0px 0px; font-weight: bold;} 
.n_img div span{ display: block; color: #FFFFFF; font-size: 32px; line-height: 100%;} 
.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);
    }
}






/*内页-关于我们*/

.con_about{ width: 100%; margin: 0px; padding: 10px 0px 80px; background: #F6F6F6;} 

.con_about_a{ width:1280px; margin:0px auto; padding: 50px 0px;} 
.con_a_tit{ text-align: center;} 
.con_a_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_a_tit h3{color: #000000; font-size: 36px;} 
.con_about_a_{ margin-top: 50px;} 
.con_about_a_ .fl{ float: left; width:600px; height: 600px; overflow: hidden;} 
.con_about_a_ .fl img{ width: 100%;} 
.con_about_a_ .fr{ float: right; width:680px;height: 600px;background: #FFFFFF; padding: 20px 50px; box-sizing: border-box;} 
.con_about_a_ .fr p{ margin:28px 0px; font-size: 16px;  text-align: justify;color: #000000;} 


.con_about_a_zx{width:1280px; margin:50px auto 0px;} 
.con_about_a_zx h5{ font-size:36px; color: #000000; text-align: center;} 
.con_about_a_zx ul{ margin-top: 50px;} 
.con_about_a_zx ul li{ background: #FFFFFF; float: left;text-align: center;  font-size:16px; font-weight: bold; padding: 20px 0px; width: 250px; margin-right: 7.5px;}  
.con_about_a_zx ul li:last-child{ float: right; margin-right: 0px;} 
.con_about_a_zx ul li:hover{ background: #0b4191; color: #FFFFFF;} 

.con_about_b{ width: 100%; margin:80px auto; background:url("/images/a02.jpg") no-repeat center; padding: 80px 0px;} 
.con_b_tit{ text-align: center;} 
.con_b_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_b_tit h3{color: #FFFFFF; font-size: 36px;} 
.con_about_b_{ width: 1280px; margin:60px auto 0px;}
.con_about_b_ ul{} 
.con_about_b_ ul li{ float: left; height: 260px; width: 25%; overflow: hidden;} 
.con_about_b_ ul li:first-child{ background: #333333; box-sizing: border-box; padding: 50px;} 
.con_about_b_ ul li:nth-child(3){background: #444444; box-sizing: border-box; padding: 50px;} 
.con_about_b_ ul li:nth-child(4){background: #333333; box-sizing: border-box; padding: 50px;} 
.con_about_b_ ul li:nth-child(6){background: #444444; box-sizing: border-box; padding: 50px;} 
.con_about_b_ ul li:nth-child(7){background: #333333; box-sizing: border-box; padding: 50px;} 
.con_about_b_ ul li h5{ font-size: 24px; margin-bottom:20px;color: #FFFFFF;} 
.con_about_b_ ul li p{ color: #FFFFFF; font-size: 16px; line-height: 175%; text-align: justify;} 
.con_about_b_ ul li img{ width: 100%; height: 100%;} 

.con_about_c {width: 1280px; margin: 80px auto;} 
.con_c_tit{ text-align: center;} 
.con_c_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_c_tit h3{color: #000000; font-size: 36px;} 
.con_about_c_{width: 1280px; margin: 50px auto 0px;} 
.con_about_c_ img{width: 100%;} 

/*内页-关于我们*/


/*内页-产品*/

.c_pro_list{ margin: 0px auto; width:1280px; padding: 80px 0px; border-bottom: #EEEEEE 1px dashed;}
.c_pro_list h5{ font-size: 32px;} 
.c_pro_list ul{ margin: 30px 0px 0px; padding: 0px;} 
.c_pro_list ul li{ float: left; width: 400px; margin: 0px 40px 50px 0px;} 
.c_pro_list ul li:nth-child(3n){ float: right; margin: 0px 0px 50px 0px;} 
.c_pro_list ul li div{width: 400px; height: 400px;  overflow: hidden;} 
.c_pro_list ul li div img{ width: 100%; height: 100%; } 
.c_pro_list ul li p{font-size: 20px; color: #000000; margin: 15px 0px 0px;} 
.c_pro_list > a{ display: block; margin-top: 10px; font-size:20px; border: #999999 1px solid; border-radius: 20px; padding: 10px 0px; width: 160px; text-align: center;} 
.c_pro_list > a:hover{ background: #0b4191;border: #0b4191 1px solid; color: #FFFFFF;} 

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

.con_pro_m{ margin:80px auto; width: 1280px;} 
.con_pro_m_ .fl{ width: 750px; float: none; margin: 0px auto; text-align: center;} 
.con_pro_m_ .fl img{ width: 100%;} 
.con_pro_m_ .fr{ width: 100%; float: none; text-align: center; margin-top: 30px;} 
.con_pro_m_ .fr h1{ font-size: 36px;} 
.con_pro_m_det  { display: none; } 

/*内页-产品*/



/*内页-案例*/

.c_case{width: 100%; margin: 80px 0px;} 
.c_case_{ margin: 0px auto; width:1280px;} 
.c_case_ ul{} 
.c_case_ ul li{ float: left; width:410px;height: 308px;overflow: hidden;margin-right:30px; margin-bottom:30px; position: relative;}
.c_case_ ul li:nth-child(3n){ float: right; margin-right: 0px;} 
.c_case_ ul li img{ width: 100%; height: 308px; position: absolute; z-index: 9;} 
.c_case_ ul li p{position: absolute; width: 410px; height: 308px; z-index: 999; text-align: center; bottom: -308px; background: rgba(0,0,0,0.5); color: #FFFFFF; font-size: 24px; box-sizing: border-box; padding-top: 120px; transition: all 0.6s;} 
.c_case_ ul li:hover{cursor: pointer;} 
.c_case_ ul li:hover p{ bottom: 0;} 

/*内页-案例*/





/*内页-新闻*/ 

.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: #0b4191; 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: 10px;} 
.com_news_m h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; border-bottom: #DDDDDD 1px solid; margin-bottom: 30px;} 

.com_news_m p{ font-size: 16px; text-align: justify; margin-bottom: 30px;}
.com_news_m p img{ display: block; margin: 35px auto; max-width: 750px;} 


.com_news_more{ margin: 60px 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_b{  width:100%; margin:80px 0px;} 
.con_join_b .con_join_b_tit{width: 1280px; margin: 0px auto;} 
.con_join_b .con_join_b_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join_b .con_join_b_tit p{ font-size: 40px; color: #0b4191; font-weight: bold;} 
.con_join_b_{  width:1280px; margin:50px auto 0px;} 
.con_join_b_ ul{} 
.con_join_b_ ul li{ float: left; width: 415px; height:280px; margin-right: 17px; margin-bottom: 17px; padding:35px; box-sizing: border-box; background:#EDEDED;} 
.con_join_b_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_join_b_ ul li div{ float:left; width: 220px;} 
.con_join_b_ ul li div h5{ color: #0b4191; font-size: 36px;} 
.con_join_b_ ul li div p{color: #0b4191; font-size: 24px; margin: 35px 0px 0px; font-weight: bold;} 
.con_join_b_ ul li div em{ display: block; background: #0b4191; height: 2px; width: 50px; margin: 15px 0px;} 
.con_join_b_ ul li div span{ display: block;  color: #000000; font-size: 16px;line-height: 175%;} 
.con_join_b_ ul li img{ display: block; float: right; margin-top: 110px;} 
.con_join_b_ ul li:hover{background: #0b4191;} 

.con_join_b_ ul li:hover div h5{ color: #FFFFFF;} 
.con_join_b_ ul li:hover div p{ color: #FFFFFF;} 
.con_join_b_ ul li:hover div em{ background: #FFFFFF;} 
.con_join_b_ ul li:hover div span{ color: #FFFFFF;} 


.con_join_d{ width: 100%; background: url("/images/bg03.jpg") no-repeat center; margin:0px; height:880px; padding: 80px 0px; box-sizing: border-box;} 
.con_join_d .con_join_d_tit{width: 1280px; margin: 0px auto;} 
.con_join_d .con_join_d_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join_d .con_join_d_tit p{ font-size: 40px; color: #FFFFFF; font-weight: bold;} 
.con_join_d_{width: 1280px; margin: 5px auto; text-align: center;} 
.con_join_d_ ul{ margin-top:35px;} 
.con_join_d_ ul li{ float: left; width: 210px; height: 250px; border: #999999 1px solid; border-radius: 15px; margin: 0px 57px 30px 0px;padding:30px 20px; box-sizing: border-box;} 
.con_join_d_ ul li:nth-child(5n){ float: right;margin: 0px 0px 30px 0px;} 
.con_join_d_ ul li div{ width: 60px; height: 60px; border-radius: 50%; text-align: center; border: #FFFFFF 1px solid; margin: 0px auto; padding-top:8px; box-sizing: border-box; margin-bottom: 20px;} 
.con_join_d_ ul li div img{ width: 40px; height: 40px;} 
.con_join_d_ ul li h3{font-size:20px; color: #FFFFFF;} 
.con_join_d_ ul li em{display:block; height:1px; width:30px; margin: 15px auto;   background: #999999;} 
.con_join_d_ ul li p{font-size:12px; color: #999999;text-align: justify;}  
.con_join_d_ ul li:hover{ background: #000000;} 



.con_join_a{ width: 100%; margin: 80px 0px;} 
.con_join_a .con_join_a_tit{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_a .con_join_a_tit span{ display: block; color:#CCCCCC; font-size:60px; font-weight: bold; line-height: 100%;text-transform: uppercase;} 
.con_join_a .con_join_a_tit p{ font-size: 40px; color: #0b4191; font-weight: bold;} 
.con_join_a_{ width: 1280px; margin:50px auto 0px; position: relative;} 
.con_join_a_ ul{} 
.con_join_a_ ul li{ width: 300px; float: left; text-align: center; background: #F6F6F6; margin-right: 23px; padding: 50px; box-sizing: border-box;} 
.con_join_a_ ul li:last-child{ float: right; margin-right: 0px;} 
.con_join_a_ ul li h3{ font-size: 20px; margin:30px 0px 15px; } 
.con_join_a_ ul li p{ font-size: 14px; text-align: justify; color: #999999;} 




.con_join_e{ 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;} 

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


/*内页-加盟*/



/*内页-联系我们*/

.con_contact{  width:1280px; margin:80px auto; } 
.con_contact .fl{ float: left; width: 500px;} 
.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: 1.5em;}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 1.2em;}
.con_contact .fl ul li span{display: inline-block; font-size: 1.2em;}

.con_contact .fr{ float: right; width:750px;}
.con_contact .fr #dituContent{ width:750px; height: 410px;} 

/*内页-联系我们*/


/*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:#0b4191;border:#0b4191 1px solid;} 
div.black2 a:active{color:#fff;background-color:#0b4191;border:#0b4191 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#0b4191;border:#0b4191 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 







@media screen and (max-width:768px){
	
	
	.main_about{  background:#F6F6F6;  height: auto;} 
	.main_about_{ width: 85%; padding: 50px 0px;} 
	.main_about_left{ float: none; margin-top:0px; width: 100%;} 
	.main_about_left .tt{ width: 100%;} 
	.main_about_left .tt h3{ font-size: 2em;} 
	.main_about_left .tt h6{ font-size: 1.6em; margin-top: 10px;} 
	.main_about_left .tt p{ font-size: 1em; margin:20px 0px;} 
	.main_about_left .bb{ margin-top: 20px; background:rgba(255,255,255,0.8);} 
	.main_about_left .bb ul li{ width: 50%; padding: 25px 25px 18px 25px; box-sizing: border-box;} 
	.main_about_left .bb ul li h3 strong{ font-size:1.6em;} 
	.main_about_left .bb ul li p{font-size: 1em;}
	.main_about_left a{ font-size: 1.2em;margin-top:20px;} 
	.main_about_right{ display: block; margin-top: 20px;} 
	.main_about_right img{width: 100%;} 
	
	
	
	
	
	.main_pro{ padding:50px 0px;} 
	.main_pro_tit{ width: 85%;} 
	.main_pro_tit span{ font-size:2em; } 
	.main_pro_tit p{font-size:1.6em;} 
	.main_pro_{margin:20px auto 0px; width: 85%;} 
	.main_pro_a{ float: none; height: 280px; width: 100%;} 
	.main_pro_a a{padding: 30px 0px 0px 30px;} 
	.main_pro_a a h5{ font-size: 1.5em;} 
	.main_pro_a a p{ font-size: 1.2em;} 
	.main_pro_a a em{width: 30px; height: 1px; margin: 10px 0px;} 
	.main_pro_{ width: 85%;} 
	.main_pro_b{ float: none; width: 100%; margin-top: 10px;} 
	.main_pro_b div{ width: 100%; height: 160px;} 
	.main_pro_b a{padding: 30px 0px 0px 30px;} 
	.main_pro_b a h5{ font-size: 1.5em;} 
	.main_pro_b a p{font-size: 1.2em;} 
	.main_pro_b a em{width: 30px; height: 1px; margin: 10px 0px;} 
    .main_pro_b ul{ margin-top:10px;} 
	.main_pro_b ul li{ float: none; width: 100%;height: 210px;} 
	.main_pro_b ul li:last-child{ float: none; margin-top: 10px; } 
	
	
	
	
	.main_video{ background-size: cover;  height: auto;} 
	.main_video_{ width: 85%; padding: 50px 0px;} 
	.main_video_l { float: none; width: 100%;} 
	.main_video_l h3{ font-size: 2em;} 
	.main_video_l h6{ font-size: 1.6em; margin-bottom: 20px;} 
	.main_video_l p{  font-size: 0.8em; margin:20px 0px; } 
	.main_video_l img{width: 100%;} 
	.main_video_r{ float: none; width: 100%; margin-top: 25px;} 
	.main_video_r img{ width: 100%;} 
	
	
	
	.main_icon{  padding:50px 0px;} 
	.main_icon .main_icon_tit{width: 85%; } 
	.main_icon .main_icon_tit span{ font-size:2em;} 
	.main_icon .main_icon_tit p{ font-size: 1.6em;} 
	.main_icon_{  width:85%; margin:30px auto 0px;} 
	.main_icon_ ul{} 
	.main_icon_ ul li{ float: none; width: 100%; height:auto; margin-right: 0px; margin-bottom: 10px; padding:25px;} 
	.main_icon_ ul li:nth-child(3n){ float: none; margin-right: 0;} 
	.main_icon_ ul li div{ width: 180px;} 
	.main_icon_ ul li div h5{ font-size: 1.6em;} 
	.main_icon_ ul li div p{ font-size: 1.2em; margin: 0px 0px 0px;} 
	.main_icon_ ul li div em{ height: 1px; width: 30px; margin: 8px 0px;} 
	.main_icon_ ul li div span{  font-size: 1em;line-height: 150%;} 
	.main_icon_ ul li img{ display: block; float: right; margin-top:50px; width: 60px;} 
	.main_icon_ ul li:hover{background: #0b4191;} 

	.main_icon_ ul li:hover div h5{ color: #FFFFFF;} 
	.main_icon_ ul li:hover div p{ color: #FFFFFF;} 
	.main_icon_ ul li:hover div em{ background: #FFFFFF;} 
	.main_icon_ ul li:hover div span{ color: #FFFFFF;} 
	
	
	.main_news{ padding: 50px 0px;} 

	.main_news_tit{ width:85%; } 
	.main_news .main_news_tit span{font-size:2em;} 
	.main_news .main_news_tit p{ font-size: 1.6em;} 

	.main_news_{ width:85%; margin: 30px auto 0px;} 
	.main_news_ ul li{ width: 100%; float: none; margin-right: 0px;} 
	.main_news_ ul li:nth-child(3){ float: none;} 
	
	.main_news_ ul li em{  margin-bottom: 0px; font-size: 1em;} 
	.main_news_ ul li p{ font-size: 1.2em; height:auto;} 
	.main_news_ ul li p a:hover{ color: #0b4191;} 
	.main_news_ ul li img{ width: 100%; height:100%; margin: 10px auto;} 
	.main_news_ ul li span{ font-size: 0.8em; line-height: 150%;} 
	
	.main_news_ ul li:nth-child(2) { margin-top: 15px;} 
	.main_news_ ul li:nth-child(3) { margin-top: 15px;} 
	.main_news_ ul li:nth-child(2) img{ display:none; margin-top: 15px;} 
	.main_news_ ul li:nth-child(3) img{ display:none; margin-top: 15px;} 

	
	.n_img{ height:180px;border-top: #FFFFFF 60px solid;} 
	.n_img div{ padding: 75px 0px 0px; } 
	.n_img div em{  height: 2px;   width:50px; }
	.n_img div p{ font-size: 2em;  } 
	.n_img div span{  font-size: 1.6em; } 
	
	
	.locatn{width:85%; padding: 15px 0px; font-size: 0.8em;} 
	.locatn a{ font-size: 1em;} 
	
	.us_menu{margin: 0px auto 0px;} 
	.us_menu_{ width: 85%; } 
	.us_menu_{} 
	.us_menu_ li a{font-size: 1em; padding: 10px 10px 10px;} 

	/*内页-关于我们*/

	.con_about{ padding: 10px 0px 50px;} 
	.con_about_a{ width:85%; margin:0px auto; padding: 30px 0px 0px;} 

	.con_a_tit p{ font-size:1.2em;} 
	.con_a_tit h3{ font-size: 1.8em;} 
	.con_about_a_{ margin-top:30px;} 
	.con_about_a_ .fl{ float: none; width:100%; height: auto;} 
	.con_about_a_ .fr{ float: none; width:100%; height: auto; padding: 0px 0px; background: none;} 
	.con_about_a_ .fr p{ margin:20px 0px; font-size: 1em; line-height: 150%;} 

	.con_about_a_zx{width:100%; margin:30px auto 0px;} 
	.con_about_a_zx h5{ font-size:1.8em; } 
	.con_about_a_zx ul{ margin-top: 20px;} 
	.con_about_a_zx ul li{ font-size:0.9em; padding: 10px 0px; width: 49%; margin-right: 0px; margin-bottom: 5px;} 
	.con_about_a_zx ul li:nth-child(2n){ float: right;} 
	.con_about_a_zx ul li:last-child{ float: left; margin-right: 0px;} 

	.con_about_b{  margin:50px auto; background-size: cover; padding: 50px 0px;} 
	.con_b_tit{ text-align: center;} 
	.con_b_tit p{font-size:1.2em;} 
	.con_b_tit h3{font-size: 1.8em;} 
	.con_about_b_{ width: 85%; margin:30px auto 0px;} 
	.con_about_b_ ul{} 
	.con_about_b_ ul li{ height: 120px; width: 50%; overflow: hidden;} 
	.con_about_b_ ul li:first-child{ padding: 20px;} 
	.con_about_b_ ul li:nth-child(3){ padding: 20px;} 
	.con_about_b_ ul li:nth-child(4){ padding: 20px;} 
	.con_about_b_ ul li:nth-child(6){ padding: 20px;} 
	.con_about_b_ ul li:nth-child(7){ padding: 20px;} 
	.con_about_b_ ul li h5{ font-size: 1.2em; margin-bottom:10px; } 
	.con_about_b_ ul li p{ font-size: 0.8em; line-height: 150%; } 

	.con_about_c {width: 80%; margin: 50px auto 0px;} 
	.con_c_tit{ text-align: center;} 
	.con_c_tit p{font-size:1.2em;} 
	.con_c_tit h3{font-size:1.8em;} 
	.con_about_c_{width: 100%; margin:30px auto 0px;} 
	.con_about_c_ img{width: 100%;} 

	/*内页-关于我们*/


	/*内页-产品*/

	.c_pro_list{  width:85%; padding: 50px 0px;}
	.c_pro_list h5{ font-size: 1.6em;} 
	.c_pro_list ul{ margin: 30px 0px 0px;} 
	.c_pro_list ul li{ float: left; width: 49%; margin: 0px 0px 15px 0px;} 
	.c_pro_list ul li:nth-child(2n){ float: right;} 
	.c_pro_list ul li:nth-child(3n){ float: right; margin: 0px 0px 15px 0px;} 
	.c_pro_list ul li:nth-child(3){ float: left;}
	.c_pro_list ul li div{width: 100%; height: 100%;} 
	.c_pro_list ul li p{font-size: 1em;  margin: 0px 0px 0px;} 
	.c_pro_list > a{  margin-top: 20px; font-size:1.2em;  width: 120px; padding: 5px 0px;} 

	.c_pro{ margin:50px 0px;  } 
	.c_pro_{ margin: 0px auto; width: 85%;} 
	.c_pro_ ul{} 
	.c_pro_ ul li{ width:49%; float: left; margin:0 0px 15px 0; background: #F6F6F6;} 
	.c_pro_ ul li:nth-child(2n){ float: right;} 
	.c_pro_ ul li:nth-child(3n){ float: right; margin: 0px 0px 15px 0px;} 
	.c_pro_ ul li:nth-child(3){ float: left;}
	.c_pro_ ul li div{width: 100%; height: 100%; } 
	.c_pro_ ul li p{  font-size: 1em;padding:5px 0px;} 

	.con_pro_m{ margin:50px auto; width: 85%;} 
	.con_pro_m_ .fl{ width: 100%;} 
    .con_pro_m_ .fl img{ width: 100%; height: 100%;} 
	.con_pro_m_ .fr{ width: 100%; margin-top: 20px;} 
	.con_pro_m_ .fr h1{ font-size: 1.5em;} 

	/*内页-产品*/
	
	
	/*内页-案例*/

	.c_case{margin: 50px 0px;} 
	.c_case_{  width:85%;} 
	.c_case_ ul{} 
	.c_case_ ul li{ float: none; width:100%;height:auto;margin-right:0px; margin-bottom:10px;}
	.c_case_ ul li:nth-child(3n){ float: none; margin-right: 0px;} 
	.c_case_ ul li img{ width: 100%; height: 100%; position: relative;} 
	.c_case_ ul li p{ display: none;} 

	/*内页-案例*/





	/*内页-新闻*/ 

	.com_news{width: 85%; margin:50px auto;} 
	.com_news_ ul li{ margin:20px 0px;} 
	.com_news_ ul li div.fl{ float: none; width: 100%; padding: 20px; box-sizing: border-box;} 

	.com_news_ ul li div.fl p{} 
	.com_news_ ul li div.fl p a{ font-size: 1.3em; font-weight: bold;} 
	.com_news_ ul li div.fl em{ margin: 10px 0px; height: 1px;} 
	.com_news_ ul li div.fl:hover em{ width:200px;} 
	.com_news_ ul li div.fl span{  line-height: 150%; margin-bottom: 10px; font-size: 0.8em;} 
	.com_news_ ul li div.fl i{ font-style: normal;} 
	.com_news_ ul li div.fr{float: none; width:100%; height: 100%;} 
	.com_news_ ul li img{ width: 100%; height: 100%;} 

	.com_news_m{ width: 100%;} 
	.com_news_m h1{ font-size:1.8em; line-height: 125%; margin-bottom: 10px;} 
	.com_news_m h5{ font-size:0.8em; padding-bottom: 20px;  margin-bottom: 20px;} 
	.com_news_m p{ font-size: 1em;  margin-bottom:25px;}
	.com_news_m p img{  margin:30px auto; width: 100%; max-width: 100%;} 

	.com_news_more{ margin: 30px auto; width:100%; padding:20px 0px;} 
	.com_news_more h5{font-size:1.5em; margin-bottom: 20px;} 
	.com_news_more ul{} 
	.com_news_more ul li{ margin: 5px 0px;}
	.com_news_more ul li a{ font-size:1em; } 

	/*内页-新闻*/




	/*内页-加盟*/
	
	.con_join_b{ margin:50px 0px;} 
	.con_join_b .con_join_b_tit{width: 85%; } 
	.con_join_b .con_join_b_tit span{ font-size:2em;} 
	.con_join_b .con_join_b_tit p{ font-size: 1.6em;} 
	.con_join_b_{  width:85%; margin:20px auto 0px;} 
	.con_join_b_ ul{} 
	.con_join_b_ ul li{ float: none; width: 100%; height:auto; margin-right: 0px; margin-bottom: 10px; padding:25px;} 
	.con_join_b_ ul li:nth-child(3n){ float: none; margin-right: 0;} 
	.con_join_b_ ul li div{ width: 180px;} 
	.con_join_b_ ul li div h5{ font-size: 1.6em;} 
	.con_join_b_ ul li div p{ font-size: 1.2em; margin: 0px 0px 0px;} 
	.con_join_b_ ul li div em{ height: 1px; width: 30px; margin: 8px 0px;} 
	.con_join_b_ ul li div span{  font-size: 1em;line-height: 150%;} 
	.con_join_b_ ul li img{ display: block; float: right; margin-top:50px; width: 60px;} 
	.con_join_b_ ul li:hover{background: #0b4191;} 

	.con_join_b_ ul li:hover div h5{ color: #FFFFFF;} 
	.con_join_b_ ul li:hover div p{ color: #FFFFFF;} 
	.con_join_b_ ul li:hover div em{ background: #FFFFFF;} 
	.con_join_b_ ul li:hover div span{ color: #FFFFFF;} 
	
	
	


	.con_join_d{   background-size: cover;height:auto; padding: 50px 0px; } 
	.con_join_d .con_join_d_tit{width: 85%; margin: 0px auto;} 
	.con_join_d .con_join_d_tit span{ font-size:2em;} 
	.con_join_d .con_join_d_tit p{font-size:1.6em;} 
	.con_join_d_{width: 85%; margin: 5px auto; }  
	.con_join_d_ ul{ margin-top:15px;} 
	.con_join_d_ ul li{ float: left; width: 48%; height: 200px; margin: 0px 0px 15px 0px;padding:20px 20px;} 
	.con_join_d_ ul li:nth-child(2n){ float: right;} 
	.con_join_d_ ul li:nth-child(5n){ float: right;margin: 0px 0px 15px 0px;}
	.con_join_d_ ul li:nth-child(5){ float: left;} 
	.con_join_d_ ul li div{ width: 60px; height: 60px;margin-bottom:10px; padding-top: 10px;} 
	.con_join_d_ ul li div img{ width: 40px; height: 40px;} 
	.con_join_d_ ul li h3{font-size:1.2em;} 
	.con_join_d_ ul li em{margin: 10px auto;} 
	.con_join_d_ ul li p{font-size:0.7em; line-height: 150%;}  



	.con_join_a{  margin: 50px 0px;} 
	.con_join_a .con_join_a_tit{ width: 85%;} 
	.con_join_a .con_join_a_tit span{font-size:2em;} 
	.con_join_a .con_join_a_tit p{font-size:1.6em;} 
	.con_join_a_{ width: 85%; margin:30px auto 0px; } 
	.con_join_a_ ul{} 
	.con_join_a_ ul li{ width: 49%; height: 200px; margin-right: 0px; padding: 20px; box-sizing: border-box; margin-bottom: 7px;} 
	.con_join_a_ ul li:nth-child(2n){ float: right;} 
	.con_join_a_ ul li img{ width: 50px;} 
	.con_join_a_ ul li h3{ font-size: 1em; margin:20px 0px 10px; } 
	.con_join_a_ ul li p{ font-size: 0.7em; line-height: 150%;} 




	.con_join_e{ margin: 50px auto; width: 85%;} 
	.con_join_txt01{ font-size: 1.5em; padding:0px 0px 15px 0px;} 
	.con_join_txt02{ margin: 10px 0px;} 
	.con_join_txt02 input{ font-size: 1em; width: 49.2%;box-sizing:border-box; padding: 10px;} 

	.con_join_txt03{ margin: 10px 0px;} 
	.con_join_txt03 input{ font-size: 1em; width: 100%;box-sizing:border-box;  padding: 10px;} 

	.con_join_txt04{ margin: 10px 0px;} 
	.con_join_txt04 textarea{ font-size: 1em; width: 100%; height: 120px; padding: 10px; box-sizing: border-box;} 

	.con_join_txt05{ margin: 20px 0px 0px;} 
	.con_join_txt05 input{ padding: 15px;width: 100%; font-size: 1.2em;}


	/*内页-加盟*/



	/*内页-联系我们*/

	.con_contact{  width:85%; margin:50px auto; } 
	.con_contact .fl{ float: none; width: 100%;} 
	.con_contact .fl ul{} 
	.con_contact .fl ul li{ margin-bottom:20px;}
	.con_contact .fl ul li:first-child{ margin-bottom: 30px;}
	.con_contact .fl ul li h2{ font-size: 1.4em;}
	.con_contact .fl ul li p{ margin-bottom: 2px; font-size: 1.2em;}
	.con_contact .fl ul li span{display: inline-block; font-size: 1em;}

	.con_contact .fr{ float: none; width:100%;}
	.con_contact .fr #dituContent{ width:100%; height: 200px;} 

	/*内页-联系我们*/
	


	div.black2 a{padding:3px 8px;margin:1px;} 
	div.black2 a.curr{padding:3px 8px;margin:1px;} 
	
}