html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;font-family:SimSun,Verdana,Arial,Helvetica,sans-serif;font-size:100%}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
a,a:hover{text-decoration:none;}
input{border:0;}
*:focus {outline: none;}
.fl{float: left;}
.fr{float: right;}
body{padding-top:5em}
/*.w1440{width: 1440px;margin: 0 auto;overflow: hidden;}*/
.w90{width: 90%;margin: 0 auto;/*overflow: hidden;*/}
.eng{font-family : 宋体;}
.top{ width: 100%;height: 5.625em;background: #fff;position: fixed;top: 0;z-index: 1000;font-family : 微软雅黑;}
.top .logo{margin-top: 28px}
.top .logo img{width:10em;}
.top .nav img{cursor: pointer;z-index: 100;}
.top .nav a{color: #666;display: inline-block;height: 5.625em;width: 8%;line-height: 5.625em;}
.top .nav a:hover{color: #E5004A;}
.top .nav{ position: relative;;color: #fff;text-align: center;height:5.625em;width: 66%;line-height: 5.625em;}
.top .nav img{float: right;cursor: pointer;margin-top: 2.1em;width: 2.5em;}
.top .nav ul{float: left; position: absolute;right: 0; top:1.8em;display: none;width: 100%;cursor: pointer;text-align: right;padding-right: 10%}
.top .nav ul li{height: 40px;line-height: 40px;width: 100%;float: left;font-family : 微软雅黑;}
.banner{width: 100%;position: relative;color: #fff;clear: both;float: left;}
.banner img{width: 100%;}
.banner .w90{position: absolute;top: 50%;left: 5%;margin-top: -20.68em;}
.banner h1{font-size: 3em;line-height: 1.2em;padding-top: 3.2em;font-weight: normal;}
.banner h2{font-size: 2em;float: left;width: 100%;font-weight: normal;}
.banner  span{width: 10%;height: 3px;background: #E5004A;display: inline-block;margin: 4em auto 3em;}
/*.top .nav:hover>ul{display: block;}*/
.part1{text-align: center;color: #666;clear: both;float: left;}
.part1 .title1 h1{font-size: 2.4em;font-weight: normal;margin: 4.375em  0 .3em;}
.part1 .title1 h2{font-family : 宋体;font-size: 1.6em;font-weight: normal;}
.part1 .title1 h3{font-family : 宋体;font-size: 1.2em;font-weight: normal;line-height: 2em;}
.part1 .title1 p{width: 60px;height: 3px;background: #E5004A;margin:3.125em auto }

.part1 .p1_mid {width: 90%;margin: 0 auto;display: inline-block;}
.part1 .p1_mid div{width: 33.333%;margin: 4em auto 0;}
.part1 .p1_mid img{width: 40%;}

.part1 .p1_mid div p{font-size: 1.8em;color: #666;margin-top: 30px}

.part2{text-align: center;margin-top: 0em;clear: both;padding-bottom: 0em;color: #666;margin: 5em auto 0em}
 .more{margin: 3em auto 5em;width: 100%;font-size: 1.5em}
  .more a{color: #fff;padding: 8px 25px;background: #e60049;border-radius: 8px}
   .more a:hover{background: #aaa;color: #fff}
.part2 .hello{margin: 6em auto 5em;width: 100%;}
.part2 .title1 h1{font-family : 宋体;font-size: 2.4em;font-weight: normal;margin: 1em 0 .3em;}
.part2 .title1 h2{font-family : 宋体;font-size: 1.6em;font-weight: normal;}
.part2 .title1 h3{font-family : 宋体;font-size: 1.2em;font-weight: normal;line-height: 2em;}
.part2 .title1 p{width: 60px;height: 3px;background: #E5004A;margin:3.125em auto }
.part2 .title1{margin-bottom: 5em}
.part2 .case .casebox{width: 33.3333%;float: left;overflow: hidden;}
.part2 .case{width: 100%;margin-bottom: 3em;float: left;}
.part2 .case .casebox img{width: 100%;transform: scale(1); transition: all .6s ease 0s;  -webkit-transform: scale(1);-webkit-transform: all .6s ease 0s;}
.part2 .case .casebox img:hover{transform: scale(1.1)}
.part2 .case .casebox p{height: 4em;line-height: 4em;font-size: 1em;transform: scale(1); transition: all .6s ease 0s;  -webkit-transform: scale(1);-webkit-transform: all .6s ease 0s; }
.part2 .case .casebox:hover> p{background: #AAAAAA;color: #fff}
.part2 .case a{color: #666}
.part2 .case .caseimg{overflow: hidden;}
.part3 {text-align: center;min-height: 400px;background: #F0F0F0;margin-bottom: 5em;clear: both;;}
.part3 .ten,.part3 .thousand,.part3 .n{width: 33.333%;height: 160px;color: #E5004A;font-size: 3em;margin: 120px auto}
.part3 .thousand{margin:120px 0px }
.part3 strong{font-size: 2em;color: #E5004A;}
.part3 span{font-size: .6em;color: #666;}
.hello{text-align: center;}
.hello h1{font-family: 宋体;font-size: 3em;color: #e5004a;margin-bottom: .5em}
.hello p{font-family: 宋体;font-size: 1.8em;}
.hello p span{font-size: .8em;line-height: 1.5em;}
.footer .footer_r img{margin-right: 40px}
.footer .footer_r p{margin-right: 40px;line-height: 2.6em;margin-top: -10px}
.footer {text-align: center;height: auto;border-top: 1px solid #727171;color: #727171;font-size: 16px;line-height: 2;clear: both;font-family: 微软雅黑;padding: 80px 0 50px;display: inline-block;width: 100%;}
.footer .cpright{width:47%;text-align: left;text-indent: 30px;font-size: 14px;}
/*.footer .flogo{width: 7%;margin-top:1.4em}*/
.footer .flogo img{width: 70%;margin-top:1.4em}
.footer .contact{margin-top:12px;height: 48px;float: right;text-align: right;}
.footer .contact img{float: right;margin-left: 30px;margin-top: .5em;cursor: pointer;}
.footer .w90{font-family : 微软雅黑;text-align: left;}


.img_layout{position: absolute;bottom: -160px;left: 19px;font-size: 57px;color: #007f41;font-weight: 900;z-index: 2;}
.img_layout span{font-size: 19px;color: #007f41;display: block;text-align: right;text-transform: uppercase;}
.img_layout1{position: absolute;right: 0;top: 139px;z-index: 2;}
.imgtab{height: 346px;margin-bottom: 20px;position: relative;}
.imgtab ul{position: relative;}
.imgtab ul li{height: 344px;width: 100%;position: absolute; opacity:0;}


.banner2 {width: 100%;height:540px;}
.aboutnav{text-align: center;font-size: 1.5625em;margin: 3em auto 2em;color: #666}
.aboutnav span{font-size: .8em}
.aboutnav em{color: #666;margin: 0 2em;cursor: pointer;}
.aboutnav em:hover{color: #E5004A;font-weight: normal;}
.about{text-align: center;margin-bottom: 0em}
.about h1,.guandian h1,.aboutnews h1{font-size: 2.0em;line-height: 1.0em;font-weight: normal;color: #666;font-family : 宋体;margin-top:4em}
.about h2,.guandian h2,.aboutnews h2{font-size: 1.6em;line-height: 1.6em;font-weight: normal;color: #666}
.about p{font-size: 1.2em;line-height: 2.0em;color: #666}
.about span,.guandian span,.aboutnews span{display: inline-block;width: 6%;height: .15em;background: #E5004A;margin: 2em auto 1em}
.guandian{text-align: center;margin-bottom: 10em;padding-bottom: 3em}
.gd1{font-size: 1.8em;line-height: 2em;background: #E5004A;color: #fff;padding-top: 2.5em;margin-top:4em;padding-bottom: 2.5em;margin-bottom: 4em}
.about strong{font-size: 1.5em;display: inline-block;margin: 1em auto 2em;color: #666;font-weight: normal;}
.guandian .gd2{width: 33.33%;display: inline-block;height: auto;}
.guandian .gd2 h1{font-size: 2.4em;margin:1.2em auto .3em;line-height: 1.5em;}
.guandian .gd2 h2{font-size: 1.5em;margin: .3em auto 1.5em;line-height: 1.5em}
.guandian .gd2 p{line-height: 2.2em;color: #898989 }
.guandian .w90{margin-bottom: 5em;clear: both;}
.aboutnews{width: 100%;text-align: center;margin-bottom: 5em}
.aboutnews li{;font-size: 1.2em;height: 2em;line-height: 2em;background: url(../images/jia.png) no-repeat left center;margin-bottom: 2em;width: 49%;margin-left: 25%;text-align: left;text-indent: 5%;color: #898989}
.contuct span{display: inline-block;width: 6%;height: .2em;background: #E5004A;margin: 2.5em auto}
.contuct{text-align: center;}
.contuct h3{font-size: 1.6em;margin-top: 3em;color: #666}
.contuct p{font-size: 1.0em;color:#666;}
.joinus p{font-size: 1.2em;line-height: 2em;color: #666;margin-top: 2em}
.joinus .gw {margin-top: 5em}
.joinus .gw h2{font-size: 1.6em;font-weight: normal;}
.joinus .gw h3{font-size: 1.2em;font-weight: normal;color: #666}
.joinus .gw p{margin-top: 0em}
.fuwu{width: 33.3%;text-align: center;}
.caselist .listnav span{margin: 0 1em;display: inline-block;height: 2em;border-bottom: 1px solid #fff;line-height: 2em;}
.caselist .listnav span:hover{border-bottom: 1px solid #E5004A;}
.caselist .listnav{margin-bottom: 10px;position: relative;}
.caselist,.case2{text-align: center;color: #666;margin-bottom: 4em}
.case2{margin-top: 4em}
.caselist select{ border: none;font-size: 1.2em;color: #666;width: 197px;height: 40px;background: #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; ;padding-right: 24px;}
.caselist select option{font-size: 1.25em;border:none;}
select::-ms-expand { display: none; }
.case2 h1{font-size: 2.4em;font-weight: normal;}
.case2 span{display: inline-block;width: 6%;height: .2em;background: #E5004A;margin: 2em auto}
.case2 p{font-size: 1.6em}
.caselist span{margin: 0em 2em 1em;font-size: 1.5em;display: inline-block;}
.caselist .casebox{width: 33.333333333333%;float: left;overflow: hidden;}
.caselist{width: 100%;margin-bottom: 3em;float: left;}
.caselist .casebox .caseimg  img{ width: 100%;}
.caselist .casebox .caseimg{width: 100%;padding-bottom: 66.6666%;height: 0;}
.caselist .casebox img{transform: scale(1); transition: all .6s ease 0s;  -webkit-transform: scale(1);-webkit-transform: all .6s ease 0s;}
.caselist .casebox img:hover{transform: scale(1.1)}
.caselist .casebox p{height: 4em;line-height: 4em;font-size: 1em;transform: scale(1); transition: all .6s ease 0s;  -webkit-transform: scale(1);-webkit-transform: all .6s ease 0s; }
.caselist .casebox:hover> p{background: #ddd;color: #fff}
.caselist .casebox .caseimg{overflow: hidden;}
.caselist a{color: #666}
.casecon{text-align: center;}
.casecon img{width:1200px;margin-bottom: 3em}
.casecon .casetxt{text-align: left ;color: #666;float: left;margin-bottom: 2em}
.casecon .casetxt .fl,.casecon .casetxt .fr{width: 48%;}
.casecon .casetxt  h2{font-weight: normal;margin-bottom: 3em;margin-top: 4em;font-size: 1.5em}
.casecon .casetxt .bt1{border-top: 1px solid #ccc;padding-top: 1em}
.casecon .casetxt {line-height: 1.6em;width: 100%;}
.casecon .casetxt .jiange{display: inline-block;width: 6%;height: 1px;margin:1em 0;border-top: 1px solid #ccc; }
.casecon .casetxt p{font-size: 1em;color: #666;line-height: 2em;width: 70%;margin: 0 auto}
.casecon .casetxt h3{margin-bottom: 10px;font-size: 1.2em}

.hid{opacity:0.0!important;-webkit-transform:translateY(40px)!important;transform:translateY(40px)!important;-webkit-transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;-webkit-transition-property:opacity,-webkit-transform!important;transition-property:opacity,transform!important;-webkit-transition-duration:.44s!important;transition-duration:.44s!important}
.hid.lz{opacity:1.0!important;-webkit-transform:translateY(0) translateZ(0)!important;transform:translateY(0) translateZ(0)!important}
 
 .banner2{font-size: 3em;text-align: center;color: #fff;}
 .banner2 {padding-top:0em;text-align: center; }
 .banner2 span{display: inline-block;margin: 1em auto;width: 6%;height: .06em;background: #fff;}
 .banner2 strong{margin-top:4em;display: inline-block;font-weight: normal;}


.sideMenu{  width: 200px;float: right;position: absolute; top:10px;right: 0}
.sideMenu h3{ height:34px; line-height:34px;text-align: left;text-indent: 10px;  background:#E5004A; cursor:pointer;width: 200px;float: right;color: #fff}
.sideMenu h3 em{ margin-right: 10px;font-size: 24px }
.sideMenu ul{width: 198px; color:#999;background: #fff; display:none; padding-top: 10px;position: absolute;top: 34px;z-index: 100000;border:1px solid #ccc;}
.sideMenu ul li{color: #666;height: 34px;line-height: 34px;}
.sideMenu ul li:hover{color: #fff;background: #ccc;}

.listnav2{margin: 3em 0 }


.js-load-more{
  padding:0 15px;
  width:120px;
  height:30px;
  background-color:#D31733;
  color:#fff;
  line-height:30px;
  text-align:center;
  border-radius:5px;
  margin:20px auto;
  border:0 none;
  font-size:16px;
  display:none;/*默认不显示，ajax调用成功后才决定显示与否*/
}
.wxewm{display:none ;position: absolute;top:-115px;left: -34px;}

.wx2{position: relative;float: right;}

.telno{display:none ;position: absolute;top:-75px;left:-84px;}

.tel2{position: relative;float: right;}
.tel2 .tel{margin-top: 5px}
.qqno{display:none ;position: absolute;top:-76px;left:-84px;}
.qq2 .qq{margin-top: 5px}
.qq2{position: relative;float: right;}

.iconfont {font-size: 32px !important;height: 32px; line-height: 32px;margin-left: 30px;margin-top: 10px}
@media only screen and (max-width: 1366px) {
  .casecon img {
    width: 80%;
    margin-bottom: 3em;}
    }




    /* 本例子css */
    .slideBox{ width:100%;  overflow:hidden; position:relative;  }
.slideBox .hd {  height: 15px;  overflow: hidden;  position: absolute;  right: 50%;  bottom: 15px;  z-index: 1;margin-right: -60px;} 
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;display: table-cell; vertical-align: middle;  }
    .slideBox .hd ul li{ display: table-cell; vertical-align: middle;float:left; margin-right:10px;  width:10px; height:10px;  text-align:center; background:#fff; cursor:pointer;border-radius: 15px; }
    .slideBox .hd ul li.on{ background:#E5004A; color:#fff; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:100%; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  }