@charset "UTF-8";

@font-face {

  font-family: 'Conv_Nobel-Regular';

  src: url("../fonts/Nobel-Regular.eot");

  src: local("☺"), url("../fonts/Nobel-Regular.woff") format("woff"), url("../fonts/Nobel-Regular.ttf") format("truetype"), url("../fonts/Nobel-Regular.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* 重置样式 */

body, html, div, p, table, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

}

html{

  overflow:-Scroll;

  overflow-x:hidden;

  zoom:1;

  overflow-y:scroll;

  overflow:-moz-scrollbars-vertical;

}

ul, ol, li, dl, dt, dd {

  list-style: none;

}

img, a {

  border: none;

}

img{padding:0;margin:0;}

em {

  font-style: normal;

}

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

}

a {

  outline: none; color:#333333;

  text-decoration: none;

}

a:active {

  star: expression(this.onFocus=this.blur());

}

body {

  behavior: url(../js/csshover.htc);/* 解决ie6下hover不起作用等兼容问题 */

  font: normal 12px/22px Conv_Nobel-Regular, Arial,Helvetica, sans-serif;

  color: #263949;

}

.clear {

  width: 0;

  height: 0;

  font-size: 0;

  line-height: 0;

  clear: both;

  overflow: hidden;

}

.fl{

  float:left;

}

.fr{

  float:right;

}

.wrap1000 {

  position: relative;

  margin: 0 auto;

  width: 1000px;

}

.wrap1060 {

  position: relative;

  margin: 0 auto;

  width: 1060px;

}

.wrap1100 {

  position: relative;

  margin: 0 auto;

  width: 1100px;

}

.wrap1200 {

  margin: 0 auto;

  width: 1200px;

}

.wrap1202 {

  margin: 0 auto;

  width: 1202px;

}

.wrap1300 {

  position: relative;

  margin: 0 auto;

  width: 1300px;

}

.wrap1920 {

  position: relative;

  margin: 0 auto;

  width: 100%;

  max-width: 1920px;

}

.wrap1190 {

  position: relative;

  margin: 0 auto;

  width: 100%;

  max-width: 1190px;

}

.contanier {

  padding: 0 170px;

  background:#ececec;

}

/* 头部 */

#header{/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/}

#header .nav_top{ height:30px; background:#f0f0f0; width:100%; line-height:30px;color:#858585; font-size:12px}

.nav_top .tel em{font-family:"Impact"; color:#4bb340; font-size:14px;letter-spacing:1px}

#header #logo{

  width:415px;

  height:80px;

  text-indent: -999px;

  overflow: hidden; float:left

}

#header #logo03{

  float:left;

}

#header #logo img,#header #logo03 img {

  width: 100%;

  display: block;

}

.head .logo_box{ padding:10px 0}

.head .menu_box{ margin-top:-2px}

#header #nav li {

  float: left;

  height: 100%;

  overflow: hidden;

  z-index:99; margin-right:26px; height:100px;

}

#nav li a{

  color:#333;

  font-size:16px;

  display:block;transition: all linear 0.3s; border-bottom:3px solid #fff; padding:0 20px; height:97px; line-height:97px

}

#header #showNav {

  display: none;

  position: relative;

  float: right;

  width: 40px;

  height: 42px;

}

#header #showNav span {

  display: block;

  position: absolute;

  top: 10px;

  left: 0;

  width: 68%;

  height: 4px;

  background: #595959;

  margin-bottom: 10px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform-origin: left;

  transform-origin: left;

}

#header #showNav span:nth-of-type(2) {

  top: 19px;

}

#header #showNav span:nth-of-type(3) {

  top:30px;

}

#header #showNav.active span:nth-of-type(1) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

#header #showNav.active span:nth-of-type(2) {

  opacity: 0;

  filter: alpha(opacity=0);

}

#header #showNav.active span:nth-of-type(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/* 小屏幕导航样式 */

.shadow20 {

  display: none;

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 190;

  width: 100%;

  height: 100%;

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

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#slideNav {

  display: block;

  position: fixed;

  top: 0px;

  right: -150px;

  z-index: 190;

  width: 150px;

  height: 100%;

  background: #fff;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease; }

#slideNav a {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

  display: block;

  width:85%;

  height: 50px;

  font: normal 16px/50px Helvetica, sans-serif, "宋体";

  color: #666;

  border-bottom: #cacaca 1px solid;

  padding-left:15%

}

#slideNav li:nth-of-type(1) {

  margin-top:63px;

}

#slideNav a:hover, #slideNav a.active {

  color:#347ecd;

}

.focusA{padding-top:63px;}

#nav li .snav{ position:absolute;overflow:hidden;top:130px;display:none;background:#62c258;z-index:10;}

#nav li .snav dl dd{position:relative;height:33px;width:104px; text-align:center}

#nav li .snav dl dd a{display:block;background:none;color:#fff;font-size:12px;line-height:34px; height:33px;border-bottom:1px solid #81ce79;;overflow: hidden; padding:0; text-align:center;letter-spacing:-0.2px}

#nav li:hover{background:#4bb340;}

#nav li:hover a{color:#fff; border-bottom:3px solid #4bb340}

#slideNav li .snav{display:none;background:#fff;z-index:10}

#slideNav li .snav dl dd a{color:#4bb340;font-size:12px;background:none; height:auto; line-height:28px}

#slideNav li:hover{background:#4bb340;}

#slideNav li:hover a{color:#fff;}



/*footer*/

.footer{ width:100%; background:#f5f6f8}

.footer .f_down{width:100%; background:#4bb340; height:46px; color:#fff; font-size:14px; line-height:46px; text-align:center}

.footer .f_top{ padding:39px 0 34px 0}

.f_top .f_left{ padding-top:10px}

.f_left .f_menu{ margin-bottom:16px}

.f_left .f_menu a{ color:#4bb340; font-size:14px; font-weight:bold; margin-right:50px}

.f_left p{ color:#999; font-size:14px; line-height:30px}

.f_top .way{ padding-top:10px}

.f_top .way h5{color:#999; font-size:16px; font-weight:bold}

.f_top .way span{color:#4bb340; font-size:25px; font-family:"Impact"; display:block; background:url(../images/tel.png) no-repeat 94% top; padding-top:32px;; margin-top:35px}

.f_top .sao{ padding:12px; background:#e8ebf0; margin-right:24px; margin-left:65px}



/*首页*/

.main{ width:100%; padding-bottom:40px}

.main .section{padding:50px 0 0px 0;}

.section .title{text-align:center}

.title h1{color:#2c2c2c;font-size:30px; font-family:"Arial"; font-weight:bold}

.title h1 em{ display:block; margin:10px 0}

.title h1 span{ display:block; color:#222831; font-size:18px; font-weight:normal;}

.section .step{ padding-top:38px}

.step ul{width:1240px}

.step li{float:left; width:270px;margin-right:40px; position:relative; height:292px; overflow:hidden;cursor:pointer;background:#f6f6f6;}

.step li img{ width:270px; height:184px; overflow:hidden}

.step li a h2{ color:#1e1e1f; font-size:16px}

.step li a em{ display:block; height:3px; width:29px; background:#4bb340; margin:4px 0 7px 0}

.step li a p{ color:#666; font-size:14px; line-height:22px}

.step li a .wz{ padding:14px 15px;position:absolute;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.step li .shade{position:absolute;width:100%;height:184px;margin-top:-184px;/*background:Black;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50)*/ background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.step li .shade u{display:block;margin:0 auto;margin-top:66px;width:53px;height:53px; background:url(../images/more.png) no-repeat;}

.step li .bg{width:100%;height:108px;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.step li .bg u{display:block;position:absolute;width:100%;height:108px;background-color:#4bb340;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; margin-top:108px}

.step li:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.step li:hover .bg{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.step li:hover .bg u{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.step li:hover a h2,.step li:hover a p{ color:#fff}

.step li:hover a em{ background:#fff}

.section .more{ text-align:center;padding:50px 0 40px 0}

.section .more a{ display:inline-block; width:298px; height:46px; border:1px solid #dfdfdf; text-align:center; line-height:46px; color:#a0a0a0; font-size:14px; font-family:"Tahoma"}

.main .sy_box{ width:100%; background:#f6f6f6}

.section .step2{ padding-top:38px}

.step2 li{ float:left; width:300px; background:#fff;}

.step2 li a .wz{ padding:22px 24px 38px 24px}

.step2 li a h3{ color:#333; font-size:16px; font-weight:bold; margin-bottom:6px}

.step2 li a p{ color:#999; font-size:14px; line-height:24px;height: 72px;overflow: hidden;}

.step2 li a span{ display:block; color:#666; font-size:12px;background:url(../images/look.png) no-repeat 60px center; margin-top:17px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.step2 li .shade{position:absolute;width:100%;height:175px;margin-top:-175px;/*background:Black;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50)*/ background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.step2 li .shade u{display:block;margin:0 auto;margin-top:66px;width:53px;height:53px; background:url(../images/more.png) no-repeat;}

.step2 li:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.step2 li a .images{ position:relative; width:300px; height:175px; overflow:hidden}

.step2 li a .images em{ display:block; position:absolute; left:45%}

.step2 li a .images em.ico{ bottom:-1px}

.step2 li a .images em.ico2{top:-1px}

.step2 li:hover a span{background:url(../images/hover_look.png) no-repeat 70px center; color:#4bb340}

.section .step3{ padding-top:38px}

.step3 ul{ width:1245px}

.step3 li{float:left; width:370px; margin-right:45px; margin-bottom:33px;}

.step3 li .date{ display:inline-block; border:1px solid #636363; text-align:center; color:#333; font-size:20px; padding:7px 5px 3px 5px; margin-right:26px;transition: all linear 0.3s;}

.step3 li .date em{ font-size:12px; display:block;}

.step3 li .wz{ width:286px}
.step3 li .wz h4{ height:24px; overflow:hidden}
.step3 li .wz h4 a{ display:block; color:#333; font-size:16px; line-height:24px; margin-bottom:16px;transition: all linear 0.3s;}

.step3 li .wz p{ color:#aaa; font-size:14px; line-height:24px;height:72px; overflow:hidden}

.step3 li .wz .read{ width:78px; height:24px; border:1px solid #dfdfdf; text-align:center; line-height:24px; color:#a0a0a0; font-size:12px; display:block; margin-top:32px;transition: all linear 0.3s;}

.step3 li:hover .wz h4 a{ color:#4bb340}

.step3 li:hover .wz .read{ border:1px solid #4bb340; background:#4bb340; color:#fff}

.step3 li:hover .date{ border:1px solid #4bb340; background:#4bb340; color:#fff}

/*新闻中心*/

.focusB{ width:100%; height:500px}

.focusB img{ width:100%; height:auto}

.section2 .home{ border-bottom:1px solid #ddd; padding-top:20px}

.home span{ display:inline-block; float:right; color:#999; font-size:12px; margin-top:2px}

.home span a{color:#999;}

.home span em{ color:#4bb340}

.home h1{ color:#000; font-size:20px; padding-bottom:17px; position:relative;display: inline-block;}

.home h1 strong{ font-weight:normal; color:#999; font-size:12px; display:inline-block; margin-left:12px}

.home h1 .line{ display:block; position:absolute; left:1px; bottom:-1px; width:220px; height:1px; background:#4bb340}

.section2 .content{ padding-top:30px}

.content .leftside{width:220px;margin-right:40px}

.content .rightside{width:940px;}

.leftside .nav{width:220px;border-top:1px solid #dfdfdf}

.leftside .nav li a{ height:59px; border:1px solid #dfdfdf;display:block;line-height:60px;padding:0 20px;color:#555;font-size:14px;border-top:none;background:url(../images/jiantou.png) no-repeat 91% center}

.nav li a:hover,.nav li a.on{background:#4bb340 url(../images/jiantou2.png) no-repeat 91% center; color:#fff; border:1px solid #4bb340; border-top:none}

.leftside .contact{ border:1px solid #dfdfdf; padding:18px 10px; margin-top:20px}

.leftside .contact .way{ border-bottom:1px solid #dfdfdf; padding-bottom:6px}

.contact .way li{ margin-bottom:6px}

.contact .way li strong{ display:inline-block; float:left; margin:2px 10px 0 10px;}

.contact .way li span{ display:inline-block; float:left; color:#333; font-size:14px; width:142px; line-height:20px}

.way li span em{ display:block;color:#999; font-size:12px; margin-top:0px}

.contact .sao{ text-align:center; padding-top:21px}

.contact .sao p{ color:#666; font-size:12px; line-height:24px; margin-top:10px}

.news li{margin-bottom:34px;}

.news li .date{ display:inline-block; border:1px solid #636363; text-align:center; color:#333; font-size:20px; padding:7px 5px 3px 5px; margin-right:26px;transition: all linear 0.3s;}

.news li .date em{ font-size:12px; display:block;}

.news li .wz{ width:854px}

.news li .wz h4 a{ display:block; color:#333; font-size:14px; line-height:24px; margin-bottom:8px;transition: all linear 0.3s;}

.news li .wz p{ color:#aaa; font-size:14px; line-height:24px}

.news li .wz .read{ width:78px; height:24px; border:1px solid #dfdfdf; text-align:center; line-height:24px; color:#a0a0a0; font-size:12px; display:block; margin-top:23px;transition: all linear 0.3s;}

.news li:hover .wz h4 a{ color:#4bb340}

.news li:hover .wz .read{ border:1px solid #4bb340; background:#4bb340; color:#fff}

.news li:hover .date{ border:1px solid #4bb340; background:#4bb340; color:#fff}

/*产品中心*/

.goods ul{ width:980px}

.goods li{ float:left; width:448px; margin-right:42px; margin-bottom:30px}

.goods li .pic{ display:block; position:relative; width:240px; height:140px; overflow:hidden; margin-right:20px}

.goods li .pic img{width:240px; height:140px;}

.goods li .text{ width:188px}

.goods li a h3{color:#333; font-size:14px; font-weight:bold; margin-bottom:7px; margin-top:4px}

.goods li a p{ color:#999; font-size:14px; line-height:24px; height:96px; overflow:hidden}

.goods li a .text span{ display:block; color:#666; font-size:12px;background:url(../images/look.png) no-repeat 60px center; margin-top:27px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.goods li .shade{position:absolute;width:100%;height:140px;margin-top:-140px;/*background:Black;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50)*/ background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.goods li .shade u{display:block;margin:0 auto;margin-top:46px;width:53px;height:53px; background:url(../images/more.png) no-repeat;}

.goods li:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

.goods li:hover a .text span{background:url(../images/hover_look.png) no-repeat 70px center; color:#4bb340}

.goods li:hover a h3{color:#4bb340}



.products .down{ margin-top:30px}

.products .scroll{ width:540px; margin-right:30px}

.products .article{ width:370px}

.article h5{ color:#333; font-size:18px; font-weight:bold}

.article .phone{ padding-top:47px}

.article .phone em{ display:inline-block; float:left; margin-right:10px; margin-top:4px}

.article .phone span{ display:inline-block; float:left; color:#999; font-size:16px}

.article .phone span strong{ display:block; color:#ff5224; font-size:24px; font-weight:normal; font-family:"Impact"; margin-top:8px}

.article .fen{ margin-top:182px; margin-bottom:28px}

.article .fen span{ display:block; color:#666; font-size:12px; line-height:30px}

.article .fen span a{ color:#333}

.products .down .tit{ height:36px; background:#f7f5f5; line-height:36px; margin-bottom:30px}

.products .tit .see{ display:inline-block; float:right; background:url(../images/quan.png) no-repeat right center; color:#858585; font-size:12px; padding-right:20px; margin-right:10px}

.products .tit h6{ margin:0; padding:0; width:110px; height:36px; background:#4bb340; color:#fff; font-size:16px; text-align:center}

.products .down .js{ padding:0 20px}

/*.products .js span{ display:block; color:#666; font-size:14px; margin-bottom:10px; margin-top:22px}*/

.products .js p{color:#666; font-size:14px; line-height:24px; margin-bottom:10px}

/*典型案例*/

.case img{ width:100%; height:auto}

/*联系我们*/

.contact_us p{font-size:14px;color:#666;line-height:28px}

.contact_us p b{color:#333;font-weight:normal}

.contact_us h3{color:#333;font-size:16px;margin-bottom:7px;}

.contact_us .m25{margin-top:25px}

.contact_us .map{margin-top:20px}
.about1 p{text-indent: 28px;}
.f_top .sao{text-align: center;}
.f_top .sao img{width: 120px;height: 120px;}
.f_top .sao div{display: inline-block;text-align: center;margin: 0 10px;}
/*专利资质*/

.book ul{ width:964px}

.book li{ float:left; width:217px; margin-right:24px; text-align:center; margin-bottom:17px}

.book li a .img{ width:215px; border:1px solid #dad7d7; position:relative; height:192px; overflow:hidden}
.book li a .img img{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 150px;}

.book li a p{ color:#666; font-size:14px; margin-top:17px;height: 44px;overflow: hidden;}

.book li a .img .info{position:absolute;width:100%;height:194px;margin-top:-194px;/*background:Black;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50)*/ background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}

.book li a .img .info p{ color:#fff; font-size:14px; margin:74px 28px; height:44px; overflow:hidden}

.book li:hover a .img .info{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}

/*图片放大镜样式*/

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:540px;height:314px;}

.jqzoom img{width:540px;height:314px;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/

.spec-preview{width:540px;height:314px;}

.spec-scroll{clear:both;margin-top:20px;width:540px; position:relative;}

.spec-scroll a{ background:url(../images/img.png) no-repeat; height:18px; width:10px; overflow:hidden; position:absolute}

.spec-scroll .items{position:relative;height:75px;overflow:hidden; margin:0 auto;}

.spec-scroll .items ul{position:absolute;width:999999px;height:75px;}

.spec-scroll .items ul li{float:left;width:129px;text-align:center;height:75px; margin-right:8px; cursor:pointer}

.spec-scroll .items ul li img{width:129px;height:75px;}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px;}

.detail h2{ color:##666; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:##666;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }



#gg2{width:250px;height:90px; background:#133984; color:#fff; font-size:20px; text-align:center; line-height:90px; position:relative;z-index:1000}

#gg2 span{position: absolute; right:8px; top:8px; font-size:14px; font-weight:bold; height:20px; line-height:20px; z-index:1001;}

#gg2 span a{background:#fff;color:#133984; text-decoration:none; border-radius:100%; border:1px solid #133984; width:20px; height:20px; display:block}

.step2 li a .images img.tp_img{ width:300px; height:175px}
.step4 ul{display: grid;grid-template-columns: repeat(4, 1fr);}
.step4 li img{width: 90%;display: block;margin: 0 auto;}
.step4 li{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;display: flex;align-items:center;height:110px;}
.step4{border-top: 1px solid #ccc;border-left: 1px solid #ccc;margin: 38px 0 50px 0;}