@charset "utf-8";
html{width:100%; overflow-x:scroll;height: 100%;}

body{ font:12px/1.8 arial,"微软雅黑" !important;color:#434343; min-width:320px;}

@media only screen and (min-width:320px) {

html,body{ overflow-x:hidden;}



}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}

input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}

img{vertical-align: middle;}

.left{float:left;}

.right{float:right;}

.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }

dt{font-weight: normal;}

dt,dd{line-height: 1.8;}

a{text-decoration:none; cursor:pointer; color:#434343;transition-property:box-shadow,color,background-color,border;transition-duration:.5s;}

a:hover{ color:#c41305;text-decoration: none;}

h1{ font-size:18px}

h2{ font-size:18px}

h3{ font-size:16px}

h4{ font-size:14px}

h5{ font-size:12px}



.mobile-show{ display: block;}

.pc-show{display: block;}
.pcpc{display: none;}

.blackscreen{background: rgba(0,0,0,0.5);height: 100%;width: 100%;z-index: 10;position: fixed;left: 0;top: 0; display:none;}

.head_fx,.head_fx1{background: #fff;}

/*slider*/
.slick-slider{ position: relative; z-index: 1; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block;}

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before,.slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.pc-sousuo{border-radius:50px;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.58);position: relative; background: #930014;width: 300px;top: 50%;left: 50%;margin: -20px 0 0 -150px; position:fixed;z-index: 20; padding: 0 15px; display: none;}

.pc-sousuo input{float: left; height:40px;line-height: 40px; overflow: hidden;border: 0;background: none; color: #fff;}

.pc-ss{width: 230px;font-size:16px;}

.pc-ss::-moz-placeholder {color: #fff;opacity: 1;}

.pc-ss:-ms-input-placeholder {color: #fff;}

.pc-ss::-webkit-input-placeholder {color: #fff;}

.pc-ss1.iconfont{width: 40px; text-align: right;font-size:26px;-webkit-text-stroke-width:0; cursor: pointer;}



/****************************头部****************************/



/**************移动端**************/

.mobile-menu-height{height: 55px;}

.mobile-head{position: fixed;top: 0;width: 100%;z-index: 5; padding: 10px 0;/*display: none !important*/;background: #fff;}

.mobile-head dd{float: left;height:35px;}

.mobile-head dd img{height: 100%;}

.mobile-head dt{float: right; line-height: 35px;}

.mobile-head dt a{color: #272636;font-size: 14px; display: inline-block;float: left;}

.mobile-head dt a i{font-size: 30px; margin-right: 5px;float: left;}

#right-menu{margin-left: 15px; display: inline-block;font-size: 30px; color: #d3001d;float: left;}

#sidr-right{position:fixed;display:none;right:10px;top:0;height: 100%;z-index: 999999;width:50%;overflow-x: none;overflow-y: auto;background: #b60019;color: #fff;box-shadow:inset 1px 1px 5px rgba(0,0,0,0.38);}

/*
#sidr-right{ display:none;right: -50%;position: fixed;top: 0;height: 100%;z-index: 999999;width:50%;overflow-x: none;overflow-y: auto;background: #b60019;color: #fff;box-shadow:inset 1px 1px 5px rgba(0,0,0,0.38);}
*/

.mobile-sousuo{border-bottom: 1px solid #d50d29; padding: 10px;}

.mobile-sousuo p{border: 1px solid #800011;border-radius: 30px;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.58);position: relative; background: #930014;}

.mobile-s1{width: 100%;border: 0;background:none; line-height: 28px; height: 28px;padding:0 45px 0 10px;color:#fff}

.mobile-s1::-moz-placeholder {color: #fff;opacity: 1;}

.mobile-s1:-ms-input-placeholder {color: #fff;}

.mobile-s1::-webkit-input-placeholder {color: #fff;}

.mobile-s2.iconfont{width: 28px; position: absolute;right: 5px;height: 28px;top: 0;z-index: 1; background: none;outline: none;border: 0;font-size: 20px; line-height: 28px; text-align: center;}



#sidr-right a{ color: #fff; display: block;}

#sidr-right a i{margin-right: 5px;float: left;display: inline-block;}

#sidr-right li{line-height:35px;font-size: 14px; clear: both; overflow: hidden; border-bottom: 1px solid #d50d29;}

#sidr-right li p{ position: relative; padding: 0 10px;}

#sidr-right li p.on:before{

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

#sidr-right li p.on:before{ content: "\e609"; position: absolute;right:5px;top: 0;}

#sidr-right li.hover p.on:before{content: "\e610";}

#sidr-right li.hover p{ background: #930014;}

#sidr-right li .sr-1{ display:none; clear: both;overflow: hidden; padding: 0 10px 0 20px;font-size: 12px; background: #d50d29;}

#sidr-right li.hover .sr-1{ display: block;}



.body_mn{ display: none; clear: both; overflow: hidden; width: 100%; height: 100%; position: fixed;right: 0; top: 0; background:#fff; opacity: 0;filter:alpha(opacity=0); z-index: 100;}

.sidr-right-open .body_mn#right-menu1{ display: block;}

@media only screen and (min-width:480px) {

.mobile-menu-height{height: 77px;}

.mobile-head{padding: 15px 0;}

.mobile-head dd{height:47px;}

.mobile-head dt{line-height: 47px;}

.mobile-head dt a{font-size: 18px;margin-right:15px;}

.mobile-head dt a i{margin-right: 10px;}

.mobile-head dt a i,#right-menu{font-size:40px;}

.mobile-sousuo{ padding: 20px;}

.mobile-sousuo p{ border-radius:40px;}

.mobile-s1{line-height: 40px;height: 40px; padding: 0 60px 0 15px;font-size: 16px;}

.mobile-s2.iconfont{width: 40px; height: 40px;font-size:30px;line-height:40px;}

#sidr-right li{font-size: 20px;}

#sidr-right li p{padding:10px 20px; line-height: 40px;}

#sidr-right li p.on:before{font-size: 24px;}

#sidr-right li p a i.iconfont{font-size: 30px;margin-right:10px}

#sidr-right li .sr-1{ padding: 10px 20px 10px 30px;font-size: 16px;}

#sidr-right li p.on:before{right: 15px;line-height: 60px;}

}





@media only screen and (min-width:992px) {
.mobile-show{ display:  none;}
.pc-show{ display: block;}
.pcpc{ display: block;}
}

/**************PC**************/

header{ position: fixed;top:0;left: 0;width: 100%;z-index: 10;}

header.head-bg{background: #e8e8e8;}

.pc-head{padding: 0 15px;margin: 0 auto;width: 992px;clear: both;}

.pc-head h2{float: left; padding: 12px 0;}

.pc-head h2 img{ height:40px;}

.pc-head h2 img.logo-black{display: block;}
.pc-head h2 img.logo-white{display: none;}
.pc-menu{float: left; padding: 0 15px;font-size: 14px;}
.pc-menu li{float: left; padding: 28px 0 27px;}
.pc-menu li.pc-menu1-2{position: relative;}
.pc-menu-1{ display: block; overflow: hidden; padding: 0 9px; line-height: 24px;}
.pc-menu-1 span{ display: block; padding-bottom: 1px;}
.pc-menu li:hover .pc-menu-1 span,.pc-menu li.hover .pc-menu-1 span{border-bottom:1px solid #dc0018; padding-bottom: 0; color: #c41305;}
.pc-menu-2{ display: none; position: absolute;left: 0; top:60px;width: 100%; text-align: center; background: rgba(255,255,255,0.7); padding: 10px 0;z-index: 5;overflow: hidden;}
.pc-menu-2 a:hover{ background-color:#CF001F; color:#FFF;}

.pc-menu-2 a{ display: block; line-height:2.5;}

.pc-head1{float: right;line-height: 24px; padding: 28px 0;}

.pc-head1 a{display: inline-block; padding:  0 8px;}

.sousuo{display: inline-block;margin-left: 8px;cursor: pointer;}

.head-car{ clear: both;overflow: hidden; padding: 40px 0 50px; display:none; background: url(menu-1.png) no-repeat center bottom #fff; position: absolute;left: 0;top: 80px;width: 100%; z-index: 6;font-size: 12px;}

.head-car1{ margin: 0 auto;width:850px;border-top: 1px dotted #808080;}

.head-car1 dl{ clear: both;overflow: hidden; border-bottom: 1px dotted #808080;padding: 10px 0;}

.head-car1 dl dt{float: left;width:85px;height: 90px;}

.head-car1 dl dt table th{height: 90px; overflow: hidden;}

.head-car1 dl dt table th em{width: 60px; text-align: center; display: block;}

.head-car1 dl dt table th em img{max-height:44px;max-width: 60px;}

.head-car1 dl dt table th h3{margin-top: 5px;}

.head-car1 dl dd{overflow: hidden; padding: 15px 0;}

.head-car1 dl dd a{float: left;padding: 10px 0 10px 9px;display: inline-block;overflow: hidden;}

.head-car1 dl dd a em{float: left;height:40px; overflow: hidden ;margin-right: 8px;display: inline-block;}

.head-car1 dl dd a em img{height: 100%;}

.head-car-1{overflow: hidden; line-height: 1.5;}

.head-car-1 p{color: #818181;}

.head-car1 dl dd a:hover p,.head-car1 dl dd a:hover h4{ color: #e71f1a;}



@media only screen and (min-width:1200px) {

.pc-head{width: 1200px;}

.pc-head h2 img{ height:51px;}

.pc-menu{padding: 0 20px;font-size: 16px;}

.pc-menu li{padding: 25px 0 ;}

.pc-menu-1{ padding: 0 10px;}

.pc-menu-2{top:71px;}

.pc-menu-2 a{ font-size:14px;}

.pc-head1{padding: 25px 0;font-size: 14px;}

.pc-head1 a{padding:  0 10px;}

.sousuo{margin-left: 10px;}

.head-car{padding: 45px 0 55px; top:91px;}

.head-car1{width: 1100px;}

}

@media only screen and (min-width:1500px) {

.pc-head{width: 1440px;}

.pc-head h2{padding: 25px 0;}

.pc-head h2 img{ height:61px;}

.pc-menu{padding: 0 25px;}

.pc-menu li{padding: 38px 0 ;}

.pc-menu-1{ padding: 0 23px; line-height: 34px;}

.pc-menu-2{top: 86px;}

.pc-head1{padding: 38px 0; line-height: 34px;}

.pc-head1 a{padding:  0 15px;}

.sousuo{margin-left:15px;}

.head-car{top:111px;}

.head-car1{width: 1180px;}



}

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

.pc-head{width: 1700px;}

.pc-menu{padding: 0 35px;}

.pc-menu-1{ padding: 0 30px;}

.pc-head1 a{padding:  0 20px;}

.sousuo{margin-left:20px;}

}

/****************************底部****************************/



/**************移动端**************/



.mobile-foot{width: 100%;left: 0;bottom: 0;position: fixed;background: #fff;z-index: 5;border-top: 1px solid #e5e5e5;}

.mobile-foot.mob-fixed{position: fixed;bottom: 0;z-index: 5;}

.mobile-foot .container{padding: 0;line-height: 1.4;}

.mobile-foot .container a{float: left;width: 20%;border-right: 1px solid #e5e5e5; overflow: hidden; text-align: center; padding:5px 0;color: #333;}

.mobile-foot a i{ display: block;overflow: hidden;font-size: 24px;}

.mobile-foot .container a:last-child{border: 0;}

.mobile-foot .container a em{display: block;overflow: hidden;padding: 2px 0;}

.mobile-foot .container a em img{width: 3em;}

 
.foot-height{height: 10px;}



@media only screen and (min-width:480px) {

.mobile-foot .container a{ padding: 12px 0;font-size: 1.3em;}    

.mobile-foot .container a em{padding: 5px 0;}

.mobile-foot a i{font-size:40px;}

 
.foot-height{height: 10px;}

}



/**************PC端**************/

.foot-top{height:30px; clear:both;overflow: hidden;}

footer{position:absolute; bottom: 0;left: 0;width: 100%;z-index: 5;}

.foot{clear: both;overflow:visible; padding:10px 0;line-height: 27px;border-top: 1px solid #fafafa;background: #fff;}



.foot dl dt{float: right;width:150px;margin-top: 15px;}

.foot dl dd{overflow: hidden; color: #818181; line-height: 26px;}

.foot dl dd a{color: #c90000;margin-right: 10px;display: inline-block;text-decoration: underline;font-size: 1.1em;}

.foot dl dd span{margin-right: 10px;}

.foot dl dd i{ color: #bec2cb;margin-right: 5px;}

.foot dl dt select {

  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

  border: solid 1px #b8b8b8;

  /*很关键：将默认的select选择框样式清除*/

  appearance:none;

  -moz-appearance:none;

  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/

  background:url(foot-select.jpg) no-repeat right center transparent;

  background-size: auto 100% !important; 

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/

  padding:0 26px 0 5px;height: 26px;width: 100%;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.foot dl dt select::-ms-expand { display: none; }

@media only screen and (min-width:1200px) {

.foot-top{height:50px;}

footer{padding-left: 126px;}

.foot{padding:12px 126px 11px 0;}

.foot-bg{bottom: 0; position: absolute;left: 0;height: 77px;width: 126px; background: url(foot.png) no-repeat 0 bottom;}

.foot .container{max-width: 1170px;width: auto;}

.foot dl dd a,.foot dl dd span{margin-right:20px;}

}

@media only screen and (min-width:1500px) {

.foot{font-size: 14px;}

    

}





.bodyright{position: fixed;right:10px;top: 50%;margin-top: -128px;z-index:5;}

.bodyright li{clear: both;padding:0 0 1px 1px; position: relative;}

.bodyright li span{ display: block;width: 50px; height: 50px; background: #0c121c; color: #fff;line-height: 50px; text-align:center; cursor: pointer;transition-property:all;transition-duration:.5s;}

.bodyright li span i.iconfont{font-size:30px;-webkit-text-stroke-width:0; color: #fff;}

.bodyright li span strong{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #e50012;z-index: 1;transition-property:all;transition-duration:.5s;opacity: 0;color: #fff;padding:8px;line-height:17px;font-size: 14px;}

.bodyright li:hover span{ background: #e50012;}

.bodyright li:hover span strong{opacity: 1;}

.body-dingdu{ display: none;}

.bodyright1{ position: absolute;right:51px; top: 0; background: #e50012; color: #fff; text-align: center; padding: 10px 0; width:300px; display: none;}

.bodyright1 dd{float: left; width:50%;border-right: 1px solid #fff; padding: 0 10px; line-height: 1;}

.bodyright1 dd:last-child{border: 0;}

.bodyright1 em{ display: block;overflow: hidden;margin-bottom:7px;}

.bodyright1 em img{width: 100%;}

.loaddown{position: fixed;right:10px;top: 50%;margin-top: -80px;z-index:5;padding:45px 15px 15px;border-radius: 5px;font-size: 16px; line-height: 1.2;overflow: hidden; background: url(loaddown.png) no-repeat center 18px #c41305;}

.loaddown a{width: 1em;color: #fff; display: block;}

.loaddown a i.iconfont{font-size: 20px;}



.blackscreen1{position: fixed;height: 100%;width: 100%;z-index: 100;background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}

.car-all1{position: fixed;top: 10%;left: 3%;width: 94%;z-index: 101;display: none;max-height: 80%;overflow: scroll;}

.car-all1 table th,.car-all1 table td{border: 1px solid #000; background: #fff; padding: 10px 5px;}

.car-all1 table th{width:25%;text-align: center;}

.car-all1 table th em{display: block;overflow: hidden;}

.car-all1 table th em img{/*width: 90%;*/max-width:60px;}

.car-all1 table th strong{ padding-top: 10px;display: block;font-size: 1.2em;}

.car-all1 table td a{float: left;min-width: 50%; padding:5px;color: #818181;}

.car-all1 table td a big{ color: #434343;display: block;padding-bottom: 5px;}





@media only screen and (min-width:768px) {

.car-all1 table th,.car-all1 table td{padding: 20px 10px;}

.car-all1 table td a{min-width: 33.333%; padding: 10px;}





}



.iframe-service{padding-top:20px;}

.iframe-service body{background: none;}





.loading {position:fixed; width:100%;height:100%;z-index: 100;left: 0;top: 0;background: #000;}



svg {

  height: 120px;

  width: 120px;

  position: absolute;

  left: 50%;top: 50%;margin: -60px 0 0 -60px;z-index: 101;

  overflow: visible;

  /*   border: 1px solid red; */

}



.g-circles {

  -webkit-transform: scale(0.9) translate(7px, 7px);

  -ms-transform: scale(0.9) translate(7px, 7px);

  transform: scale(0.9) translate(7px, 7px);

}



circle {

  fill: dodgerblue;

  fill-opacity: 0;

  -webkit-animation: opacity 1.2s linear infinite;

  animation: opacity 1.2s linear infinite;

}

circle:nth-child(12n + 1) {

  -webkit-animation-delay: -0.1s;

  animation-delay: -0.1s;

}

circle:nth-child(12n + 2) {

  -webkit-animation-delay: -0.2s;

  animation-delay: -0.2s;

}

circle:nth-child(12n + 3) {

  -webkit-animation-delay: -0.3s;

  animation-delay: -0.3s;

}

circle:nth-child(12n + 4) {

  -webkit-animation-delay: -0.4s;

  animation-delay: -0.4s;

}

circle:nth-child(12n + 5) {

  -webkit-animation-delay: -0.5s;

  animation-delay: -0.5s;

}

circle:nth-child(12n + 6) {

  -webkit-animation-delay: -0.6s;

  animation-delay: -0.6s;

}

circle:nth-child(12n + 7) {

  -webkit-animation-delay: -0.7s;

  animation-delay: -0.7s;

}

circle:nth-child(12n + 8) {

  -webkit-animation-delay: -0.8s;

  animation-delay: -0.8s;

}

circle:nth-child(12n + 9) {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}

circle:nth-child(12n + 10) {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}

circle:nth-child(12n + 11) {

  -webkit-animation-delay: -1.1s;

  animation-delay: -1.1s;

}

circle:nth-child(12n + 12) {

  -webkit-animation-delay: -1.2s;

  animation-delay: -1.2s;

}



.g-circles--v2 circle {

  fill-opacity: 0;

  stroke-opacity: 0;

  stroke-width: 1;

  stroke: yellowgreen;

  -webkit-animation-name: opacity-stroke, colors, colors-stroke, transform-2;

  animation-name: opacity-stroke, colors, colors-stroke, transform-2;

}



.g-circles--v3 circle {

  fill-opacity: 1;

  -webkit-animation-name: opacity, colors;

  animation-name: opacity, colors;

}



.g-circles--v4 circle {

  fill-opacity: 1;

  fill: orange;

  -webkit-transform-origin: 60px 60px;

  -ms-transform-origin: 60px 60px;

  transform-origin: 60px 60px;

  -webkit-animation-name: opacity, colors-3, transform;

  animation-name: opacity, colors-3, transform;

}



@-webkit-keyframes opacity {

  3% {

    fill-opacity: 1;

  }



  75% {

    fill-opacity: 0;

  }

}



@keyframes opacity {

  3% {

    fill-opacity: 1;

  }



  75% {

    fill-opacity: 0;

  }

}

@-webkit-keyframes opacity-stroke {

  10% {

    stroke-opacity: 1;

  }



  85% {

    stroke-opacity: 0;

  }

}

@keyframes opacity-stroke {

  10% {

    stroke-opacity: 1;

  }



  85% {

    stroke-opacity: 0;

  }

}

@-webkit-keyframes colors {

  0% {

    fill: yellowgreen;

  }



  10% {

    fill: gold;

  }



  75% {

    fill: crimson;

  }

}

@keyframes colors {

  0% {

    fill: yellowgreen;

  }



  10% {

    fill: gold;

  }



  75% {

    fill: crimson;

  }

}

@-webkit-keyframes colors-stroke {

  0% {

    stroke: yellowgreen;

  }



  10% {

    stroke: gold;

  }



  75% {

    stroke: crimson;

  }

}

@keyframes colors-stroke {

  0% {

    stroke: yellowgreen;

  }



  10% {

    stroke: gold;

  }



  75% {

    stroke: crimson;

  }

}

@-webkit-keyframes colors-2 {

  0% {

    fill: yellow;

  }



  50% {

    fill: red;

  }



  65% {

    fill: orangered;

  }



  95% {

    fill: gold;

  }

}

@keyframes colors-2 {

  0% {

    fill: yellow;

  }



  50% {

    fill: red;

  }



  65% {

    fill: orangered;

  }



  95% {

    fill: gold;

  }

}

@-webkit-keyframes colors-3 {

  0% {

    fill: yellowgreen;

  }



  50% {

    fill: turquoise;

  }



  65% {

    fill: yellow;

  }



  95% {

    fill: orange;

  }

}

@keyframes colors-3 {

  0% {

    fill: yellowgreen;

  }



  50% {

    fill: turquoise;

  }



  65% {

    fill: yellow;

  }



  95% {

    fill: orange;

  }

}

@-webkit-keyframes transform {

  10% {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }

}

@keyframes transform {

  10% {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }

}

@-webkit-keyframes transform-2 {

  40% {

    -webkit-transform: scale(0.85);

    transform: scale(0.85);

  }



  60% {

    stroke-width: 20;

  }

}

@keyframes transform-2 {

  40% {

    -webkit-transform: scale(0.85);

    transform: scale(0.85);

  }



  60% {

    stroke-width: 20;

  }

}

.ysbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  -webkit-appearance: none;

  border: 1px solid #ececec;

  border-radius: 100%;

  overflow: hidden;

  color: #fff;

  margin: 0;

  padding: 0;

  position: relative;

}



.ysbox input[type="checkbox"]:checked {

  -webkit-appearance: none;

  background: blue;

}



.ysbox input[type="checkbox"]:checked::before {

  content: "√";

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 20px;

}



.ystip {

  font-size: 12px;

  line-height: 20px;

  padding-left: 10px;

}



.ysmask {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.6);

  display: none;

}



.ysmain {

  width: 100%;

  font-size: 13px;

  color: #818181;

  max-width: 1200px;

  line-height: 30px;

  padding: 2% 4%;

  box-sizing: border-box;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  max-height: 100vh;

  overflow-y: auto;

  top: 50%;

  transform: translateY(-50%);

  background: #fff;

}

.ysmain text{

  font-size: 14px;

  color: #666;

}

.ysmain .ftitle{

  font-size: 20px;

  font-weight: 550;

  text-align: center;

  margin-bottom: 2%;

}

.ysmain .close{

  width: 40px;

  height: 40px;

  font-size: 24px;

  border-radius: 100%;

  text-align: center;

  line-height: 40px;

  position: absolute;

  right: 1%;

  top: 1%;

}


@charset "utf-8";


.page{ clear:both;overflow: hidden; text-align: center; padding: 20px 0 0;font-size: 14px;font-family: arial;}
.page a{border: 1px solid #d3d3d3; background: #fff;margin: 0 2px; padding: 0 10px;display: inline-block; line-height: 26px;height: 28px;overflow: hidden;}
.page a.page-prev{content: "";}
.page a.icon-jiantou-copy{border-radius: 5px 0 0 5px;}
.page a.icon-jiantou{border-radius: 0 5px 5px 0;}
.page a.thisclass,.page a:hover{border-color: #d9001a;background: #d9001a;color: #fff;}
/**************
**************/
.guide-banner{background-position:center 0; background-repeat: no-repeat; background-size:auto 100% !important; clear: both;overflow: hidden; padding: 0px 0 25px;/*background-attachment: fixed*/}
.guide-bg{background-color: #fafafa;background-attachment: fixed}
.guide-bg.banner-img{background-size: auto 100% !important;}
.guide-top{ clear: both; overflow: hidden; text-align: center; padding: 15px 0;}
.guide-top dt{font-size: 1.5em;}
.guide-top dd span{text-transform: uppercase; display: inline-block;color: #B3CD4B;position: relative;font-family: "arial narrow";}
.guide-top dd span:before,.guide-top dd span:after{content: "";width: 2em;height: 3px; display:inline-block;background: #B3CD4B;top: 50%;margin-top: -3px; position: absolute;}
.guide-top dd span:before{left:-3.5em;}
.guide-top dd span:after{right:-3.5em;}
.guide-top dd p{ padding: 10px 0 0; text-align: center;color: #6d6d6d;}
.guide-menu{ padding:0 0 30px; text-align: center; line-height: 36px;font-size: 14px;}
.guide-menu a{ margin: 0 0.5em; padding: 0 1.5em; display: inline-block; overflow: hidden;border: 1px solid #ababab;border-radius:1.3em;}
.guide-menu a i.iconfont{font-size: 20px;float:left;padding-right:5px; display: inline-block;-webkit-text-stroke-width: 0;}
.guide-menu a:hover,.guide-menu a.hover{background: #B3CD4B;border-color: #B3CD4B;color: #fff;}
.guide-banner1{position: relative;clear: both;overflow: hidden;margin: 0 10px;}
.guide-banner1 img{width: 100%;}
/* dots */
.guide-banner1 .slick-dots { position: absolute; text-align: center; left: 0; bottom:3%;width: 100%;z-index: 2; margin: 0;}
.guide-banner1 .slick-dots li { overflow: hidden; display: inline-block; padding: 0 4px;}
.guide-banner1 .slick-dots li button{ display:inline-block; outline: none; line-height: 0; font-size: 0; border: 0; padding: 0; cursor: pointer; width: 12px;height: 10px;overflow: hidden;background: url(../images/pc-banner-2.png) no-repeat 0 0; background-size: auto 100% !important;}
.guide-banner1 .slick-dots li.slick-active button{background-image:url(../images/pc-banner-1.png);}

.guide{ padding-top: 0; margin: 0 -10px; }
.guide-1{background: #fff;border-top: 5px solid #c41305; padding: 10px;}
.guide-1 big{ display: block; overflow:hidden; text-align: center;color: #c41305;padding: 10px 0;}
.guide-2{ clear: both;overflow: hidden;}
.guide-2 dd{border-top: 1px dotted #b3b3b3; padding:10px 0;}
.guide-2 dd .guide-3{ clear: both;overflow: hidden;}
.guide-2 dd .guide-3 li{clear:both;overflow: hidden; padding: 10px 0;}
.guide-2 dd .guide-3 li span{ color: #c41305;float: right; line-height: 38px; text-align: center;width: 20px;font-size: 14px;}
.guide-2 dd .guide-3 li p{overflow: hidden;}
.guide-2 dd .guide-3 li p input[type='text']{background: #ebebeb;border:1px solid #dadada;width: 100%; height: 38px; line-height: 36px; padding: 0 1em;font-size: 14px;}
.guide-2 dd .guide-3 li p input::-moz-placeholder {color: #818181;opacity: 1;}
.guide-2 dd .guide-3 li p input:-ms-input-placeholder {color: #818181;}
.guide-2 dd .guide-3 li p input::-webkit-input-placeholder {color: #818181;}
/*.guide-2 dd .guide-3 li p input[type='text']:focus{
  border-color: #f96176;
  outline: 0;
}*/
.guide-2 dd .guide-3 li p select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #dadada;
  /*很关键：将默认的select选择框样式清除*/
  outline: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background:url(../images/guide-1.jpg) no-repeat right center #ebebeb;
  background-size: auto 100% !important; 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 30px 0 1em;height:38px;width: 100%;font-size: 14px; color: #818181;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.guide-2 dd .guide-3 li p select::-ms-expand,.guide2-select select::-ms-expand { display: none; }
.guide-2 dt{ clear: both; overflow: hidden; padding:20px 0 10px;border-top: 1px dotted #b3b3b3; text-align:center}
.guide-2 dt input{ border-radius: 4px; padding: 0 1.5em; height: 3em;border: 0; margin: 0 1em;}
.guide2-addr{display: none;}
.guide-submit1{ color:#fff; background: #c41305;}
.guide-submit2{ background: #d9d9d9;}

.guide1-1 li{ padding: 10px 0; clear: both;}
.guide1-1 li dl{border: 1px solid #cecece; padding: 10px;color: #818181; }
.guide1-1 li dl dt{ clear: both;overflow: hidden;border-bottom: 1px dotted #8a8a8a; padding-bottom: 10px;}
.guide1-1 li dl dt big{ clear: both;overflow: hidden;font-size: 1.3em;font-weight:lighter;display: block;font-family: "arial narrow";}
.guide1-1 li dl dt a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.guide1-1 li dl dd{ margin: 10px 0 0; clear: both;overflow: hidden;height:3.6em;}
.guide1-1 li dl:hover{box-shadow:0 2px 7px rgba(0,0,0,0.48);border-color: #fff; background: #fff;}
.guide1-1 li dl:hover dt big{ color: #000;}
.guide1-1 li dl:hover dt a{ color: #d9001a;}
.guide-more{ clear: both;overflow:hidden; padding: 1.5em 0 0.5em; text-align: center;font-size: 14px;}
.guide-more a{ border-radius: 10px; padding: 0 2em;color: #c41305;display: inline-block;overflow: hidden;border:1px solid #c41305; line-height: 2.5;}
.guide-more a:hover{background: #c41305; color: #fff;}

.guide2 .guide-top,.guide2 .guide-top dd span{ color: #fff;}
.guide2 .guide-top dd span:before,.guide2 .guide-top dd span:after{background: #fff;}
.guide2-1{ background: #fff;padding: 10px;margin: 0 -5px;}
.guide2-2{ clear: both;overflow: hidden;}
.guide2-2 li{ clear: both;overflow: hidden; padding: 7px 0;}
.guide2-2 li span{float:left; line-height:30px;}
.guide2-2 li .guide2-select{overflow: hidden; padding-left: 10px;}
.guide2-select select{
  /*Chrome和Firefox*/
  border: solid 1px #ababab;
  /*很关键：将默认的select选择框样式清除*/
  outline: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background:url(../images/guide2-2.jpg) no-repeat right center;
  background-size: auto 100% !important; 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 30px 0 1em;height:30px;width: 100%;color: #818181;
}

.guide2-select p{padding-bottom: 14px;}
.guide2-map{ clear: both;overflow: hidden;border: 1px solid #d9d9d9;}

.guide3{background-color: #fafafa;margin: 0 -5px;}
.guide3-1{overflow: hidden; padding: 10px 0;}
.guide3-1 a img{width: 100%;}
.guide3-1 .slick-prev{right:0;}
.guide3-1 .slick-prev:before{content: ">";}
.guide3-1 .slick-next{left:0;}
.guide3-1 .slick-next:before{content: "<";}
.guide3-1 .slick-prev,.guide3-1 .slick-next{ position: absolute;top:50%;height: 30px;width:30px;border: 0;overflow: hidden;outline: none; background:rgba(0,0,0,0.6);margin-top: -15px;font-family: "宋体";color: #fff;font-size:18px;line-height: 30px;}
.guide3-1 .slick-prev:before,.guide3-1 .slick-next:before{width: 100%;height: 100%; display: block;}
.guide3-1 .slick-prev:hover,.guide3-1 .slick-next:hover{background: #db0019;}
.guide3-2 li{ clear: both;overflow: hidden; padding: 10px 0;}
.guide3-2 li a{border: 1px solid #e6e6e6;display: block;overflow: hidden;}
.guide3-2 li a img{width: 100%;}
@media only screen and (min-width:480px) {
.guide-top{padding:25px 0;font-size:18px;}
.guide-top dd p{font-size: 16px; padding: 25px 0 0;}
.guide-top dt{font-size: 1.8em;}
.guide{ padding-top: 10px;}
.guide-1{padding:15px;}
.guide-1 big{padding: 10px 0 25px;}
.guide-2 dd h4{float: left;padding: 10px 0;line-height: 38px;}
.guide-2 dd .guide-3{clear: none;}
.guide-2 dd .guide-3 li span{ float: left; }
.guide-2 dd .guide-3 li p{overflow: hidden;}
.guide-2 dt{ padding:30px 0 20px;}
.guide-2 dt input{font-size: 16px; padding: 0 3em; height:3em; margin: 0 1.5em;}
.guide2-1{font-size: 14px; padding: 15px;} 
.guide2-2 li.guide2-w .guide2-select{ padding: 0;}
.guide2-select p{float: left;width: 50%; padding:0 0 14px 10px; display: inline-block; overflow: hidden;}
.guide3-1 .slick-prev,.guide3-1 .slick-next{ height:60px;width:60px;margin-top: -30px;font-size:40px;line-height: 60px;}
}
@media only screen and (min-width:768px) {
.guide{ margin: 0;}    
.guide-1 big{font-size: 16px;} 
.guide-2 dd .guide-3 li.guide-w{float: left;width:49%;overflow: hidden; clear: none; display: inline-block;}
.guide-2 dd .guide-3 li.guide-w:first-child{margin-right: 2%;}
.guide1-1{ margin: 0 -10px;}
.guide1-1 li{float: left;clear: none; padding: 10px;width: 50%;}
.guide2-1{ margin: 0; padding: 30px;}
.guide2-2{ margin: 0 -10px;}
.guide2-2 li{float: left;width:50%;padding:0 10px; clear:none;}
.guide2-2 li.guide2-w{width: 100%; padding:15px 10px 5px;}
.guide2-2 li span{ line-height: 40px;}
.guide2-select select{ height: 40px; padding-right:38px ;}
.guide3-2{ margin: 0 -15px;}
.guide3-2 li{float: left;width: 50%; padding:20px 15px; clear:none;}
.guide3-2 li em{width: 343px; height: 133px; display: table-cell;text-align: center;vertical-align: middle; overflow: hidden;}
.guide3-2 li em img{max-width: 343px;max-height: 133px;width: auto !important;}
}
@media only screen and (min-width:992px) {
.page{ padding-top: 40px;}
.guide-banner{ padding: 32px 0;}    
.guide-top{ padding: 30px 0;}
.guide-menu{ padding:2px 0 30px;font-size: 16px; line-height: 44px;}
.guide-menu a{ padding: 0 2em;}
.guide-menu a i.iconfont{font-size: 30px;}
.guide{ padding: 10px 0 80px;}
.guide-1{padding:30px;}
.guide-2 dd{float: left;width:50%;padding:15px 1% 15px 0;}
.guide-2 dd:nth-child(2n){padding:15px 0 15px 1%;} 
.guide-2 dd .guide-3 li,.guide-2 dd h4{ padding: 15px 0;} 
.guide-2 dt input{ margin: 0.6em 3em;}  
.guide1-1{margin: 0 -15px;}
.guide1-1 li{ padding:15px;font-size: 14px;}
.guide1-1 li dl{ padding: 10px 30px;}
.guide1-1 li dl dt{ padding-bottom:20px;}
.guide1-1 li dl dt big{font-size:24px;}
.guide1-1 li dl dt a{font-size: 16px;}
.guide1-1 li dl dd{margin: 15px 0;}
.guide-more{font-size: 18px;}
.guide2-1{ margin-bottom: 35px;padding: 35px 30px;}
.guide2-2{ padding:0 0 20px;}
.guide2-2 li{width: 30%;}
.guide2-2 li.guide2-w{width: 40%; padding: 0 10px;}
.guide2-select p{ padding-bottom: 0;}
.guide3-1{float: left; width:57.5%;clear: none; padding:15px 0;}
.guide3-2{ margin: 0;clear: none;padding-left:20px;overflow: hidden;}
.guide3-2 li{padding:15px 0; clear: both;width: 100%;}
.guide3-2 li em{width: 377px; height: 146px; }
.guide3-2 li em img{max-width: 377px;max-height: 146px;}
.guide2-map{height: 500px;position: relative;}
.guide2-addr{position:absolute;right:20px; top:20px;height:460px;width: 280px; background: #fbfcfd;padding: 30px 20px;z-index: 1;font-size: 12px;display: block;}
.guide2-addr span{position: absolute;left: 0;width: 100%;z-index:2;background: #d9d9d9; text-align: center;line-height: 30px;cursor: pointer;}
.guide2-addr span i.iconfont{font-size:18px;display: block;}
.guide2-addr span.next{bottom: 0;}
.guide2-addr span.prev{top: 0;}
.guide2-addr .bd .tempWrap{overflow: hidden;height:400px !important;}
.guide2-addr1{border-bottom: 1px solid #d9d9d9;clear: both;overflow: hidden;padding: 10px 0;}
.guide2-addr1 dt{float: left;margin-right: 10px;display: inline-block;color: #f01000;}
.guide2-addr1 dt i.iconfont{font-size: 24px;line-height: 36px;}
.guide2-addr1 dd{overflow:hidden;line-height: 24px;}
.guide2-addr1 dd h4{padding: 6px 0;clear: both;overflow: hidden;}
.guide2-addr1 dd p a{float: right;display: inline-block;margin-left: 5px;}
.guide2-addr1 dd p a:hover{text-decoration: underline;color: #f01000;}

}
@media only screen and (min-width:1200px) {
/*.guide-banner{background-size: auto auto !important; } */ 
.guide3-1{width: 56.5%; margin-bottom: 30px;}  
.guide3-2{padding-left:30px}
.guide3-2 li em{width:463px; height: 179px; }
.guide3-2 li em img{max-width: 463px;max-height: 179px;}



}
  	
/**************news start**************/

.news {
    padding: 0px 0 ;
}



.news-list {
    margin-top: 10px;
}

.news-list ul {
    /* width: 960px; */
    margin: 0 auto;
	 width: 80%;
}

.news-list ul li {
    list-style: none;
     margin: 0 auto;
    width: 100%;
    margin: 0 1%;
    position: relative;
    transition: 0.4s 0s;
    -webkit-transition: 0.4s 0s;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}


.news-list ul li:hover {
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 7px 17px 3px #ccc;
}

.news-list ul li a {
    display: block;
}

.news-list ul li .news-text {
    position: relative;
}

.news-list ul li .time {
    color: #666;
    position: absolute;
    height: 120px;
    width: 120px;
    left: 0;
    top: 0;
    border-left: 1px solid #B3CD4B;
    text-align: center;
    background: #B3CD4B;
    padding: 25px 0;
    box-sizing: border-box;
}

.news-list ul li .time h4 {
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    font-weight: 100;
    margin: 0;
}

.news-list ul li .time p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.news-list ul li .time2 {
    color: #666;
    position: absolute;
    height: 120px;
    width: 120px;
    left: 0;
    top: 0;
    border-left: 1px solid #e6e6e6;
    text-align: center;
    background: #F85A16;
    padding: 0px 0px;
    box-sizing: border-box;
}
.news-list ul li .time2 div{ color:#FFF; padding-top:0px; width:100%; margin:0 auto;}
.news-list ul li .time2 div img{ width:120px; height:auto;}

.news-list ul li .text {
    float: left;
    color: #333;
    padding-left: 140px;
    box-sizing: border-box;
    width: 80%;
    min-height: 64px;
    min-height: 120px;
    padding-top: 10px;
}

.news-list ul li .imgs{float: left; width: 20%; text-align: right}
.news-list ul li .imgs img{ width: 200px; height: 150px;}

.news-list ul li .text h2 {
    font-size:16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list ul li .text p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-list ul li .text .more p {
    color: #B3CD4B;
    font-size: 12px;
	font-weight:bold;
}

.news-detaile {
    padding: 90px 0;
}

.news-detaile .page-cen {
    width: 1200px;
}

.news-detaile-left {
    float: left;
    width: 920px;
}

.news-detaile-right {
    width: 300px;
    float: right;
    background: #eee;
    box-sizing: border-box;
    padding: 30px 20px;
}

.news-detaile-right .top {}

.news-detaile-right .top h2 {
    font-size: 21px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
}

.news-detaile-right .top p {
    font-size: 16px;
    color: #ccc;
    text-transform: uppercase;
}

.news-detaile-right .list ul li {
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.news-detaile-right .list ul li h2 {
    font-size: 16px;
    color: #333;
}

.news-detaile-right .list ul li p {
    font-size: 14px;
    color: #999;
}

.news-detaile-right .list ul li:hover h2 {
    color: #F85A16;
}

.news-detaile-right .list ul li:hover p {
    color: #F85A16;
}

.news-detaile .news-detaile-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;

}

.news-detaile .news-detaile-title h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
}

.news-detaile .news-detaile-title p {
    font-size: 14px;
    color: #F85A16;
    margin-top: 20px;
}

.news-detaile .news-detaile-text p {
    font-size: 14px;
    color: #666;
    text-indent: 2em;
    margin-bottom: 10px;
}

.news-detaile .news-detaile-text img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.news-box{clear: both;overflow: hidden;background: #fff; padding:10px;}
.news-box1{ padding: 10px 0 0; clear:both;overflow: hidden;}
.news-box1 dd{color: #ababab;background: #f0f0f0;padding: 13px 10px;}
.news-box1 h1{color:#000;font-size: 16px;font-weight: normal; padding-bottom: 10px; line-height: 1.5;}
.news-box1 dd p span{padding: 0 10px;}
.news-box1 dd p span:nth-child(1),.news-box1 dd p span:nth-child(3){display: none;}
.news-box1 dt{float:right;position: relative;display: none;margin-left:10px;}
.news-box1 dt i.iconfont{background: #919191;text-align: center;overflow: hidden;display: block; color: #fff;font-size: 20px;line-height: 1;padding: 5px; -webkit-text-stroke-width: 0;float: left;}
.news-box1 dt:hover i.iconfont{ background: #d9001a;}
.news-box1-1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
.news-box1-1 .bdsharebuttonbox,.news-box1-1 .bdsharebuttonbox a{width: 100%;height: 100%;margin: 0;}
.news-article{ clear:both;overflow: hidden; padding: 15px 0;color: #818181;font-size: 14px; line-height: 2;}
.news-return{border-bottom:1px solid #e5e5e5;text-align: center;padding: 10px 0 25px;}
.news-return a{border: 1px solid #e5e5e5;display: inline-block;overflow: hidden;border-radius: 5px;line-height: 2.6;font-size: 1.2em;padding: 0 2em;color: #333;}
.news-article img{max-width: 100%; height:auto}
.news-article .slick-list img{width: 100%;}
.news-page{padding: 10px 0; clear: both;overflow: hidden;font-size: 14px;}
.news-page li{ clear: both;overflow: hidden; padding: 3px 0;}
.news-page li span{float: left;}
.news-page li p{overflow: hidden;}
.news-page li p a{ display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis}
.kuandu{ width:90%; margin:0 auto; min-width:1200px;min-height:200px;}

.product {
    padding-bottom: 20px;
	position:relative;
}

.case-title {
    padding-bottom: 60px;
}

.case-title h2 {
    font-size: 30px;
    color: #fff;
    padding-bottom: 10px;
}

.case-title p {
    font-size: 16px;
    color: #fff;
}

.case_nav {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.case_nav .pic img{
    display: block;
    width: 100%;
}

.case_nav .page-cen {
    border-top: 1px solid #ccc;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 5;
    margin: 0;
    padding: 0 80px;
    box-sizing: border-box;

}

.case_nav .navv {
    margin-left: -30px;
}

.case_nav a {
    line-height: 60px;
    margin: 0 30px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

.case_nav a.active {
    color: #FF0000;
}

.case_nav a:hover {
    color: #FF0000;
}

.case_list {
    margin-top: 4px;min-height:400px;
}
.case_list ul{
    margin: 0 -1%;
}
.case_list ul li {
    margin-bottom:35px;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    width:30.333%;
    margin:0 1.5%;
    float:left;
    margin-bottom:50px;
    background:#fff;
    position:relative;
    overflow:hidden;
}
.case_list ul li .case_img img{
    display: block;
    width: 100%;
	height:auto;
}

.case_list ul li a {
    display: block;
}
.case_list .case_txt {
   position: absolute;
   bottom: -100%;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(179, 205, 75, .8);
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
}
.case_list ul li:hover .case_txt{
    bottom: 0%;
}
.case_list .case_txt a{
    display: table;
    width: 100%;
    height: 100%;
}
.case_list .case_txt .case_name{
  display: table-cell;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.case_list .case_txt .case_name h3{
    font-size: 24px;
    color: #fff;
    line-height: 40px;
}
.case_list .case_txt .case_name p{
    font-size: 14px;
    line-height: 30px;
}


.main{ padding:10px 0}
.main_a{padding:60px 0; line-height:32px;}
.main_a .db,.main .db,.main_2 .db{ font-size:30px; color:#333; line-height:45px; text-align:center; font-weight:bold; margin-bottom:40px}
.main_a .xb,.main .xb,.main_2 .xb{ text-align:center; margin:-20px 5% 40px; font-size:18px}


.recruit{font-size: 16px;height: 55px;background: #cf1213; color:#fff;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 58%;float: left;font-size: 16px;}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;font-size: 16px;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;font-size: 16px;}
.recruit .tit4, .recruit-li1 .tit4{width: 19%;float: left;font-size: 16px;}
.recruit-li1{ position:relative; padding:20px 20px; cursor:pointer}
.recruit-li1 .tit5{width: 15px;height: 100%;position: absolute;right: 30px;top: 0;background: url(arrow_icon01.png) no-repeat center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
.recruitcon li {background: #fafafa; border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 1px solid rgba(0,0,0,.1);}
.recruitcon li:nth-child(2n) {background: #fff;}
.recruit-li2{ padding:30px; background:#ebebeb; font-size:15px; display:none}
.recruit-li1.active .tit5{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}


.inbolck-contact {
}

.contact-list {
    padding-bottom: 1px;
}

.contact-list ul {
    margin: 0 -2%;
}

.contact-list ul li {
    width: 20.5%;
    margin: 0 2%;
    float: left;
    border: 1px solid #D8D8D8;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}

.contact-list ul li .li-con {
    padding: 60px 60px;
}

.contact-list ul li .li-con span {
    display: inline-block;
}

.contact-list ul li .li-con h3 {
    font-size: 26px;
    color: #2b3242;
    padding-bottom: 20px;
    position: relative;
}

.contact-list ul li .li-con h3::before {
    content: '';
    background-color: #333;
    width: 48px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: 10px;
}

.contact-list ul li .li-con p {
    font-size: 16px;
    color: #2b3242;
    font-weight: normal;
}
/*
.leftleft{ width:50%; float:left; text-align:left; color:#000; line-height:30px; }
.rightright{ width:80%;margin-left:0%; margin:0 auto;}
.rightright .text{
	height: 35px;
	line-height: 35px;
	float: left;
	margin-right:1px;
	border:1px solid #dfdfdf;
	background:rgba(94,94,94,0.1);
	text-indent:10px;
	width: 48%;
	color:#666;
}
.rightright .text::-webkit-input-placeholder,.rightright textarea::-webkit-input-placeholder{
	color: #666 !important;
}
.rightright select{
	width: 176px;
	height: 37px;
	line-height: 37px;
	float: left;
	margin-right:1px;
	border:1px solid #dfdfdf;
	background:rgba(94,94,94,0.1);
	text-indent:10px;
	color:#666;
}
.rightright textarea{
	width: 96%;
	border:1px solid #dfdfdf;
	margin-top:10px;
	height: 136px;
	background:rgba(94,94,94,0.1);
	padding:10px;
	color:#666;
	resize:none;
}
.rightright .sub{
	float: left;
	display: block;
	margin:10px 0 0 0;
	width: 96%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border:1px solid #AF0017;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	background:#AF0017;
}

*/
.toptop{ margin-top:0px;}

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

    .page-cen {
        width: 1440px;
    }

    .index-business {
        width: 720px;
    }

    .index-contact {
        width: 720px;
    }
}

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

    .page-cen {
        width: 1200px;
		margin:0 auto
    }

    .index-business {
        width: 600px;
    }

    .index-contact {
        width: 600px;
    }

    .services p {
        font-size: 13px;
    }

    .services {
        padding: 40px 10px;
    }

    .case-nav .nav li a {
        padding: 12px 12px;
    }
    .news-detaile .page-cen{
        width: 1200px;
    }
    .news-detaile-left {
       width: 860px;
    }
}
@media screen and (max-width: 1200px) {
	.kuandu{ width:96%;}
	.toptop{ margin-top:0px;}
    .page-cen {width: 100%;}
	.news-list ul li { width:98%; float: left}
    .news-list ul li .text h2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.news-list ul {
    /* width: 960px; */
    margin: 0 auto;
	 width:90%;
}
.news-list ul li .time {
    color: #666;
    position: absolute;
    height: 100px;
    width: 100px;
    left: 0;
    top: 0;
    border-left: 1px solid #B3CD4B;
    text-align: center;
    background: #B3CD4B;
    padding: 17px 0;
    box-sizing: border-box;
}

.news-list ul li .time h4 {
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    font-weight: 100;
    margin: 0;
}

.news-list ul li .time p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}


.news-list ul li .imgs{ display: none}

.news-list ul li .text {
    float: left;
    color: #333;
    padding-left: 120px;
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    min-height: 100px;
    padding-top: 10px;
}
	
.case_list {
    margin-top: 0px;min-height:400px;
}
.case_list ul li {
    margin-bottom: 35px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 48%;
    margin: 0 1%;
    float: left;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.case_list .case_txt .case_name h3{
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}

.recruit{font-size: 14px;height: 55px;background: #cf1213; color:#fff;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 58%;float: left;font-size: 14px;}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;font-size: 14px;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;font-size: 14px;}
.recruit .tit4, .recruit-li1 .tit4{ display:none;}



/*

.leftleft{ width:100%; float:inherit; text-align:left; color:#000; line-height:30px; }
.rightright{ width:100%;margin-left:0%;  float:inherit; margin-top:0px;}
*/
.contact-list ul {
    margin: 0 -2%;
}
.contact-list ul li{
        width: 48%;
		margin: 0 1% 20px;

}



.contact-list ul li .li-con {
    padding: 40px 10px;
}

.index-business {
    width: 480px;
}
.index-contact{
    width: 480px;
}
.header .menu-nav ul li a {
    padding: 0 12px;
}
.case-nav .nav li{
    width: 20%;
}
.news-detaile .page-cen{
    width: 960px;
}
.news-detaile-left {
   width: 640px;
}
}
.aboutinfo{line-height:30px; font-size:16px;word-wrap:break-word}
.aboutinfo p{ padding-bottom:10px;}
.pagepage{margin:60px auto 20px auto; width:100%; text-align:center;}


 
.pagepage a{
	display:inline-block;
	height:25px;
	line-height:25px;
	width:25px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	text-decoration:none;
	color:#333;
	background-color:#FFF;
	font-size:11px;
}

 
.pagepage a:hover,.pagepage a.hover,.current a.hover{
	color:#fff;
	background:#B3CD4B;
	border:#B3CD4B 1px solid;
}


.news-kj{/*border: 1px solid #dadada; */background: #fff; clear: both;overflow: hidden; margin: 0 -5px; padding: 10px;}
.news-kj3{ clear:both;overflow: hidden; padding: 10px 0;}
.news-kj3 big a{font-size: 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.news-kj3 p{max-height: 5.4em;overflow: hidden;font-size: 14px;color: #818181;margin: 0.5em 0;}
.news-kj3 p a{color: #d9001a;}
.news-kj2{ line-height: 24px;}
.news-kj2 i.iconfont{ margin-right: 10px;float: left;}
.news-kj button{position: absolute;z-index: 1;bottom: 20px;height: 24px;width: 24px; overflow: hidden; border: 0;background: none; line-height: 24px;outline: none; color: #d9001a;}
.news-kj button.slick-next{right:10px;}
.news-kj button.slick-prev{right:38px;}
.news-kj button:before{
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;   
}
.news-kj button.slick-next:before{ content: "\e62d";}
.news-kj button.slick-prev:before{ content: "\e62c";}
.news-kj button.slick-disabled{color: #ababab;}
.news2{ clear: both;overflow: hidden; padding: 0 10px;}
.news2 li{ padding: 15px 0;border-bottom: 1px dotted #bebebe;font-size: 14px;}
.news2-time{float: left;border-radius: 5px;height:66px;width: 66px;margin-right: 10px;overflow: hidden; background: #bcbcbc; color: #fff; text-align: center; line-height: 1.2;font-family: arial; padding: 5px 0;}
.news2-time big{ display: block;font-size: 30px;}
.news2-text{overflow: hidden; color: #818181; line-height: 1.5;}
.news2-text big a{ display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.news2-text p{overflow: hidden; margin: 0.2em 0;max-height:3em;}
.news2-text p a{ color: #d9001a;}

.news-vedio{ clear: both;overflow: hidden;}
.news-vedio li{ clear:both;overflow: hidden;padding: 10px;}
.news-vedio li a{ padding: 10px;display: block;border: 1px solid #dadada; background: #fff;}
.news-vedio1{position: relative;overflow: hidden;}
.news-vedio1 img{width: 100%;}
.news-vedio1 span,.news-vedio1 i{ position: absolute;left: 0; text-align: center;width: 100%;}
.news-vedio1 span{ background:rgba(0,0,0,0);z-index:1;height: 100%;top: 0;transition-property:all;transition-duration:.5s;}
.news-vedio li a:hover{border-color: #d9001a;}
.news-vedio li a:hover .news-vedio1 span{ background:rgba(0,0,0,0.6);}
.news-vedio1 i{top:50%;margin-top: -25px;line-height: 50px;font-size: 50px;color: #fff;z-index: 2;}
.news-vedio2{ clear: both;overflow: hidden; padding-top:10px;line-height: 26px;}
.news-vedio2 span{float: right;color: #818181;margin-left: 5px;}
.news-vedio2 p{overflow: hidden;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;}
@media only screen and (min-width:480px) {
.news1{padding: 2em 1.5em;font-size: 1.2em;}
.news-1 dt{display: none;}
.news-1 dd{ padding: 0;}
.news-1 dd p{max-height:7.2em; margin: 0.2em 0;}
.news-2{display: none;}

.news-kj{border: 1px solid #dadada;margin: 0 -5px; padding: 20px;}
.news-kj3{padding:10px 0 0;}
.news-kj button{bottom: 0px;}
.news2{ padding: 15px 10px;}

.news-vedio li{clear: none;float: left;width: 50%;}
}

@media only screen and (min-width:768px) {
.news em{float: left;width:220px;margin-right: 15px;height: 146px;overflow: hidden;}
.news em{border-radius: 4px;}
.news1{ padding:0;clear: none;min-height: 132px;background: none;border-bottom: 1px dotted #8a8a8a; }
	
.news-top{ padding: 30px 0;}    
.news-top dt{display:inline-block}
.news-top dd{clear: none;float: right;line-height: 40px;font-size: 14px;}
.news-box{border: 1px solid #cfcfcf;padding: 30px;} 
.news-box1{padding: 0 0 30px;}
.news-box1 dd{float: left;width:88%; background: none;padding: 0;color: #818181;}
.news-box1 h1{font-size: 24px;}   
.news-box1 dd p span{padding: 0 20px 0 0;}
.news-box1 dd p span:nth-child(1),.news-box1 dd p span:nth-child(3){ display: inline-block;}
.news-box1 dt{display:inline-block;}
.news-box1 dt i.iconfont{font-size:40px;padding: 0;width: 66px; height: 66px; text-align: center;line-height: 60px;}
.news-box1 dt a{ display: block;width: 100%;height: 100%;}
.news-box1 dt i.icon-xiazai{font-size: 50px; line-height: 70px;}
.news-article{ padding: 30px 0;border:dashed #c8c8c8;border-width: 1px 0;}
.news-return{display: none;}
.news-page{ padding: 30px 0 0; margin: 0 -10px;}
.news-page li{ clear: none;float: left;max-width:50%; padding: 0 10px;}
.news-page li:nth-child(2n){float: right;}
.news-kj{margin:0}
.news-kj em{float: left;width:325px;margin-right:25px;clear: none;}
.news-kj3{ clear: none; padding: 0;}
.news-kj3 p{ height: 9em;max-height:9em;margin:0.6em 0}
.news2{ padding: 0;}
.news2 li{ padding: 25px 0;}
.news-vedio{ margin: 0 -10px;}
.news-vedio li{width: 25%;}
.news.result li .news-1 dd p{height: 3.6em;margin: 0.8em 0;max-height: 3.6em;}
.news.result li .news-2{display: block;}
.news.result li em{margin-right: 25px;}
}
@media only screen and (min-width:992px) {
.news{ margin: 0 -15px;}
.news li{float: left;width: 50%; padding: 15px; clear: none;} 
.news.result li{float: none; width: 100%; clear: both;}
.news-box1 dt{ margin-left: 20px;}    

}
@media only screen and (min-width:1200px) {
.news-top{padding:45px 0 30px;}
.news{ margin: 0 -25px;}
.news li{ padding: 25px;} 
.news-1 dt,.news-2{ display: inline-block;}    
.news-1 dd p{max-height:5.4em; margin: 0.2em 0;}
.news-vedio{ margin: 0 -20px;}
.news-vedio li{padding: 20px;}
}
@media only screen and (min-width:1500px) {
.news-top{padding:65px 0 30px;}
.guide{ padding-top:10px;}
}



@-webkit-keyframes mypadding {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    visibility: visible;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0,-20px, 0);
    transform: translate3d(0, -20px, 0);
  }   
}
@keyframes mypadding {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    visibility: visible;
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0,-20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}



#colorbox button{outline: none;}

@media screen and (max-width: 767px) {
.cboxOverlay,#colorbox{ display:none !important;}
}




@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1495589388215'); /* IE9*/
  src: url('../font/iconfont.eot?t=1495589388215#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1495589388215') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1495589388215') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1495589388215#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tianmaoxingxiang2:before { content: "\e600"; }

.icon-weixin:before { content: "\e601"; }

.icon-shouye:before { content: "\e60a"; }

.icon-chengxin:before { content: "\e616"; }

.icon-dianhua:before { content: "\e60f"; }

.icon-fenxiang:before { content: "\e625"; }

.icon-jiantou:before { content: "\e63a"; }

.icon-linianpingtai:before { content: "\e60b"; }

.icon-huodong:before { content: "\e61f"; }

.icon-bao:before { content: "\e617"; }

.icon-fangxiangpan:before { content: "\e602"; }

.icon-unie61d:before { content: "\e642"; }

.icon-sousuo:before { content: "\e603"; }

.icon-jiahao:before { content: "\e62f"; }

.icon-youxiang:before { content: "\e636"; }

.icon-wangzhi:before { content: "\e630"; }

.icon-jiatingyoubian:before { content: "\e637"; }

.icon-wangdianhao:before { content: "\e620"; }

.icon-ren:before { content: "\e618"; }

.icon-wangluokeji:before { content: "\e628"; }

.icon-xiazai:before { content: "\e624"; }

.icon-jienengbiaozhun:before { content: "\e646"; }

.icon-shuxian:before { content: "\e627"; }

.icon-peijian:before { content: "\e621"; }

.icon-dianhua1:before { content: "\e64d"; }

.icon-kehuguanhuai:before { content: "\e622"; }

.icon-zhinan:before { content: "\e611"; }

.icon-24xiaoshidianhua:before { content: "\e60c"; }

.icon-icon:before { content: "\e612"; }

.icon-jifenchaxun:before { content: "\e60d"; }

.icon-baojifuben:before { content: "\e604"; }

.icon-dianhua2:before { content: "\e631"; }

.icon-jiantou1:before { content: "\e640"; }

.icon-iconfontchaxun:before { content: "\e60e"; }

.icon-dizhi:before { content: "\e632"; }

.icon-gongsi:before { content: "\e633"; }

.icon-anquan:before { content: "\e647"; }

.icon-vipdakehu:before { content: "\e619"; }

.icon-jiaodiangongyinglianchuanzhen:before { content: "\e638"; }

.icon-jiantou2:before { content: "\e614"; }

.icon-kefu:before { content: "\e605"; }

.icon-shijian:before { content: "\e606"; }

.icon-tuandui:before { content: "\e645"; }

.icon-huodong1:before { content: "\e629"; }

.icon-jiantou3:before { content: "\e64a"; }

.icon-kefurexian:before { content: "\e639"; }

.icon-quality:before { content: "\e61a"; }

.icon-wenjuan:before { content: "\e61b"; }

.icon-xinwen:before { content: "\e62a"; }

.icon-Tool-plane:before { content: "\e61c"; }

.icon-dingbu:before { content: "\e607"; }

.icon-7:before { content: "\e648"; }

.icon-che:before { content: "\e634"; }

.icon-caidan:before { content: "\e608"; }

.icon-arrowRight:before { content: "\e609"; }

.icon-jiantou4:before { content: "\e641"; }

.icon-iconfontchuangxin:before { content: "\e61d"; }

.icon-shouyi-copy:before { content: "\e635"; }

.icon-jiahao1:before { content: "\e623"; }

.icon-lineright:before { content: "\e643"; }

.icon-icon3:before { content: "\e649"; }

.icon-shehuizeren:before { content: "\e63c"; }

.icon-wenhua:before { content: "\e63d"; }

.icon-xiaoshou:before { content: "\e613"; }

.icon-arrow-left-copy:before { content: "\e62c"; }

.icon-shipin:before { content: "\e62e"; }

.icon-dianpugaikuang:before { content: "\e63e"; }

.icon-icon18-copy:before { content: "\e63f"; }

.icon-iconset0416:before { content: "\e61e"; }

.icon-zhuye:before { content: "\e626"; }

.icon-kefu1:before { content: "\e6cd"; }

.icon-kanshijie:before { content: "\e62b"; }

.icon-lineright-copy:before { content: "\e644"; }

.icon-arrowDown:before { content: "\e610"; }

.icon-jiantou-copy:before { content: "\e615"; }

.icon-arrow-left-copy-copy:before { content: "\e62d"; }

.icon-jiantou-copy1:before { content: "\e63b"; }

.icon-jiantou-copy2:before { content: "\e64b"; }

.icon-jiantou-copy-copy:before { content: "\e64c"; }