@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px;}
body{ font-family:    "Source Han Sans CN","noto sans" !important; font-size:14px;  padding-top: 168px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input, textarea, select, button {font-family:  "Source Han Sans CN","noto sans" !important;}
ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#000;}
a:hover {color:#FF3300;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px; }
 img{
    max-width: 100%;
 }
input,select {padding:0;margin:0; border:none;}
.wrap {width:1000px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pt25 {padding-top: 25px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
#no {border:none;border:0;}
.red{ color:#e40f41 !important;}
.clear{ clear:both;}
.ml3{ margin-left:3%;}
.mr3{ margin-right:3%;}
.white{ color:#fff !important;}
.bgf0{ background:#f0f0f0;}
.ml1{ margin-left:1%;}
.mr1{ margin-right:1%;}
.mt10{ margin-top:10px;}
.fn{ float:none !important;}
.mr4{ margin-right:4%;}
.pl3{ padding-left:3%;}
.pr3{ padding-right:3%;}
.strong{ font-weight:bold;}
.red{ color:#da261d;}
.blue{ color:#0080ff !important;}
.yellow{ color:#ff8800 !important;}
.grey{ color:#abaaa9 !important;}
.text-center{ text-align:center;}
.hidden{ visibility:hidden;}
.text-right{ text-align:right;}
a:hover{ text-decoration:none !important;}
 
.mt25{ margin-top:25px !important;}
a:focus{ text-decoration:none;}
.w100{ width:100% !important;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.w100{ width:100%;}
.pr{ position:relative;}
.po{ position:absolute;}

.scale{ transition:all 0.5s ease; overflow:hidden;}
.scale:hover img{ transform:scale(1.1); transition:all 0.5s ease;}
.pr{ position:relative;}
.pa{ position:absolute;}
.news_des a{
    display: inline-block;
}
 
/*菜单1*/ 
@keyframes run{

	from{  bottom: 30px; }
	to{  bottom: 20px; opacity: 0; }
}  
.ban_lay{ position: absolute; top: 38%; left: 0px; right: 0px; text-align: center;    }
.ban_lay h3{ font-size: 54px; color: #fff; font-weight: bold; margin-bottom: 10px; text-shadow: 1.5px 2.598px 3px rgb( 37, 15, 26 );}
.ban_lay p{font-size: 14px; color: #fff; font-weight: bold; text-shadow: 1.5px 2.598px 3px rgb( 37, 15, 26 );}
.head.active{ background: #fff;   }
.head.active .head_ul li a{ color: #32363f; }
.head.active .head_ul li:after{ background: #d2d2d2; }
.head.active .img02{ display: inline-block; }
.head.active .img01{ display: none; }
.head.active .logo_w,.head.active .head_ul{ margin-top: 0px;}
.head.active .head_ul li{ position: relative; } 
.img02{ display: none; }
.head.active .logo_name_w:before{ background: #dcdcdc;     height: 23px; } 
.more{ text-align: center; margin-top: 20px;}
.more a{ display: inline-block; color: #991e27; border-radius: 3px; padding: 10px 20px; margin-right: 10px; }
.more_name,.more_name:hover{ color: #b61a29; }
.more a:hover{background: #991e27; color: #fff;}   
 
.logo_name_w{ position: relative; display: inline-block; padding-left: 20px; margin-left: 20px;}
.logo_name_w:before{ position: absolute; top: 0px; left: 0px;  content: ""; display: inline-block; width: 1px; height: 35px; background: #fff;   }
.head_ul{  }
.head_ul li{ float: left; padding: 20px 66px; position: relative;}
.head_ul li a{ font-size: 16px; color: #fff; }
 
.ban_arr{ position: absolute; left: 50%; margin-left:-12px; bottom: 25px; z-index: 10; }  
.logo_w_foot{ margin-top: 0px; } 
.sec_ul{ position: absolute; top: 64px; left: 0px; background: #fff; width: 100%; display: none; background: #fff;  }
.sec_ul li{ float: none; padding: 5px 0px; text-align: left; padding: 5px 10px; text-align: center; }
.sec_ul li a{    color: #32363f;}
.sec_ul li:hover{    background: #2588cc;  }
.sec_ul li:hover a,.head.active .sec_ul li:hover a{ color: #fff; }
.head_phone,.h3_p,.tse02,.swiper-button-next01,.swiper-button-prev01,.menu_p{ display: none; }  
.menu_p{  position: fixed; top: 40px;  width: 100%; right: -100%;transition: all .2s ease-in-out; background: #f7f6f4; bottom: 0px; z-index: 100; padding: 0px 10px; }
.menu_ul_p li{ float: none; border-bottom: 1px solid #cecdc9; padding: 10px 0px; position: relative;}
.menu_ul_p li a{ color: #484a51; }
.menu_ul_p li span{ float: right; background: #dfdeda; width: 50px; text-align: center; line-height: 40px; top: 0px; right: 0px;  height: 40px; display: inline-block; position: absolute;}
.menu_ul_p li span i{ color: #181817; }
.sec_ul_p{ margin-top: 10px; display: none; }
.sec_ul_p li{ float: none;  border-bottom: none; padding: 5px 0px 5px 10px;  }
.menu_ul_p li.active span{ background: #2588cc; }
.menu_ul_p li.active span i{ color: #fff; }
.menu_p.active{ right: 0px; } 
.head.active .sear_w i{ color: #000; }
.head.active .sear_w{ margin-top: 0px; }
.sear_w {margin-top: 45px;cursor: pointer;} 
.sear_w i { color: #fff;} 
.sear_pa {background: #fff;width: 200px; height: 30px; line-height: 30px;position: absolute; top: 60px; right: 0px;opacity: 0;transition: all .2s ease-in-out;}
   
.sear_pa input {width: 100%;height: 30px; line-height: 30px;border: 1px solid #eee;text-indent: 1em;} 
.sear_pa i {cursor: pointer; position: absolute;top: -1px; right: 10px;z-index: 2;color: #000;} 
.sear_pa.active {top: 45px;opacity: 1;}
.head_menu{ background: #2588cc; }
.head_ul li.active{ background: #0373bf; }
.head_r_dl dt{  width: 35px; float: left; }
.head_r_dl dd{ width: 180px;  float: left;}
.head_r_dl dt i{ color: #cbcbcb; font-size: 30px; }
.head_r_dl dd h3{ font-size: 14px; color: #404040; margin-bottom: 2px; }
.head_r_dl dd p{ font-size: 19px; color: #2588cc; }
.head_r_dl{ display: inline-block; margin-top: 35px;}
.head_wrap{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; background: #fff; }
.sou{ background: #fff; border-bottom: 1px solid #e4e4e4; padding: 10px 0px; }
.sou_dl dt{ font-size: 15px; color: #1a1a1a; width:85px;  float: left; font-weight: normal; }
.sou_dl  dd{ width:800px; float: left;  }
.sou_ul li a{ font-size: 15px; color: #1a1a1a;  }
.sou_ul li{ padding-right: 15px; }
.sou_dl { margin-top: 5px; }
.ser_r{ width: 200px; height: 30px; position: relative; background: #2588cc; color: #fff; }
.ser_r input{ width:165px; height: 30px; line-height: 30px;  background: transparent; color: #fff; text-indent: 1em; }
.ser_r button{ width: 35px; height: 30px; text-align: center; line-height: 30px; border: none; background: #0373bf; color: #fff; }
.pro_wrap{ background: #f6f6f6; padding: 40px 0px; }
.titl { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; }
.titl h3{ font-size: 24px; color: #cc2525;display: inline-block;  margin-right: 10px;}
.titl p{ display: inline-block; font-size: 15px; color: #6c6c6c; text-transform: uppercase; position: relative;padding-left: 10px;top: -3px;}
.titl p:before{ content: ""; width: 1px; height: 15px; background: #d5d5d5; position: absolute; left: 0px; top: 4px;  }
.titl a{ float: right; font-size: 15px; color: #2588cc; text-transform: uppercase; }
.pro_index a{ display: block; border: 1px solid #dedede; border-radius: 10px; background: #fff; position: relative; }
.pro_w{ position: relative; }
.pro_lay{ display: none; border-radius: 10px 10px 0px 0px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; color: #fff; line-height: 24px; padding: 40px 20px; background: rgba(37,136,204,0.7); text-align: center;}
.pro_b h3{ font-size: 17px; color: #000000; }
.pro_b p{ font-size: 15px; color: #535353; }
.pro_b img{ display: inline-block; margin: 5px auto; }
.pro_b{ padding: 15px 0px 33px; text-align: center; }
.pro_icon{ position: absolute; right: 0px; bottom: 0px;  border-radius: 0px 0px 10px 0px;}
/*.pro_index a:hover .pro_lay{ display: block; }*/
.pro_w,.pro_w img{ border-radius: 10px 10px 0px 0px; }
.pro_w img:nth-child(1) {
    height: 241px;
    object-fit: cover;
}
.play{ position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; }
.pro_b02{ padding-bottom: 10px; }
.gs_wrap{ padding: 40px 0px; background: #eaeaea; }
.gs_con{ font-size: 16px; color: #000; line-height: 30px; }
.gs_con iframe{width: 100% !important;}


.gs_ul { margin-top: 20px; }
.gs_ul li{ width: 25%; text-align: center; }
.gs_ul li > div{ display: inline-block; width: 100px; height: 100px; padding-top: 20px; text-align: center; border: 1px solid #2588cc; border-radius: 100%; font-size: 16px; color: #515151; }
.gs_ul li > div span{ font-size: 26px; color: #000000; display: block; font-weight: lighter; }
.gs_ul li > div:hover{ cursor: pointer; background:#2588cc; color: #fff;  }
.gs_ul li > div:hover span{ color: #fff; }
.par_wrap{ background: #f6f6f6; padding: 40px 0px; }
.container_par .swiper-slide{ border: 1px solid #e6e6e6; }
.pagination_par .swiper-pagination-bullet{ width:10px; height: 10px; margin: 0px 3px;  }
.pagination_par .swiper-pagination-bullet-active{ background: #2588cc; }
.par_wrap .pagination_par{ text-align: center; right: 0px; left: 0px; }
.links{ padding: 20px 0px;background: #eaeaea; }
.links p,.links p a{ color: #000000; }
.links p a{ padding: 0px 5px; }
.foot{ background: #2588cc; padding: 40px 0px; }
.foot_ul > li:nth-child(1){ width:55%; border-right:1px solid #def3fe;  }
.foot_ul > li:nth-child(2){ width:22.5%;    padding: 0 12px;}
.foot_ul > li:nth-child(3){ width:22.5%;  padding-left: 30px;  border-left:1px solid #def3fe;}
.f_menu_ul li h3{ font-size: 15px; color: #fff; margin-bottom: 10px; }
.f_menu_ul li a{ display: block; color: #def3fe; margin-bottom: 5px; font-size: 13px;}
.foot_ul li:nth-child(2) p{ color: #b9daf1; }
.foot_ul li:nth-child(2) p i{display: inline-block; padding-right: 10px; color: #b9daf1;}
.foot_ul li:nth-child(3) dt{ width: 50%; float: left; }
.foot_ul li:nth-child(3) dd{ width: 50%; float: left; padding: 30px  0px 30px;color: #b9daf1;  }
.copy{ color: #c3e0f5; padding: 15px 0px; text-align: center; background: #1674b5; }
.f_menu_ul li{ width: 18%; }
.f_menu_ul li:first-child{ width: 25%; }
.pro_l_w{ background: #fff;  padding-bottom: 20px; border: 1px solid #e0ddde;}
.prom_t{ background: #2588cc; padding: 15px 20px;  margin-bottom: 15px; border: 1px solid #e0ddde;}
.prom_t h3{ color: #fff; font-size: 19px; color: #fff; display: inline-block; padding-right: 5px;}
.prom_t p{ display: inline-block; color: #fff; text-transform: uppercase;}
.pro_l_dl { margin-bottom: 1px; }
.pro_l_dl dt{ cursor: pointer;  background: #2588cc;  font-size: 16px; color: #fff; font-weight: bold; padding: 10px 20px;}
.pro_l_dl dt h3{ font-size: 16px; display: inline-block; }
.pro_l_dl dt i{ color: #fff; display: inline-block; padding-right: 10px;}
.pro_l_dl dd{ display: none; }
.prol_ul > li{ background: #ececec;font-size: 16px; color: #262626; padding: 10px 40px; margin-bottom: 1px; float: none; position: relative;}
.prol_ul > li > a{ color: #262626;}
.pro_innner{ background: #f6f6f6;padding: 40px 0px; }
.secdl_ul_w {      display: none;    margin-top: 13px;}
.arrow_cino{ position: absolute; top: 5px; left: -31px;}
.secdl_ul li i{ color: #b2000a;}
.arrow_cino{ display: none; }
.secdl_ul li{ float: none; margin-bottom: 10px;}
.secdl_ul li a{ font-size: 15px; color: #1d1d1d; }
.secdl_ul li:hover a,.prol_ul > li.active > a{color: #b2000a;}
.load_w{ background: #fff;  border: 1px solid #e0ddde; padding: 20px; margin-top: 20px; box-shadow: 0px 0px 20px 0px rgb(224, 219, 219);}
.load_w h3{ font-size: 18px; color: #2588cc; margin-bottom: 10px;}
.load_w a{ color: #575757; display: block;padding-left: 10px;}
.pro_r_w a{ display: block; }
.pro_r_w h3{ font-size: 17px; color:#040404; margin-bottom: 15px; padding-top: 20px;}
.pro_r_w h3 i{ color: #0076cd; padding-right: 10px; font-size: 25px;     display: inline-block; margin-left: -10px;} 
.pro_r_w { font-size: 15px; color: #5f5f5f; line-height: 25px; }
.pro_r_w a{  color: #5f5f5f;}
.pro_r_w a span{ color: #000; }
.pro_r_w{ background: #fff;  padding: 5px; border: 1px solid #eaeaea;}
.pro_titl { border-bottom: 2px solid #c4c4c4; padding-bottom: 10px;  margin-bottom: 20px;  }
.pro_titl h3{ display: inline-block; font-size: 19px; color: #2a2a2a;}
.pro_titl p,.pro_titl p a{ color: #2a2a2a;}
.pro_titl p{ float: right; }
.pro_r_w .col-md-5{ padding-left: 0px; }
.pro_r_w .col-md-7{ padding-right: 0px; }
.pro_des_r h3{ font-size: 20px; color: #000000; margin-bottom: 20px;}
.pro_des_r h1{ font-size: 20px; color: #000000; margin-bottom: 20px;}
.pro_des_r p{ font-size: 15px; color: #575757; line-height: 30px;}
.des_can{ background: #fff; border: 1px solid #dddddd; margin-bottom: 20px;}
.des_can_ul li{  padding: 10px 30px; position: relative; }
.des_can_ul li:before{ content: "";  width: 100%; height: 4px; background: #b2000a; position: absolute; top: 0px; left: 0px; display: none;}
.des_can_ul li a{ font-size: 16px; color: #000;}
.des_can_ul li.active{ border: 1px solid #dddddd;  border-top: none; border-bottom: none;    background: #2588cc;    color: #fff;}
.des_can_ul li.active a{    color: #fff;}
.des_can_ul li.active:before{ display: block;}
.laod_w{background: #fff; border: 1px solid #dddddd; }
.load_ul li{ border-bottom: 1px solid #dddddd; padding: 10px 30px; font-size: 13px; color: #262626; float: none;}
.load_ul li .laod_a i{ padding-right: 5px; }
.laod_w{ display: none; }
.laod_w.active{ display: block; }
.laod_w01{ padding: 10px; }
.prol_ul01 li i,.prol_ul01 li.active a{ color: #b2000a; }
.gs_con{ font-size: 16px; color: #000; line-height: 30px;}
.gs_con img{ float: left; margin-right: 10px; max-width: 100%;}


.ser_r input::-webkit-input-placeholder{ color: #fff; }
.news_des h3{ font-size: 19px; text-align: center; }
.news_des h1{ font-size: 19px; text-align: center; }
.news_des span{ display: block; margin: 10px 0px;}
.news_des{ line-height: 25px;}
.news_des img{ max-width: 100%; }
.hez img{    border: 1px solid #e6e6e6;}
.load_ul li a:hover{    color: #b2000a;}

.contact_w {
    color: #616565;
    line-height: 25px;
}
.contact {
  
    border-left: none;
    border-right: none;
    padding: 30px 0px;
    margin: 20px 0px 0;
}
.contact .fk {
    font-size: 16px;
    color: #4e4e4d;
    text-align: center;
    margin-bottom: 25px;
}
.contact p {
    font-size: 14px;
    color: rgb( 80, 79, 79 );
    line-height: 1.5;
    margin-bottom: 10px;
}
.contact input {
    width: 100%;
    height: 44px;
    border: 1px solid #e1dddd;
    padding-left: 15px;
    font-size: 16px;
    line-height: 44px;
    text-indent: 1em;
    margin-bottom: 15px;
}
.contact textarea {
    font-size: 16px;
    padding: 15px;
    height: 170px;
    width: 100%;
    border: 1px solid #e1dddd;
    text-indent: 1em;
    resize: none;
    margin-bottom: 15px;
}
.contact p span {
    color: #b2000a;
}

.contact button {
    width: 113px;
    height: 38px;
    background-color: #2588cc;
    border: none;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin: 0px auto;
}
.zhiwei {
    border: 1px solid #ebebeb;
    padding: 20px;
    margin-bottom: 20px;
     
}
.zhiwei h3 {
    font-size: 18px;
    color: #4e4e4e;
    text-align: center;
    margin-bottom: 10px;
}
.zhiwei p {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 25px;
}
.janli {
    color: #7b7b7b;
    margin-top: 40px;
}
.janli h3 {
    font-size: 18px;
    color: #5a5a5a;
    margin-bottom: 15px;
}
.janli p {
    font-size: 14px;
    color: #909191;
    margin-bottom: 10px;
}
.janli span {
    font-weight: bold;
}
.jian {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #2588cc;
    border-radius: 4px;
    padding: 9px 42px;
    border: 1px solid #01a2d8;
    margin-top: 40px;
}
 
.jianli_w {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255,255,255,.5);
    z-index: 9999;
    display: none;
}
.jian_in {
    width: 510px;
    background: #fff;
    padding: 20px 30px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -255px;
    box-shadow: 0px 0px 3px 0px #ccc;
}
.jian_in h3 {
    font-size: 24px;
    color: #404040;
    margin-bottom: 20px;
}
.jian_in .icon-quxiao {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 25px;
}
.form {
    width: 48%;
    margin-bottom: 15px;
}
.form p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}
.form input {
    width: 100%;
    line-height: 46px;
    border: 1px solid #eeeeee;
    text-indent: 1em;
}
.fil_wrap {
    width: 100%;
    height: 46px;
    border: 1px solid #eeeeee;
}
.file_w {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    line-height: 46px;
}
.fil_wrap input {
    opacity: 0;
}
.form textarea {
    width: 100%;
    min-width: 150px;
    resize: none;
    border: 1px solid #eeeeee;
    text-indent: 1em;
}
.gs_ul li > div span i{font-style: normal;  font-size: 12px;}
.banp_p_sou ,.banp_p_sou a{ font-size: 15px; color: #1a1a1a; }
.banp_p_sou a{ padding: 0px 5px;}
.banp_p_sou{ display: inline-block; float: left; margin-top: 5px;}
.pro_r_w.row{ margin: 0px 0px 20px; }
.pro_lun_l{ width: 400px; border: 1px solid #dddddd; }
.pro_lun_r{ width: 128px; margin-left: 10px;}
.pro_lun_r_ul li{ cursor: pointer; width: 128px; height: 107px; border: 1px solid #dddddd;margin-bottom: 10px; position: relative; vertical-align: middle; line-height: 107px; }
.pro_lun_r_ul li img{ float: left; display: inline-block; vertical-align: middle; }

.pro_lun_r_ul li .pro_line{ position: absolute; left: -6px; top: 0px; bottom: 10px; height: 100%; display: none;}
.pro_lun_r_ul li.active .pro_line{ display: block; }

.page {
    margin: 20px 0px;
}
.page_ul {
    display: inline-block;
}
.page_ul li {
    margin-right: 5px;
    background: #fff;
    padding: 2px 5px;
}
.page_ul li.active, .page_ul li.active a {
    background: #cccccc;
}
.page_ul li.next_page {
    background: #fff;
    padding: 0px;
}
.page_ul li input {
    width: 40px;
    height: 25px;
    border: 1px solid #f2f2f2;
    font-size: 12px;
}
.page_ul li a {
    color: #969595;
}
.page_ul li.active a, .page_ul li:hover a {
    color: #000;
}
.yw_wrap{ padding: 40px 0px; }

.rightfix {
    position: fixed;
    top: 36%;
    right: 3px;
    width: 144px;
    /*border: 1px solid #dee2e7;*/
    border-right: none;
    background: #00aef3;
    z-index: 2;
    border-radius: 6px;
   
}

.fix_ul li {
    font-size: 12px;
    color: #696d73;
    text-align: center;
    float: none;
    position: relative;
    width: 40px;
    height: 50px;
    line-height: 40px;
    margin-bottom: 0px;
    color: #fff;
}
.fix_ul li i {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

.right_div {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 5px;
    line-height: 40px;
    text-shadow: 1px 1px 1px #000;
}
.fix_ul li:last-of-type {
    line-height: 50px;
}
.fix_ul li:last-of-type p {
    margin-top: -20px;
}

.fix_ul li:hover .right_div{ display:block;}
 



/*菜单1*/ 

/*banner1*/
.swiper-pagination_ban .swiper-pagination-bullet,.swiper-pagination01 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: 1; }
.swiper-pagination_ban .swiper-pagination-bullet-active,.swiper-pagination01 .swiper-pagination-bullet-active{ background: #cc2525; }
.banner .swiper-container_ban .swiper-pagination_ban{   bottom: 44px;} 
/*banner1*/  

/*foot1*/
 
.foot_p{ display: none; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 90; background: #c4c5c7; padding: 10px;}
.foot_p a{ display: inline-block; background: #cc2525; font-size: 12px; color: #fff; padding: 7px 0px; width: 48%; text-align: center; border-radius: 4px; position: relative; }
.foot_p a i{ color: #fff; font-size: 25px; }
.foot_p a span{ display: inline-block; position: absolute; top: 0px; left: 19%;}
.foot_p a:nth-child(2) span{ left: 10%; }
/*foot1*/

/*分页1*/  
 

/*分页1*/  
   
@media(max-width: 770px){
   body{ padding-top: 40px; padding-bottom:51px;  }
   .head,.h3_pc,.ban_lay p,.more,.ban_arr,.tse01,.logo_w_foot,.head_wrap,.foot{ display: none; }
   .menu_p,.h3_p{ display: block; } 
   .head_phone{ display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px; background: #fff; height: 40px;}
   .logo_p{ position: absolute; left: 0px; right: 0px; text-align: center;     top: -1px;}
   .logo_p img{ display: inline-block; width: 180px;}
   .menu_span{ float: right; position: absolute; top: 9px; right: 10px;z-index: 20; }
   .menu_span i{ color: #000; } 
   .ban_lay h3{ font-size: 19px; font-weight: normal; line-height: 25px; }
   .ban_lay {top: 33%;}
  
   .banner .swiper-container_ban .swiper-pagination_ban{ bottom: 20px; } 
   .foot_ul li{ width: 100%; }
   .foot{ padding: 20px 10px; }
   .foot .container,.foot .container > div{ padding: 0px; }
   .foot_ul{ margin-top: 0px; }
   .foot_ul li p { font-size: 12px; }
   .foot_ul li{ margin-bottom: 10px; }
   .foot_p{ display: block; } 
   .gs_con {text-align: center;}
   .gs_con iframe{width: auto !important; height: auto!important;}

}

@media(max-width: 480px){
   .banp_p_sou a,.banp_p_sou{ font-size: 12px; }
   .sou{ display: none; }
   .pro_wrap{ padding: 20px 0px; }
   .titl h3{ font-size: 18px; }
   .titl p{ font-size: 12px;     top: -1px;}
   .titl p:before{top: 1px;}
   .titl a{ font-size: 12px;     margin-top: 6px;}
   .titl{ padding-bottom: 5px; }
   .proin .col-md-4:nth-child(2n){ padding-left: 7.5px; }
   .proin .col-md-4:nth-child(2n+1){ padding-right: 7.5px; }
   .videoin .col-md-12:nth-child(2n){ padding-left: 7.5px; }
   .videoin .col-md-12:nth-child(2n+1){ padding-right: 7.5px; }
   .pro_b h3{ font-size: 14px; }
   .pro_b p,.links p a,.links p{ font-size: 12px; }
   .pro_b img{ margin: 0px auto; }
   .pro_b{    padding: 15px 0px 22px;}
   .gs_ul li > div{ width: 80px; height: 80px; font-size: 12px;}
   .gs_ul li > div span{ font-size: 18px; }
   .links{ padding: 5px 0px; }
   .links p a{ padding: 0px 2px; }
   .copy{ font-size: 12px; padding: 5px 15px; }
   .pro_innner{ padding: 20px 0px; }
   .prom_t{    padding: 10px 10px; margin-bottom: 10px;}
   .prom_t h3{    font-size: 17px;}
   .prom_t p,.load_w a,.pro_titl p ,.pro_titl p a{ font-size: 12px; }
   .pro_l_dl dt h3{ font-size: 14px; }
   .pro_l_dl dt{ padding: 5px 10px; }
   .pro_l_dl dt i{ padding-right: 5px; }
   .pro_l_w{ padding-bottom: 10px; }
   .load_w{ padding: 10px; margin-top: 10px;}
   .load_w h3{ font-size: 16px; margin-bottom: 2px;}
   .pro_titl h3{ font-size: 16px; margin-bottom: 5px; }
   .pro_r_w .col-md-7{   padding: 0px;}
   .pro_r_w .col-md-5{  padding: 0px; }
   .pro_r_w h3{ padding-top: 10px; margin-bottom: 10px; font-size: 15px; }
   .des_can_ul li{    padding: 5px 10px;}
   .des_can_ul li a{ font-size: 13px; }
   .des_can{ margin-bottom: 10px; }
   .pro_b02{ padding-bottom: 5px; }
   .jian_in{ width: 300px; margin-left: -150px;  top: 10%;}
   .jian_in h3,.jian_in .icon-quxiao{ font-size: 20px; }
   .form input{ height: 30px; line-height: 30px; }
   .form p{ margin-bottom: 5px; }
   .fil_wrap{ height: 30px; }
   .file_w{ height: 30px; line-height: 30px; font-size: 12px;}
   .form01{ width: 100%; }
   .jian_in .jian{ margin-top: 0px; }
   .contact{ padding-top: 0px; }
   .contact .fk{ font-size: 14px; }
   .secdl_ul_w{  position: initial; margin-top: 10px;}
   .arrow_cino{ left: -16px; }
   .arrow_cino{ display: none; }
   .pro_lun_l{ width: 254px; }
   .pro_lun_r{ width: 80px; }
   .pro_lun_r_ul li{ width: 80px; height: 67px; }
   #nb_icon_wrap{ height: 8% !important; }
   #newBridge .nb-icon-right-center{  top:53% !important;   width: 38% !important; }
   .rightfix{ top: 41% !important; }
   #newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{ border-radius: 4px; }
     .gs_con iframe{width: auto !important; height: auto!important;}
}

@media(max-width: 340px){
    .pro_lun_l { width: 200px;}
   


}

#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; }
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #0060ad;}
#page li:hover a{color:#0060ad}
#page li a{ color:#666}
#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}
#page li.active a{ color:#fff}
#page .thisclass{ background-color:#0060ad; color:#FFFFFF}
.gallery-top{margin: 0 0 10px 0 !important;}


 
.video_close{cursor: pointer;  width: 30px;height: 34px;border: 1px solid #fff;border-radius: 10px;float: right; margin: 20px; color: #fff; font-size: 25px;}
.video_tanchu{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
    text-align: center;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.video_tanchu_in{
    width: 50%;
    position: absolute;
    left: 25%;
    top: 25%;

}
.video_tanchu_in  video{width: 100%;}