
/* CSS Document */



.main_about{ width: 100%; background: url(../image/bg01.jpg) no-repeat center;  height: 920px;} 
.main_about_{ width: 78%; margin: 0px auto; padding: 120px 0px 0px;} 

.main_about_left{ float: left; width: 500px; }
.main_about_left h6{color: #084eb2; font-size: 50px; line-height: 100%; opacity: 0.5; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_about_left h5{ font-size: 36px; font-family: ali-b; margin-top: 10px; color: #000000;}
.main_about_left div{ width: 100%; margin-top: 50px; background: rgba(255,255,255,0.5); padding: 50px; box-sizing: border-box; border-left: #084eb2 5px solid;} 
.main_about_left p{ font-size: 16px;  margin:0px 0px 30px 0px; line-height: 175%; text-align: justify;} 
.main_about_left div em{ display: block; background: #999999; width: 100%; height: 1px; margin-bottom: 30px;} 
.main_about_left div img{ width: 100%;} 
.main_about_left > a{display: inline-block; background:#084eb2; width: 100px;text-align: center; padding: 5px 0px; border-radius: 5px; transition: all 0.5s;} 
.main_about_left > a:hover{background: #084eb2;width: 180px;} 











.main_pro{  width: 100%; background: url(../image/bg02.jpg) no-repeat center;  height: 870px;} 
.main_pro_{  width: 78%; margin: 0px auto; padding: 230px 0px 0px;}
.main_pro_tit{ text-align: center;font-size: 32px; color: #FFFFFF;font-family: ali-b;} 


.main_pro_list{  width: 100%; margin:0px; padding: 0px;} 
.main_pro_list ul{}
.main_pro_list ul li{ width: 25%; height: 630px; float: left; position: relative; overflow: hidden;box-sizing: border-box;}
.main_pro_list ul li img{position: absolute; z-index: 9; width: 100%; height: 100%;} 
.main_pro_list ul li h5{position: absolute; z-index: 99;font-size:22px; bottom: 0; text-align: center;font-family: ali-b; width: 100%; padding: 20px 0px; color: #FFFFFF;} 
.main_pro_list ul li:first-child h5{ background: rgba(8,78,178,0.8);} 
.main_pro_list ul li:nth-child(2) h5{ background: rgba(8,78,178,0.5);} 
.main_pro_list ul li:nth-child(3) h5{ background: rgba(8,78,178,0.8);} 
.main_pro_list ul li:last-child h5{ background: rgba(8,78,178,0.5);} 




.main_join{width:100%; background: url(../image/bg03.jpg) no-repeat center;  height: 940px; padding:120px 0px 0px; box-sizing: border-box;}
.main_join .main_join_tit{ width: 78%;  margin: 0px auto; text-align: center;} 
.main_join .main_join_tit p{color: #084eb2; font-size: 50px; line-height: 100%; text-transform: uppercase;opacity: 0.5; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_join .main_join_tit h5{font-size: 36px; font-family: ali-b; margin-top: 10px; color: #000000;} 


.main_join_{ width: 69.5%; margin: 60px auto 0px;}
.main_join_ ul{}
.main_join_ ul li{width:240px; height: 240px; float: left; margin-right:30.5px; margin-bottom: 30px; border-radius: 15px; text-align: center; box-shadow: 0 0 15px 1px #cde0ff; background: #FFFFFF; padding: 30px; box-sizing: border-box;}
.main_join_ ul li:first-child{ margin-left: 135px;} 
.main_join_ ul li:last-child{ float: right; margin-right: 0;} 
.main_join_ ul li h5{ font-size: 20px;font-family: ali-b;color: #084eb2; margin-top:5px;}
.main_join_ ul li p{color: #000000; font-size: 14px; text-align: justify; line-height: 160%; margin-top:8px;}
.main_join_ ul li:hover{ background: #F6F6F6;} 





.main_news{width: 100%; margin: 0px; padding: 100px 0px; background: #F6F6F6;} 

.main_news .main_news_tit{ width: 78%;  margin: 0px auto;} 
.main_news .main_news_tit h5{ float: left; font-size: 36px; font-family: ali-b; color: #000000;} 
.main_news .main_news_tit h5 strong{ display: block;font-size: 48px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; color: #084eb2; margin-bottom: 10px;} 
.main_news .main_news_tit a{display: inline-block; float: right; margin-top:35px; background:#084eb2; color: #FFFFFF; width: 100px;text-align: center; padding: 5px 0px; border-radius: 5px; transition: all 0.5s;} 
.main_news .main_news_tit a:hover{background: #084eb2;width: 120px;} 

.main_news_{ width: 78%; margin:50px auto 0px;} 

.main_news_l{float: left; width: 60%; height: 600px; overflow: hidden; border-radius: 15px; position: relative;} 
.main_news_l div.im{position: absolute; z-index: 9; width: 100%; height:600px;overflow: hidden;} 
.main_news_l div.im img{ width: 100%; height: 100%;} 
.main_news_l div.ix{position: absolute; z-index: 99; width: 100%;height: 200px; padding: 30px; box-sizing: border-box; background: rgba(8,78,178,0.8); bottom: 0;} 
.main_news_l div.ix p{ font-size: 16px; margin-bottom: 2px; color: #FFFFFF;} 
.main_news_l div.ix h6{font-size: 24px; margin-bottom: 20px; color: #FFFFFF; line-height: 120%;} 
.main_news_l div.ix span{font-size: 14px; line-height: 175%; color: #DDDDDD; }

.main_news_r{float: right;width:36%; border-radius: 15px; overflow: hidden;} 
.main_news_r div.im{width: 100%; height:400px;overflow: hidden;} 
.main_news_r div.im img{ width: 100%; height: 100%;} 
.main_news_r div.ix{width:100%; height: 200px; padding: 30px; box-sizing: border-box; background:#084eb2;} 
.main_news_r div.ix p{ font-size: 16px; margin-bottom: 2px; color: #FFFFFF;} 
.main_news_r div.ix h6{font-size: 20px; margin-bottom: 20px; color: #FFFFFF; line-height: 120%;} 
.main_news_r div.ix span{font-size: 14px; line-height: 175%; color: #DDDDDD; }












/************************************************内页*******************************************************/


.z_banner{ width: 100%; text-align: center; margin: 0px; padding: 0px;} 
.z_banner img{ width: 100%; display: block; margin: 0px auto; padding: 0;} 

/*内页-关于我们*/

.weizhi{width: 100%; margin: 0px auto;}
.weizhi_{ width: 1280px; margin: 0px auto;} 
/*
.us_menu{ float: left;} 
.us_menu ul{} 
.us_menu ul li{ float: left; } 
.us_menu ul li a{ display: block; margin: 0px 0px 0px 0px; font-size: 14px; padding:18px 30px; color: #666666;} 
.us_menu ul li a:hover{background: #084eb2; color: #FFFFFF;} 
.us_menu ul li a.on{ background: #084eb2; color: #FFFFFF; } 
.us_top{ float: right; color: #999999;font-size: 12px; padding: 18px 20px 0px 0px;} 
.us_top a{color: #999999;font-size: 12px;} 
*/
.us_top{color: #999999;font-size: 14px; padding-bottom:15px; border-bottom: #DDDDDD 1px solid;} 
.us_top a{color: #999999;font-size: 14px;} 
.us_top_pro{color: #999999;font-size: 14px; padding-bottom:15px; border-bottom: #DDDDDD 1px solid; margin-bottom: 15px;} 
.us_top_pro a{color: #999999;font-size: 14px;} 
.us_menu_pro{ } 
.us_menu_pro ul{} 
.us_menu_pro ul li{ float: left; } 
.us_menu_pro ul li a{ display: block; width: 200px; background: #FFFFFF; margin: 0px 10px 0px 0px; font-size: 16px; padding:15px 0px; color: #000000;text-align: center;} 
.us_menu_pro ul li a:hover{background: #084eb2; color: #FFFFFF; } 
.us_menu_pro ul li a.on{ background: #084eb2; color: #FFFFFF;} 


.con_about{ margin: 30px 0px 0px; width: 100%;} 
.con_about_tit{ width:1280px;margin:80px auto 50px;} 
.con_about_tit span{display: block;font-size: 60px; color: #999999; opacity: 0.1; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_tit h5{font-size: 36px; color: #084eb2;font-family: ali-b; margin-top: -30px;} 

.con_about_a{ margin: 0px auto; width: 1280px; padding-right: 500px; box-sizing: border-box;} 
.con_about_a p{  font-size: 16px; color: #333333; text-align: justify; margin: 30px 0px 0px 0px; } 

.con_about_b{width:1280px; margin: 60px auto 80px;} 
.con_about_b img{ width: 100%;} 



/*.

.con_about_d{ margin: 0px auto; width: 1280px;} 
.con_about_d .fl{float: left;width: 640px; height: 268px; overflow: hidden;} 
.con_about_d .fr{ float: right; width: 640px; height: 268px; background:#F6F6F6; padding: 60px; box-sizing: border-box;}
.con_about_d .fr h5{font-size: 24px; color: #084eb2;font-family: ali-b; margin-bottom: 15px;} 
.con_about_d .fr p{ font-size: 16px; text-align: justify; line-height: 175%;} 

.con_about_e{ margin: 0px auto; width: 1280px;} 
.con_about_e .fl{ float: left; width: 640px; height: 320px; background:#F6F6F6; padding: 60px; box-sizing: border-box;}
.con_about_e .fl h5{font-size: 24px; color: #084eb2;font-family: ali-b; margin-bottom: 15px;} 
.con_about_e .fl p{ font-size: 16px; text-align: justify; line-height: 175%;} 
.con_about_e .fr{float: right;width: 640px; height: 320px; overflow: hidden;} 

.con_about_f{ margin: 0px auto; width: 1280px;} 
.con_about_f .fl{float: left;width: 640px; height: 420px; overflow: hidden;} 
.con_about_f .fr{ float: right; width: 640px; height: 420px; background:#F6F6F6; padding: 60px; box-sizing: border-box;}
.con_about_f .fr h5{font-size: 24px; color: #084eb2;font-family: ali-b; margin-bottom: 15px;} 
.con_about_f .fr p{ font-size: 16px; text-align: justify; line-height: 175%;} */


.con_about_g{ background: url("../image/a02.jpg") no-repeat center; width:100%; height: 820px; background-size: cover;  margin: 80px auto; padding: 80px 0px; box-sizing: border-box;} 
.con_about_g_tit{ width:1280px;margin:0px auto;} 
.con_about_g_tit span{display: block;font-size: 60px; color: #666666; opacity: 0.1; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_g_tit h5{font-size: 36px; color: #084eb2;font-family: ali-b; margin-top: -30px;} 

.silder-box-1{ width:100%; margin: 0px auto; position: relative;}
.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:0; top:40%; left: 10%;} 
.silder-button-1.btl i{ background: #084eb2; color: #FFFFFF;height: 50px; width: 50px; border-radius: 50%; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-right: 3px;} 
.silder-button-1.btl i:hover{background: #000000;} 
.silder-button-1.btr{right:0;top:40%; right:10%;} 
.silder-button-1.btr i{ background: #084eb2; color: #FFFFFF;height: 50px; width: 50px; border-radius: 50%; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-left: 3px;} 
.silder-button-1.btr i:hover{background: #000000;} 

.con_about_g_{width:1280px;margin:50px auto 0px;}
.con_about_g_ ul{}
.con_about_g_ ul li{ float: left; width: 300px; padding: 30px; box-sizing: border-box; background: rgba(255,255,255,0.8); height:450px;}
.con_about_g_ ul li img{ width: 100%;}
.con_about_g_ ul li h6{ color:#084eb2; opacity: 0.2; font-size: 36px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.con_about_g_ ul li h5{ color: #084eb2;font-size: 24px; margin-bottom: 20px;}
.con_about_g_ ul li p{font-size: 14px; text-align: justify; line-height: 175%; margin: 10px 0px; height: 120px;}
.con_about_g_ ul li:hover{  background: rgba(255,255,255,1);} 

.con_about_c{ margin: 80px 0px; width: 100%;} 
.con_about_c_{ margin: 0px auto; width:1280px;} 
.con_about_c_ ul{ margin-top: 80px;}
.con_about_c_ ul li{ float: left; width: 25%; box-sizing: border-box; border-right: #EEEEEE 1px solid;} 
.con_about_c_ ul li em{display: block; background: #084eb2; width:50px;; height: 1px; margin: 30px 0px;} 
.con_about_c_ ul li h3{font-size: 24px; color: #084eb2;font-family: ali-b;} 
.con_about_c_ ul li p{ font-size: 20px; text-align: justify; line-height: 175%;} 
.con_about_c_ ul li img{ width: 100%; height: 260px;} 
.con_about_c_ ul li:first-child{ padding-right: 30px;} 
.con_about_c_ ul li:nth-child(2){ padding: 0px 30px;} 
.con_about_c_ ul li:nth-child(3){ padding: 0px 30px;} 
.con_about_c_ ul li:last-child{ border-right: none; padding-left: 30px;} 
.con_about_c_ ul li:nth-child(2n) h3{ margin-top: 35px;} 
.con_about_c_ ul li:first-child img{margin-top: 35px;} 
.con_about_c_ ul li:nth-child(3) img{ margin-top: 35px;} 

.con_about_ry{ width: 100%; padding: 10px 0px 80px; background: #F8F8F8; } 
.con_about_ry_{ width: 1280px; margin:0px auto;}
.con_about_ry_ img{ width: 100%; height: 100%;}












.con_pro{  width: 100%; background: #F2F2F2; padding: 80px 0px;} 
.con_pro_{ margin: 80px auto; width: 1280px;} 
.con_pro_ h6{font-size: 50px; color: #666666; opacity: 0.1; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_pro_ h3{ margin-bottom:50px; font-size: 36px; margin-top: -20px;} 
.con_pro_ ul{ } 
.con_pro_ ul li{ float: left; width: 400px; margin: 0px 40px 50px 0px; background: #FFFFFF; padding: 20px; box-sizing: border-box; text-align: center;}
.con_pro_ ul li:nth-child(3n){ float: right; margin: 0px 0px 50px 0px;}
.con_pro_ ul li div{width: 400px; height: 400px; overflow: hidden;text-align: center;}
.con_pro_ ul li div img{ width: 100%; height: 100%; }
.con_pro_ ul li p{font-size: 16px; color: #000000; margin: 20px 0px 0px; text-align: center;}
.con_pro_ em{ display: block; font-style: normal;}
.con_pro_ em a{ display: block; border: #DDDDDD 1px solid; text-align: center; font-size: 18px; padding: 10px 0px; width: 120px;} 
.con_pro_ em a:hover{ border: #084eb2 1px solid; background: #084eb2; color: #FFFFFF;} 

.con_pro_hr{ width: 1280px; margin: 0px auto; background: #DDDDDD; height: 1px;} 

.con_pro_m{  width: 100%; background: #F2F2F2; padding: 80px 0px;} 
.con_pro_m_{width: 1280px; margin: 0px auto; overflow: hidden;} 
.con_pro_m_tit{margin: 50px auto; width: 1280px; background: #FFFFFF;padding: 50px 0px; box-sizing: border-box; text-align: center;} 
.con_pro_m_tit div{   width: 600px; margin: 0px auto;} 
.con_pro_m_tit div img{ width: 100%; height: 100%;} 
.con_pro_m_tit h1{  font-size: 36px; line-height: 125%; color: #084eb2; margin-top: 50px; font-family: ali-b;} 

/*.con_pro_m_con{ width: 1280px;background: #FFFFFF;margin: 50px auto;padding: 50px; box-sizing: border-box;} 
.con_pro_m_con #MyContent p{ margin: 0px; font-size: 16px; line-height: 175%;} 
.con_pro_m_con #MyContent p strong{font-size: 20px; } 
.con_pro_m_con #MyContent img{ max-width: 1180px;}*/




.con_case{ margin: 80px auto; width: 100%;} 
.con_case_{ margin: 50px auto; width: 1280px;} 
.con_case_ ul{ margin: 0px ; padding: 0px;} 
.con_case_ ul li{ float: left; margin: 0px 25px 25px 0px; width: 410px; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box;} 
.con_case_ ul li:nth-child(3n){ float: right; margin:0px 0px 25px 0px; } 
.con_case_ ul li:hover{} 
.con_case_ ul li div{  width: 100%; height: 275px; overflow: hidden; } 
.con_case_ ul li img{  width: 100%; height: 100%; } 
.con_case_ ul li p{ color: #333333; padding: 15px 0px; text-align: center;font-size: 18px;} 
.con_case_ ul li:hover p{color: #084eb2;} 

.con_case_m{margin: 80px auto; width: 1280px;} 
.con_case_m_l{ width: 640px; height: 400px; overflow: hidden; float: left;} 
.con_case_m_r{ float: right; width: 540px;} 
.con_case_m_r h1{ font-size: 24px; margin-bottom: 30px;color: #084eb2;} 
.con_case_m_r p { margin: 15px 0px; line-height: 175%; font-size: 14px; color: #666666;} 
.con_case_m_r p strong{ font-size: 16px; }









/*
.con_pro_m_left{ float: left; width: 500px; height: 500px; border: #DDDDDD 1px solid; box-sizing: border-box; margin-top: 50px;}
.con_pro_m_left img{ width: 100%; height: 100%;} 


.con_pro_m_right{ float: right; width: 700px; margin-top: 50px;} 
.con_pro_m_right h1{font-size: 28px; padding: 0px 0px 30px; margin: 0px 0px 30px; border-bottom: #DDDDDD 1px dashed;} 
.con_pro_m_right #MyContent p{ margin: 2px 0px; font-size: 14px; color: #000000; line-height: 175%; text-align: justify;} 
.con_pro_m_right #MyContent img{ width:100%;} 

.con_pro_m_more{ margin: 50px auto; width: 1280px;} 
.con_pro_m_more h4{ display: inline-block; margin: 0px 0px 20px; font-size: 30px;} 
.con_pro_m_more ul{} 
.con_pro_m_more ul li{ float: left;  margin-right: 25px; border: #DDDDDD 1px solid; box-sizing: border-box;} 
.con_pro_m_more ul li:nth-child(3){ float: right; margin-right: 0px;} 
.con_pro_m_more ul li div{width: 410px; height: 410px; overflow: hidden;} 
.con_pro_m_more ul li img{width: 100%; height: 100%;} 
.con_pro_m_more ul li p{ color: #FFFFFF;background: #333333; text-align: center; padding: 10px 0px; font-size: 14px; font-weight: normal;} 
*/






.con_news{ width: 100%; margin:80px auto;} 

.con_news_{margin: 0px auto; width: 1280px; } 
.con_news_ ul{ margin: 0px ; padding: 0px; } 
.con_news_ ul li{ margin: 0px; padding: 50px 0px; border-bottom: #DDDDDD 1px dashed;} 
.con_news_ ul li:hover{} 
.con_news_ ul li img{ float:left; width: 400px; height: 240px;} 

.con_news_ .con_news_more{ float:left; line-height: 175%; width: 780px; margin-left: 100px; margin-top: 20px;} 
.con_news_ .con_news_more p{ font-size: 24px; color: #084eb2; } 
.con_news_ .con_news_more em{ display: block; font-style: normal; color:#999999; margin: 10px 0px; font-size: 12px;} 
.con_news_ .con_news_more span{ display: block; font-size: 14px; line-height: 175%; margin:15px 0px 30px; color: #999999;} 
.con_news_ .con_news_more h5 a{color: #999999; font-size: 12px;display: block;} 
.con_news_ .con_news_more h5 a:hover{color: #084eb2; } 


.con_news_m{margin: 50px auto; width: 1000px; background: #FFFFFF; padding:0px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 36px; text-align: left; font-weight: bold; padding: 35px 0px 15px; line-height: 175%;} 
.con_news_m h5{ text-align: left; display: block; padding: 5px 0px 10px;border-bottom: #CCCCCC 1px dashed; font-weight: normal; color: #666666; font-size: 12px;} 
.con_news_m #MyContent{ padding: 30px 0px;} 
.con_news_m #MyContent p{margin: 35px 0px; font-size: 16px; line-height: 175%;} 
.con_news_m #MyContent p img{ max-width: 800px; display: block; margin: 20px auto;} 
.con_news_m #MyContent a{ font-size: 14px;} 



.con_join{width: 100%; margin:0px auto;padding: 50px 0px; background: #F8F8F8;} 
.con_join_{width: 1280px;  margin:0px auto;} 

.con_join_ img{ width: 100%; display: block; margin: 0px; padding: 0px;} 



.con_join_z_{ margin: 80px auto; width: 600px;} 
.con_join_z_txt01{ font-size: 40px; font-weight: lighter; border-bottom: #999999 1px solid; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_z_txt02{ margin: 20px 0px;} 
.con_join_z_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.con_join_z_txt03{ margin: 20px 0px;} 
.con_join_z_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.con_join_z_txt04{ margin: 20px 0px;} 
.con_join_z_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_z_txt05{ margin: 50px 0px;text-align: center;} 
.con_join_z_txt05 input{ border: none; background: #084eb2; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 




.con_contact{ margin: 80px 0px; width: 100%;}

.con_contact_{ margin: 50px auto; width: 1280px;background: #FFFFFF;}
.con_contact_ ul{ margin: 0px; padding: 0px;}
.con_contact_ ul li{ float: left; border-right:#DDDDDD 1px solid;  text-align: center; width: 320px; box-sizing: border-box;}
.con_contact_ ul li:last-child{ border-right: none;}
.con_contact_ ul li img{width:75px; height:75px;}
.con_contact_ ul li p {color:#000000;font-size:18px;margin:30px 0px 5px;}
.con_contact_ ul li span{color: #999999;font-size:14px;line-height: 175%;}

.con_contact_map{ margin: 0px auto; width: 1280px;}
.map #dituContent{width: 1280px; height: 500px;}  


/*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; border-radius: 5px;}
div.black2 a:hover{color:#fff;background-color:#084eb2;border:#084eb2 1px solid;}
div.black2 a:active{color:#fff;background-color:#084eb2;border:#084eb2 1px solid;}
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#084eb2;border:#084eb2 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 






@media screen and (max-width:768px){
	
	
	.main_about{  background-size: cover;height: auto;} 
	.main_about_{ width: 88%;  padding: 50px 0px 50px;} 

	.main_about_left{ float: none; width: 100%; }
	.main_about_left h6{ font-size: 2em;} 
	.main_about_left h5{ font-size: 1.6em; margin-top: 5px;}
	.main_about_left div{ margin-top:30px;  padding: 20px; border-left: none;} 
	.main_about_left p{ font-size: 1em;  margin:0px 0px 20px 0px; line-height: 165%; } 
	.main_about_left div em{  margin-bottom: 20px;} 

	
	
	
	.main_pro{  background-size: cover;height: 360px;} 
	.main_pro_{  width: 88%; padding: 100px 0px 0px;}
	.main_pro_tit{  font-size: 1em; } 

	.main_pro_list{  width: 98%; margin: 5px auto;}
	.main_pro_list ul li{ width: 49.5%; height: 240px; margin-bottom: 1%; }
	.main_pro_list ul li:nth-child(2n){ float: right;} 
	.main_pro_list ul li h5{ font-size:1.1em;   padding: 10px 0px; } 
	
	
	
	
	
	.main_join{ background-size: cover; height: auto; padding:50px 0px 50px; }
	.main_join .main_join_tit{ width: 88%;  } 
	.main_join .main_join_tit p{  font-size: 2em;} 
	.main_join .main_join_tit h5{font-size: 1.6em;  margin-top: 5px;} 

	.main_join_{ width: 88%; margin: 30px auto 0px;}
	.main_join_ ul li{width:49%; height: 180px; margin-right:0px; margin-bottom: 10px; border-radius: 10px;padding: 15px; }
	.main_join_ ul li:nth-child(2n){ float: right;} 
	.main_join_ ul li:first-child{ margin-left: 0px;} 
	.main_join_ ul li:last-child{ float: left;} 
	.main_join_ ul li img{ width: 65px; }
	.main_join_ ul li h5{ font-size: 1.1em;}
	.main_join_ ul li p{  font-size: 0.8em; margin-top:5px;} 
	
	
	
	
	
	
	
	.main_news{  padding: 60px 0px;} 

	.main_news .main_news_tit{ width:88%; } 
	.main_news .main_news_tit h5{  font-size: 1.6em;} 
	.main_news .main_news_tit h5 strong{ font-size: 1.5em; margin-bottom: 5px;} 
	.main_news .main_news_tit a{  margin-top:20px;   width: 80px;} 
	.main_news .main_news_tit a:hover{width: 100px;} 

	.main_news_{ width: 88%; margin:30px auto 0px;} 

	.main_news_l{float: none; width: 100%; height: auto;  border-radius: 10px; } 
	.main_news_l div.im{width: 100%; height:auto;  position: relative;} 
	.main_news_l div.im img{ display: block; margin: 0;} 
	.main_news_l div.ix{height:auto; padding: 15px; position: relative;} 
	.main_news_l div.ix p{ font-size: 1em; } 
	.main_news_l div.ix h6{font-size: 1.2em; margin-bottom:10px;} 
	.main_news_l div.ix span{font-size: 0.8em; line-height: 150%; }

	.main_news_r{float: none;width:100%; height: auto; border-radius: 10px; margin-top: 10px;} 
	.main_news_r div.im{width: 100%; position: relative;height:auto; } 
	.main_news_r div.im img{ display: block; margin: 0;} 
	.main_news_r div.ix{height:auto; padding: 15px; position: relative;} 
	.main_news_r div.ix p{font-size: 1em; } 
	.main_news_r div.ix h6{font-size: 1.2em; margin-bottom:10px;} 
	.main_news_r div.ix span{font-size: 0.8em; line-height: 150%; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	.weizhi_{ width: 88%;} 

	.us_top{ font-size: 1em; padding-bottom:10px;} 
	.us_top a{ font-size: 1em;} 
	.us_top_pro{ font-size: 1em; padding-bottom:10px; margin-bottom: 10px;} 
	.us_top_pro a{ font-size: 1em;} 
	.us_menu_pro ul li a{  width: 156px; margin: 0 2px 0 0; font-size: 1em; padding:10px 0px; margin-bottom: 2px;} 

	.con_about{ } 
	.con_about_tit{ width:88%;margin:50px auto 20px;} 
	.con_about_tit span{ font-size: 2em;} 
	.con_about_tit h5{font-size: 1.6em;  margin-top: -10px; line-height: 125%;} 
	.con_about_a{ width: 88%; padding-right: 0px;} 
	.con_about_a p{  font-size: 1em;  margin: 20px 0px 0px 0px; } 

	.con_about_b{width:88%; margin: 20px auto 50px;} 
	.con_about_b img{ width: 100%;} 
	


	
	
	.con_about_g{  height: auto;  margin: 50px auto; padding: 50px 0px;} 
	.con_about_g_tit{ width:88%;margin:0px auto;} 
	.con_about_g_tit span{font-size: 2em;} 
	.con_about_g_tit h5{font-size: 1.6em;  margin-top: -10px; line-height: 125%;} 


	.silder-button-1.btl{left:0; top:40%; left: 10%;} 
	.silder-button-1.btl i{ height: 30px; width:30px; font-size: 1.2em; padding-top:7px; padding-right: 3px;} 
	.silder-button-1.btl i:hover{background: #000000;} 
	.silder-button-1.btr{right:0;top:40%; right:10%;} 
	.silder-button-1.btr i{ height: 30px; width:30px; font-size: 1.2em; padding-top:7px; padding-left: 3px;} 
	.silder-button-1.btr i:hover{background: #000000;} 

	.con_about_g_{width:88%;margin:30px auto 0px;}
	.con_about_g_ ul{}
	.con_about_g_ ul li{ float: left;height:400px;}
	.con_about_g_ ul li h6{ font-size: 1.5em;}
	.con_about_g_ ul li h5{ font-size: 1.5em; margin-bottom: 10px;}
	.con_about_g_ ul li p{font-size: 1em;   height:100px; line-height: 160%;}


	.con_about_c{ margin: 50px 0px;} 
	.con_about_c_{  width:100%;} 
	.con_about_c_ ul{ width: 88%; margin: 50px auto 0px; }
	.con_about_c_ ul li{ float: none; width: 100%;  border-bottom: #EEEEEE 1px solid; border-right: none; padding-bottom: 20px; margin-bottom: 20px;} 
	.con_about_c_ ul li em{margin:10px 0px;} 
	.con_about_c_ ul li h3{font-size: 1.2em; } 
	.con_about_c_ ul li p{ font-size: 1em;} 
	.con_about_c_ ul li img{ display: none;} 
	.con_about_c_ ul li:first-child{ padding-right: 0px;} 
	.con_about_c_ ul li:nth-child(2){ padding: 0px 0px 20px 0px;} 
	.con_about_c_ ul li:nth-child(3){ padding: 0px 0px 20px 0px;} 
	.con_about_c_ ul li:last-child{ border-right: none; padding-left: 0px;} 
	.con_about_c_ ul li:nth-child(2n) h3{ margin-top: 0px;} 
	.con_about_c_ ul li:first-child img{margin-top: 0px;} 
	.con_about_c_ ul li:nth-child(3) img{ margin-top: 0px;} 

	.con_about_ry{  padding: 2px 0px 50px; } 
	.con_about_ry_{ width: 100%;}
	.con_about_ry_ img{ width: 88%; margin: 0 auto; display: block;} 
	
	
	
	
	
	
	
	
	.con_pro{padding: 20px 0px 50px;} 
	.con_pro_{ margin: 50px auto; width: 88%;} 
	.con_pro_ h6{font-size: 2em;} 
	.con_pro_ h3{ margin-bottom:20px; font-size: 1.6em; margin-top: -10px;} 
	.con_pro_ ul{ } 
	.con_pro_ ul li{ float: left; width: 49%; margin: 0px 0px 10px 0px; padding: 20px; }
	.con_pro_ ul li:nth-last-child(2n){float: right;} 
	.con_pro_ ul li:nth-child(3n){ float: right; margin: 0px 0px 10px 0px;}
	.con_pro_ ul li:nth-child(3){ float: left; margin: 0px 0px 10px 0px;}
	.con_pro_ ul li:nth-child(9){ float: left; margin: 0px 0px 10px 0px;}
	
	.con_pro_ ul li div{width: 100%; height: 100%; }
	.con_pro_ ul li p{font-size: 0.8em;  margin: 15px 0px 0px; }
	.con_pro_ em a{ font-size: 1em;   width: 80px;} 

	.con_pro_hr{ width: 100%; } 

	.con_pro_m{   padding: 20px 0px 50px;} 
	.con_pro_m_{width: 88%; } 
	.con_pro_m_tit{margin: 30px auto; width: 100%;  padding: 30px 0px;  } 
	.con_pro_m_tit div{   width: 100%;  } 
	.con_pro_m_tit h1{  font-size: 1.6em;  margin-top: 20px; } 
	
	
	
	
	.con_case{ margin: 20px auto 50px; } 
	.con_case_{ margin: 30px auto; width: 88%;} 
	.con_case_ ul li{ float: none; margin: 0px 0px 15px 0px; width: 100%; } 
	.con_case_ ul li:nth-child(3n){ float: none; margin:0px 0px 15px 0px; } 
	.con_case_ ul li:hover{} 
	.con_case_ ul li div{   height: auto;   } 
	.con_case_ ul li p{ padding: 10px 0px; font-size: 1em;} 

	.con_case_m{margin: 20px auto 50px; width: 88%;} 


	
	
	
	
	.con_news{  margin:20px auto 50px;} 

	.con_news_{  width: 88%; } 
	.con_news_ ul li{  padding: 30px 0px;  } 
	.con_news_ ul li img{ float:none; width: 100%; height: 100%;} 

	.con_news_ .con_news_more{ float:none; line-height: 160%; width: 100%; margin-left: 0px; margin-top: 10px;} 
	.con_news_ .con_news_more p{ font-size: 1.2em; line-height: 150%;} 
	.con_news_ .con_news_more em{  font-size: 0.8em;} 
	.con_news_ .con_news_more span{   font-size: 0.8em; line-height: 160%; margin:10px 0px 20px;} 
	.con_news_ .con_news_more h5 a{ font-size: 0.8em; } 


	.con_news_m{margin: 20px auto 50px; width: 88%;  } 
	.con_news_m H1{ font-size: 1.5em;  padding: 30px 0px 10px; line-height: 150%;} 
	.con_news_m h5{ padding: 0px 0px 10px; font-size: 0.8em;} 
	.con_news_m #MyContent{ padding: 20px 0px;} 
	.con_news_m #MyContent p{margin: 25px 0px; font-size: 1em; line-height: 160%;} 
	.con_news_m #MyContent p img{ max-width: 100%;  width: 100%; margin: 5px auto;} 
	.con_news_m #MyContent a{ font-size: 1em;} 
	
	
	
	
	
	
	.con_join{ padding: 20px 0px 50px; } 
	.con_join_{width: 88%; } 

	.con_join_ img{ width: 100%; display: block; margin: 0px; padding: 0px;} 

	.con_join_z_{ margin: 30px auto; width: 88%;} 
	.con_join_z_txt01{ font-size: 1.5em;} 
	.con_join_z_txt02{ margin: 10px 0px;} 
	.con_join_z_txt02 input{box-sizing: border-box; padding: 10px; font-size: 1em; width: 49%; } 

	.con_join_z_txt03{ margin: 10px 0px;} 
	.con_join_z_txt03 input{ box-sizing: border-box; padding: 10px; font-size: 1em; width: 100%; } 

	.con_join_z_txt04{ margin: 10px 0px;} 
	.con_join_z_txt04 textarea{ box-sizing: border-box; padding: 10px; font-size: 1em; width: 100%; height: 80px;} 

	.con_join_z_txt05{ margin: 20px 0px; } 
	.con_join_z_txt05 input{ padding: 10px;width: 50%; font-size: 1.2em; } 




	.con_contact{ margin:20px 0px 50px; }

	.con_contact_{ margin: 30px auto; width: 88%;}
	.con_contact_ ul{ margin: 0px; padding: 0px;}
	.con_contact_ ul li{ float: none; border-right:none;  width: 100%;padding-bottom: 30px;}
	.con_contact_ ul li:last-child{ border-right: none;}
	.con_contact_ ul li img{width:75px; height:75px;}
	.con_contact_ ul li p { font-size:1.2em;margin:20px 0px 3px;}
	.con_contact_ ul li span{ font-size:1em;line-height: 160%;}

	.con_contact_map{  width: 88%;}
	.map #dituContent{width: 100%; height: 300px;}  

	
	
	
	
	
	
	
	
	
	div.black2{padding:5px;margin:5px;}
	div.black2 a{ padding:3px 8px;margin:1px;}
	div.black2 a.curr{padding:3px 8px; margin:1px;} 


	
	
} 
































