@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#555555;}
a:hover{ color:#0271c3; text-decoration:underline}

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px;color:#555; }
.ding{ width:100%; margin:0 auto; background:url(../images/bga.jpg) no-repeat center; height:131px;}
.alogo{ width:1200px; margin:0 auto; padding-top:10px; padding-bottom:20px;}
.dianhua{ margin-top:15px;}
.yuyan ul li{ float:left; margin-left:10px;}
.yuyan ul li a{ font-size:14px;}

.newproaa{ float:left; padding-left:200px; padding-top:40px; font-size:18px; color:#900;}
.newproaa a{font-size:18px; color:#900;}

.tel{ margin-top:10px; margin-right:10px;}
.paa{  line-height:30px; height:30px; width:100px; text-align:center;background:#058be2; font-size:15px;-moz-border-radius:20px;/*Firefox支持*/ -webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ color:#fff}
.ppb{ color:#333; font-weight:bold; font-size:25px;}

.nava{ background:url(../images/index_06.jpg) no-repeat center;height:61px; width:100%; margin:0 auto}
.bgli{ background:url(../images/index_10.jpg) no-repeat center; width:1px; height:18px; top:16px; }
#menu{ margin:0 auto; width:1200px;}
ul.menu {list-style:none; margin:0; float:inherit; text-align:center; padding-left:0px; }
ul.menu * {margin:0; padding:0; }
ul.menu a {display:block; text-decoration:none;color:#333;}
ul.menu li {position:relative; float:left; }
ul.menu ul {position:absolute;left:0; display:none; opacity:0; list-style:none;text-align:center;z-index:9999999!important;}
ul.menu ul li {position:relative;border-top:none; margin:0;font-weight:normal;background:#f2f2f2; border-bottom:1px solid #fff;width:132px;height:30px; line-height:30px;}
ul.menu ul li a{display:block;color:#555;font-weight:normal;line-height:30px; font-size:14px; }
ul.menu ul li a:hover { color:#fff;background:#058be2;}
ul.menu ul ul {top:0px}
ul.menu .menulink {font-size:15px; padding-right:28px; padding-left:28px;padding-bottom:0px;height:61px;line-height:61px;}
ul.menu .menulink:hover, ul.menu .menuhover { background:#058be2; color:#fff; display:block; height:61px; line-height:61px;}


#sliderbox{ position:relative; clear:both; overflow:hidden; margin-bottom:0px;}
#slidebanner{ width:1920px; height:500px; margin-left:-950px; text-align:center; _text-align:left; overflow:hidden; position:relative; left:50%; z-index:90; clear:both;}
#slideshow li{ width:1920px; height:500px; position:absolute; left:0; top:0;}
#slideshow li img{ width:1920px; height:500px; display:block;}
#slidebanner .bx-wrapper{ height:auto;}
#slidebanner .bx-wrapper .bx-pager{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:90;}
#slidebanner .bx-wrapper .bx-pager .bx-pager-item, #slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline;}
#slidebanner .bx-wrapper .bx-pager a{ margin-left:10px; width:20px; height:20px; font-size:0; background:#FFF; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#slidebanner .bx-wrapper .bx-pager a.active{ background:#F65E4F;}
#sliderbox .bx-prev, #sliderbox .bx-next{ width:40px; height:100%; _height:400px; text-indent:-9999px; background:url(../images/arrow-slider.png) no-repeat -40px 48%; overflow:hidden; display:none; position:absolute; top:0; z-index:100; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#sliderbox .bx-prev{ left:2%; _left:69%;}
#sliderbox .bx-next{ right:2%; background-position:0 46%;}
#sliderbox .bx-prev:hover, #sliderbox .bx-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.banner-shadow{ width:100%; height:26px; background:url(../images/shadow.png) repeat; overflow:hidden; position:absolute; top:0; right:0; z-index:91;}

.licheng{ width:100%;margin:0 auto;background:url(../images/bg2.jpg) no-repeat center;height:540px;}
.fzlc{ width:1200px; margin:0 auto;}
.wenzi{ margin:0 auto;padding-top:60px; padding-bottom:40px; text-align:center;}
.wenzi h2 { color:#000; font-weight:bold; font-size:35px; text-align:center; margin:0 auto; }
.wenzi h3{ font-size:30px; color:#818181; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:normal; text-transform:uppercase;}
.bline{ background:#0271c3;height:3px;width:70px;margin:0 auto;margin-top:15px;margin-bottom:15px;}
.time-line{width:1200px;margin:30px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 38px;height: 65px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-30px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
.time-line .time-box{width: 1100px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 255px;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:200px;float: left;padding: 10px;box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer; background:#fff; height:auto; font-size:14px;  padding-bottom:10px;}
.time-line .time-box li:nth-child(2n){margin-top: 166px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}

.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
.time-line .time-box li:hover,.time-line .time-box li.active{background: #1b96ff;color:#fff;border-color: #1b96ff;}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;}
.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}



.zhong{ width:1200px; margin:0 auto; margin-top:70px; margin-bottom:70px;}
.about{ width:335px; border:1px solid #d8d8d8; padding:20px; height:250px;}
.news{ width:335px; border:1px solid #d8d8d8; padding:20px; height:250px; margin-left:48px;}
.atop{ border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
.aimg{ background:url(../images/index_12.jpg) no-repeat center; width:30px; height:30px;}
.atop h2{ color:#ffbe58; font-size:20px; padding-left:20px;}
.atop h3{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; padding-left:10px; padding-top:8px;}
.more{ margin-top:5px;}
.abnr{padding-top:15px; line-height:28px;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;overflow: hidden; height:196px;  -webkit-box-orient: vertical;}
.ntop{ border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
.nimg{ background:url(../images/index_14.jpg) no-repeat center; width:30px; height:30px;}
.ntop h2{ color:#0da056; font-size:20px; padding-left:20px;}
.ntop h3{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; padding-left:10px; padding-top:8px;}
.news ul{ padding-top:5px;  height:196px; }
.news ul li { background:url(../images/index_22.png) no-repeat left; padding-left:20px; line-height:42px; }

.list .wsbg{ width:104px; height:89px; color:#fff;}
.list .wsbg h2{ font-size:16px; color:#fff; padding-left:20px; padding-top:25px;}
.list .wsbg h3 { font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; padding-left:20px;}
.honor{ background:#058be2;}
.chang{ background:#4fb4f6;}
.yanfa{ background:#4abfa5;}
.liebiao2{ margin-top:12px; margin-bottom:12px;}
.himg{width:243px;height: 89px!important; overflow: hidden;}
.himg img{cursor: pointer; width:100%;transition: all 0.6s;}
.himg img:hover{   transform: scale(1.4);}

.chanpin{ width:1200px; margin:0 auto; margin-bottom:70px;}
.ptop{ border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.ptop .shu{ width:6px; height:30px; background:#058be2;}
.ptop h2{ font-size:25px; color:#000; line-height:30px; padding-left:15px;}
.ptop h3{ font-family:Arial, Helvetica, sans-serif; color:#9d9d9d; text-transform:uppercase; font-size:16px; padding-left:15px; line-height:30px; padding-top:5px;}
.morea{-moz-border-radius:15px;/*Firefox支持*/ -webkit-border-radius:15px;/*webkit内核的Safari和Chrome支*/border-radius:15px;/*--Opera支持*/ background:#058be2; line-height:35px; padding-left:20px; padding-right:20px;}
.morea a{ color:#fff; text-align:center}


.cplist { width:240px; margin-top:50px; height:192px;}
.cplist a{ text-decoration:none}
.cpimg{width:240px;height: 192px!important; overflow: hidden;}
.cpimg img{cursor: pointer; width:100%;transition: all 0.6s;}
.cpimg img:hover{   transform: scale(1.4);}
.bt01{background-color: rgba(255,120,0,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.bt02{background-color: rgba(72,45,19,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.bt03{background-color: rgba(252,246,6,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.bt05{background-color: rgba(74,191,165,0.9);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.bt04{background-color: rgba(20,69,19,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.biaoti h2{ font-size:17px; text-align:center}
.biaoti {color: #FFFFFF; margin-top:-110px; position:relative; width:120px; height:30px; line-height:30px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .bt01{
    background-color:#ff7800;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  
  .bt02{
    background-color:#482d13;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .bt03{
    background-color:#fcf604;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .bt04{
    background-color:#144513;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .bt05{
    background-color:#4abfa5;
    filter:Alpha(opacity=90);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .biaoti  h2{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}



.dibu{ width:100%; margin:0 auto; background:#e1f1fe}
.dibu_zhong{ width:1200px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.dlist{ width:120px; margin-right:30px;}
.dlist h2{ font-size:18px; text-align:center; font-weight:normal; color:#000;}
.dlist ul{ padding-top:10px;}
.dlist ul li{ line-height:30px; width:100%; text-align:center}
.dlist ul li a{ text-align:center}
.ewm{ width:260px;}
.lian{ width:300px; margin-left:20px;}
.lian h2{ font-size:18px; text-align:left; font-weight:normal; color:#000;}
.lian .lianxi{ padding-top:10px; line-height:27px;}

.foot{ background:url(../images/index_33.jpg) no-repeat center; height:79px; width:100%; margin:0 auto}
.foota{ width:1200px; margin:0 auto; line-height:79px; color:#555;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #555;}
a.zzb07link:hover {text-decoration: underline;color: #555;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#555;}




.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px; color: #058be2; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #058be2; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #058be2; font-weight: normal;}
.contentPage a:visited {color: #058be2; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #058be2; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#058be2;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #058be2; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.tupian ul li{ float:left;margin-bottom:20px; width:22%; overflow:hidden;margin-left:1.5%; margin-right:1.5%;}
.eenma{ text-align:center;}
.chanpinlbbc{height:260px!important;text-align:center;vertical-align:middle;display:block;position:relative;border:1px solid #0066b4;  }
.chanpinlbbc a{display:table-cell;vertical-align:middle;width:100%; height:250px!important; overflow: hidden!important;}
.chanpinlbbc a img{max-width:95%;max-height:240px; overflow:hidden!important }
.chanpinlbbc:hover{border:1px solid #F60;}


.chanpinlbbc img{cursor: pointer;transition: all 0.6s;}
.chanpinlbbc img:hover{transform: scale(1.4);}

.neiyezhong{ width:1200px; margin:0 auto}
.wenzia{ margin:0 auto;padding-top:50px; padding-bottom:50px; text-align:center;}
.wenzia h2 { color:#000; font-weight:bold; font-size:35px; text-align:center; margin:0 auto; }
.wenzia h3{ font-size:15px; color:#818181; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:normal; text-transform:uppercase;}
.neiyezhong .line{ background:#0271c3;height:3px;width:50px;margin:0 auto;margin-top:15px;margin-bottom:15px;}

.ny_pro{ width:1200px; margin:0 auto; padding-bottom:70px; line-height:30px;}
.ny_pro ul li .ny_pro_l {width: 170px;height: 170px;overflow: hidden;text-align:center;vertical-align:middle;display:block;position:relative; background:#ddd}
.ny_pro ul li .ny_pro_l a{display:table-cell;vertical-align:middle;width:222px; height:170px; }
.ny_pro ul li .ny_pro_l img{max-width:170px;max-height:170px; }



.ny_pro ul li .ny_pro_l img { transition: all 0.2s;}
.ny_pro ul li .ny_pro_r {width: 314px;padding: 36px 20px 0;}
.cle {clear: both;}
.ny_pro ul li .ny_pro_r { width: 314px; padding: 36px 20px 0;}
.ny_pro ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}
#content .box a:link, #content .box a:visited {color: #444;}
.ny_pro ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}
.ny_pro ul li {float: left;width: 576px;background: #f0f0f0;height: 170px; margin: 10px 10px;}
.ny_pro ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}

.ny_pro_list .ny_pro_l {width: 170px;height: 170px;overflow: hidden;text-align:center;vertical-align:middle;display:block;position:relative; background:#ddd}
.ny_pro_list ul li .ny_pro_l a{display:table-cell;vertical-align:middle;width:222px; height:170px; }
.ny_pro_list ul li .ny_pro_l img{max-width:170px;max-height:170px; }
.ny_pro_list ul li .ny_pro_l img { transition: all 0.2s;}
.ny_pro_list ul li .ny_pro_r {width: 314px;padding: 36px 20px 0;}

.ny_pro_list ul li .ny_pro_r { width: 314px; padding: 36px 20px 0;}
.ny_pro_list ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}

.ny_pro_list ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro_list ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro_list ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}
.ny_pro_list ul li {float: left;width: 576px;background: #f0f0f0;height: 170px; margin: 10px 10px;}
.ny_pro_list ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}

.title{ font-weight:bold; text-align:center; margin:0 auto; font-size:20px; color:#058be2; padding-bottom:20px;}
.ny_pro .img{ max-width:100%; overflow:hidden}
.ny_pro .img{ width:600px; text-align:center; margin:0 auto}
.miaoshu{ line-height:27px; width:900px; margin:0 auto}

.lanse{ background:#058be2; width:100%; margin:0 auto}
.lanse_cen{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.lanse_cen ul li{ float:left; margin-right:40px;}
.lanse_cen ul li a{ color:#fff; line-height:40px;}

.tabbox {width:1200px;margin-top:30px;}
.tabmenu {width:906px;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none; }
.tabmenu li { text-align:center; float:left; display:block; width:300px; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:20px; }
.tabmenu .cli {text-align:center;float:left;display:block;width:300px;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:20px; cursor:pointer; color:#fff;}
#tabcontent {width:900px; margin:0 auto; padding-top:30px; padding-bottom:40px;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}

.tabbox2 {width:1200px;margin-top:30px;}
.tabmenu2 {width:604px;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu2 ul {margin:0;padding:0;list-style-type: none; }
.tabmenu2 li { text-align:center; float:left; display:block; width:300px; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:20px; }
.tabmenu2 .cli {text-align:center;float:left;display:block;width:300px;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:20px; cursor:pointer; color:#fff;}

.box {
    margin-top: 54px;
    color: #444;
    line-height: 30px;
}
.qywh01 {
    background: #ededed;
    height: 208px;
    margin-top: 20px;
}
.qywh01 dl dt {
    width: 338px;
    height: 208px;
    overflow: hidden;
    float: left;
}
.qywh01 dl dt img {
    transition: all 0.2s;
}
.qywh02 dl dt img {
    transition: all 0.2s;
}
.qywh01 dl dt {
    width: 338px;
    height: 208px;
    overflow: hidden;
    float: left;
}
.qywh01 dl dd {
    width: 790px;
    padding: 30px;
    float: left;
}
.qywh h1 {
    font-size: 24px;
    color: #0075c2;
}
.qywh h2 {
    font-size: 15px;
    padding-top: 10px; line-height:25px;
}
.qywh02 {
    background: #ededed;
    height: 208px;
    margin-top: 20px;
}
.qywh02 dl dt {
    width: 800px;
    padding: 30px;
    float: left;
    text-align: right;
}
.qywh02 dl dd {
    width: 338px;
    height: 208px;
    overflow: hidden;
    float: right;
}
.qywh02 dl dd img:hover {
    transform-origin: center center;
    transform: scale(1.4,1.4);
}
.qywh01 dl dt img:hover {
    transform-origin: center center;
    transform: scale(1.4,1.4);
}

.smgnp{ padding-top:50px;}
.wostes{ width:1200px; margin:0 auto; padding-bottom:70px; line-height:30px;}


.linea{ background:#d8d8d8; height:1px; width:100%; margin:0 auto; margin-bottom:10px;}


.xinwen ul{ padding-top:5px;}
.xinwen ul li { background:url(../images/index_22.png) no-repeat left; padding-left:20px; line-height:42px; border-bottom:1px dashed #d8d88d }
/*
.kuang{ line-height:35px; border:1px solid #d8d8d8; width:350px;}*/
.zyy{ margin-left:50px;}
.daima{ margin-bottom:20px;}
/*
.kuang3{ line-height:35px; border:1px solid #d8d8d8; width:100px;}
.kuang2{ line-height:35px; border:1px solid #d8d8d8; width:190px;}
.kuang4{ line-height:35px; border:1px solid #d8d8d8; width:900px;}
*/
.tijiao{ background:#058be2; border-radius:10px; height:35px; line-height:35px; text-align:center; color:#fff; width:100px; border:0px;}
.chongxie{ background:#00994D; border-radius:10px; height:35px; line-height:35px; text-align:center; color:#fff; width:100px; border:0px; margin-left:20px;}

/*调查*/
input{ outline:none}
textarea{outline:none}
.kuang {
    line-height: 55px;
    border: 0px solid #d8d8d8;
    width: 90%;
}
.kuang4{ width:6%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.kuang3{ width:4%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.zuo{ padding-bottom:5px;}
.you{ padding-bottom:5px; text-align:right}
.manyidu{ width:83%; margin:0 auto;}
.kuang2{ padding-left:15px;}
.tijiao{ background:#058be2; border-radius:5px; height:40px; line-height:40px; color:#fff; text-align:center}
.dcb table th{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table td{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table{ border:1px solid #ccc; border-bottom:0; border-left:0;}
.shuoming{ padding:20px;}
.shuoming2{ padding:20px; padding-top:0px; padding-bottom:0px;}
.shuoming3{ padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}
.shuoming4{ padding-left:20px; padding-right:20px; }
.shuoming4 ul li{ float:left; width:33%; margin:0px; background:none; height:auto}
.shuoming4 ul li span{ padding-left:15px;}
.shuoming4 ul { width:95%; margin:0 auto}
.teshu{ background:#f2f2f2; width:96%; border:0px; padding:2%;}
.juli{ margin-bottom:15px;}

.dcb{ text-align:center; margin:0 auto; padding-top:60px;}
.dcb h2{ color:#000; font-size:35px; font-weight:bold}
.dcb h4{ font-size:17px; padding-top:20px; padding-bottom:50px;}
.dcb h3{ color:#000; font-size:25px; font-weight:bold; margin-top:20px; margin-bottom:30px;}
.pnpage{ width:400px; margin:0 auto}

.cheng{ line-height:25px;background:#fff; margin-bottom:4px; padding-left:10px; padding-right:10px;width:180px; }
.zzz{ margin:12px; width:180px; margin-right:30px;}
	 .yijian{ width:80%; margin:0 auto; padding-bottom:60px;}
	 .yjms{ margin-top:30px; line-height:30px; text-align:left; text-indent:2em;}
	 .yjms ul li p{ padding-left:55px;}
	 .yjgs{ text-align:right; line-height:30px; margin-top:30px;}
	 .kehu{ width:30%; border:0px; outline:none; border-bottom:1px solid #ededed; height:30px; line-height:30px; text-align:center}
	 .khmc{ margin-top:30px; text-align:left}

@media all and (max-width:1024px){
.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}
	
	
.alogo{ width:95%; }
.newproaa{ padding-left:50px; padding-top:30px;}
.newproaa a{font-size:18px; color:#900;}
.ppb{ font-size:20px;}

#menu{  width:95%;}
ul.menu .menulink {padding-right:17px; padding-left:17px;}

#slidebanner{ width:100%; height:auto; margin-left:0px; left:0%; }
#slideshow li{ width:100%; height:auto; }
#slideshow li img{ width:120%; height:auto;}
#slidebanner .bx-wrapper{ height:auto;}




.fzlc{ width:95%; margin:0 auto;}
.time-line{width:95%;}
.time-line .time-box{width: 90%;}


.zhong{ width:95%;}
.about{ width:28%;}
.news{ width:28%;margin-left:2.5%;}


.more a{ font-size:14px;}
.ntop h3{ font-size:11px; }
.news ul li span{ display:none}


.tuimg{ width:30%;}
.list .wsbg{ width:34%; height:89px; color:#fff;}
.himg{width:66%;}
.himg img{ height:89px;}

.chanpin{ width:95%;}
.cplist { width:20%;}
.cpimg{width:100%;height: 192px!important; overflow: hidden; }
.cpimg img{cursor: pointer; width:100%;display:block}






.dibu{ width:100%;}
.dibu_zhong{ width:95%;}
.dlist{ width:8%; margin-right:30px;}
.lian{ width:27%; margin-left:10px;}
.foota{ width:95%; }

.tupian ul li{ float:left;margin-bottom:20px; width:22%; overflow:hidden;margin-left:1.5%; margin-right:1.5%;}
.eenma{ text-align:center;}
.chanpinlbbc{height:200px!important;text-align:center;vertical-align:middle;display:block;position:relative;border:1px solid #0066b4;  }
.chanpinlbbc a{display:table-cell;vertical-align:middle;width:100%; height:198px!important; overflow: hidden!important;}
.chanpinlbbc a img{max-width:95%;max-height:200px; overflow:hidden!important }


.neiyezhong{ width:95%; }
.ny_pro{ width:95%; }
.ny_pro ul li .ny_pro_l img{max-width:170px;max-height:170px; }
.ny_pro ul li .ny_pro_r {width: 50%;padding: 36px 20px 0;}

.ny_pro ul li:nth-child(2n){ float:right}
.ny_pro ul li {float: left;width: 48%;background: #f0f0f0;height: 170px; margin:0; margin-bottom:30px;}

.ny_pro_list ul li:nth-child(2n){ float:right}
.ny_pro_list ul li {float: left;width: 49%;background: #f0f0f0;height: 170px; margin:0; margin-bottom:30px;}
.ny_pro_list ul li .ny_pro_r { width: 314px; padding: 36px 20px 0;}
.ny_pro_list ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}

.ny_pro_list ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro_list ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro_list ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}

.ny_pro_list ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}


.cheng{ line-height:25px;background:#fff; margin-bottom:4px; padding-left:10px; padding-right:10px;width:180px; }
.zzz{ margin:0px; width:180px; margin-right:30px; margin-left:0px;}

.lanse_cen{ width:95%;padding-top:10px; padding-bottom:10px;}

.tabbox {width:95%;margin-top:30px;}
.tabmenu {width:100%;}
.tabmenu ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabmenu ul li{ width:33%}
#tabcontent {width:100%;}
.tabbox2 {width:95%;}


/*企业文化*/
.box {margin-top: -30px;}
.qywh01 dl dt {width: 30%;}
.qywh01 dl dt img { width:100%; height:208px;}
.qywh01:nth-child(4){ height:250px;}
.qywh01:nth-child(2){ height:300px!important;}
.qywh01 dl dd { width: 60%;padding: 30px;float: left;}

.smgnp{ padding-top:50px;}
.wostes{ width:95%;}
.you{ width:50%}	
.pnpage{ width:50%; margin:0 auto}
}

@media screen and (max-width: 768px) {
#gg1{ display:none}	
#QQFloata{ display:none}	
#QQFloat{ display:none}	
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}




.licheng{ width:100%;height:auto; padding-bottom:40px;}
.fzlc{ width:95%; margin:0 auto;}
.wenzi{padding-top:40px;}
.wenzi h2 { font-size:30px; }
.wenzi h3{ font-size:20px; }

.time-line{width:100%; margin-top:0px; margin:0px}
.time-line .left-btn,.time-line .right-btn{background-size: auto 30px; height:40px;  z-index:11111;top:132px;}
.time-line .left-btn{ top:144px;}
.time-line .right-btn:hover{background-size: auto 30px;}
.time-line .left-btn:hover{background-size: auto 30px;}

.time-line .time-box{width: 100%;margin: 0 auto;overflow: hidden;}
.time-line .time-box li:after{  bottom: -55px; }


.zhong{ width:95%; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.about{ width:90%;padding:5%; height:auto; float:none; margin-bottom:30px;}
.news{ width:45%;padding:5%; height:auto; margin-left:0px; margin-top:0px; margin-bottom:0px; float:left}

.tuimg{ width:40%; float:right}
.list .wsbg{ width:35%; height:89px; color:#fff;}
.himg{width:65%;}
.himg img{cursor: pointer; width:100%;transition: all 0.6s; height:89px; display:block}


.chanpin{ width:95%; margin:0 auto; margin-bottom:40px;}


.cplist { width:100%; margin-top:30px; height:192px;}
.cplist a{ text-decoration:none}
.cpimg{width:100%;height: 192px!important; overflow: hidden;}
.cpimg img{cursor: pointer; width:100%;transition: all 0.6s; height:192px; object-fit: cover;}
.cpimg img:hover{   transform: scale(1.4);}


.dibu_zhong{ width:95%; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.dlist:nth-child(2n){ float:left}
.dlist{ width:16%; margin-right:0;}
.dlist:nth-child(3){ margin-top:0px;}
.dlist:nth-child(4){ margin-top:0px;}

.yincang{ display:none}

.ewm{ width:260px; margin:0 auto; float:none; margin-top:30px; display:none}
.lian{margin:0 auto; width:33%; margin-left:0%; margin-right:0%; margin-top:0px; float:right; }

.foot{ height:auto; padding-top:20px; padding-bottom:20px;}
.foota{ width:95%; margin:0 auto; line-height:30px; color:#555;}
.foota .banquan{ float:none; text-align:center;}
.foota .banquan p{ text-align:center}
.foota .beian{ float:none; text-align:center}



.tupian ul li:nth-child(2n){ float:left}
.tupian ul li{ float:left;margin-bottom:20px; width:30%; overflow:hidden;margin-left:1.5%; margin-right:1.5%;}

.chanpinlbbc{height:170px!important;justify-content: center;
align-items: center; }
.chanpinlbbc a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 170px!important;
    overflow: hidden!important;
}
.chanpinlbbc a img{max-width:95%;max-height:170px;overflow:hidden!important }


.neiyezhong{ width:95%; margin:0 auto}

.wenzia{ margin:0 auto;padding-top:40px; padding-bottom:40px; text-align:center;}
.wenzia h2 { color:#000; font-weight:bold; font-size:30px; text-align:center; margin:0 auto; }
.wenzia h3{ font-size:15px; color:#818181; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:normal; text-transform:uppercase;}
.neiyezhong .line{ background:#0271c3;height:3px;width:50px;margin:0 auto;margin-top:15px;margin-bottom:15px;}

.ny_pro table td{ font-size:14px;}
.ny_pro{ width:100%; margin:0 auto; padding-bottom:50px; line-height:30px;}
.ny_pro img{ max-width:100%!important; height:auto!important}

.ny_pro ul li .ny_pro_l {width: 45%;height: auto;overflow: hidden;text-align:center;vertical-align:middle;display:block;position:relative; background:#ddd}
.ny_pro ul li .ny_pro_l a{display:table-cell;vertical-align:middle;width:100%; height:auto; }
.ny_pro ul li .ny_pro_l img{max-width:100%;max-height:auto; width:100%; display:block }


.ny_pro ul li .ny_pro_r { width: 40%; padding: 36px 20px 0;}
.ny_pro ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}
#content .box a:link, #content .box a:visited {color: #444;}
.ny_pro ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}
.ny_pro ul li {float: none;width: 100%;background: #f0f0f0; height:auto; margin:0px; margin-bottom:20px;}
.ny_pro ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}

.ny_pro_list ul li:nth-child(2n){ float:none}
.ny_pro_list ul li {float: none;width: 100%;background: #f0f0f0;height: 170px; margin:0; margin-bottom:30px;}
.ny_pro_list ul li .ny_pro_r { width: 314px; padding: 36px 20px 0;}
.ny_pro_list ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}

.ny_pro_list ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro_list ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro_list ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}

.ny_pro_list ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}


.cheng{ line-height:25px;background:#fff; margin-bottom:4px; padding-left:10px; padding-right:10px;width:180px; }
.zzz{ margin:0px; width:180px; margin-right:30px; margin-left:0px;}



.title{ font-weight:bold; text-align:center; margin:0 auto; font-size:20px; color:#058be2; padding-bottom:20px;}
.ny_pro .img{ max-width:100%; overflow:hidden}
.ny_pro .img{ width:600px; text-align:center; margin:0 auto}
.miaoshu{ line-height:27px; width:100%; margin:0 auto}


.lanse_cen{ width:95%;margin:0 auto; padding-top:10px; padding-bottom:10px;}

.tabbox {width:100%;margin-top:30px;}
.tabmenu {width:100%;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none;display: flex; flex-wrap: wrap; justify-content: space-between;  }
.tabmenu li { text-align:center; float:left; display:block; width:33%; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:20px; }
.tabmenu .cli {text-align:center;float:left;display:block;width:33%;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:20px; cursor:pointer; color:#fff;}
#tabcontent {width:100%; margin:0 auto; padding-top:30px; padding-bottom:40px;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}

.tabbox2 {width:100%;margin-top:30px;}
.tabmenu2 {width:100%;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu2 ul {margin:0;padding:0;list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabmenu2 li { text-align:center; float:left; display:block; width:33%; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:20px; }
.tabmenu2 .cli {text-align:center;float:left;display:block;width:33%;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:20px; cursor:pointer; color:#fff;}

.box {margin-top:-40px; clear:both}
.cle{ clear:both}
.qywh01:nth-child(4) { height: auto!important;}
.qywh01 {
    background: #ededed;
    height: auto;
    margin-top: 20px;}
.qywh01 dl dt {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;}
.qywh01 dl dt img { width:100%; display:block;object-fit: cover; height:200px;
}

.qywh01 dl dt {
    width: 100%;
    height: 200px;
    overflow: hidden;
    float: none;
}
.qywh01 dl dd {
    width: 90%;
    padding: 5%;
    float: none;
}


.smgnp{ padding-top:50px;}
.wostes{ width:95%; margin:0 auto; padding-bottom:40px; line-height:30px;}
.eenma{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}


.xinwen ul{ padding-top:5px;}
.xinwen ul li { background:url(../images/index_22.png) no-repeat left; padding-left:20px; line-height:42px; border-bottom:1px dashed #d8d88d }



.xinwen table td{ font-size:14px;}
.xinwen table td:nth-child(2){ width:30%;}
/*调查*/
input{ outline:none}
textarea{outline:none}
.kuang {
    line-height: 55px;
    border: 0px solid #d8d8d8;
    width: 90%;
}
.kuang4{ width:16%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.kuang3{ width:8%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.zuo{ padding-bottom:5px; float:none; width:100%; text-align:left}
.you{ padding-bottom:5px; text-align:right; float:none; width:100%}
.manyidu{ width:100%; margin:0 auto;}
.kuang2{ padding-left:15px;}
.tijiao{ background:#058be2; border-radius:5px; height:40px; line-height:40px; color:#fff; text-align:center}
.dcb table th{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table td{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table{ border:1px solid #ccc; border-bottom:0; border-left:0;}
.shuoming{ padding:20px;}
.shuoming2{ padding:20px; padding-top:0px; padding-bottom:0px;}
.shuoming3{ padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}
.shuoming4{ padding-left:20px; padding-right:20px; }
.shuoming4 ul li{ float:none; width:100%; margin:0px; background:none; height:auto}
.shuoming4 ul li span{ padding-left:15px;}
.shuoming4 ul { width:95%; margin:0 auto}
.teshu{ background:#f2f2f2; width:96%; border:0px; padding:2%;}
.juli{ margin-bottom:15px;}

.dcb{ text-align:center; margin:0 auto; padding-top:60px;}
.dcb h2{ color:#000; font-size:30px; font-weight:bold}
.dcb h4{ font-size:17px; padding-top:20px; padding-bottom:50px;}
.dcb h3{ color:#000; font-size:25px; font-weight:bold; margin-top:20px; margin-bottom:30px;}

.pnpage{ width:100%; margin:0 auto}

.ny_pro table td{ font-size:14px;}


#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}
	
	
@media screen and (max-width: 640px) {
#gg1{ display:none}	
#QQFloata{ display:none}	
#QQFloat{ display:none}	
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}


	 .yijian{ width:100%; margin:0 auto; padding-bottom:60px;}
	 .yjms{ margin-top:30px; line-height:30px; text-align:left; text-indent:2em;}
	 .yjms ul li p{ padding-left:55px;}
	 .yjgs{ text-align:right; line-height:30px; margin-top:30px;}
	 .kehu{ width:30%; border:0px; outline:none; border-bottom:1px solid #ededed; height:30px; line-height:30px; text-align:center}
	 .khmc{ margin-top:30px; text-align:left}

.licheng{ width:100%;height:auto; padding-bottom:40px;}
.fzlc{ width:95%; margin:0 auto;}
.wenzi{padding-top:40px;}
.wenzi h2 { font-size:30px; }
.wenzi h3{ font-size:20px; }

.time-line{width:100%; margin-top:0px; margin:0px}
.time-line .left-btn,.time-line .right-btn{background-size: auto 30px; height:40px;  z-index:11111;top:132px;}
.time-line .left-btn{ top:144px;}
.time-line .right-btn:hover{background-size: auto 30px;}
.time-line .left-btn:hover{background-size: auto 30px;}

.time-line .time-box{width: 100%;margin: 0 auto;overflow: hidden;}
.time-line .time-box li:after{  bottom: -55px; }


.zhong{ width:95%; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.about{ width:90%;padding:5%; height:auto; float:none;}
.news{ width:90%;padding:5%; height:auto; margin-left:0px; margin-top:30px; margin-bottom:30px; float:none}

.tuimg{ width:100%; float:none}
.list .wsbg{ width:35%; height:89px; color:#fff;}
.himg{width:65%;}
.himg img{cursor: pointer; width:100%;transition: all 0.6s; height:89px; display:block}


.chanpin{ width:95%; margin:0 auto; margin-bottom:40px;}


.cplist { width:100%; margin-top:30px; height:192px;}
.cplist a{ text-decoration:none}
.cpimg{width:100%;height: 192px!important; overflow: hidden;}
.cpimg img{cursor: pointer; width:100%;transition: all 0.6s; height:192px; object-fit: cover;}
.cpimg img:hover{   transform: scale(1.4);}


.dibu_zhong{ width:95%; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.dlist:nth-child(2n){ float:right}
.dlist{ width:48%; margin-right:0;}
.dlist:nth-child(3){ margin-top:30px;}
.dlist:nth-child(4){ margin-top:30px;}
.dlist:nth-child(1) ul{ height:120px;}

.ewm{ width:260px; margin:0 auto; float:none; margin-top:30px; display:none}
.lian{margin:0 auto; width:72%; margin-left:14%; margin-right:14%; margin-top:30px; }

.foot{ height:auto; padding-top:20px; padding-bottom:20px;}
.foota{ width:95%; margin:0 auto; line-height:30px; color:#555;}
.foota .banquan{ float:none; text-align:center;}
.foota .banquan p{ text-align:center}
.foota .beian{ float:none; text-align:center}



.tupian ul li:nth-child(2n){ float:right}
.tupian ul li{ float:left;margin-bottom:20px; width:48%; overflow:hidden;margin-left:0%; margin-right:0%;}

.chanpinlbbc{height:170px!important; }
.chanpinlbbc a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 170px!important;
    overflow: hidden!important;
}
.chanpinlbbc a img{max-width:95%;max-height:160px;overflow:hidden!important }


.neiyezhong{ width:95%; margin:0 auto}

.wenzia{ margin:0 auto;padding-top:40px; padding-bottom:40px; text-align:center;}
.wenzia h2 { color:#000; font-weight:bold; font-size:30px; text-align:center; margin:0 auto; }
.wenzia h3{ font-size:15px; color:#818181; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:normal; text-transform:uppercase;}
.neiyezhong .line{ background:#0271c3;height:3px;width:50px;margin:0 auto;margin-top:15px;margin-bottom:15px;}

.ny_pro table td{ font-size:14px;}
.ny_pro{ width:100%; margin:0 auto; padding-bottom:50px; line-height:30px;}
.ny_pro img{ max-width:100%!important; height:auto!important}

.ny_pro ul li .ny_pro_l {width: 45%;height: auto;overflow: hidden;text-align:center;vertical-align:middle;display:block;position:relative; background:#ddd}
.ny_pro ul li .ny_pro_l a{display:table-cell;vertical-align:middle;width:100%; height:auto; }
.ny_pro ul li .ny_pro_l img{max-width:100%;max-height:auto; width:100%; display:block }


.ny_pro ul li .ny_pro_r { width: 40%; padding: 36px 20px 0;}
.ny_pro ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}
#content .box a:link, #content .box a:visited {color: #444;}
.ny_pro ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}
.ny_pro ul li {float: none;width: 100%;background: #f0f0f0; height:auto; margin:0px; margin-bottom:20px;}
.ny_pro ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}


.ny_pro_list ul li:nth-child(2n){ float:none}
.ny_pro ul li:nth-child(2n){ float:none}
.ny_pro_list ul li {float: none;width: 100%;background: #f0f0f0;height: auto; margin:0; margin-bottom:30px;}
.ny_pro_list .ny_pro_l {
    width: 100%;
    height: 170px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: relative;
    background: #ddd;object-fit: cover;
}
.ny_pro_list ul li .fl{ float:none; padding-left:0px!important; text-align:center; line-height:50px!important; margin-left:0px;}

#tabcontent table { width:100%;}

#tabcontent td{table-layout:fixed; word-break: break-all; overflow:hidden; font-size:14px; } 

.ny_pro_list ul li .ny_pro_r { width: 90%; padding: 5%}
.ny_pro_list ul li .ny_pro_r .pro_title {height: 62px;line-height: 28px;}

.ny_pro_list ul li .ny_pro_r .pro_more { width: 98px;height: 28px;line-height: 28px;text-align: center;background: #0075c2;}
.ny_pro_list ul li .ny_pro_r .pro_more a{ color:#fff;}
.ny_pro_list ul li .ny_pro_l img:hover { transform: scale(1.1,1.1);transform-origin: center center;}

.ny_pro_list ul li .ny_pro_r .pro_more a:hover{ background:#058be2; display:block}
.cheng .fr{ line-height:35px!important; margin-top:7px;}
.cheng .fl{ float:left!important; line-height:35px!important;}
.cheng{ margin:0 auto; line-height:25px;background:#fff; margin-bottom:4px; padding-left:5%; padding-right:5%;width:90%;line-height:35px!important }
.zzz{ margin:0 auto; width:90%; float:none!important; text-align:center}


.title{ font-weight:bold; text-align:center; margin:0 auto; font-size:20px; color:#058be2; padding-bottom:20px;}
.ny_pro .img{ max-width:100%; overflow:hidden}
.ny_pro .img{ width:600px; text-align:center; margin:0 auto}
.miaoshu{ line-height:27px; width:100%; margin:0 auto}


.lanse_cen{ width:95%;margin:0 auto; padding-top:10px; padding-bottom:10px;}

.tabbox {width:100%;margin-top:30px;}
.tabmenu {width:100%;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabmenu li { text-align:center; float:left; display:block; width:33%; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:17px; }
.tabmenu .cli {text-align:center;float:left;display:block;width:33%;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:17px; cursor:pointer; color:#fff;}
#tabcontent {width:100%; margin:0 auto; padding-top:30px; padding-bottom:40px;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}

.tabbox2 {width:100%;margin-top:30px;}
.tabmenu2 {width:100%;height:50px;border-left:1px solid  #CCC;border-top:1px solid #ccc; text-align:center; margin:0 auto}
.tabmenu2 ul {margin:0;padding:0;list-style-type: none;display: flex; flex-wrap: wrap; justify-content: space-between;  }
.tabmenu2 li { text-align:center; float:left; display:block; width:33%; height:50px; overflow:hidden; background-color: #f2f2f; line-height:50px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:17px; }
.tabmenu2 .cli {text-align:center;float:left;display:block;width:33%;height:50px;overflow:hidden;background-color: #058be2;line-height:50px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:17px; cursor:pointer; color:#fff;}

.box {margin-top:-40px; clear:both}
.cle{ clear:both}
.qywh01:nth-child(4) { height: auto!important;}
.qywh01 {
    background: #ededed;
    height: auto;
    margin-top: 20px;}
.qywh01 dl dt {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;}
.qywh01 dl dt img { width:100%; display:block;object-fit: cover; height:200px;
}

.qywh01 dl dt {
    width: 100%;
    height: 200px;
    overflow: hidden;
    float: none;
}
.qywh01 dl dd {
    width: 90%;
    padding: 5%;
    float: none;
}


.smgnp{ padding-top:50px;}
.wostes{ width:95%; margin:0 auto; padding-bottom:40px; line-height:30px;}
.eenma{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}


.xinwen ul{ padding-top:5px;}
.xinwen ul li { background:url(../images/index_22.png) no-repeat left; padding-left:20px; line-height:42px; border-bottom:1px dashed #d8d88d }



.xinwen table td{ font-size:14px;}
.xinwen table td:nth-child(2){ width:30%;}
/*调查*/
input{ outline:none}
textarea{outline:none}
.kuang {
    line-height: 55px;
    border: 0px solid #d8d8d8;
    width: 90%;
}
.kuang4{ width:16%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.kuang3{ width:8%; text-align:right; padding-left:10px; padding-right:10px; border:0px; line-height:30px;}
.zuo{ padding-bottom:5px; float:none; width:100%; text-align:left}
.you{ padding-bottom:5px; text-align:right; float:none; width:100%}
.manyidu{ width:100%; margin:0 auto;}
.kuang2{ padding-left:15px;}
.tijiao{ background:#058be2; border-radius:5px; height:40px; line-height:40px; color:#fff; text-align:center}
.dcb table th{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table td{padding:11px; line-height:25px;  border:1px solid #ccc; border-top:0; border-right:0; }
.dcb table{ border:1px solid #ccc; border-bottom:0; border-left:0;}
.shuoming{ padding:20px;}
.shuoming2{ padding:20px; padding-top:0px; padding-bottom:0px;}
.shuoming3{ padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}
.shuoming4{ padding-left:20px; padding-right:20px; }
.shuoming4 ul li{ float:none; width:100%; margin:0px; background:none; height:auto}
.shuoming4 ul li span{ padding-left:15px;}
.shuoming4 ul { width:95%; margin:0 auto}
.teshu{ background:#f2f2f2; width:96%; border:0px; padding:2%;}
.juli{ margin-bottom:15px;}

.dcb{ text-align:center; margin:0 auto; padding-top:60px;}
.dcb h2{ color:#000; font-size:30px; font-weight:bold}
.dcb h4{ font-size:17px; padding-top:20px; padding-bottom:50px;}
.dcb h3{ color:#000; font-size:25px; font-weight:bold; margin-top:20px; margin-bottom:30px;}

.pnpage{ width:100%; margin:0 auto}

.ny_pro table td{ font-size:14px;}


#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;

  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}

.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}