*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: "Helvetica Neue",Helvetica,Arial,Microsoft Yahei,sans-serif;outline: none;}
a{text-decoration: none; }
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; }
img{ max-width:100%;}
.width1300{ max-width: 1380px; margin: 0 auto;}
.font_15{ font-size: 15px;}
.font_22{ font-size: 22px;}
.kong_99{ width: 100%; height: 89px;}
.wap_none,.pc_none{ display: none;}
.pc_block{ display: block}

/*====顶部信息====*/

.header.fixed .logo {padding:12.5px 0;}
.header.fixed .menu_box li{line-height: 80px;}
.header.fixed .header_right{ line-height: 74px;}
.index .blank {display:none;}
.index .header {background:transparent;background:#944506;  border-bottom-color:rgba(255,255,255,.3);}
.index .menu_box li a {color:#fff;}
.header.fixed {background:#944506; transition:background .3s;}
.index .headeradd .language_box,.index .headeradd .search_box{color:#454545;}
.index .language_box,.index .search_box{ color: #fff;}

.index .fixed .language_box,.index .fixed .search_box,.index .fixed .wap_menuicon{color:#454545;}
/*.index .header.headeradd {background:rgba(0,0,0,0.5); }*/
.header {background: rgba(0,0,0,0);width:100%;position:fixed;left:0;top:0;z-index: 9;}
.logo_box {float: left;transition: all .3s; margin-left: 75px; margin-top: 8px}
.logo_box img{transition: all .3s; width: 250px;}
.menu_box{  float:right; margin-right: 60px }
.menu_box li{ float:left;line-height:80px; transition: all .3s; position: relative;  }
.menu_box li:hover{ color: #fff; /*background: #cd0708*/}
.menu_box li a{ font-size:16px; text-align:center;padding: 0 20px;  display:block;text-transform: Uppercase; color:#fff; font-weight: 700;}
.menu_box li a i{ width: 0%; height: 1px; background: #fff; display: block; position: absolute; top: 25%; left:50%; margin-left: -0%; 
  opacity:0;  transition: all .3s;}
.menu_box li .menu_links{color: #fff;}
.menu_box li .menu_links i{opacity:1; top: 25%; width: 30%; margin-left: -15%;}
.menu_box li:hover i{opacity:1;  top: 25%; width: 30%; margin-left: -15%; transition: all .5s;}
.menu_box li a:hover{ color: #fff;}
.menu_box li a .i_2{ width: 0%; height: 1px; background: #fff; display: block; position: absolute; top: inherit; bottom: 25%; left:50%; 
  margin-left: -0%; 
  opacity:1;  transition: all .5s;}
.menu_box li .menu_links .i_2{opacity:1; top: inherit; bottom: 25%; width: 30%; margin-left: -15%;}
.menu_box li:hover .i_2{opacity:1;  top: inherit;bottom: 25%; width: 30%; margin-left: -15%; transition: all .5s;}

.yyy span{ width: auto !important; font-size: 16px !important; color: #fff !important; }

.maxbox{perspective: 200px; width: 100%; position: absolute; left: 0px;transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;  }
.menu_class{ width: 200px; height: auto; /*overflow: hidden;*/ position: absolute; border-top: rgba(0,0,0,0.1) solid 1px; left:-40px; top: 0px; 
 transform: rotateX(-120deg);
 z-index: 99;visibility: hidden;transform-origin: 0 0;box-shadow: 1px 1px 8px #e3e3e3;
 backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 transition: all .5s;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition-timing-function: cubic-bezier(.08, .72, .71, .96);
 -webkit-transition-timing-function: cubic-bezier(.08, .72, .71, .96);
  background: #fff;}
.minclass{ max-width: 1400px; text-align: center; margin: 0 auto; }
.minclass dt{ display:block;  position: relative;}
.minclass dt a{ font-size: 16px; line-height: 20px; color: #666; text-transform: inherit; display: block; padding-top: 10px; padding-bottom: 10px; font-weight: normal; }
.minclass dt a:hover{ color: #ff4751 !important;}
.menu_box li:hover .menu_class{ transform: rotateX(0deg);z-index: 15;visibility: visible;}
.menu_icon{ width:30px; height:55px; position:absolute; right:20px; top:0px; display:none; }
.menu_icon img{ vertical-align:middle; position:relative; top:12px;}
.wap_menu_box{ width:100%; height:auto; overflow:hidden; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; 
  border-top: #eee solid 1px; position: fixed; background: #fff; z-index: 99; left:0px; top: 52px; 
 transform: rotateX(-120deg);
  box-shadow: 2px 2px 4px #e3e3e3;visibility: hidden;transform-origin: 0 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  transition-timing-function: cubic-bezier(.08, .72, .71, .96);
  -webkit-transition-timing-function: cubic-bezier(.08, .72, .71, .96);}
.wap_menu_box li{ height:50px; line-height:50px; width:33.333%; float: left; position:relative; transition: all .1s;}
.wap_menu_box li a{ font-size:14px; text-align: left; font-weight: bold; display:block;z-index: 15; color:#282828; }
.wapbox1{top: 55px;transition: all 0.5s ease; box-shadow: 2px 2px 4px #e3e3e3;padding-bottom: 10px;}
.kong_125{ width:100%; height:125px;}
.wap_menu_box li .wap_link{ background:#dbb02e; color:#fff; }
.wap_menuicon{ padding: 0 10px; display: none; position: relative; float: left;font-size: 18px !important; color: #ababab;
-webkit-perspective: 200px;transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
 .menu_blc{ transform: rotateX(0deg);z-index: 15;visibility: visible; display: block;}
.wap_menu_bg{ width: 100%; height: 100%; position: fixed; top: 0; z-index: 8; background: rgba(0,0,0,0.5); display: none;}
.wap_cols{  font-size: 18px !important; display: none;     color: #fff; }
.wap_open{ font-size: 18px !important; color: #fff;  }
.header_right{ float: right; line-height: 86px; margin-right: 20px;}
.search_box{padding: 0 20px;  text-align: center;
cursor: pointer; position: relative; font-size: 22px !important; color: #ababab; float: left;transition: all .3s;}
.search_content{ width: 660px; height: 60px; padding: 6px; display: none; z-index: 99; margin-left: -330px;
 background: #fff; position: fixed; left:50%; margin-top: 10px; border:#eee solid 1px;
  }
.seac_cols{ height: 47px; line-height: 47px; text-align: center; }
.search_box::before{ color: #fff; font-size: 20px;}
.search_input{ width: 500px; height: 47px; font-size: 16PX; padding-left: 5px; 
  background: #f1f1f1; float: left; transition: all .1s; border: none;  outline: none;}
.search_buttom{ width: 85px; height:47px ; line-height: 47px; float: left; color:#fff; font-size: 16px; background: #ff4751; border: none; outline: none; cursor: pointer;transition: all .1s; }
.search_wap{transform: rotateX(0deg);z-index: 15;visibility: visible;}
.wap_searchbox{ position: absolute; z-index: 999;left: 0; height: 99px; width: 100%; top: 0;}
.msanji{ width: 160px; height: auto ; display: none; padding: 0 10px; overflow: hidden; position: absolute; left: 200px; top: -1px; background: #eee }
.msanji a{ color: #666 !important }
.minclass dt:hover .msanji{ display: block; }
.minclass dt:hover a{ background: #eee; color: #ff4751 }

/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;padding: 80px 60px;background: linear-gradient(0deg,rgb(219 111 37), rgb(148 69 6));}
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;border-radius: 25px;}
.banner_box .swiper-slide{ overflow: hidden;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 30px !important;left: 0;width: 100%; text-align:center; position: absolute; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block; margin: 0 15px;border-radius: 100px;background: #fff ;
opacity:1 !important;transition: all .3s;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#ff4751;transition: all .3s;border-radius: 100px;}
.banner_box .swiper-pagination-bullet-active::before{ width: 16px; height: 16px;transition: all .3s; outline: none; border-radius: 100px; position: relative; 
top: -5px; left: -5px; border:#ff4751 solid 2px; content: ""; display: block;animation: kamani 7s infinite; }
.wap_bann{ display:none;}
@keyframes kamani{
  0%{ transform: scale(.4); }
  50%{ transform: scale(1.2); }
  100%{ transform: scale(.4); }
}

/*  home products  */
.home_pro{ max-width: 1380px; margin: 4% auto 2%; overflow: hidden;}
.home_prowidth{max-width: 1600px; margin: 4% auto 2%; overflow: hidden;}
.zzsc{ width:100%; height:auto; }
.zzsc .tab{ overflow:hidden; margin-bottom: 4%}
.zzsc .tab a{ display:block; width: 50%; height: 80px; position: relative;line-height: 80px; float:left; text-align: center;
 font-size: 24px; text-decoration:none;
 color:#777777;}
.zzsc .tab a i{ width: 100%; height: 4px; background: #fafafa; display: block;  position: absolute; bottom: 0;}
.zzsc .tab a:hover{ background:#fafafa; color:#ff4751; text-decoration:none;}
.zzsc .tab a.on{ background:#fafafa; color:#ff4751; text-decoration:none;}
.zzsc .tab .on i{ opacity: 1;background: #ff4751;}
.zzsc .content{ overflow:hidden;}
.zzsc .content dd{ display:none;}
.home_prolist{width: 100%; height: auto; overflow: hidden;}
.home_prolist li{ width:31.4%; float: left; border: #e4e4e4 solid 1px; margin: 0 2.9% 3% 0; color: #666;}
.home_prolist li:nth-of-type(3n){margin-right: 0;}
.home_prolist li p{ color:#333; height: 60px; line-height: 20px; font-size: 16px; font-weight: bold; display: table-cell;
    vertical-align: middle; padding:0 20px; text-align: center;}
.home_proimg{ height: auto; overflow: hidden; text-align: center; position: relative;}
.home_prolist li:hover img{transition: all .5s ease;transform:scale(1.1);}
.home_proimg img{transition: all .5s ease; vertical-align: middle; width: 100%;}
.home_probg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 6;transition: all .3s;}
.home_probg span{ color:#fff ; font-size: 60px; position: absolute; top: -240%; margin-left: -30px; left: 50%;transition: all .3s; }
.home_prolist li:hover .home_probg span{ top:40%;transition: all .3s; }
.home_prolist li:hover .home_probg{background: rgba(0,0,0,0.5);transition: all .3s;}
.classpro li{ width: 49%; float: left; }
.classpro li:nth-of-type(even){   float: right; margin-right: 0}


.home_services{ width: 100%; height: auto; overflow: hidden; margin-bottom: 60px; }
.home_services li{ width: 32%; float: left; height: 400px; margin-bottom: 1.8%; background:#133660;  border-radius:5px; overflow: hidden; margin-right: 1.8%; 
  position: relative; text-align: center;}
.home_services li:nth-of-type(3n){margin-right: 0;}
.home_services li h2{  margin-top: 10px;  width: 100%;  text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px; color: #fff;
 font-size: 28px; font-weight: bold; position: relative;z-index: 7;  }
.home_services li dt{ color: #fff; font-size: 18px; position: relative;z-index: 7 ;width: 120px;  margin: 0 auto}
.home_services li dt a{ color: #fff; z-index: 7; padding-top:8px;   padding-bottom: 8px; display: block; width: 100%;
  transition: all .5s ease; border-radius: 5px; border:#fff solid 1px; }
.home_services li dt a:hover{transition: all .5s ease; color: #ff4751; background: #fff}
.home_services li img{ position: relative; z-index: 7; width: 86px; margin-top: 40px}
.home_services li p{ width: 80%; margin: 0 auto; height: 60px; overflow: hidden; line-height: 30px; text-align: center; color: #fff; 
  font-size: 16px; margin-bottom: 40px; }
.home_services li:nth-child(2){ background: #ff4751}
.home_services li:nth-child(3){ background: #e8d5b7}
.home_services li:nth-child(4){ background: #f9b248}
.home_services li:nth-child(5){ background:#2e99b0}
.home_services li:nth-child(6){ background:#0e2431}

/*  home about  */
.home_about_bg{width: 100%; height: auto; overflow: hidden; padding-top: 5%; background: url("../images/about_bg.jpg");background-size: cover !important;background-position: 50% !important; position: relative;}
.home_about_left{width: 60%; height:auto; float: right; overflow: hidden; margin-bottom: 5%;}
.zzsc2{ width:100%; height:auto; }
.zzsc2 .tab2{ overflow:hidden; margin-bottom: 4%}
.zzsc2 .tab2 a{ display:block; width: 20%; font-size: 16px;  position: relative; float:left;text-decoration:none; color:#fff;}
.zzsc2 .tab2 a:hover{ color:#ff4751; text-decoration:none;}
.zzsc2 .tab2 a.on2{ color:#ff4751; text-decoration:none;}
.zzsc2 .content2{ overflow:hidden;}
.zzsc2 .content2 dd{ display:none;width:100%; height: auto; line-height: 2em; margin-top: 5%; margin-bottom: 5%; color: #fff; 
  font-size: 16px}
.tab2_icon{width:97px; height: 97px; overflow: hidden}
.zzsc2 .tab2 a p{ width:97px; text-align: center; padding-top: 20px;}
.zzsc2 .tab2 .on2 .tab2_icon img{-webkit-transform: translateY(-97px);filter: drop-shadow(#ff4751 0 97px);}
.home_about_right{ width:30%; text-align: center;height: 100%; position: absolute; left: 8%; top: 10%;  z-index: 6;}
.home_about_right span{color:#fff; font-size: 40px; margin-top: 15%; margin-bottom: 3%; display: block}
.home_about_more{ color:#fff; font-size: 18px;  width: 140px; height: 36px; line-height: 36px; 
  text-align: center; margin-bottom: 5%;}
.home_about_more a{ color:#fff; display: block;background: #ff4751; border:#ff4751 solid 1px;transition: all .5s ease;}
.home_about_more a:hover{color:#fff; border:#fff solid 1px; background: none;transition: all .5s ease;}
.home_about_img{ color: #fff; font-size: 48px; font-weight: bold; }
.home_about_line{ width: 60px; height: 4px; background: #ff4751; margin-top: 15px; }
.home_cases{ margin-top: 50px; }
.home_cases_bg{ width: 100%; height: 600px; text-align: center; }
.home_cases_bg h2{ color: #ff4751; font-size: 50px; font-weight: bold; text-align: center; padding-top: 5%; margin-bottom: 30px; }
.home_cases_bg p{ color: #fff; font-size: 20px; width: 60%; line-height: 1.75em; margin: 0 auto }
.home_zix{ width: 140px; height: 44px; line-height: 44px; margin: 0 auto; margin-top: 20px; }
.home_zix a{ display: block; background: #ff4751;border:#ff4751 solid 2px; color: #fff; font-size: 18px;transition: all .5s ease; }
.home_zix a:hover{ background: none; border:#fff solid 2px; color: #fff ;transition: all .5s ease;}

/*  New & Events  */

.home_news h2{ text-align: center; font-size: 48px; font-weight: bold; color: #454545; text-transform: Uppercase;}

.home_news .h_p{ background: #ff4751; height: 4px; width: 60px; margin:0 auto; margin-top: 15px; }

.home_news_list{ width: 100%; height: auto; overflow: hidden; margin-top: 3%; }

.home_news_list li{ width: 100%; background: #f5f5f5; transition: all .5s ease; height: auto; overflow: hidden; 

  position: relative;  margin-bottom: 30px; }

.home_news_list li:hover{ background: #ff4751;transition: all .5s ease; }

.home_news_list li:hover .home_news_title{ color: #fff }

.home_news_list li:hover .home_mshu{ color: #fff }

.home_news_list li:hover .home_times{ color: #fff }

.home_news_list li:hover .home_jt span{ color: #fff }

.home_news_list li img{ width: 100%;}

.home_news_img{ width: 25%; float: left; }

.home_news_content{ width: 70%; height: auto; float:right;}

.home_news_time{ width: 20%; height: auto; overflow: hidden; font-size: 22px; color:#ff4751; text-align: center; float: left;}

.home_news_time span{ display: block; font-size: 26px; font-weight: bold; margin-top: 60px; margin-bottom: 3px;}

.home_news_time .time_p{ margin-top: -5px;font-size: 18px; color:#ff4751;}

.home_news_title{  line-height: 1.45em; font-size: 24px; margin-top: 47px; color:#454545;display: -webkit-box; overflow:hidden;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}

.home_n_le{ width: 85%; float: left;}

.home_times{ color: #ff4751; font-size: 16px; margin-top: 20px; }

.home_jt{ position: absolute; right: 30px; top: 45%; }

.home_jt span{ font-size: 28px; color: #999 }

.news_more{ width: 140px; height: 46px; line-height: 46px;  margin: 0 auto;  text-align: center; margin-bottom: 50px; }

.news_more a{ display:block; border:#ddd solid 1px; font-size: 16px;}

.news_more a:hover{ background: #ff4751; color: #fff; border:#ff4751 solid 1px;}

.home_mshu{ margin-top:15px; font-size: 16px; height: 90px; color: #848282; line-height: 30px; }

/*  footer  */ 

.home_con{ text-align: center; width: 100% ; height: auto; overflow: hidden; margin-bottom: 50px;}
.home_con h2{ font-size: 70px; font-weight: bold; }
.home_con h3{ font-size: 26px; margin-top: 30px; margin-bottom: 40px;letter-spacing: 22px; text-indent: 22px }
.home_con img{ width: 60px ;}
.footer{ width: 100%; height: auto; overflow: hidden; background:#0d223d; background-size: cover !important;

background-position: 50% !important; }

.footer_logo{ float: left;}

.footer_address{ width: 36%; float: left; margin-left: 2%; color: #fff; }

.footer_address h2 span,.footer_follow h2 span{ color: #ff4751}

.footer_address ul{ margin-top: 20px;}

.footer_address li span{ color:#fff; padding-right: 10px; font-size: 20px;}

.footer_address li:nth-of-type(3n) span{ font-size: 16px;}
.footer_wxwz{ width: 100%;font-size: 14px; color: #fff;  margin-top: 15px; }
.footer_address li{ color:#bfbfbf; margin-bottom: 15px; font-size: 16px;}
.footer_address li img{ float: left; width: 110px; margin-right: 25px;  }
.footer_top{ margin-bottom: 20px; font-size: 20px }
.footer_menu{ width: 33%; float: left; margin-bottom: 30px; }
.footer_menu li{ width: 33.333%; float: left; color: #fff; }
.footer_menu li dl{ font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 15px; }

.footer_menu li dl a{ color: #bfbfbf;  }
.footer_menu li dt a:hover{ color: #fff; text-decoration: underline; } 
.footer_top h2{color: #fff; font-weight: bold;}
.footer_top span{color:#ff4751;font-weight: bold;}
.footer_x{ float: left; width: 60% }
.footer_x_le{ width: 22%; float: left; }

.shibox{ width: 330px; margin: 0 auto }


.footer_follow{ color:#fff; width: 28%; float: right;}
.footer_follow a{ float: left;width: 40%; height: 40px; display: block; color: #fff; text-align: center; 
  font-size: 18px; line-height: 40px; border-radius:2px; background: #ff4751; border:#ff4751 solid 1px; margin-right: 5%; }
.footer_follow a:hover{ color: #fff }
.footer_follow a span{ color:#fff; font-size: 36px;  margin-right: 5px;}
.foote_tel{ font-size: 24px; margin-top: 25px; }
.foote_tel span{ font-size: 28px; padding-right:5px; }
.footer_follow a span:hover{ color:#ff4751}


.footer_copy{ padding-top: 20px; text-align: center; color:#bfbfbf; border-top:rgba(138,148,180,0.5) solid 1px;  }

.footer_copy a{color:#bfbfbf;}

.footer .home_pro{ margin-top: 1%; margin-bottom: 1%; }

.footer_logo img{ width: 100px; margin-top: 20px; }

.ny_bann{ width: 100%; height: auto;  position: relative;background-size: cover !important;background-position: 50% !important;padding-top: 80px;background: linear-gradient(0deg,rgba(20,55,97,.9), rgba(255,71,81,0.9));}
.ny_bann_cen{ border-radius:0px; overflow: hidden; background-size: cover !important;
    background-position: 50% !important; }
.ny_bann_text{ text-align: center; color: #fff; position: absolute; top: 30%; width: 100%;}

.ny_bann_text h2{ font-size: 50px; text-transform: Uppercase;}

.ny_bann_text i{ width: 150px; height: 3px; background: #ff4751; display: block ; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

.ny_bann_text .font_14{ font-size: 14px !important;}

.ny_bann_text  span{ padding-left: 5px; padding-right: 5px;}

.ny_bann_text p{ font-size: 18px;}

.cbgcen_left{ width: 35%; height: auto; overflow: hidden; float: left; position: relative;}

.cbgcen_left2{ width: 100%; height: 430px; overflow: hidden;  position: relative;}

.cbgcen_right{ width: 100%; height: auto; overflow: hidden;  margin-bottom: 5%; }

.culture_thumb{ padding: 10px !important; padding-left: 0px !important; padding-right: 0 !important;}

.cbgcen_left2 .swiper-slide a{ display: block; width: 100%; height: 100%; position: absolute; top: 0;}

.cbgcen_left2 .swiper-slide {background-size: cover;background-position: center; position: relative;}

.gallery-top { height: 75%;width: 100%;}

.cbgcen_left2 .gallery-thumbs {height: 25%;box-sizing: border-box;padding: 10px 0; }

.cbgcen_left2 .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.7;}

.cbgcen_left2 .swiper-slide-thumb-active{opacity: 1 !important;}

.galculture-button-next{ position: absolute;right: 0px;z-index: 6; text-align: center; cursor: pointer; outline: none; 

 width: 26px !important;height: 50px!important;

 background:rgba(0,0,0,0.3);border:rgba(0,0,0,0.1) solid 1px;transition: all .3s;line-height: 50px; top: 82% !important;color: #fff;

  opacity: 1;transition: all .3s ease;}

.galculture-button-prev{ position: absolute;left: 0px;z-index: 6; text-align: center; cursor: pointer;  

outline: none;  width: 26px;height: 50px;line-height: 50px;background:rgba(0,0,0,0.3);border:rgba(0,0,0,0.1) solid 1px;transition: all .3s;top: 82%;color: #fff; opacity: 1;

transition: all .3s ease;}

.cbgcen_left2 span{ font-size: 20px;}

.cbgcen_left2:hover .galculture-button-next,.cbgcen_left2:hover .galculture-button-prev{ opacity: 1;transition: all .3s ease;}

.cbgcen_left2 .swiper-button-disabled{ color:rgba(255,255,255,1); border: #ddd solid 1px; color: #999;  background:rgba(255,255,255,0.5); cursor: not-allowed}

.cbgcen_right h2{ font-size: 24px; color: #ff4751; margin-bottom: 5%;}

.show_progat{ font-weight: bold; font-size: 24px; margin-bottom: 15px;}

.show_protext{ margin-bottom: 4%; font-size: 16px; color: #6f6f6f; line-height: 1.75em;}

.pro_details{ width: 100%; padding-bottom: 20px; border-bottom: #ddd solid 1px; margin-bottom: 40px; font-size: 24px; font-weight: bold;}

.show_protext table{border-collapse: collapse;border: none;width: 100%;}

.show_protext table  tr{margin-bottom: 8px;height: auto;overflow: hidden;}

.show_protext table  td { border: solid #ddd 1px;  width: 22%;   font-size: 16px; color: #666; text-align: center; 

padding-top: 6px; padding-bottom: 6px;} 

.show_tabbg td{ background: #ff4751 !important; color: #fff !important; font-size: 22px !important;}

.show_projsu{ margin-top: 30px;}

.prohotbox .swiper-slide {border: #e4e4e4  solid 1px;}

.prohotbox .swiper-slide p{ height: 50px; line-height: 20px; color: #333; font-size: 16px; padding-left: 20px;

  overflow:hidden; display: table-cell;vertical-align:middle;}

.honor_imglist{ margin-top: 40px;}

.honor_imgcen{ margin-bottom: 40px;}

.prohotbox .swiper-slide:hover{ border: #333 solid 1px;}

.hit_left{ width: 20%; height: auto; overflow: hidden; float: left; border: #e6e5e5 solid 1px;}

.hit_left li a{ display: block; padding: 20px 0 20px 20px; font-size: 20px; border-bottom: #e6e5e5 solid 1px; color: #999; position: relative;}

.hit_left li a:before{ width:3px; height: 100%;  position: absolute; left: 0px; top: 0px; background: #ff4751; content: ""; opacity: 0;}

.hit_left li:hover a:before{ opacity: 1;}

.hit_left li a:hover{ background: #eeeeee; color: #ff4751;}

.hit_left li .hit_act{background: #eeeeee; color: #ff4751;}

.hit_left li .hit_act:before{ opacity: 1;}

.home_prolist2{ width: 77%; float: right;}

.home_prolist2 li{ width:32%; float: left; border: #e4e4e4 solid 1px; margin:0 2% 2% 0; color: #666;}
.home_prolist li p{ position: relative; z-index: 8;transition: all .5s; }
.home_prolist2 li:nth-of-type(3n){margin-right: 0;}
.home_prolist li:hover .hit_text{ /*background: #ff4751; color:#fff;*/ }
.home_prolist li:hover .hit_text p{ color: #fff }
.home_prolist2 li p{ color:#333; height: 60px; line-height: 20px; text-align: center; font-size: 16px;  padding:0 20px;display: table-cell;vertical-align:middle;}
.hit_bo{ width: 100%; height: 60px; background: #ff4751; left: 0; position: absolute; top: -70px;transition: all .5s; z-index: 6 }
.home_prolist li:hover .hit_bo{ top: 0 ;transition: all .5s;}
.home_prolist2 .home_proimg{ height: auto; overflow: hidden; position: relative;}

.home_prolist2 .home_prolist li:hover img{transition: all .5s ease;transform:scale(1.1);}

.home_prolist2 .home_proimg img{transition: all .5s ease; vertical-align: middle; width: 100%;}

.home_prolist2 .home_probg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 6;transition: all .3s;}

.home_prolist2 .home_probg span{ color:#ff4751 ; font-size: 60px; position: absolute; top: -240%; margin-left: -30px; left: 50%;transition: all .3s; }

.home_prolist2 li:hover .home_probg span{ top:40%;transition: all .3s; }

.home_prolist2 li:hover .home_probg{background: rgba(0,0,0,0.5);transition: all .3s;}

.hit_text{display: table; width: 100%; overflow: hidden;    background: #f1f1f1; position: relative;}

.promenub{ height: 50px; line-height: 50px; border: #ddd solid 1px; padding-left: 20px; display: none; font-weight: bold;text-transform: Uppercase; position: relative;}

.promenub span{ position: absolute; right: 20px;}

.td_30,.td_15{ width: 50% !important;}

.about_text{ width: 50%; float: left; font-size: 18px; line-height: 1.65em; color: #454545; margin-bottom: 50px; margin-top: 20px;}
.about_list{ width: 100%; height: auto; overflow: hidden; }
.about_list li{ width: 48.8%;  text-align: center;float: left; margin-right: 2%; margin-bottom: 2%; position: relative; }
.about_list li:nth-of-type(2n){margin-right: 0;}
.about_list li p{ position: absolute; width: 100% ;letter-spacing: 8px; text-indent: 8px; text-align: center; color: #fff; font-size: 80px; top: 30%; z-index: 7 }
.about_list li:before{ width: 100%; height: 100%; position: absolute; top:0; content: ""; display: block; background: rgba(0,0,0,0.2); z-index: 6}
.about_tel{ width: 100% ; height: 80px; line-height: 80px;letter-spacing: 8px; text-indent: 8px; margin-bottom: 60px; font-size: 36px; text-align: center; color: #fff; font-weight: bold; background: #454545}
.about_tel span{ font-size: 36px; padding-right:8px; }
.about_img{ width: 45%; float: right; margin-top: 20px;}

.home_about_bg .swiper-slide-thumb-active img{-webkit-transform: translateY(-97px);filter: drop-shadow(#ff4751 0 97px);}

.home_about_bg .swiper-slide-thumb-active p{ color: #ff4751;}

.home_about_bg .cbgcen_left2{ width: 100%; color: #fff; height: auto; padding: 0 15%; text-align: center; line-height: 1.75em; font-size: 18px; margin-bottom: 5%;}

.home_about_bg .galculture-button-prev,.galculture-button-next{ width: 100px; height: 100px;   top: 40%;}

.home_about_bg .cbgcen_left2 .tab2_icon{ margin: 0 auto; text-align: center; margin-bottom: 20px;}

.home_about_bg .cbgcen_left2 span{ font-size: 80px;}

.home_about_bg .cbgcen_left2 p{ text-align: center;}

.home_about_bg .about_m{ margin-bottom: 90px;}

.about_contex{ line-height: 1.95em;}

.about_contex h2{ margin-bottom: 40px; font-size: 30px;}

.home_about_bg .cbgcen_left2 .swiper-button-disabled{ background: none; border: none;}

.dvta{ line-height: 1.75em; font-size: 18px }
.dvta img{ margin-bottom: 10px;margin-top: 10px; margin-left: 2px }
.dvta table 

{ 

border-collapse: collapse; 

border: none; 

} 

.dvta td 

{ 

 padding-left: 15px; border:#000 solid 1px; font-size: 14px !important; padding-top: 3px; padding-bottom: 3px;

} 

.dvta td  span

{ 

 font-size: 14px !important;

} 



.retujian .home_probg span{ font-size: 30px; margin-left: -15px }

.i_1{ width: 30px; height: 1px; background: #fff; display: block; position: absolute; left: -100%; top: 50%; transition: all .3s;}

.i_2{ width: 1px; height: 30px; background: #fff; display: block; position: absolute; top: -100% ;transition: all .3s;}

.home_prolist2 li:hover .i_1{ left: 50%; margin-left: -15px; transition: all .3s; }

.home_prolist2 li:hover .i_2{ top: 45%; left: 50%; transition: all .3s; }

.home_prolist li:hover .i_1{ left: 50%; margin-left: -15px; transition: all .3s; }

.home_prolist li:hover .i_2{ top: 45%; left: 50%; transition: all .3s; }



.retujian li:hover .i_1{ left: 50%; margin-left: -15px; transition: all .3s; }

.retujian li:hover .i_2{ top: 38%; left: 50%; transition: all .3s; }

.retujian p{ height: 40px !important; padding:0 10px !important; margin-top: 5px; margin-bottom: 5px; line-height: 20px !important; display: -webkit-box !important; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-wrap: break-word;}



.prm{ margin-top: 30px; }

.news_list{ width: 100%; height: auto; overflow: hidden;}

.news_list li{ width: 31.4%; height: auto; overflow: hidden; float: left; margin: 0 2.8% 2% 0; border: #e4e4e4 solid 1px; margin-bottom: 25px;}

.news_list li:nth-of-type(3n){margin-right: 0;}

.news_img{ width: 100%;  overflow: hidden; position: relative;}

.news_img img{ vertical-align: middle;transition: all .5s;}

.news_list_right{ width: 100%; }

.news_tac{display: table; height: 60px; overflow: hidden;}

.news_list_right h2{ color: #454545; font-size: 18px;

 padding: 0 20px; height: 50px; line-height: 25px; overflow: hidden;

 margin-top: 15px; margin-bottom: 10px;transition: all .3s; 

}

.news_list_right p{ line-height: 1.75em; color: #888888; font-size: 16px; margin-bottom: 30px;}

.news_list_time{ float: left; font-size: 16px; color: #999;padding-left:20px; }

.news_list_more{ width: 50px; height: 34px;  text-align: center;  float: right; 

  color: #ff4751; font-size: 16px;transition: all .3s;}

.news_list li:hover h2{ color: #ff4751;transition: all .3s;}

.news_list li:hover .news_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all .5s;}

.news_list li:hover .home_probg span{ top: 35%;}

.n_bor{ width: 100%; height: 1px; background: #ddd; margin-bottom: 15px; }

.news_list li:hover{ background: #f5f5f5 }

.show_n h2{ text-align: center; font-size: 26px; color: #ff4751; width: 100%; padding-top:12px; padding-bottom: 12px; background: #f5f5f5;}

.show_news_time{ width: 100%; text-align: center; display: block; margin-top: 10px; font-size: 20px; color: #999;}

.show_news_content{ line-height: 1.75em; font-size: 16px; color: #454545; margin-top: 5%; margin-bottom: 50px;}



.d_1{ width: 40% !important; font-weight: normal; font-size: 16px !important;}

.d_2{ width: 30% !important; font-weight: normal; font-size: 16px !important;}

.d_3{ width: 15% !important; font-weight: normal; font-size: 16px !important;}

.d_4{ width: 15% !important; font-weight: normal; font-size: 16px !important; color: #666}

.d_4 span{ font-size: 24px !important; color: #666}

.d_4 span:hover{ color: #ff4751;}

.contact_list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5%; margin-top: 7%; padding-left: 1px;}

.contact_list li{ width: 33.333%; height:300px; border: #e4e4e4 solid 1px; float: left; text-align: center; margin-left: -1px;}

.contact_list li img{ margin-top: 40px; margin-bottom: 30px;}

.contact_list li p{ width: 76%; margin: 0 auto; font-size: 18px; color: #666; line-height: 1.65em;}
.conbox{ width: 100%; height: 600px; border:#e4e4e4 solid 1px; margin-bottom: 40px; position: relative; }
.conbox img{ max-width:none;}

.menu_list{width:100%; margin-top:-4px;background:#fff}

.menu_head{width:100%;height:50px; line-height:50px;font-size:14px;color:#252525;cursor:pointer;border:1px solid #e8e8e8; border-left: none; border-right: none;  

border-top:none;position:relative; background:#fff url(../images/left_h1.png) 92% no-repeat;margin:0;}

.menu_head a{ display:block;padding-left:20px; color: #333; font-size: 16px;}

.menu_head:hover a{ color: #1d2c5c;}

.menu_head:hover{background: #ccd3d9;color: #1d2c5c;}



.menu_list .current{background: #ccd3d9;color: #1d2c5c;}

.menu_list .current a{  color: #1d2c5c;}

.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;}

.menu_body a{display:block;width:100%;height:38px;line-height:38px;padding-left:30px;color:#777777;background:#f1f1f1;

text-decoration:none;border-bottom:1px solid #e1e1e1; font-size: 14px;}

.menu_body a:hover{text-decoration:none;color:#000;}

.menu_body .menu_body_links{color:#000;}



.menu_list .current:before {width: 3px;height: 100%;position: absolute;left: 0px;top: 0px;background: #ff4751;content: "";opacity: 0;}

.menu_list .current:before {opacity: 1;}

.menu_body a:hover {

    text-decoration: none;

    color: #000;

}



/*右侧栏目小插件css*/

.side{position:fixed;width:44px;height:179px;right:0;bottom:20%; margin-top:-90px; z-index:100;}

.side ul li{ width:44px;height:44px;float:left;position:relative;border-bottom:1px solid #444; list-style: none;}

.side ul li .sidebox{position:absolute;width:44px;height:44px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff; line-height: 44px; overflow:hidden;}

.side ul li .sidetop{width:44px;height:44px;line-height:44px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ff4751;opacity:1;filter:Alpha(opacity=100);}

.side ul li span{float:left; width: 44px; text-align: center; font-size: 20px; color: #fff;}

.side ul li:nth-child(1) span{ font-size: 26px;}

.side ul li:nth-child(2) span{ font-size: 26px;}
.message_bg{ width: 100%; height: 100%; position: fixed; top: 0px; background: rgba(0,0,0,0.5); z-index: 9; display: none; }
.message_box{ width: 600px; height: 500px; position: fixed; top: 25%; left: 50%; margin-left: -300px; background: #fff; z-index: 66;

box-shadow: 1px 1px 14px #808080;}

.message_box h2{ height: 70px; line-height: 70px; position: relative; background: #e6e6e6; padding-left: 30px; font-weight: normal;}

.mess_p{ padding: 30px; height: auto; overflow: hidden;}

.mess_p p{ margin-bottom: 30px; color: #666;}

.me_input{ width: 100%; height: 42px; line-height: 42px; padding-left: 20px; border: #ddd solid 1px; background: none; margin-bottom: 15px;}

.me_input2{ width: 49%; float: left; height: 42px; line-height: 42px; padding-left: 20px; border: #ddd solid 1px; background: none; margin-bottom: 15px;}

.me_input3{ width: 49%; float: right; height: 42px; line-height: 42px; padding-left: 20px; border: #ddd solid 1px; background: none; margin-bottom: 15px;}

.me_input4{ width: 100%; height: 90px;resize: none; line-height: 30px; padding-top: 10px; padding-left: 20px; border: #ddd solid 1px; background: none; margin-bottom: 15px;}

.me_input5{ width: 180px; height: 42px; line-height: 42px; background: #ff4751; color: #fff; text-align: center; font-size: 18px; border: none; cursor: pointer;}

.cols{ width: 30px; height: 30px; line-height: 30px; border-radius: 100px; border: #999 solid 1px; text-align: center; position: absolute; right: 20px; 

top: 20px; cursor: pointer; font-weight: normal; font-size: 16px;}





.down_list{ width:100%; margin:0 auto; padding:10px; padding-bottom:30px;}

.down_list li{ width:100%; height:60px; line-height:60px; position: relative; font-size:18px;box-shadow: 0px 2px 10px #d2d7dc; 

  background: #fff; margin-bottom:30px;transition: all .5s ease;}

.down_list li div{ padding-left:20px; 

  float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;    width: 80%;}

.down_list li div span{ padding-right: 10px; }

.down_list li img{ width:25px; }

.down_list .dwn span{ margin-right:20px; position: absolute; right: 0; top: 0; font-size: 26px; }

.down_list li a{ color:#666; display: block;width: 100%;height: 60px;}

.down_list li:hover a{ color:#153855;}

.down_list li:hover{box-shadow: 0px 2px 15px #b0cae4;transition: all .5s ease;}



.va_t{ width: 100%; text-align: center; color:#999; font-size: 28px; }

.va_t2{ width: 100%; text-align: center; text-transform: Uppercase; font-weight: bold; margin-top: 5px; margin-bottom: 15px; font-size: 48px; color:#545454 }

.va_t3{ width: 60px; height: 4px; background: #ff4751; margin: 0 auto; margin-bottom: 50px;  }

.about_title{ font-size: 30px; }

.ny_gps{ max-width: 1600px; margin:0 auto; text-align: left; margin-top:30px; font-size: 16px; }

.ny_gps a span{ font-size: 14px; margin-left: 5px; margin-right: 5px; }

.ny_gps a{ position: relative; padding-right: 5px;  }

/*.ny_gps a:before{ content: "\e654"; width: 10px; height: 10px; position: absolute; right: -10px; top: 0px; font-size: 16px; text-align: right;  font-family: "iconfont" !important;}
*/.xj{ width: 150px; height: 44px; line-height: 44px; margin-top: 30px; float: left; font-size: 18px; cursor: pointer; background: #ff4751; text-align: center; color: #fff; }

.ny_menu{ width: 100%; height: auto; overflow: hidden; margin-top: 40px }
.ny_menu li{  height: 44px; line-height: 44px; float: left; margin-right: 10px;}
.ny_menu li a{ padding:0 40px; display: block; background: #143560; color: #fff; font-size: 18px}
.ny_menu li a:hover{ background: #ff4751; color: #fff }
.ny_menu li .ny_menu_links{ background: #ff4751; color: #fff}
.show_up{ width: 160px; height: 40px; line-height: 40px; margin: 0 auto;margin-bottom: 5%; margin-top: 5%;}
.show_up a{ display: block;  border: #ddd solid 1px; text-align: center; font-size: 18px; color: #666; transition: all .5s ease;}
.show_up a span{ font-size: 30px; position: relative; top: 7px; margin-right: 8px;}
.show_up:hover a{ background: #e7141a; color: #fff; border: #e7141a solid 1px;transition: all .5s ease;}

.show_up2{ width: 160px; height: 44px; line-height: 44px; float: left; margin-top: 30px; margin-left: 20px;}
.show_up2 a{ display: block; background: #f1f1f1; text-align: center; line-height: 44px; font-size: 18px; color: #666; transition: all .5s ease;}
.show_up2:hover a{ background: #e7141a; color: #fff; transition: all .5s ease;}


@media (min-width:320px) and (max-width:768px)



 {

.message_box{ width: 90%; height: auto; overflow: hidden;  top: 10%; left: 50%; margin-left: -45%;}

.message_box h2{ height: 50px; line-height: 50px; font-size: 20px;}

.wap_none,.menu_box,.pc_bann,.home_about_right,.footer_logo,.hit_left,.about_img,.galculture-button-prev

,.galculture-button-next,.news_list_right p,.d_2,.d_3,.home_jt,.home_mshu,.home_times,.seac_cols{ display:none;}

.wap_bann,.menu_icon,.wap_menuicon,.wap_block,.promenub{ display:block;}

.logo_box{ width:120px; height:auto; padding:2px 0 0px 0; margin-left: 15px;margin-top: 6px;}

.header.fixed .logo_box img{width:140px;}

.logo_box img {transition: all 0s; }

.header.fixed .menu_box li{line-height: 49px;}

.font_12{ font-size:12px !important;}
.dvta{ line-height: 1.75em; font-size: 16px }
.dvta span{font-size: 16px !important}
.font_14,.footer_copy,.home_about_bg .cbgcen_left p,.d_1,.d_3,.home_prolist2 li p,.footer_address li,.down_list li{ font-size:14px !important;}

.font_16,.show_protext,.prohotbox .swiper-slide p,.show_protext table td

,.hit_left li a,.about_text,.about_contex

,.show_news_time,.show_news_content,.news_list_more,.contact_list li p,.d_1,.footer_address li span{ font-size: 16px !important;}

.font_18,.home_prolist li p,.news_list_right h2,.news_list_time{font-size:18px !important;}

.font_20,.show_n h2,.footer_address h2,.footer_follow h2,.pro_details,.show_progat,.cbgcen_right h2{ font-size:20px !important;}

.font_22{ font-size: 22px !important;}

.font_24,.search_box::before{ font-size: 24px !important;}

.font_26,.home_news h2,.ny_bann_text h2{ font-size: 26px;}

.footer_address li:nth-of-type(3n) span {

    font-size: 14px;

}

.ny_bann_text{ top: 24%; }

.ny_bann_text i{ margin-top:10px; margin-bottom: 10px; width: 100px; }

.down_list li div span{ font-size: 12px; }

.down_list{ padding: 2px; }

.down_list li div{ padding-left: 10px; }

.down_list .dwn span{ font-size: 16px; margin-right: 0px; }

.down_list li{ height: 40px; line-height: 40px; margin-bottom: 15px;    box-shadow: 0px 2px 8px #d2d7dc; }

.news_more{ height: 36px; line-height: 36px; }

.home_news_list li{ margin-bottom:0px; }

.home_news_title{ font-size: 16px; }

.home_n_le{ width: 100%; }

.home_news_content{ width: 60%; }

.home_news_img{ width: 35%; }

.home_news h2{ margin-top: 30px; }

.va_t2,.home_about_img{ font-size: 28px; }

.va_t{ font-size: 20px; margin-top: 30px; }

.home_news_content{ height: 70px; }

.home_news_title{ line-height: 1.55em; margin-top: 10px; }

.font_28{ font-size: 28px;}

.d_1{ width: 69% !important; }

.d_4{ width: 31% !important; font-size: 14px !important; }

.font_40{ font-size: 40px;} 

.line_26{ line-height:26px;}

.line_20{ line-height:20px !important;}

.w_100,.home_about_left,.zzsc2 .content2 dd,.home_prolist li,.footer_follow,.home_news_list li,.banner_ov img,.cbgcen_left,.cbgcen_right,.hit_left,.home_prolist2

,.about_text,.news_img,.news_list_right,.contact_list li{ width:100%;}

.ny_bann{height: auto !important;padding-top: 50px; }

.header{z-index: 9; }

.header_right,.header.fixed .header_right{ line-height: 52px;margin-right: 15px;}

.kong_99{ height: 52px}

.banner_box .bann-swiper-pagination{ bottom:17px !important;}

.banner_box .swiper-pagination-bullet{ margin:0 8px;}

.banner_box .swiper-pagination-bullet-active::before{ height: 14px; width: 14px; left: -4px; top: -4px;}

.home_pro{ padding: 0 15px;}
.about_list li{ width: 100%; }
.about_list li p{ font-size:44px; }
.about_tel{ font-size: 24px; }
.news_list_right h2{ margin-top: 0px; }
.ny_menu li a{ font-size: 16px; padding: 0 25px }
.ny_menu li{ height: 36px; line-height: 36px; }
.dvta img{max-width: inherit;height: auto;width: 100%; }
.zzsc .tab a{ height: 50px; line-height: 50px; font-size: 18px;}

.zzsc .tab a i{ height: 2px;}

.zzsc2 .content2 dd{ height: auto; line-height: 1.56em;}

.tab2_icon{ width: 40px; height: 40px; margin: 0 auto;}

.zzsc2 .tab2 a p{ width: 100%; margin: 0 auto; font-size: 14px;}

.home_about_bg{ padding-top: 30px;}

.home_prolist li,.home_about_bg .about_m{ margin-bottom: 20px;}

.footer_address{ margin-left: 0px; width: 100%; margin-bottom: 10px;}

.footer_address ul,.footer_follow a span,.home_news_list li{ margin-top: 20px;}

.prohotbox .swiper-slide p{ height: 50px; line-height: 50px;}

.home_news_list{ margin-bottom:40px;}

.home_news_time{ width: 30%;}

.home_news_title{ width: 100%;}

.home_news_time span{ margin-top: 15px; font-size: 22px;}

.footer_copy{ padding-bottom: 20px;}

.cbgcen_left2{ height: 300px;}

.galculture-button-prev,.galculture-button-next{ height: 32px; line-height: 32px; top: 80%;}

.gallery-top { height: 70%;width: 100%;}

.cbgcen_left2 .gallery-thumbs {height: 30%;box-sizing: border-box;padding: 10px 0; }

.cbgcen_left2,.show_projsu,.about_text{ margin-bottom: 30px;}

.home_prolist2 li p{ height: 50px; padding: 0 5px;}

.hit_left li a{padding: 10px 0 10px 20px;}

.home_prolist2{ margin-top: 30px; margin-bottom: 30px;}

.home_about_bg .cbgcen_left2{ padding: 0 0px;}

.about_contex{ text-align: left; line-height: 1.56em;}

.home_about_bg .cbgcen_left2 .tab2_icon{ margin-bottom: 5px;}

.news_list li{ padding: 0px; width: 100%}

.footer_address li{ margin-bottom: 5px; }

.news_list_right{ padding: 20px;}

.news_list_more{ width: 10px; height: 30px; line-height: 20px;}

.news_list_time{ margin-top: 0px; padding-left:0px; font-size: 14px !important;}

.news_list_right h2{ font-weight: normal; padding-left:0px; padding-right: 0px; height:auto; overflow: hidden;}

.contact_list li{ margin-top: -1px; height: auto; padding-bottom: 30px;}

.contact_list li img{ width: 70px;}

.contact_list{ padding-top: 1px;}

.cols{ top: 10px; }

.home_news_time p{ font-size: 16px; margin-top: -5px; }

.show_news_content table{ width: 100% !important }

.show_news_content table td{ width: inherit !important; font-size: 14px; }

.x_hb{overflow-x: scroll;}

.home_prolist2 li{ width: 100%; }

.ny_gps{ padding-left: 10px; padding-right:20px; font-size: 12px; }

.ny_gps a:before{ font-size: 12px; top: 0 }

.ny_gps a{/*padding-right: 11px;margin-right: 5px;*/}
.home_services li{ width: 100%; margin-bottom: 20px; height: auto ; overflow: hidden; padding-bottom:40px; }
.home_cases_bg{ height: 300px; background-size: cover !important;  background-position: 50% !important;}
.home_cases_bg h2{ font-size: 30px; padding-top: 10% }
.home_cases_bg p{ width: 90%; font-size: 14px; }
.footer_menu{ width: 100% }
.footer .home_prowidth{   padding-left: 20px; padding-right:20px; }
.footer_menu li{ width: 33.333%; margin-bottom: 15px; }
.footer_menu li dt{ float: left; width: 50%;}
.footer_menu li dl{ font-size: 14px; margin-bottom: 0px; }
.home_services li h2{ font-size: 22px; height: 40px; line-height: 40px; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.home_services li h2 img{ width: 30px; margin-right: 5px;}
.home_services li dt{ font-size: 14px }
.home_services li p{ margin-bottom: 20px }
.home_services li img{ margin-top: 10px; }
.home_con h2{ font-size: 36px; }
.home_con h3{    letter-spacing: 12px;text-indent: 12px; font-size: 20px;}
.footer_x_le,.footer_x{ width: 100% }
.banner_box{    padding: 50px 15px;}
.banner_ov{ height: auto !important; padding-bottom: 0%;    border-radius: 10px; }
.ny_bann_cen{height: auto !important;  background-size: cover !important;
    background-position: 50% !important;   }
    .xj{ font-size: 16px; height: 40px; line-height: 40px;  width: 140px;}
    .show_up2 a{ font-size: 16px;line-height: 40px; }
    .show_up2{ height: 40px; line-height: 40px; width: 140px; margin-left: 10px; }
}



















@media (min-width:1366px) and (max-width:1440px)

 {

.in_box_1,.ny_gps{ max-width: 1200px;}

.font_18{ font-size: 18px;}

.font_30{ font-size: 36px;}

.width1300{ max-width: 1200px; }

}



@media (min-width:1366px) and (max-width:2560px)

{

.wap_menu_box{ opacity: 0;}

}



@media (min-width:800px) and (max-width:1350px)

 {

.width1300,.ny_gps{ max-width: 1200px; padding-left: 20px; padding-right: 20px;}

.menu_box li{ padding: 0 17px;}

}



@media (min-width:1024px) and (max-width:1350px)

{

.menu_box li a{ font-size: 13px;}

.home_pro,.ny_gps{ max-width: 1200px; padding-left: 20px; padding-right: 20px;}

}





@media (min-width:769px) and (max-width:1253px)

{

.menu_box{ display: none;}

.wap_menuicon{ display: block; padding: 0 40px;}

}



@media (min-width:320px) and (max-width:414px)



 {

.search_content{ width: 362px;}

.search_input{ width: 270px;}

}



@media (width:375px)



{

.search_content{ width: 375px; left:0px; margin-left: 0px}

.search_input{ width: 270px;}

}







@media (width:414px)



{

.search_content{ width: 414px;left: -292px;}

.search_input{ width: 340px;}

}



@media (width:1366px)
{
.footer .home_prowidth{ max-width: 1200px; }
.home_pro{ max-width: 1200px;}
.zzsc2 .content2 dd{ height: 380px; width: 88% }
.footer_address li img{ width: 100px; }
.footer_wxwz{ font-size: 12px; }
.foote_tel{ font-size: 24px; }
.message_box{ top: 15%; }
.menu_box li a{ padding: 0 8px; font-size: 14px }
.footer_x_le{ width: 32% }
}



@media (min-width:1366px) and ( max-width:1680px)
{
.footer .home_prowidth{  }
.menu_box li{ padding: 0 0px;}
.menu_box li a{ font-size: 15px;}

}
@media (min-width:1367px) and ( max-width:1600px)

{
.home_pro{ padding-left: 80px; padding-right:80px; }
.footer .home_prowidth,.ny_gps{ max-width: 1600px;  padding-left: 80px; padding-right:80px; }
.footer_address li img{ width: 100px; }

}



@media (width:1366px)

 {

.dvta img{ margin-bottom: 10px; max-width: 49% }

 }









@media (width:768px)



{

.ny_bann{padding-bottom: 50%;}
.home_services li{ width: 48%; height: 580px; }
.home_services li:nth-of-type(even){   float: right; margin-right: 0;}
.home_prolist li, .home_news_list li{ width: 49%;}

.home_prolist li:nth-of-type(even), .home_news_list li:nth-of-type(even){   float: right; margin-right: 0;}
.home_cases li{ width: 100% }
.zzsc .tab a{ font-size: 24px;}

.tab2_icon {width: 50px;height: 50px;}

.cbgcen_left2{ height: 750px }

.news_img{ width: 40% }

.news_list_right{ width: 57%; }

.contact_list li p{ width: 86% }

.contact_list li{ width: 33.33%; height: 224px; }
.home_mshu{ display: block; height: 40px; line-height: 20px; overflow: hidden; padding-right: 20px; }
.about_contex h2{ text-align: center; }

.zzsc2 .tab2 a p{ font-size: 18px; }
.home_news_list li{ width: 100%; }
.message_box{ top: 20%; }
.home_news_title{ font-size: 20px; }
.home_times{ display: block; }
.footer_menu li dt{ width: 33.333% }
.home_prolist li{margin: 0 1% 3% 0; }
.home_prolist li:nth-of-type(3n){margin: 0 1% 3% 0; }
.news_list li{ width: 49%;     margin: 0 1% 2% 0;}
.news_list li .news_img{ width: 100% }
.news_list li .news_list_right{ width: 100%; }
.news_list li:nth-of-type(even){   float: right; margin-right: 0;}

}





/*分页样式*/



.pagediv{ width: 100%; height:auto; float: left; text-align: center;margin-bottom: 20px;margin-top: 20px;}

.listpage {clear: both;text-align: center;}

.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;}

.xiaocms-page a { border-radius: 5px; transition: 0.3s; display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}

.xiaocms-page a:hover { transition: 0.3s; background:#f1f1f1; color:#000; text-decoration:none; }

.xiaocms-page span { border-radius: 5px; display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#153855 ; border:1px solid #153855; color:#fff; text-align:center;margin-left: 5px; }











