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

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6,strong,b{} 
a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#0084cf;} 
a:visited {text-decoration:none;color:#000000;} 

/*** effect zoom in ***/
.img-zoom-in img
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-ms-transform:scale(1.1); 
-o-transform:scale(1.1)
} 
/*** effect zoom in ***/

.img-zoom-deg img{ 
transition:All 0.5s ease-in-out; 
-webkit-transition:All 0.4s ease-in-out; 
-moz-transition:All 0.4s ease-in-out; 
-o-transition:All 0.4s ease-in-out; 
} 

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
} 

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
} 

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}






/*导航*/
.header{ width:100%; margin: 0px; padding: 0px; position: relative;} 

.nav{ width:100%; margin: 0px; padding: 0px; position: fixed; z-index: 99999; background: #FFFFFF;border-bottom: #0084cf 3px solid;  transition: all 0.5s;} 
.nav_{ width:85%; margin:0px auto; padding:5px 0px; box-sizing: border-box;} 
.nav_l{ float:left; width:220px;} 
.nav_l img{ display: block; width: 100%; margin: 0px auto;} 
.nav_menu {float: right; margin:22px 0px 0px 0px;} 
.nav_menu ul { margin:0 auto; list-style-type: none;} 
.nav_menu ul li {float:left;} 
.nav_menu ul li a{ font-size: 18px; font-weight: normal;} 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; box-sizing: border-box; margin: 0px 0px 0px 40px; color: #000000; transition: all 0.3s;} 
.nav_menu ul li a:hover{ border-bottom:#0084cf 3px solid; padding-bottom: 5px; color: #0084cf;}

.nav_menu ul li ul {display: none;} 
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu ul li:hover ul li a:hover {background:#0084cf; color:#FFFFFF;} 


/* fullSlide */
.fullSlide {width:100%;position:relative;height:100%;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd ul li{width:100% !important;height:100%;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;height:820px;} 
.fullSlide .bd ul li img{ width: 100%;height:100%;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:3px;margin:2px;overflow:hidden;background:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0084cf;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}





.main_a{ width: 100%; padding: 0px; margin:50px 0px;} 
.main_a_{width: 78%; margin: 0px auto;} 
.main_a_ .fl{ float: left; width: 50%; height: 450px;} 
.main_a_ .fl .slider {width: 100%;height: 450px;margin: 0 auto;position: relative; overflow: hidden;} 
.main_a_ .fl .slider ul {}
.main_a_ .fl .slider ul li {width: 100%;height: 100%;position: absolute;opacity: 0; transition: opacity 1s ease-in-out; z-index: 9;}
.main_a_ .fl .slider li img {  width: 100%; height: 100%; object-fit: cover;}
.main_a_ .fl .slider li.active {opacity: 1;}
.main_a_ .fl .dots {position: absolute; z-index: 999; bottom: 10px; text-align: center; width: 100%;}
.main_a_ .fl .dot {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #FFFFFF;margin: 0 5px;cursor: pointer;}
.main_a_ .fl .dot.active { background-color: #0084cf;}

.main_a_ .fr{ float: right; width: 45%;} 
.main_a_ .fr .main_a_tit{ border-bottom: #CCCCCC 1px solid; padding-bottom: 15px;} 
.main_a_ .fr .main_a_tit h5{ float: left;font-size: 32px;  line-height: 100%;} 
.main_a_ .fr .main_a_tit span{ float: right; display: block; margin-top: 10px; font-size: 20px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 

.main_a_ .fr ul{ margin: 35px 0px;} 
.main_a_ .fr ul li{ padding: 12px 0px;} 
.main_a_ .fr ul li:last-child{ } 
.main_a_ .fr ul li em{ float: left; margin-top: 3px; display: inline-block; font-size: 12px; font-style: normal; color: #CCCCCC; margin-right: 10px;line-height:100%; } 
.main_a_ .fr ul li a{float: left; display: inline-block; width: 510px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 18px; line-height:100%; color: #333333;} 
.main_a_ .fr ul li a:hover{color: #0084cf;} 
.main_a_ .fr ul li span{color: #CCCCCC; display: inline-block; float: right;line-height:100%;} 

.main_a_ .fr .main_a_more{} 
.main_a_ .fr .main_a_more a{display: block; float: left;text-transform: uppercase;font-size: 16px;color: #999999;}
.main_a_ .fr .main_a_more a:hover{color: #0084cf;} 
.main_a_ .fr .main_a_more em{display: block; float: right; height: 1px; width: 70%; background: #CCCCCC; margin: 12px 0px 0px;} 







.main_b{ width: 100%; background: #FAFAFA; padding: 50px 0px 20px; box-sizing: border-box;} 
.main_b_{width:78%; margin: 0px auto;} 
.main_b_fl{ float: left; width: 49%; background: #FFFFFF; padding: 30px; box-sizing: border-box;margin-bottom:2%;} 
.main_b_fr{ float: right; width: 49%;background: #FFFFFF; padding: 30px; box-sizing: border-box; margin-bottom:2%;} 
.main_b_ .fl{ float: left; width: 46%; } 
.main_b_ .fl .tit h5{ float: left; font-size: 24px;} 
.main_b_ .fl .tit a{ display: block; float: right;margin-top: 15px; font-size:12px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 
.main_b_ .fl .tit a:hover{color: #0084cf;} 
.main_b_ .fl ul{ margin-top: 20px;} 
.main_b_ .fl ul li{ padding: 15px 0px; border-top: #CCCCCC 1px solid; height: 78px; box-sizing: border-box;} 
.main_b_ .fl ul li:last-child{ border-bottom: #CCCCCC 1px solid;} 
.main_b_ .fl ul li a{ color: #666666; font-size: 16px;} 
.main_b_ .fl ul li a:hover{color: #0084cf;} 

.main_b_ .fr{ float: right;width: 46%; height: 212px; overflow: hidden; position: relative; } 
.main_b_ .fr img{ position: absolute; z-index: 9; width: 100%; height: 100%; object-fit: cover;} 
.main_b_ .fr a{ position: absolute; z-index: 99; width: 100%; height: 100%; bottom: -212px; padding: 80px 15px; box-sizing: border-box; transition: all 0.6s; color: #FFFFFF; background:rgba(0,0,0,0.5);  font-size: 16px;} 
.main_b_ .fr:hover a{bottom: 0px;} 





.main_c{ width: 100%;  margin: 50px 0px 20px; box-sizing: border-box;} 
.main_c_{width:78%; margin: 0px auto;} 
.main_c_ .fl{ float: left; width: 45%; } 
.main_c_ .fl .tit h5{ float: left; font-size: 36px;} 
.main_c_ .fl .tit a{ display: block; float: right;margin-top:20px; font-size:14px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 
.main_c_ .fl .tit a:hover{color: #0084cf;} 
.main_c_ .fl ul{ margin-top: 20px;} 
.main_c_ .fl ul li{ border-top: #CCCCCC 1px solid; box-sizing: border-box;} 
.main_c_ .fl ul li:first-child{padding: 30px 0px 28px;} 
.main_c_ .fl ul li:first-child h5{ margin-bottom: 10px;} 
.main_c_ .fl ul li:first-child h5 a{font-size:20px;  color:#000000;} 
.main_c_ .fl ul li:first-child p{font-size: 16px; color: #999999;} 
.main_c_ .fl ul li:nth-child(2){ padding: 25px 0px 8px;} 
.main_c_ .fl ul li:nth-child(3){border-top: none; padding: 8px 0px 8px;} 
.main_c_ .fl ul li:nth-child(4){border-top: none; padding: 8px 0px 8px;} 
.main_c_ .fl ul li:nth-child(5){border-top: none; padding: 8px 0px 25px;} 
.main_c_ .fl ul li:last-child{ border-bottom: #CCCCCC 1px solid;} 
.main_c_ .fl ul li a{ color: #666666; font-size: 16px;} 
.main_c_ .fl ul li a:hover{color: #0084cf;} 
.main_c_ .fr{ float: right;width: 48%; height: 415px; overflow: hidden; position: relative; } 
.main_c_ .fr img{ position: absolute; z-index: 9; width: 100%; height: 100%; } 
.main_c_ .fr a{ position: absolute; z-index: 99; width: 100%; height: 100%; bottom: -415px; padding: 80px 15px; box-sizing: border-box; transition: all 0.6s; color: #FFFFFF; background:rgba(0,0,0,0.5);  font-size: 16px;} 
.main_c_ .fr:hover a{bottom: 0px;} 






.main_d{width:100%; margin: 35px 0px;} 
.main_d .tit{width:78%; margin: 0px auto;}
.main_d .tit h5{ float: left; font-size: 36px;} 
.main_d .tit a{ display: block; float: right;margin-top:30px; font-size:14px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 
.main_d .tit a:hover{color: #0084cf;} 
/*
.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:7%; top:40%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px;color: #333333;text-transform: uppercase;} 
.silder-button-1.btl i{  } 
.silder-button-1.btl:hover{background: #0084cf; color: #FFFFFF;} 
.silder-button-1.btr{right:7%;top:40%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px;color: #333333;text-transform: uppercase;} 
.silder-button-1.btr i{  } 
.silder-button-1.btr:hover{background: #0084cf; color: #FFFFFF; } 
*/
.main_d_{width:78%; margin: 20px auto 0px;} 
.main_d_ ul{} 
.main_d_ ul li{width: 356px; margin-right: 20px; margin-bottom: 20px; float: left;} 
.main_d_ ul li:nth-child(4n){ float: right; margin-right: 0px;} 
.main_d_ ul li div{width: 100%; height:220px; overflow: hidden; }
.main_d_ ul li div img{display: block; margin:0px; width: 100%; height: 100%; object-fit: cover;} 
.main_d_ ul li p{font-size: 16px; height: 80px; font-weight: normal; background: #F2F2F2; padding: 18px; box-sizing: border-box;} 
.main_d_ ul li:hover p{ background: #0084cf; color: #FFFFFF;} 



.main_e{width:100%; padding: 35px 0px; background: #EAEAEA;} 
.main_e .tit{width:78%; margin: 0px auto;}  
.main_e .tit h5{ float: left; font-size: 36px;} 
.main_e .tit a{ display: block; float: right;margin-top:25px; font-size:14px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 
.main_e .tit a:hover{color: #0084cf;} 
/*.silder-box-2{ width:100%; margin: 0px auto; position: relative;}
.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{left:7%; top:40%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px;color: #333333;text-transform: uppercase;} 
.silder-button-2.btl i{  } 
.silder-button-2.btl:hover{background: #0084cf; color: #FFFFFF;} 
.silder-button-2.btr{right:7%;top:40%; border: #999999 1px solid; width: 50px; height: 50px; line-height: 50px; text-align: center;font-size: 20px;color: #333333;text-transform: uppercase;} 
.silder-button-2.btr i{  } 
.silder-button-2.btr:hover{background: #0084cf; color: #FFFFFF; } */
.main_e_{width:78%; margin: 20px auto 0px;} 
.main_e_ ul{} 
.main_e_ ul li{ float: left;width: 220px; text-align: center; margin-right: 95px;} 
.main_e_ ul li:last-child{ float: right; margin-right: 0px;;} 
.main_e_ ul li div{width: 100%; height:220px; overflow: hidden; box-sizing: border-box; }
.main_e_ ul li div img{display: block; margin:0px auto; width: 220px; height: 220px; border-radius: 50%; object-fit: cover;} 
.main_e_ ul li h5{font-size: 18px; color: #000000; margin: 20px 0px 0px; padding: 0px 30px;} 


.main_f{width:100%; margin: 50px 0px 50px;} 
.main_f .tit{width:78%; margin: 0px auto;}  
.main_f .tit h5{ float: left; font-size: 36px; line-height: 100%;} 
.main_f .tit a{ display: block; float: right;margin-top:25px; font-size:14px;  color: #999999; text-transform: uppercase; font-weight: lighter; line-height: 100%;} 
.main_f .tit a:hover{color: #0084cf;} 
.main_f_{width:78%; margin: 20px auto 0px;} 
.main_f_ ul{ margin-top: 30px;} 
.main_f_ ul li{width: 181.1px; height:82px;float: left; margin-right: 5px; margin-bottom: 5px; border: #EEEEEE 1px solid; padding: 5px; box-sizing: border-box;} 
.main_f_ ul li:nth-child(8n){float: right; margin-right: 0px;} 
.main_f_ ul li img{ width: 100%; height: 100%; } 



/***************************************20250409**********************************************/


.n_img{  width:100%;  text-align: center; margin: 0px; padding: 0px;} 
.n_img img{width: 100%; margin: 0px auto; display: block; padding: 0;} 

.con_local{width:100%;} 
.con_local_{ width: 78%;  padding: 20px 0px; margin: 0px auto; border-bottom: #DDDDDD 1px solid;} 


.con_news{padding: 0px; margin: 0; width: 100%;} 

.con_news_tit{ width: 78%;  margin: 30px auto 0px; }
.con_news_tit h3{ color: #000000; font-size: 40px;}


.con_news_{ width: 78%; margin: 20px auto 35px; } 
.con_news_ ul{} 
.con_news_ ul li{ float: left; background: #FFFFFF; width: 32%; height: 460px; margin-right: 2%; margin-bottom: 2%;box-sizing: border-box; overflow: hidden;}
.con_news_ ul li:nth-child(3n){ float: right; margin-right: 0;} 

.con_news_ ul li div.img-zoom-in{ width: 100%; height: 294px; overflow: hidden;} 
.con_news_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 
.con_news_ ul li div.txt{ padding: 25px;} 
.con_news_ ul li div.txt h2{  font-size: 20px; line-height: 125%; margin-bottom: 10px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  /* 限制显示的行数 */  overflow: hidden;  text-overflow: ellipsis;} 
.con_news_ ul li div.txt h2 a:hover{color: #0084cf;} 
.con_news_ ul li div.txt p{ color: #999999; font-size: 14px; line-height: 150%; margin-bottom: 5px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  /* 限制显示的行数 */  overflow: hidden;  text-overflow: ellipsis;} 
.con_news_ ul li div.txt span{display: block;color: #999999; font-size: 14px;} 

.con_news_list{width: 78%; background: #FFFFFF; margin: 50px auto 80px; padding: 50px; box-sizing:border-box;} 
.con_news_list h3{ color: #000000; font-size: 40px; line-height: 100%;} 
.con_news_list ul{ margin-top: 35px;} 
.con_news_list ul li{ } 
.con_news_list ul li:nth-child(5n){ border-bottom: #DDDDDD 1px dashed; padding-bottom: 20px; margin-bottom: 20px;} 
.con_news_list ul li a{ display: inline-block; padding: 5px 0px; font-size: 20px;} 
.con_news_list ul li span{display: inline-block; margin-left: 30px; font-size: 18px; color: #CCCCCC;} 





.con_news_m{padding: 35px 200px; margin: 30px auto; width: 78%; background: #FFFFFF; box-sizing: border-box;} 
.con_news_m_tit{ width: 100%;  margin: 0px auto; border-bottom: #0084cf 1px solid; padding-bottom: 30px; text-align: center;} 
.con_news_m_tit h1{ color: #000000; font-size: 32px; margin-top: 10px; margin-bottom: 5px; font-weight: bold;} 
.con_news_m_tit p{color: #999999; font-size:16px;} 
.con_news_m_{ width: 100%; margin: 30px auto 0px;} 
.con_news_m_ #MyContent p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 25px 0px; color: #000000;} 
.con_news_m_ #MyContent img{ max-width: 900px;} 


.con_news_more{border-bottom: #EEEEEE 1px solid;border-top: #EEEEEE 1px solid; padding: 20px 0px;width: 100%; margin: 50px auto 0px;} 
.con_news_more h5{ font-size: 24px; margin-bottom: 20px;} 
.con_news_more ul li{ padding: 6px 0px;} 
.con_news_more ul li a{ font-size: 18px; color: #666666;} 
.con_news_more ul li a:hover{color: #0084cf;} 






.con_contact{ margin: 0px; width: 100%; padding: 0px;}

.con_contact_{ margin: 80px auto; width: 1280px;}
.con_contact_ .con_contact_info{} 
.con_contact_ .con_contact_info ul{}
.con_contact_ .con_contact_info ul li:first-child{ width: 100%; background: #FFFFFF; text-align: center; padding: 50px; margin-bottom: 20px; box-sizing: border-box;}
.con_contact_ .con_contact_info ul li:first-child h3{font-size: 28px;} 
.con_contact_ .con_contact_info ul li:first-child p{font-size: 18px; color: #666666; margin-top: 20px; text-align: justify; text-indent: 2em;} 

.con_contact_ .con_contact_info ul li:nth-child(2){ float: left; width: 630px;background: #FFFFFF; text-align: center; padding: 50px 0px;} 
.con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 60px;} 
.con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 20px; color: #666666; margin-top: 20px;} 
.con_contact_ .con_contact_info ul li:last-child{ float: right;width: 630px;background: #FFFFFF; text-align: center; padding: 50px 0px;} 
.con_contact_ .con_contact_info ul li:last-child img{ width: 60px;} 
.con_contact_ .con_contact_info ul li:last-child p{font-size: 20px; color: #666666; margin-top: 20px;} 
.con_contact_ .con_contact_map{  width:1280px; margin: 20px auto 0px;} 
#dituContent{width: 1280px; height: 500px;} 




.con_liuyan{ margin: 0px; width: 100%; padding: 0px;}

.con_liuyan_{ margin: 80px auto; width: 1280px;}
.con_liuyan_ .con_liuyan_info{} 
.con_liuyan_ .con_liuyan_info ul{}
.con_liuyan_ .con_liuyan_info ul li{ width: 100%; background: #FFFFFF; text-align: center; padding: 50px; margin-bottom: 20px; box-sizing: border-box;}
.con_liuyan_ .con_liuyan_info ul li h3{font-size: 28px;} 
.con_liuyan_ .con_liuyan_info ul li p{font-size: 18px; color: #666666; margin-top: 20px; text-align: justify;} 


.con_liuyan_input{margin: 30px auto; width: 1280px; padding: 50px 0px; text-align: center;background: #FFFFFF;} 
.con_liuyan_input p{ margin: 20px 0px;} 
.con_liuyan_input p input{ border: #999999 1px solid; padding: 20px; background: #FFFFFF; width: 600px;} 
.con_liuyan_input p:last-child input{ background: #0084cf; border: none; color: #FFFFFF; width: 200px;} 







.con_cert{ margin: 0px; width: 100%; padding: 50px 0px;}
.con_cert .con_cert_tit{ width: 1280px; margin: 0px auto;background: #FFFFFF; text-align: center; padding: 30px 0px 30px; font-size: 40px; font-weight: bold;} 
.con_cert .con_cert_{ margin: 0px auto; width: 1280px;background: #FFFFFF; }
.con_cert .con_cert_ .fl{   width: 100%; padding: 50px 50px 120px 50px; box-sizing: border-box; text-align: center;} 
.con_cert .con_cert_info{ width: 1280px; background: #FFFFFF; padding: 50px; margin: 50px auto 0px; box-sizing: border-box;}
.con_cert .con_cert_info h5{font-size: 24px; margin-top: 30px;} 
.con_cert .con_cert_info p{font-size: 18px; color: #666666; margin-top: 5px; text-align: justify;} 
.con_cert .con_cert_ h5{ font-size: 20px; margin-bottom: 10px;} 
.con_cert .con_cert_ .i1{ padding: 10px; border: #DDDDDD 1px solid; width: 80%;} 
.con_cert .con_cert_ .i2{border: none; background:#0084cf;color: #FFFFFF; font-size: 18px; width: 20%; padding: 6px 0px; } 
.form-container{display: flex; gap: 0px;}
.con_cert .con_cert_con{ margin: 0px auto; width: 1280px;background: #FFFFFF; text-align: center; padding-bottom: 30px;}
.con_cert .con_cert_con h2{ font-size:22px; color: #000000; margin-bottom: 10px;} 
.con_cert .con_cert_con p{ font-size: 20px; color: #0084cf; margin-bottom: 30px;} 
.con_cert .con_cert_con div{ width: 550px; margin: 0 auto;overflow: hidden;} 
.con_cert .con_cert_con img{ width: 100%; height: 100%; object-fit: cover;} 




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






.bottom{ width:100%; height: auto; background: url("../images/bottom_bg.jpg") no-repeat center; margin: 0px; padding:50px 0px; box-sizing: border-box;} 
.bottom_{ width:85%; margin:0px auto;} 

.bottom_l{ float: left; width: 50%;} 
.bottom_l h3{ color: #FFFFFF; font-size:28px;} 
.bottom_l ul{ margin-top: 15px;} 
.bottom_l ul li{float:left; margin-right:20px; margin-bottom: 5px;} 
.bottom_l ul li:last-child{} 
.bottom_l ul li a{ display: inline-block; color: #CCCCCC; font-size: 14px;} 
.bottom_l ul li a:hover{color: #0084cf;} 

.bottom_c{ float: left; width: 30%; margin-left: 5%; margin-top: 50px;} 

.bottom_txt{ color: #FFFFFF; font-size: 16px; margin-top: 20px;} 
.bottom_txt a{ color: #FFFFFF; font-size: 16px;} 
.bottom_info{color: #FFFFFF;font-size: 14px; text-transform: uppercase; margin-top: 10px;} 
.bottom_info a{ color: #FFFFFF;font-size: 14px;} 

.bottom_r{ float: right; width:100px; text-align: right;} 
.bottom_r h5{ font-size: 16px; color: #FFFFFF; margin-bottom:10px;} 
.bottom_r img{ width: 100%;} 



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

    .nav_{ width:95%;} 
    .nav_l{width:200px;} 
    .nav_menu {margin:20px 0px 0px 0px;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {margin: 0px 0px 0px 35px;} 
    .fullSlide .bd ul li a{height:680px;} 

    .main_a_{width: 1280px;} 
    .main_a_ .fl{ height: 400px;} 
    .main_a_ .fl .slider { height: 400px;} 

    .main_a_ .fr{ }
    .main_a_ .fr ul{ margin: 30px 0px;} 
    .main_a_ .fr ul li{ padding: 10px 0px;} 
    .main_a_ .fr ul li em{margin-top: 3px;} 
    .main_a_ .fr ul li a{width: 420px;} 


    .main_b_{width: 1280px;} 
    .main_b_fl{ width: 48.5%; } 
    .main_b_fr{ width: 48.5%;} 


    .main_c_{width: 1280px;} 

    
    .main_d .tit{width: 1280px;}


    .main_d_{width: 1280px;} 
    .main_d_ ul{}
    .main_d_ ul li{width: 305px;} 
    .main_d_ ul li div{ height:189px; overflow: hidden; }

    .main_e .tit{width: 1280px;}
    .main_e_{width: 1280px; } 
    .main_e_ ul{} 
    .main_e_ ul li{width: 200px; margin-right: 70px;} 
    .main_e_ ul li div{height:200px;}
    .main_e_ ul li div img{width: 200px; height: 200px;}
    .main_e_ ul li h5{font-size: 18px; margin: 15px 0px 5px;} 

    .main_f .tit{width: 1280px;}  
    .main_f_{width: 1280px; margin: 20px auto 0px;} 
    .main_f_ ul li{width: 155.5px; height:62px;} 

    
    
    .con_local_{ width: 1280px;} 
    .con_news_tit{width: 1280px;}
    .con_news_{ width: 1280px;} 
    .con_news_ ul li div.img-zoom-in{ height: 254px;} 
    .con_news_list{width: 1280px;} 
    .con_news_m{padding: 50px 150px;width: 1280px; } 
    
    
    .bottom_{ width:95%;} 
    
    .bottom_l{width: 52%;} 
    .bottom_l h3{ font-size:22px;} 
    .bottom_l ul{ margin-top: 10px;} 
    .bottom_l ul li{ margin-right:10px; margin-bottom: 3px;} 

    .bottom_c{  margin-top: 35px;} 
    .bottom_r h5{ font-size: 14px; } 

} 

@media screen and (max-width:1500px){
    
     .fullSlide .bd ul li a{height:620px;} 
    
}
@media screen and (max-width:1400px){
    
     .fullSlide .bd ul li a{height:560px;} 
    
}
@media screen and (max-width:1300px){
    
     .fullSlide .bd ul li a{height:520px;} 
    
}

@media screen and (max-width:768px){
    
    
    .nav{   position: static;} 
    .nav_{ width:100%;  padding:10px 0px 5px;  } 
    .nav_l{ float:none; width:200px; margin: 0 auto;} 
    .nav_menu {float: none; margin:0px 0px 0px 0px; border-top: #0084cf 3px solid; padding-top: 5px; margin-top: 10px;} 
    .nav_menu ul li { width: 25%; text-align: center; box-sizing: border-box;} 
    .nav_menu ul li:first-child{ display: none;} 
    .nav_menu ul li a{ font-size: 1em; padding: 2px 0px;} 
    .nav_menu ul li a, .nav_menu ul li a:visited {margin: 0px 0px 0px 0px;} 
    .nav_menu ul li a:hover{ border-bottom:none; padding-bottom: 0px; }

    
    
    .fullSlide .hd{ bottom:5px;left:0;height:20px;line-height:20px;}
    .fullSlide .hd ul li{width:20px;height:2px;margin:1px; }
    .fullSlide .bd ul li a{height:220px;} 
    
    
    .main_a{ margin:20px 0px;} 
    .main_a_{width: 90%; } 
    .main_a_ .fl{ float: none; width: 100%; height: 180px;} 
    .main_a_ .fl .slider { height: 180px;} 

    .main_a_ .fr{ float: none; width: 100%; margin-top: 20px;} 
    .main_a_ .fr .main_a_tit{ padding-bottom: 5px;} 
    .main_a_ .fr .main_a_tit h5{ font-size: 1.4em; } 
    .main_a_ .fr .main_a_tit span{ margin-top: 5px; font-size: 0.8em;} 

    .main_a_ .fr ul{ margin: 10px 0px;} 
    .main_a_ .fr ul li{ padding: 6px 0px;} 
    .main_a_ .fr ul li em{ font-size: 0.6em;  margin-right: 5px; } 
    .main_a_ .fr ul li a{ width: 250px;  font-size: 1em; } 
    .main_a_ .fr ul li span{ font-size: 0.8em} 

    .main_a_ .fr .main_a_more a{ font-size: 1em; }
    .main_a_ .fr .main_a_more a:hover{color: #0084cf;} 
    .main_a_ .fr .main_a_more em{  margin: 8px 0px 0px;} 
    
    
    
    .main_b{ padding: 20px 0px 10px; background: #F2F2F2; } 
    .main_b_{width:90%; } 
    .main_b_fl{ float: none; width: 100%; padding: 15px; margin-bottom:2%;} 
    .main_b_fr{ float: none; width: 100%; padding: 15px; margin-bottom:2%;} 
    .main_b_ .fl{ float: none; width: 100%; } 
    .main_b_ .fl .tit h5{ font-size: 1.4em;} 
    .main_b_ .fl .tit a{  margin-top: 5px; font-size:1em; } 
    .main_b_ .fl ul{ margin-top:10px;} 
    .main_b_ .fl ul li{ padding:10px 0px;  height: auto; } 
    .main_b_ .fl ul li a{ font-size: 1em;} 

    .main_b_ .fr{ float: none;width:100%; height: 180px; margin-top: 10px;} 
    .main_b_ .fr a{bottom: -180px; padding: 50px 15px; font-size: 1.2em;} 
    
    
    
    
    .main_c{   margin: 30px 0px 10px; } 
    .main_c_{width:90%; margin: 0px auto;} 
    .main_c_ .fl{ float: none; width: 100%; } 
    .main_c_ .fl .tit h5{ font-size: 1.4em;} 
    .main_c_ .fl .tit a{ margin-top:5px; font-size:1em;} 
    .main_c_ .fl ul{ margin-top: 15px;} 
    .main_c_ .fl ul li{} 
    .main_c_ .fl ul li:first-child{padding: 15px 0px 12px;} 
    .main_c_ .fl ul li:first-child h5{ margin-bottom: 10px;font-size:1.2em;} 
    .main_c_ .fl ul li:first-child h5 a{font-size:1em; } 
    .main_c_ .fl ul li:first-child p{font-size: 0.9em; line-height: 150%;} 
    .main_c_ .fl ul li:nth-child(2){ padding: 15px 0px 6px;} 
    .main_c_ .fl ul li:nth-child(3){border-top: none; padding: 6px 0px 6px;} 
    .main_c_ .fl ul li:nth-child(4){border-top: none; padding: 6px 0px 6px;} 
    .main_c_ .fl ul li:nth-child(5){border-top: none; padding: 6px 0px 15px;}  
    .main_c_ .fl ul li a{font-size: 1em;} 
    .main_c_ .fr{ float: none;width: 100%; height: 200px; margin-top: 15px;} 
    .main_c_ .fr a{bottom: -200px; padding: 50px 15px; font-size: 1.2em;} 

    
    
    
    .main_d{ margin: 30px 0px;} 
    .main_d .tit{width:90%; }
    .main_d .tit h5{  font-size: 1.4em;} 
    .main_d .tit a{ margin-top:5px; font-size:1em;} 
    .main_d_{width:90%; margin: 20px auto 0px;} 
    .main_d_ ul{} 
    .main_d_ ul li{width: 49%; margin-right:0px; margin-bottom: 8px; } 
    .main_d_ ul li:nth-child(2n){ float: right; margin-right: 0px;} 
    .main_d_ ul li div{ height:98px; } 
    .main_d_ ul li p{font-size:0.9em; height:50px; line-height: 125%; padding: 8px;} 
    
    
    

    .main_e{ padding: 30px 0px; } 
    .main_e .tit{width:90%; }  
    .main_e .tit h5{font-size: 1.4em;} 
    .main_e .tit a{ margin-top:5px; font-size:1em;} 
    .main_e_{width:90%; } 
    .main_e_ ul li{  width: 30%; margin-right: 5%; margin-bottom:5%;} 
    .main_e_ ul li:nth-child(3n){ float: right;margin-right: 0px;} 
    .main_e_ ul li:last-child{ float: right; margin-right: 0px;} 
    .main_e_ ul li div{  height:80px;  }
    .main_e_ ul li div img{ width: 80px; height: 80px;  } 
    .main_e_ ul li h5{font-size:0.9em; margin: 8px 0px 0px; padding: 0px 0px;} 


    .main_f{ margin: 30px 0px 30px;} 
    .main_f .tit{width:90%; }  
    .main_f .tit h5{font-size: 1.4em;} 
    .main_f .tit a{ margin-top:5px; font-size:1em;} 
    .main_f_{width:90%; margin: 20px auto 0px;} 
    .main_f_ ul{ margin-top: 20px;} 
    .main_f_ ul li{width: 32%; height:45px; margin-right: 2%;  padding:3px; } 
    .main_f_ ul li:nth-child(3n){float: right; margin-right: 0px;} 
    .main_f_ ul li:nth-child(8){float: left; margin-right: 2%;} 
    .main_f_ ul li:nth-child(16){float: left; margin-right: 2%;} 
    
    
    
    
    
    
    
    

    .con_local_{ width: 90%;  padding: 12px 0px; } 

    .con_news_tit{ width: 90%;  margin: 20px auto 0px; }
    .con_news_tit h3{  font-size: 1.5em;}


    .con_news_{ width: 90%; margin: 15px auto 20px; } 
    .con_news_ ul{} 
    .con_news_ ul li{ float: none;  width: 100%; height: auto; margin-right: 0; margin-bottom: 5%; }
    .con_news_ ul li:nth-child(3n){ float: none; margin-right: 0;} 

    .con_news_ ul li div.img-zoom-in{ height: 160px; } 
    .con_news_ ul li div.txt{ padding: 15px; background: #F2F2F2;} 
    .con_news_ ul li div.txt h2{  font-size: 1.2em;  margin-bottom: 5px;} 
    .con_news_ ul li div.txt p{ font-size: 0.9em; line-height: 150%; margin-bottom: 5px; color: #666666;} 
    .con_news_ ul li div.txt span{ font-size: 1em;} 

    .con_news_list{width:90%;margin: 20px auto 30px; background: none; padding: 12px 0px; } 
    .con_news_list h3{  font-size: 1.5em; } 
    .con_news_list ul{ margin-top: 20px;} 
    .con_news_list ul li:nth-child(5n){ padding-bottom: 12px; margin-bottom: 12px;} 
    .con_news_list ul li a{  padding: 8px 0px; font-size: 1.2em; line-height: 125%;} 
    .con_news_list ul li span{ margin-left: 10px; font-size: 1em; } 





    .con_news_m{padding:25px 0px; margin: 0px auto; width: 90%; background:none; } 
    .con_news_m_tit{ padding-bottom: 15px; } 
    .con_news_m_tit h1{ font-size: 1.6em; margin-top: 5px; margin-bottom: 5px; line-height: 125%;} 
    .con_news_m_tit p{ font-size:0.9em;} 
    .con_news_m_{  margin: 20px auto 0px;} 
    .con_news_m_ #MyContent p{ font-size: 1em; line-height: 155%; margin: 25px 0px; } 
    .con_news_m_ #MyContent img{ max-width: 100%;width: 100%;} 


    .con_news_more{ padding:15px 0px; margin:30px auto 0px;} 
    .con_news_more h5{ font-size: 1.5em; margin-bottom: 15px;} 
    .con_news_more ul li{ padding: 8px 0px;} 
    .con_news_more ul li a{ font-size: 1em; } 




 

    .con_contact_{ margin: 30px auto; width: 90%;}
    .con_contact_ .con_contact_info ul li:first-child{  padding: 20px; margin-bottom: 10px; }
    .con_contact_ .con_contact_info ul li:first-child h3{font-size: 1.5em;} 
    .con_contact_ .con_contact_info ul li:first-child p{font-size: 1.2em;  margin-top: 10px; } 

    .con_contact_ .con_contact_info ul li:nth-child(2){ float: none; width: 100%; padding: 20px 0px;} 
    .con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 60px;} 
    .con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 1.2em;  margin-top: 10px;} 
    .con_contact_ .con_contact_info ul li:last-child{ float: none;width: 100%; padding: 20px 0px; margin-top: 10px;} 
    .con_contact_ .con_contact_info ul li:last-child img{ width: 60px;} 
    .con_contact_ .con_contact_info ul li:last-child p{font-size: 1.2em;  margin-top: 10px;} 
    .con_contact_ .con_contact_map{  width:90%; margin: 20px auto 0px;} 
    #dituContent{width: 100%; height: 220px;} 



    .con_liuyan_{ margin: 30px auto; width: 90%;}
    .con_liuyan_ .con_liuyan_info ul li{  padding: 20px; margin-bottom: 10px;  }
    .con_liuyan_ .con_liuyan_info ul li h3{font-size: 1.4em;} 
    .con_liuyan_ .con_liuyan_info ul li p{font-size: 1em; margin-top:10px; } 


    .con_liuyan_input{margin: 20px auto; width: 90%; padding: 20px 0px; } 
    .con_liuyan_input p{ margin: 10px 0px;} 
    .con_liuyan_input p input{ padding: 10px; width: 100%;} 
    .con_liuyan_input p:last-child input{width: 100%;} 
    
    
    
    
    
    .con_cert{ padding: 30px 0px;}
    .con_cert .con_cert_tit{ width: 90%; padding: 20px 0px 20px; font-size: 1.8em; } 
    .con_cert .con_cert_{ width: 90%; }
    .con_cert .con_cert_ .fl{ float: none; width: 100%;padding: 20px 20px 80px 20px;} 
    .con_cert .con_cert_info{ width: 100%; padding: 20px; margin: 20px auto 0px; }
    .con_cert .con_cert_info h5{font-size: 1.2em; margin-top: 20px;} 
    .con_cert .con_cert_info p{font-size: 1em; margin-top: 10px; line-height: 150%;} 
    .con_cert .con_cert_ h5{ font-size: 1.2em; margin-bottom: 10px;} 
    .con_cert .con_cert_ .i1{  } 
    .con_cert .con_cert_ .i2{ font-size: 1em;} 
    .form-container{ } 
    .con_cert .con_cert_con{  width: 90%; padding-bottom: 20px;} 
    .con_cert .con_cert_con h2{ font-size:1.2em; margin-bottom: 0px;} 
    .con_cert .con_cert_con p{ font-size: 1.5em; margin-bottom: 20px; line-height: 150%;} 
    .con_cert .con_cert_con img{ width: 280px; height: 396px;}  
    
    
    
    
    
    
    
    
    
    
    
    /*css black2 style pagination*/
    div.black2 a{padding:2px 6px; }
    div.black2 a.curr{padding:2px 6px; } 






    .bottom{  height: auto;  padding:30px 0px;  background-size: cover;} 
    .bottom_{ width:90%; } 

    .bottom_l{ float: none; width: 100%;} 
    .bottom_l h3{ color: #FFFFFF; font-size:1.3em;} 
    .bottom_l ul{ margin-top: 15px;} 
    .bottom_l ul li{float:left; margin-right:10px; margin-bottom: 5px;} 
    .bottom_l ul li a{font-size: 0.9em;} 

    .bottom_c{ float: none; width: 100%; margin-left:0; margin-top: 10px;} 

    .bottom_txt{  font-size: 1em; } 
    .bottom_txt a{font-size: 1em;} 
    .bottom_info{ font-size: 1em;  margin-top: 5px;} 
    .bottom_info a{font-size: 1em;} 

    .bottom_r{ float: none; width: 100%; text-align: center; margin-top:20px;} 
    .bottom_r h5{ font-size: 1em;  margin-bottom:10px;} 
    .bottom_r img{ width: 120px;} 
    
    
    
}