@charset "utf-8 ";



/* CSS Document */

body{ font-size:12px; font-family:微软雅黑; color:#333333;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0px; padding:0px;}

table{border-collapse:collapse;border-spacing:0}

img{ border:0px;}

a{ color:#000; text-decoration:none}

ul li{ list-style-type:none; list-style-image:none; font-size:12px;}

input{outline:none}



.top{ width:100%; height:100px; float:left; background:#fff; position:relative; z-index:99999}

.tCont{ width:1080px; height:100px; margin:0 auto;}

.logo{ float:left; height:78px; padding-top:22px;}

.nav{ float:right; height:100px;}

.nav ul li{ float:left; padding:0 12px;height:100px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.nav ul li a{ width:100%; height:100%; display:block; text-align:center; line-height:100px; font-size:15px;}

.nav ul li:hover{ background:#017157; transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;}

.nav ul li:hover a{ color:#fff}



.h1{ width:100%; height:42px; line-height:42px; padding-bottom:53px; text-align:center; font-size:35px; color:#fff; background:url(../images/a_03.png) no-repeat center bottom}



.tab-group {

  position: relative;

  margin-top: 2.5em;

  border-radius: 0 0 10px 10px;

}

.tab-group section {

  opacity: 0;

  height: 0;

  padding: 0 1em;

  overflow: hidden;

  transition: opacity 0.4s ease, height 0.4s ease;

}

.tab-group section.active {

  opacity: 1;

  height: auto;

  overflow: visible;

}

 

.tab-nav {

  list-style: none;

  margin: -1.9em -1px 0 1px;

  padding: 0;

  height: 12.5em;

  overflow: hidden;

}

.tab-nav li {

  display: inline;

}

.tab-nav li a {

  top: 1px;

  position: relative;

  display: block;

  float: left;

  padding: 0 1em;

  text-decoration: none;

  color: #fff;

  border:2px solid #89a8c6;

  border-radius:5px;

  margin-top: .5em;

  font-size:15px;

  line-height:33px;

  margin-right: 23px;

  transition: background .2s ease, line-height .2s ease, margin .2s ease;

  /*width:168px; */height:33px;; text-align:center

}

.tab-nav li.active a {

 background:red;

}



.container{ margin-top:30px; float:left; width:1080px;}

.fal{ width:1080px; height:258px; float:left;  margin-left:-51px; margin-top:-30px; position:relative}

#rel{ width:1080px; height:258px; float:left;}

#rel ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel ul li a{ width:100%; height:100%; display:block}

#rel ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel ul li div img{ width:100%;}

#rel ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel ul li:hover{ background:#e40d0d}

#rel ul li:hover p{ color:#fff;}

#rel ul li:hover div{ border:3px solid #e40d0d}

#left{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel1{ width:1080px; height:258px; float:left;}

#rel1 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel1 ul li a{ width:100%; height:100%; display:block}

#rel1 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel1 ul li div img{ width:100%;}

#rel1 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel1 ul li:hover{ background:#e40d0d}

#rel1 ul li:hover p{ color:#fff;}

#rel1 ul li:hover div{ border:3px solid #e40d0d}

#left1{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right1{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel2{ width:1080px; height:258px; float:left;}

#rel2 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel2 ul li a{ width:100%; height:100%; display:block}

#rel2 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel2 ul li div img{ width:100%;}

#rel2 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel2 ul li:hover{ background:#e40d0d}

#rel2 ul li:hover p{ color:#fff;}

#rel2 ul li:hover div{ border:3px solid #e40d0d}

#left2{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right2{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel3{ width:1080px; height:258px; float:left;}

#rel3 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel3 ul li a{ width:100%; height:100%; display:block}

#rel3 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel3 ul li div img{ width:100%;}

#rel3 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel3 ul li:hover{ background:#e40d0d}

#rel3 ul li:hover p{ color:#fff;}

#rel3 ul li:hover div{ border:3px solid #e40d0d}

#left3{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right3{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel4{ width:1080px; height:258px; float:left;}

#rel4 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel4 ul li a{ width:100%; height:100%; display:block}

#rel4 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel4 ul li div img{ width:100%;}

#rel4 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel4 ul li:hover{ background:#e40d0d}

#rel4 ul li:hover p{ color:#fff;}

#rel4 ul li:hover div{ border:3px solid #e40d0d}

#left4{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right4{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel5{ width:1080px; height:258px; float:left;}

#rel5 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel5 ul li a{ width:100%; height:100%; display:block}

#rel5 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel5 ul li div img{ width:100%;}

#rel5 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel5 ul li:hover{ background:#e40d0d}

#rel5 ul li:hover p{ color:#fff;}

#rel5 ul li:hover div{ border:3px solid #e40d0d}

#left5{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right5{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel6{ width:1080px; height:258px; float:left;}

#rel6 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel6 ul li a{ width:100%; height:100%; display:block}

#rel6 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel6 ul li div img{ width:100%;}

#rel6 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel6 ul li:hover{ background:#e40d0d}

#rel6 ul li:hover p{ color:#fff;}

#rel6 ul li:hover div{ border:3px solid #e40d0d}

#left6{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right6{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel7{ width:1080px; height:258px; float:left;}

#rel7 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel7 ul li a{ width:100%; height:100%; display:block}

#rel7 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel7 ul li div img{ width:100%;}

#rel7 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel7 ul li:hover{ background:#e40d0d}

#rel7 ul li:hover p{ color:#fff;}

#rel7 ul li:hover div{ border:3px solid #e40d0d}

#left7{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right7{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel8{ width:1080px; height:258px; float:left;}

#rel8 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel8 ul li a{ width:100%; height:100%; display:block}

#rel8 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel8 ul li div img{ width:100%;}

#rel8 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel8 ul li:hover{ background:#e40d0d}

#rel8 ul li:hover p{ color:#fff;}

#rel8 ul li:hover div{ border:3px solid #e40d0d}

#left8{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right8{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}





#rel9{ width:1080px; height:258px; float:left;}

#rel9 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel9 ul li a{ width:100%; height:100%; display:block}

#rel9 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel9 ul li div img{ width:100%;}

#rel9 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel9 ul li:hover{ background:#e40d0d}

#rel9 ul li:hover p{ color:#fff;}

#rel9 ul li:hover div{ border:3px solid #e40d0d}

#left9{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right9{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



#rel10{ width:1080px; height:258px; float:left;}

#rel10 ul li{ width:253px; height:258px; float:left; background:#d3d3d3; margin-right:22.5px}

#rel10 ul li a{ width:100%; height:100%; display:block}

#rel10 ul li div{ width:245px; height:211px; float:left; background:#fff; border:3px solid #e7e7e7; margin-left:1px; margin-top:1px; overflow:hidden;}

#rel10 ul li div img{ width:100%;}

#rel10 ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}

#rel10 ul li:hover{ background:#e40d0d}

#rel10 ul li:hover p{ color:#fff;}

#rel10 ul li:hover div{ border:3px solid #e40d0d}

#left10{ width:42px; height:42px; background:url(../images/a_10.png) no-repeat; border:0; position:absolute; left:-83px; top:105px; cursor:pointer}

#right10{ width:42px; height:42px; background:url(../images/a_13.png) no-repeat; border:0; position:absolute; right:-83px; top:105px; cursor:pointer}



.h2{ width:100%; height:42px; line-height:42px; padding-bottom:53px; text-align:center; font-size:35px; color:#fff; background:url(../images/a_19.png) no-repeat center bottom}

.Aimg{ position:absolute; overflow:hidden; left:-2000px;transition:left 0.6s;-moz-transition:left 0.6s;-webkit-transition:left 0.6s;}

.Aimg img{transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.Aimg:hover img{ transform:scale(1.1); transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.Acont{ width:363px; height:229px;top:35px; background:#fff; padding:40px 25px 0 40px; position:absolute; right:-2000px;transition:right 0.6s;-moz-transition:right 0.6s;-webkit-transition:right 0.6s;}



.Aimg1{ position:absolute; overflow:hidden; left:-2000px;transition:left 0.6s;-moz-transition:left 0.6s;-webkit-transition:left 0.6s;}

.Aimg1 img{transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.Aimg1:hover img{ transform:scale(1.1); transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.Acont1{ width:595px; height:229px;top:35px; background:#fff; padding:40px 25px 0 40px; position:absolute; right:-2000px;transition:right 0.6s;-moz-transition:right 0.6s;-webkit-transition:right 0.6s;}





.abus{ width:100%; height:30px; line-height:30px; font-size:18px; font-weight:600}

.hr{ width:19px; height:2px; background:#c6c6c6; float:left; display:block; margin-top:4px; margin-right:570px; margin-bottom:17px;}

.op{ width:100%; float:left; text-indent:2em; line-height:24px; font-size:14px; color:#555; margin-bottom:15px;}

.opw {width: 100%;float: left;/* text-indent: 2em; */line-height: 24px;font-size: 16px;color: #555;margin: 0 0 10px 45px;font-weight:bold;}

#atr{ width:98px; height:27px; display:block; float:left; border:1px solid #7c7c7c; text-align:center; line-height:27px; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif}

.page3.active .Aimg{ left:0; transition:left 0.6s;-moz-transition:left 0.6s;-webkit-transition:left 0.6s;}

.page3.active .Acont{ right:2px; transition:right 0.6s;-moz-transition:right 0.6s;-webkit-transition:right 0.6s;}



.gsjj{ width:100%; height:110px; float:left; margin-top:55px; position:relative; bottom:-100px; opacity:0;transition:bottom 0.5s,opacity 0.5s;-moz-transition:bottom 0.5s,opacity 0.5s;-webkit-transition:bottom 0.5s,opacity 0.5s;}

.page3.active .gsjj{ bottom:0; opacity:1; transition:bottom 1.5s,opacity 1.5s;-moz-transition:bottom 1.5s,opacity 1.5s;-webkit-transition:bottom 1.5s,opacity 1.5s;}



.bb{margin-top:-10px !important; transition:margin-top 0.5s;-moz-transition:margin-top 0.5s;-webkit-transition:margin-top 0.5s;}

.bb img{ opacity:1 !important;}



.b1{ width:73px; height:110px; float:left; margin-left:400px; transition:margin-top 0.5s;-moz-transition:margin-top 0.5s;-webkit-transition:margin-top 0.5s; cursor:pointer}

.b1 img{ float:left; opacity:0.3}

.b1 span{ width:73px; height:35px; line-height:35px; float:left; display:block; font-size:14px; color:#fff; text-align:center}



.b2{ width:73px; height:110px; float:left; margin:0 30px; transition:margin-top 0.5s;-moz-transition:margin-top 0.5s;-webkit-transition:margin-top 0.5s; cursor:pointer}

.b2 img{ float:left; opacity:0.3}

.b2 span{ width:73px; height:35px; line-height:35px; float:left; display:block; font-size:14px; color:#fff; text-align:center}



.b3{ width:73px; height:110px; float:left; transition:margin-top 0.5s;-moz-transition:margin-top 0.5s;-webkit-transition:margin-top 0.5s; cursor:pointer}

.b3 img{ float:left; opacity:0.3}

.b3 span{ width:73px; height:35px; line-height:35px; float:left; display:block; font-size:14px; color:#fff; text-align:center}



.ddsp{ width:253px; height:338px; position:absolute;}

.ddsp img{ width:100%; height:100%;}

.d1{ left:2000px; transition:left 0.5s;-moz-transition:left 0.5s;-webkit-transition:left 0.5s;}

.d2{left:2000px;transition:left 1s;-moz-transition:left 1s;-webkit-transition:left 1s;}

.d3{ left:2000px;transition:left 1.5s;-moz-transition:left 1.5s;-webkit-transition:left 1.5s;}

.d4{ left:2000px;transition:left 2s;-moz-transition:left 2s;-webkit-transition:left 2s;}



.h3{width:100%; height:42px; line-height:42px; padding-bottom:53px; text-align:center; font-size:35px; color:#fff; background:url(../images/a_38.png) no-repeat center bottom}

.rmer{ width:100%; height:88px; line-height:44px; float:left; margin-top:1000px; font-size:16px; color:#fff; font-weight:bold; text-align:center; opacity:0; transition:margin-top 1s,opacity 1s;-moz-transition:margin-top 1s,opacity 1s;-webkit-transition:margin-top 1s,opacity 1s;}

.rmer span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold}

.state{ width:100%; height:103px; float:left; margin-top:1000px; position:relative; border-top:1px solid #a0bdd7; border-bottom:1px solid #a0bdd7; opacity:0;transition:margin-top 1s,opacity 1s;-moz-transition:margin-top 1s,opacity 1s;-webkit-transition:margin-top 1s,opacity 1s;}

#Yleft{ width:32px; height:32px; position:absolute; left:0; top:37px; background:url(../images/d_03.png) no-repeat; border:0; cursor:pointer}

#Yright{ width:32px; height:32px; position:absolute; right:0; top:37px; background:url(../images/d_05.png) no-repeat; border:0; cursor:pointer}

#rui{ width:998px; height:70px; float:left; margin-top:16px; margin-left:40px;}

#rui ul li{ width:332px; height:70px; text-align:center; border-right:1px solid #a0bdd7; float:left}

#rui ul li img{ height:70px;}

.see{ width:100%; height:31px; float:left; text-align:center; margin-top:120px; padding-top:50px; background:url(../images/a_54.png) no-repeat center top;}

.see a{ width:680px; height:30px; text-align:center; line-height:30px; display:block; font-size:16px; color:#000; font-weight:bold; margin:0 auto; /*background:#fff*/}

.page4.active .rmer{ margin-top:20px; opacity:1; transition:margin-top 1s,opacity 1s;-moz-transition:margin-top 1s,opacity 1s;-webkit-transition:margin-top 1s,opacity 1s;}

.page4.active .state{ margin-top:185px; opacity:1;transition:margin-top 1s,opacity 1s;-moz-transition:margin-top 1s,opacity 1s;-webkit-transition:margin-top 1s,opacity 1s; transition-delay:0.5s}



.h4{width:100%; height:42px; line-height:42px; padding-bottom:53px; text-align:center; font-size:35px; color:#017157; background:url(../images/a_58.png) no-repeat center bottom;}

.news{ width:100%; height:478px; float:left; margin-top:35px; }

.news ul li{ width:270px; height:478px; float:left; position:relative}

.ne1{ width:234px; height:209px; float:left; position:relative; padding:30px 18px 0; background:#fff;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.ne1 h3{ font-size:18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ne1 p{ font-size:14px; color:#9f9f9f; line-height:26px; padding-top:10px;}

.ne1 span{ font-size:12px;color:#9f9f9f; padding-top:33px; display:block}

.ne2{ width:270px; height:239px; float:left; overflow:hidden}

.ne2 img{ width:270px; height:239px;transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.news ul li:hover .ne2 img{ transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;}

.jt{ width:22px; height:11px; position:absolute; background:url(../images/ov_03.png) no-repeat; left:34px; top:239px; z-index:1; transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.jt1{width:22px; height:11px; position:absolute; background:url(../images/oc_05.png) no-repeat; left:34px; top:-11px; z-index:1; transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.ne1:hover{ background:#017157; transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.ne1:hover .jt{ background:url(../images/ob_03.png) no-repeat; transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.ne1:hover .jt1{ background:url(../images/oc_03.png) no-repeat; transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;}

.ne1:hover h3{ color:#fff;}

.ne1:hover p{color:#c2daf1;}

.ne1:hover span{ color:#c2daf1}



.footer{ height:400px !important; background:url(../images/a_69.jpg) repeat-x}

.foot{ width:1080px; height:400px; margin:0 auto;}

.ft1{ width:220px; height:299px; float:left; margin-top:45px;}

.ft1 dt{ height:21px; font-size:16px; color:#017157; font-weight:bold; width:100%; float:left; margin-bottom:15px;}

.ft1 dd{ padding-left:20px; font-size:15px; color:#555; line-height:24px;}

.ft1 dd a{color:#555;}

.konge{ width:100%; height:25px;}

.ft2{ width:227px; height:299px; float:left; margin-top:45px;}

.ft2 dt{ height:21px; font-size:16px; color:#017157; font-weight:bold; width:100%; float:left; margin-bottom:15px;}

.ft2 dd{ padding-left:20px; font-size:15px; color:#555; line-height:24px;}

.ft2 dd a{color:#555;}

.ft3{ width:430px; height:299px; float:left; margin-top:45px;}

.ft3 dt{ height:21px; font-size:16px; color:#017157; font-weight:bold; width:100%; float:left; margin-bottom:15px;}

.ft3 dd{ padding-left:20px; font-size:15px; color:#555; line-height:24px;}

.ft3 dd a{color:#555;}

.ft4{ width:430px; height:299px; float:left; margin-top:45px;}

/*.ft4 img{ float:left;}*/

.ft4 p {float:left;}

.ft4 p.p1 {display:inline-block;padding-right: 35px;}

.ft4 p.p2 {display:inline-block;padding-right: 35px;}

.ft4 p.p3 {display:inline-block;}

.ft4 span{ width:112px; height:40px; line-height:40px; text-align:center; display:block; font-size:15px; color:#555}

/*.ft5{ width:100%; height:56px; float:left; text-align:center; line-height:56px; font-size:12px; color:#000000}

.ft5 a{ color:#000000}*/

.ft5{ width:100%; height:56px; float:left; text-align:center; line-height:56px; font-size:12px; color:#90b2d1}

.ft5 a{ color:#90b2d1}



.banner{ width:100%; float:left; text-align:center}

.banner img{ max-width:100%}

.cost{ width:100%; float:left; margin:26px 0;}

.sts{ width:1080px; margin:0 auto;}

.Pleft{ width:222px; float:left; background:#017157; padding:20px 3px 9px; border-radius:3px;}

.list{ width:100%; height:69px; float:left; text-align:center; line-height:27px; font-size:18px; color:#fff; font-weight:bold;}

.list i{ font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:500}

.prods{ width:204px; float:left; background:#fff; padding:9px; border-radius:5px;}

.prods ul li{ width:204px; height:37px; float:left; background:#ededed; margin-bottom:5px}

.prods ul li a{ width:190px; height:100%; display:block; padding-left:14px; line-height:37px; background:url(../images/p1.jpg) no-repeat 180px center;}

.prods ul dd{ width:174px; height:30px; line-height:30px; float:left; padding-left:30px; background:url(../images/p2.jpg) no-repeat 15px center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pli{ float:left; padding-bottom:7px}

.Pright{ width:816px; float:right;}

.Ptop{ width:100%; height:37px; padding-bottom:3px; line-height:37px; background:url(../images/p3.jpg) no-repeat left bottom; float:left}

.Ptop h3{ float:left; font-size:20px; color:#017157;}

.Ptop span{ float:right; height:37px; line-height:37px; display:block; padding-left:20px; background:url(../images/p4.jpg) no-repeat left center; color:#444; font-size:12px;}

.Ptop span a{ color:#444}

.Pcont{ width:816px; float:left;}

.Pcont ul li{ width:251px; height:256px; float:left; background:#e7e7e7; border:1px solid #d3d3d3; margin-top:25px; margin-right:28px; position:relative; opacity:0;}

.Pcont ul li .prs{ width:245px; height:211px; float:left; background:#fff; margin:4px 3px; overflow:hidden; text-align:center}

.Pcont ul li .prs img{ height:100%; max-width:100%}

.Pcont ul li span{ width:245px; height:38px; display:block; text-align:center; line-height:38px; float:left; margin-left:3px; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.Pcont ul li:hover{ background:#017157}

.Pcont ul li:hover span{ color:#fff}



.WebPages_pnlPages table tr td span{background:#0068C6; color:#fff; border:1px solid #0068C6;padding:8px 13px;}

.WebPages_pnlPages table tr td a{ padding:8px 13px; border:1px solid #ccc}

.WebPages_pnlPages table tr td input{ width:35px; height:33px; text-align:center;}

#language a:hover {

	color: #26ade4

}

.fot{ width:100%; height:400px; float:left; background:url(../images/a_69.jpg) repeat-x}

@-webkit-keyframes admin {

0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}

100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}

}

@-moz-keyframes admin {

0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}

100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}

}

@keyframes admin {

0% {top: 40px;opacity:0; -moz-opacity:0; -webkit-opacity:0;}

100% {top: 0;opacity:1; -moz-opacity:1; -webkit-opacity:1;}

}

.Pcont ul li.animated{ animation:admin 1s;-moz-animation:admin 1s;-webkit-animation:admin 1s;animation-fill-mode: forwards;}

.Pcont1{ width:96%; float:left; margin:2%;}

.Ph1{ width:100%; height:30px; margin:20px 0 0; float:left; line-height:30px; text-align:center; font-size:18px;}

.hon{ width:100%; height:30px; line-height:30px; text-align:center; float:left; font-size:12px; color:#999; margin-bottom:20px;}

.Pimg{ width:100%; float:left; margin-bottom:25px; text-align:center;}

.Pimg img{ max-width:70%;}

.tabs{ width:96%; float:left; line-height:24px; border:1px solid #999; border-radius:6px; padding:2%;}

.tabs img{ max-width:100%;}

.tabs table{ max-width:100%;}

#ppo{ width:100%; height:30px; line-height:30px; margin:10px 0; float:left}

.ppleft{ float:left; height:30px; line-height:30px;}

.ppright{ float:right; height:30px; line-height:30px;}

.llk{ width:100%; float:left;}

.llk h3{ width:100%; height:30px; line-height:30px}

.st ul li{ margin-right:20px;}

.st ul li img{ border:1px solid #999}

.Ncont{ width:816px; float:left; padding-top:20px;}

.Ncont ul li{ width:96%; height:30px; line-height:30px; float:left; margin:0 2%; border-bottom:1px dashed #ccc; margin-bottom:10px;}

.Ncont ul li a{ font-size:14px; padding-left:20px; background:url(../images/p2.jpg) no-repeat 5px center; float:left; width:80%; overflow:hidden;transition:margin-left 0.3s;-moz-transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s;}

.Ncont ul li span{ float:right; color:#999}

.Ncont ul li:hover a{ margin-left:15px; transition:margin-left 0.3s;-moz-transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s; color:#017157; font-weight:bold}

.Ncont1{ width:96%; float:left; margin:2%;}

.Ntext{ width:100%; float:left}

.Ntext img{ max-width:100%}

.newsImg{ width:100%; text-align:center; float:left; margin:0 0 30px;}

.newsImg img{ max-width:80%}



.bg{ width:100%; height:100%; position:fixed; z-index:-1; left:0; top:0; background:url(../images/bg_2.jpg) no-repeat center top;}

.bg3{ width:100%; height:100%; position:fixed; z-index:-1; left:0; top:0; background:url(../images/bg_3.jpg) no-repeat center top;}

.zssm{ width:100%; height:90px; text-align:center; float:left; background:url(../images/zzzs.png) no-repeat center bottom; font-size:35px; line-height:42px; color:#fff; margin-top:155px;}

.bzgn{ width:100%; float:left;}

@media only screen and (max-width:1441px) and (min-width:800px){

	.zhongj{ width:76%; margin:0 auto;}

.box{ width:1080px; margin:100px auto 0; height:560px;}

.box1{ width:1080px; height:660px; margin:50px auto 0;}

.a1{ width:100%; height:338px; float:left; margin-top:30px; position:relative}

.box2{ width:1080px; height:660px; margin:90px auto 0;}

.box3{ width:1080px; height:680px; margin:50px auto 0;}

#more{ display:none}

.nrong h3{ width:100%; float:left; margin-top:0; font-size:20px; margin-bottom:20px; line-height:24px}



	}

@media only screen and (max-width:3000px) and (min-width:1442px){

.zhongj{ width:71%; margin:0 auto;}

.box{ width:1080px; margin:150px auto 0; height:560px;}

.box1{ width:1080px; height:660px; margin:150px auto 0;}

.a1{ width:100%; height:338px; float:left; margin-top:55px; position:relative}

.box2{ width:1080px; height:660px; margin:150px auto 0;}

.box3{ width:1080px; height:680px; margin:100px auto 0;}

#more{ width:280px; height:30px; display:block; background:#fff; font-size:16px; color:#888; font-weight:bold; text-align:center; line-height:30px; float:left; margin-left:398px; margin-top:40px;}

.nrong h3{ width:100%; float:left; margin-top:30px; font-size:20px; margin-bottom:20px; line-height:24px}



}



.cganl{ width:100%; height:90px; text-align:center; float:left; background:url(../images/sd.png) no-repeat center bottom; font-size:35px; line-height:42px; color:#094B88; margin-top:155px; font-weight:bold}

.nort{ width:100%; float:left; margin-top:50px; margin-bottom:30px;}

.nort ul li{ width:100%; margin:0 auto}

.nort ul li div{ width:25%; float:left; overflow:hidden; position:relative;}

.nort ul li div img{ width:100%;transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;}

.nort ul li div img:hover{ transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2); transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;}

.nort ul li div span{ width:100%; height:30px; line-height:30px; text-align:center; display:block; bottom:-30px; position:absolute; background:#2C2B30; color:#fff; font-size:14px;transition:bottom 0.5s;-moz-transition:bottom 0.5s;-webkit-transition:bottom 0.5s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.nort ul li div:hover span{ bottom:0; transition:bottom 0.5s;-moz-transition:bottom 0.5s;-webkit-transition:bottom 0.5s;}



.kkl{ width:100%; height:700px; float:left; position:relative}

.fisop{ width:407px; height:475px; position:absolute; left:70%; top:100px; overflow:hidden}

.nrong{ width:380px; height:425px; float:left; border-radius:10px; background:#fff; padding:25px; position:relative; left:0; opacity:1;transition:left 1s,opacity 1s;-moz-transition:left 1s,opacity 1s;-webkit-transition:left 1s,opacity 1s;}

.aniu{ width:42px; height:41px; float:left; margin-top:5px; cursor:pointer; position:relative; left:0; transition:left 1s;-moz-transition:left 1s;-webkit-transition:left 1s;}

.gjj{ transition:left 1s;-moz-transition:left 1s;-webkit-transition:left 1s; left:320px;}

.nrong h3 span{ font-size:12px;}

.nrong p{ line-height:30px; font-size:14px; color:#666; float:left; width:100%;}

.wem{ width:30%; text-align:center; float:left;padding-top: 20px;}

.smg{ width:100%; text-align:center; height:60px; line-height:60px; float:left; color:#fff; font-size:18px;}

.ggg dd{ float:left; padding:0 20px}

.ggg dd a{color:#fff; }

.ggg{ display: table;margin: 0 auto;}

.ggg dd.ddp a{ color:#fff; font-weight:bold}



.fp-viewing-hero .pale{ display:none;position:fixed; left:0; top:-100px; z-index:9998;transition:top 0.3s;-moz-transition:top 0.3s;-webkit-transition:top 0.3s;}

.paCont{ width:1080px; height:100px; margin:0 auto}

.pale{width:100%; height:100px; position:fixed; display:block; left:0; top:0; z-index:9998; background:#fff; transition:top 0.3s;-moz-transition:top 0.3s;-webkit-transition:top 0.3s;}

/*.paCont .nav ul li a{ color:#fff !important}*/



.WebPages_pnlPages a {padding: 8px 13px;border: 1px solid #ccc;}

.WebPages_pnlPages span {background: #0068C6;color: #fff;border: 1px solid #0068C6;padding: 8px 13px;}



/*联系我们*/

.attention-us ul li {position: relative;float: left;width: 33.33333%;}

.attention-us ul li a {position: relative;display: block;height: 100%;text-align: center;z-index: 2;}

.attention-us ul li:hover .contact-way-shadow {display: block;}

.weixin-box {position: relative;}

.weixin-box:hover img {display: block;}

.weixin-box img {display: none;position: absolute;top: -170px;left: 50%;margin-left: -80px;}

.contact-way-shadow {display: none;position: absolute;top: 6px;left: 50%;margin-left: -40px;width: 80px;height: 80px;background: url(/style/images/way-icon.png) no-repeat 0 0;z-index: 1;}

.contact-way {display: inline-block;width: 80px;height: 80px;}

.contact-name {padding: 15px 0;font-size: 16px;color: #333;}

.contact-user {font-size: 16px;}

.contact-user-1 {color: #229a10;}

.contact-user-2 {color: #e6162d;}

.contact-user-3 {color: #0daaf8;}

.contact-way-1 {background: url(/style/images/contact-way-1.png) no-repeat 0 0;}

.contact-way-2 {background: url(/style/images/contact-way-2.png) no-repeat 0 0;}

.contact-way-3 {background: url(/style/images/contact-way-3.png) no-repeat 0 0;}

.icon-badge {display: inline-block;vertical-align: middle;width: 43px;height: 59px;background: url(/images/gswj.jpg) no-repeat;padding-right:10px;}