body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'SimHei'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1340px; margin: 0 auto }

/* head */
.head{ height: 90px; background: #fff; position: absolute; left: 0; top: 0; z-index: 999; width: 100% }
h1{ float: left; line-height: 90px; }
.nav_ul{ float: right; }
.nav_ul li{ float: left; margin-left: 14px;height: 90px; overflow: hidden; position: relative; }
.nav_ul li a{ display: block; height: 90px;transition: all 0.5s ease 0s; line-height: 90px; font-size: 18px;  padding: 0 14px;  }
.nav_ul li a:hover{ color: #364a9d; transition: all 0.5s ease 0s; }
.nav_ul li:after{content:"";clear: both; position: absolute; left: 0; bottom: 0; z-index: 9; height: 0;display: block;width: 0; height: 4px; background: #364a9d; transition: all 0.3s ease 0s;} 
.nav_ul li:hover:after { width: 100%;height: 4px; transition: all 0.3s ease 0s; }
.nav_ul .nav_on a{color: #364a9d; transition: all 0.5s ease 0s;}
.nav_ul .nav_on:after { color: #364a9d; width: 100%;height: 4px; transition: all 0.3s ease 0s; }
.foot{ background: url(../images/footbj.jpg) center top no-repeat; height: 320px; clear: both;  }
.foot_bottom{ height:40px; color: #b8b8b8; text-align: center; line-height: 40px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #c7c7c7 }
.foot_bottom a{ color: #b8b8b8; margin-left: 22px;transition: all 0.5s ease 0s; }
.foot_bottom a:hover{ color:#52ba8f; transition: all 0.5s ease 0s; }
.add{ float: left;   }
.add_tit{ height: 42px; margin-bottom: 10px; display: block; line-height: 42px; padding:36px 0 0 0; overflow: hidden; font-size: 24px;  }
.add_ul{ height: 34px; overflow: hidden; margin-bottom: 36px; }
.add_ul li{ float: left; height: 34px; margin-right: 66px; line-height: 34px; overflow: hidden; font-size: 14px; color: #666666; }
.add_ul li img{ margin-right:10px;  }
.cate_sel{ background: #f8f8f8; margin-bottom: 78px; padding-left: 8px; font-size: 14px; color: #666666; box-sizing: border-box; border: 1px solid #dddddd; width:198px; height: 38px; line-height: 38px;appearance: none;
-moz-appearance: none; cursor: pointer;
-webkit-appearance: none;background: url(../images/footsel.jpg) right top no-repeat;   }

.what{ float: right; width:216px; padding-top: 98px; }
.what_left{ float: left; font-size: 14px; padding-top: 76px; color: #666666; height:20px; line-height: 20px; display: block;  }
.what_right{ float: right; border:5px solid #dcf1e9; box-sizing: border-box;  }
.what_right img{ width: 90px; height: 90px; overflow: hidden;}
.foot .box{ position: relative; }
.foot_end{ position: absolute; right: 0; top: 0; color:#fff; width:100px; height: 50px; text-align: center; line-height: 62px; background:#52ba8f url(../images/topdiv.png) center 12px no-repeat;    }

/* about */
.wrap{ background: #f6fcfe }
.about_box{ position: relative; }
.deep{ height: 90px; position: absolute; z-index: 99; left: 0; top: -30px; padding: 0 10px 0 30px; box-sizing: border-box; overflow: hidden;  background: #fff; box-shadow: 0 0 10px #eaf1f5; width: 100% }
.site{ float: left; height: 90px; line-height: 90px;background: url(../images/cata1.png) left center no-repeat; padding-left: 22px; }
.site a{ display: block; float: left; transition: all 0.5s ease 0s; font-size: 14px; padding-right: 16px; margin-right: 16px; color: #afafaf;background: url(../images/cata2.png) right center no-repeat; }
.site a:hover{ color:#52ba8f; transition: all 0.5s ease 0s; }
.catalog{ float: right; }
.site a:nth-last-child(1){ background: none; }
.cata_ul{ float: left; padding-top: 10px; }
.cata_ul li{ float: left;background: url(../images/cata3.png) right center no-repeat; padding: 0 5px; box-sizing: border-box; }
.cata_ul li a{ display: block; width: 142px; transition: all 0.5s ease 0s; text-align: center; height: 70px;line-height: 70px; font-size: 18px;}
.cata_ul li a.for,.cata_ul li:hover a{ background: #52ba8f; color: #fff; transition: all 0.5s ease 0s; }
.cata_ul li:nth-last-child(1){ background: none }

.about_img{ padding:220px 0 100px 0;  }
.about{ position: relative; }
.about_inner{ width:1200px; padding: 0 30px 0 70px; box-sizing: border-box; height: 460px; background: #fff; position: absolute; left: 50%; margin-left: -600px; top:122px;   }
.about_tit{ font-size: 28px; height:44px; line-height: 44px; padding: 52px 0 30px 0; display: block; text-align: center;  }
.about_div{ font-size: 16px; line-height:32px; padding-right: 30px; overflow-y:auto;height: 260px;  }
.about_div::-webkit-scrollbar {width: 4px;height: 10px;}
.about_div::-webkit-scrollbar-thumb {background:#364a9d;border-radius: 4px;}
.about_div::-webkit-scrollbar-track {border-radius: 4px;background: #dee9f7}
            
.details{ padding: 120px 0 80px 0; }
.man_box{ margin: 0 0 0 -60px; }
.man_box li{ float: left; margin: 0 0 60px 60px; width: 640px; height: 220px; overflow: hidden; position: relative;} 
.man_bj{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: url(../images/manbj.png) center center repeat; }
.man_img{ width: 640px; display: block; height: 220px; overflow: hidden;}
.man_img img{ width: 640px; transition: all 1s ease 0s; height: 220px; overflow: hidden;}
.man_dl{ padding: 68px 0 0 50px; }
.man_dl dt{ float: left; width:70px; margin-right:48px; text-align: center; height: 90px; line-height: 90px;  }
.man_dl dd{ float: left; width:430px; height: 90px; line-height: 45px; overflow: hidden; color: #fff; font-size:28px;   }
.man_box li:nth-child(3) dd,.man_box li:nth-child(4) dd,.man_box li:nth-child(6) dd{ line-height: 90px; }
.man_box li:hover .man_img img{ transition: all 1s ease 0s; transform: scale(1.1); }




.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:100px;overflow:hidden}
.small_list ul li{position:relative; border: 1px solid #fff; float:left;margin-right:20px;width:261px;  box-sizing:border-box;}
.small_list ul li img{display:block; width: 259px; height: 98px;}
.left_btn{float:left;background:url(../images/env_left1.png) left center no-repeat; height: 100px; width: 45px;}
.right_btn{float:right;background:url(../images/env_right1.png) right center no-repeat; height: 100px; width: 45px;}
.left_btn:hover{background:url(../images/env_left11.png) left center no-repeat;}
.right_btn:hover{float:right;background:url(../images/env_right11.png) right center no-repeat;}
.large_box{ width: 1200px; height: 460px; margin: 0 auto 26px; }
.large_box li{ display: none; }
.large_box li img{ width:1200px; height: 460px;  box-sizing: border-box; }
.small_box{ height: 100px; width:1200px; margin: 0 auto  }
.small_list{ width: 1105px; height: 100px;  margin: 0 auto; box-sizing: border-box; }
.small_list ul li.on{ border: 1px solid #52ba8f; box-sizing: border-box; }

.contbottom img{ width: auto; height: auto; max-width: 100% }
.conttop{ margin-bottom:90px;  }
.cont_dl{ float: left; width: 33.3%; }
.cont_dl dt{ width:98px; height: 98px; border: 1px solid #b1b5b6; text-align: center; line-height: 98px; float: left; margin-right:18px;   }
.cont_dl dd{ float: left; width:280px;  }
.cont_inner{ display: block; font-size: 18px; height:42px; line-height: 21px; overflow: hidden;  }
.cont_tit{ display: block; height: 58px; line-height: 58px; font-size: 24px; overflow: hidden; }

.cont_dl:nth-child(1) dt img{animation:contdl 0.5s linear infinite alternate both;
  -webkit-animation:contdl 0.5s linear infinite alternate both;
  -moz-animation:contdl 0.5s linear infinite alternate both;
  -o-animation:contdl 0.5s linear infinite alternate both;}

@keyframes contdl{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-webkit-keyframes contdl{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-moz-keyframes contdl{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-o-keyframes contdl{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}

.cont_dl:nth-child(3) dt img{animation:contbu 1s linear infinite alternate both;
  -webkit-animation:contbu 1s linear infinite alternate both;
  -moz-animation:contbu 1s linear infinite alternate both;
  -o-animation:contbu 1s linear infinite alternate both;}

@-webkit-keyframes contbu{0%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-15px)}
80%{-webkit-transform:translateY(-10px)}
}
@-moz-keyframes contbu{0%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-15px)}
80%{-moz-transform:translateY(-10px)}
}

.cont_dl:nth-child(2) dt img{animation:contpulse 2s linear infinite alternate both;
  -webkit-animation:contpulse 2s linear infinite alternate both;
  -moz-animation:contpulse 2s linear infinite alternate both;
  -o-animation:contpulse 2s linear infinite alternate both;}

@-webkit-keyframes contpulse{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes contpulse{0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}}



/* news */
.news_ul{ margin: 0 0 0 -40px; }
.news_ul li{ float: left; margin: 0 0 40px 40px; width:418px; border: 1px solid #eeeeee; padding: 28px 28px 42px; box-sizing: border-box;  }
.news_img{ position: relative; width: 359px; margin-bottom: 24px; height: 158px; overflow: hidden; display: block; }
.news_img img{width: 359px; height: 158px; overflow: hidden;}
.news_time{ width: 90px; transition: all 0.5s ease 0s;height: 30px; line-height: 30px; display: block; position: absolute; left: 18px; top: 0; background: #2768b8; font-size: 14px; color: #fff; text-align: center; }
.news_tit{ display: block; height:60px; line-height: 30px; overflow: hidden;margin-bottom: 16px; font-size:20px;   }
.news_zi{ display: block; height: 56px; line-height: 28px; margin-bottom: 32px; overflow: hidden; font-size: 14px; color: #7a7a7a; }
.news_see{ display: block; transition: all 0.5s ease 0s;background:url(../images/news_see.png) 328px center no-repeat; height:38px; line-height: 38px; border: 1px solid #bebebe; padding:0 0 0 18px; box-sizing: border-box; font-size: 14px;   }
.news_ul li:hover .news_see{ color: #fff; transition: all 0.5s ease 0s; background:#52ba8f url(../images/news_see1.png) 328px center no-repeat; border: 1px solid #52ba8f;}
.news_ul li:hover .news_time{ background: #52ba8f; transition: all 0.5s ease 0s; }


.news_info{}
.release{ padding-bottom: 10px; margin-bottom: 30px;  border-bottom: 1px solid #dee1e5; text-align: center; }
.release h3{ height:70px; line-height: 70px; overflow: hidden; font-size: 30px;  }
.release .rele_span{ height: 56px; display: block; line-height: 56px; color: #666666; font-size: 16px; overflow: hidden; }
.news_word{ padding-bottom: 30px; }
.piece{ border-top: 1px solid #dee1e5; padding:60px 0 30px 0;  }
.news_end{ transition: all 0.5s ease 0s; float: left; width:188px; height: 52px; border: 1px solid #575757; display: block;background:url(../images/end1.png) 153px center no-repeat;  line-height: 52px;  text-indent: 20px; font-size: 16px; }
.news_end:hover{transition: all 0.5s ease 0s;border: 1px solid #52ba8f; color: #52ba8f; display: block;background:url(../images/end11.png) 153px center no-repeat;  }
.piece_inner{ float: right; width:  }
.piece_inner a{ display: block; color:#333; float: left; transition: all 0.5s ease 0s; margin-left: 40px; width:120px; height: 54px; line-height: 54px; text-align: center; background: #eaeeef; font-size: 16px;  }
.piece_inner a:hover{ background: #52ba8f; color: #fff; transition: all 0.5s ease 0s; }

/* ject */
.ject_ul{ margin: 0 0 0 -35px; }
.ject_ul li{ float: left; margin: 0 0 62px 33px; width:310px;  }
.ject_img{ width: 310px; height: 328px; overflow: hidden; display: block; }
.ject_img img{width: 310px; height: 328px; overflow: hidden; opacity: .9; transition: all 0.5s ease 0s;  }
.ject_div{ background: #fff; padding:25px 20px 34px; box-sizing: border-box;  }
.ject_tit{ display: block; height:56px; line-height: 28px; margin-bottom: 20px;transition: all 0.5s ease 0s; overflow: hidden; font-size:18px;   }
.ject_see{ display: block;background:url(../images/ject_see1.png) 75px center no-repeat; transition: all 0.5s ease 0s; height:36px; line-height: 36px; color: #999999; font-size:14px; color: #999999;   }
.ject_ul li:hover .ject_see{  color: #52ba8f;background:url(../images/ject_see11.png) 75px center no-repeat; transition: all 0.5s ease 0s;}
.ject_ul li:hover .ject_tit{ color: #52ba8f; transition: all 0.5s ease 0s}
.ject_ul li:hover .ject_img img{ opacity: 1; transition: all 0.5s ease 0s; }


/* service */
.ser_dl{ margin-bottom:60px;  }
.ser_dl dt{ float: right; width:670px; height: 380px; overflow: hidden;  }
.ser_dl dt img{ width:670px;transition: all 1s ease 0s; height: 380px; overflow: hidden;}
.ser_dl dd{ float: left; width:670px; padding:40px 90px 0 43px; box-sizing: border-box;  }
.ser_img{ display: block;transition: all 0.5s ease 0s; height: 80px; line-height: 80px; overflow: hidden; }
.ser_tit{ display: block; height:44px;line-height: 44px; overflow: hidden; margin-bottom: 16px; font-size:26px;   }
.ser_div{ overflow: hidden; height:72px; margin-bottom: 36px; line-height: 26px; font-size:14px; color: #999999   }
.ser_see{ display: block; transition: all 0.5s ease 0s; width:118px; font-size: 14px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #333333;  }
.ser_dl:nth-child(even) dt{ float: left; }
.ser_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ser_dl dd:hover .ser_see{ background: #52ba8f; border: 1px solid #52ba8f; color: #fff; transition: all 0.5s ease 0s; }
/* pro */
.pro_ul{ margin: 0 0 0 -30px; }
.pro_ul li{ float: left; width:426px; margin: 0 0 30px 30px; padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.pro_img{ display: block; width: 426px; height: 260px; overflow: hidden; }
.pro_img img{ width: 426px; height: 260px; overflow: hidden; }
.pro_div{ padding: 0 42px 0 6px; }
.pro_tit{ display: block; height:82px; line-height: 82px;overflow: hidden; font-size:28px; color: #333; transition: all 0.5s ease 0s;  }
.pro_inner{ height:56px; line-height: 28px; margin-bottom: 24px; overflow: hidden; font-size: 16px;  }
.pro_see{ display: block;transition: all 0.5s ease 0s; border: 1px solid #333; width:120px; height: 36px; line-height: 36px;  text-align: center; color: #404041; font-size: 14px; }
.ser_dl dd:hover .ser_img{ transform: translateY(-10px); transition: all 0.5s ease 0s; }
.pro_ul li:hover .pro_see{background: #1b5c8d; color: #fff; border: 1px solid #1b5c8d;transition: all 0.5s ease 0s;}
.pro_ul li:hover .pro_tit{ color: #1b5c8d; transition: all 0.5s ease 0s; }


.dl_pro{ margin-bottom:60px;  }
.dl_pro dt{ float: left; width:660px; height: 490px; overflow: hidden;  }
.dl_pro dt img{ width:660px; height: 490px; overflow: hidden;}
.dl_pro dd{ float: right; width:640px; background: #fff; height: 490px; overflow: hidden;  }
.infor_i{ display: block; font-size: 28px; margin-bottom: 18px; background: #52ba8f; color: #fff; height:80px; line-height: 80px; text-indent:30px;   }
.jian_i{ padding: 0 0 0 30px; height:38px; line-height: 38px; font-size:20px; overflow: hidden; display: block;  }
.infor_he{ overflow: hidden; height:216px; line-height:36px; font-size: 16px; margin-bottom: 80px; color: #666666; padding: 0 30px; box-sizing: border-box;  }
.infor_hot{ display: block; height: 60px; line-height: 60px; background: #52ba8f; text-align: center; color: #fff; font-size: 20px; }
.hot_i{ font-size: 26px; padding-left:24px;  }
.parameter{  border: 1px solid #ecedef;border-top: 2px solid #52ba8f; background: #fff; }
.par_ul{ height:48px; overflow: hidden; background: #f0f4f7;  }
.par_ul li{ float: left; width: 160px; margin-right: 10px; }
.par_ul li a{ font-size: 18px; display: block; height: 48px; text-align: center;transition: all 0.5s ease 0s;  line-height: 48px;  width: 100%; color: #333 }
.par_ul li.on a{ color:#fff; background: #52ba8f; transition: all 0.5s ease 0s; }
.meter_inner{ padding: 0 30px 40px; display: none; }
.pro_info{ margin-bottom:60px;  }
.pro_list{ height:60px; overflow: hidden;  }
.list_left{ float: left; text-align: right; box-sizing: border-box; background:#52ba8f url(../images/pro_info3.png) 42px center no-repeat; height:60px; line-height: 60px; overflow: hidden; width:570px; color: #fff; font-size:14px; padding:0 40px 0 0;     }
.list_right{ float: right;background:#52ba8f url(../images/pro_info2.png) 523px center no-repeat; height:60px; line-height: 60px; overflow: hidden; width:550px; color: #fff; font-size:14px; padding:0 0 0 40px; }
.list_end{ float: left; margin-left: 22px; box-sizing: border-box;  width:136px; background:#52ba8f url(../images/pro_info1.png) 27px center no-repeat; height:60px; line-height: 60px; overflow: hidden; color: #fff; text-indent: 53px; font-size:14px; text-indent: }



/* index */
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;transition: 1.8s ease 0s;  transform: translate(0) scale(1.08);  }
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.slides li.flex-active-slide img{ transition: 1.8s ease 0s; transform: scale(1); }
.flex-control-nav { display: block; position: absolute; z-index: 99; left: 0; bottom: 30px; width: 100%; text-align:center;}
.flex-direction-nav{ display: block; }
.flex-prev{ position: absolute; left: 290px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left1.png) center center no-repeat; width: 50px; height: 100px; margin-top: -50px; z-index: 99; }
.flex-next{ position: absolute; right: 290px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right1.png) center center no-repeat; width: 50px; height: 100px; margin-top: -50px; z-index: 99; }
.flex-prev:hover{background: url(../images/banner_left11.png) center center no-repeat;}
.flex-next:hover{background: url(../images/banner_right11.png) center center no-repeat;}

.flex-control-nav li{ display: inline-block; margin: 0 5px; }
.flex-control-nav li a{background:#ffffff; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 5px; width: 30px; height: 4px;}
.flex-control-nav li a.flex-active{background:#52ba8f; width: 80px; transition: all 0.5s ease 0s;}


.us{background: url(../images/aboutbj.jpg) center top no-repeat; height: 800px; padding-top: 140px;}
.index_tit{ font-size: 38px; color: #fff; display: block; height:96px; line-height: 96px; text-align: center;background: url(../images/line.png) center bottom no-repeat;  }
.us_zi{ font-size: 18px; color: #fff; text-align: center; line-height:40px; margin: 50px 0 70px 0; padding:0 200px;  height: 118px; overflow: hidden;  }
.us_ul{ text-align: center; margin-bottom: 60px; }
.us_ul li{ display: inline-block; margin: 0 50px; }
.us_ul li a{ display: block; }
.us_img{ display: block; background: url(../images/usbj.png) center top no-repeat; text-align: center; height:50px; line-height: 50px; width: 50px;  margin: 0 auto  }
.us_img img{ width: auto; height: auto; max-width: 100% }
.us_tit{ display: block; font-size: 22px; color: #fff; height: 60px; line-height: 60px; text-align: color: #000;}
.about_us{ display: block;-webkit-animation-name: greenPulse;-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;  -webkit-animation-duration: 3s; width:160px; height: 40px; line-height: 40px; font-size: 14px; background: #364a9d; color: #fff; text-align: center; display: block; margin: 0 auto; border-radius: 5px;  }

@-webkit-keyframes greenPulse {
		  from { background-color: #364a9d; -webkit-box-shadow: 0 0 9px #364a9d; }
		  50% { background-color: #4fb39e; -webkit-box-shadow: 0 0 18px #4fb39e; }
		  to { background-color: #364a9d; -webkit-box-shadow: 0 0 9px #364a9d; }
		}

.us_ul li:hover .us_img{background: url(../images/usbj1.png) center top no-repeat; }
.show{background: url(../images/showbj.jpg) center top no-repeat; height: 940px;}
.show_title{background: url(../images/showtit.png) center bottom no-repeat; margin-bottom: 50px; padding-top: 50px; color: #333333}
.show_div{ position: relative; height: 543px;  }
.show_scroll{ position: absolute; left: 0; top: 0; height: 543px; width: 1340px; overflow: hidden; }
.show_scroll ul{ width: 10000px; }
.show_scroll li{ float: left; width:430px;margin-right:26px;   }
.show_scroll li a{ display: block; width: 430px; margin-bottom: 22px;  height:260px; overflow: hidden;  }
.show_pic{ position: relative; width: 100%; height: 260px; overflow: hidden; }
.show_pic img{width: 430px; transition: all 1s ease 0s; height:260px; overflow: hidden;}
.show_he{  transition: all 0.5s ease 0s;position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; box-sizing: border-box; }
.show_tit{  transition: all 0.5s ease 0s;display: block;height:56px; line-height: 56px; text-align: center; font-size:18px; background: #fff; overflow: hidden; width: 100%;   }
.show_scroll li a:hover .show_tit{ transform: translateY(-10px); transition: all 0.5s ease 0s;}
.show_scroll li a:hover .show_he{background: url(../images/showbj.png) center top repeat; transition: all 0.5s ease 0s; }
.show_scroll li:hover .show_pic img{ transform: scale(1.1); transition: all 1s ease 0s; }

.spread{background: url(../images/spreadbj.jpg) center top no-repeat; height: 942px;}
.spr_tit{ padding:50px 0 0 0; margin-bottom:64px;   }
.spr_div{ position: relative; height:527px; margin-bottom: 60px;  }
.spr_scroll{ position: absolute; left: 0; top: 0; width: 1340px; height: 537px; overflow: hidden; }
.spr_scroll ul{ width: 10000px; }
.spr_scroll li{ float: left; margin-right:35px; width: 310px;  }
.spr_img{ display: block; overflow: hidden; width: 310px; height: 328px; margin-bottom: 24px; }
.spr_img img{ overflow: hidden; width: 310px; height: 328px;}
.sprdiv{ background: #fff; padding: 0 20px; box-sizing: border-box; }
.spr_title{ display: block;transition: all 0.5s ease 0s;  height:56px; margin-bottom: 10px; line-height: 28px; overflow: hidden; font-size: 18px;  }
.spr_zi{ display: block;transition: all 0.5s ease 0s;  margin-bottom: 10px; height:46px; line-height: 23px; overflow: hidden; font-size:14px; color: #666666   }
.spr_see{ display: block;transition: all 0.5s ease 0s;  height: 34px; line-height: 34px; background: url(../images/ject_see1.png) 66px center no-repeat; overflow: hidden; font-size: 14px; color: #999999 }
.spr_scroll li:hover .spr_title,.spr_scroll li:hover .spr_zi,.spr_scroll li:hover .spr_see{ color: #4fb39d; transition: all 0.5s ease 0s; }
.spr_scroll li:hover .spr_see{background: url(../images/ject_see11.png) 66px center no-repeat; }
.spr_left{ position: absolute; left: -80px; top:284px;  width: 40px; height: 80px; display: block; background: url(../images/show_left1.png) center top no-repeat; }
.spr_right{ position: absolute; right: -80px; top:284px;  width: 40px; height: 80px; display: block; background: url(../images/show_right1.png) center top no-repeat; }
.spersee{ font-size: 14px;-webkit-animation-name: greenPulse;-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;  -webkit-animation-duration: 3s; background: #364a9d; text-align: center; width:160px; height: 40px; line-height: 40px; color: #fff; display: block; margin: 0 auto  }

.supp{background: url(../images/suppbj.jpg) center top no-repeat; height: 939px; }
.su_tit{ padding:90px 0 0 0; margin-bottom: 60px;  }
.supp_left{ float: left; width: 370px; height: 600px; overflow: hidden; position: relative; }
.suppimg img{width: 370px; transition: all 1s ease 0s; height: 600px; overflow: hidden;object-fit:cover;}
.supp_inner{ left: 0; transition: all 0.5s ease 0s; position: absolute; bottom: 20px; padding: 0 0 0 30px; width: 100%; box-sizing: border-box; }
.supp_img{ display: block; height:48px; line-height: 48px;  }
.supp_tit{ display: block; overflow: hidden; color: #fff; font-size:20px; height:40px; line-height: 40px;    }
.supp_cenetr{ float: left; margin: 0 20px; width:560px;   }
.supp_warp{ position: relative; width: 560px; height: 290px; overflow: hidden; margin-bottom:20px;  }
.supp_warp img{transition: all 1s ease 0s;}
.supp_left:hover img,.supp_warp:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.supp_left:hover .supp_inner,.supp_warp:hover .supp_inner{ bottom: 40px; transition: all 0.5s ease 0s; }

.seek{background: url(../images/seekbj.jpg) center top no-repeat; height: 954px;}
.seek_title{ padding-top: 60px; display: block; float: left; font-size: 38px;background: url(../images/showtit.png) left bottom no-repeat;  height:96px; line-height: 96px;  }
.seek_ul{ float: right; height:36px; overflow: hidden; padding-top: 110px;  }
.seek_ul li{ float: left; }
.seek_ul li a{ display: block; font-size:16px; padding: 0 30px; height: 36px;background: url(../images/seekline.jpg) right center no-repeat; line-height: 36px; overflow: hidden;  }
.seek_ul li:nth-last-child(1) a{ padding-right: 0; background: none; }
.seek_ul li.on a{ color: #52ba8f }
.seek_top{ margin-bottom: 40px; }
.seekleft{ float: left; width:610px;  }
.seekleft { width: 610px;  overflow: hidden; }
.seekleft img{ width: 610px; height: 310px; overflow: hidden; }
.seek_tit{ display: block;transition: all 0.5s ease 0s; height:72px; line-height: 72px; overflow: hidden; font-size:20px;   }
.seek_zi{ overflow: hidden; margin-bottom: 57px; height:56px; line-height: 28px; font-size:14px; color: #666666   }
.seek_div{ height: 57px; overflow: hidden; }
.seek_time{ display: block; float: left; font-size: 14px;background: url(../images/time.png) left center no-repeat; padding-left: 22px; color: #666; }
.seek_see{ display: block; transition: all 0.5s ease 0s; float: right; font-size: 14px; padding-right: 22px; color: #333; background: url(../images/ject_see1.png) right center no-repeat;}

.seekright{ width: 670px; float: right; }
.seek_dl{ padding: 22px 0; border-bottom: 1px solid #dddddd  }
.seek_dl dt{ float: left; transition: all 0.5s ease 0s; margin-right: 22px; width:100px; height: 90px; text-align: right; overflow: hidden; background: #364a9d; padding-right: 12px; box-sizing: border-box;  }
.seek_day{ font-size: 28px; color: #fff; display: block; height:30px; line-height: 30px; overflow: hidden; padding-top:18px;   }
.seek_year{ font-size: 20px; color: #fff; display: block; height:26px; line-height: 26px; overflow: hidden; }
.seek_dl dd{ float: left; width: 548px; }
.dya_tit{ display: block;transition: all 0.5s ease 0s;  height:42px;line-height: 42px; overflow: hidden; font-size:20px;   }
.day_inner{ display: block; height:46px; line-height: 23px; overflow: hidden; font-size:14px; color: #666;   }
.seek_bottom{ margin-bottom: 60px; }
.seek_info{ display: block; width:160px;-webkit-animation-name: greenPulse;-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;  -webkit-animation-duration: 3s; height: 40px; background: #364a9d; line-height: 40px; text-align: center; margin: 0 auto; color: #fff; font-size: 14px;  }

.showleft{ position: absolute; left: -80px; top:233px;  width: 40px; height: 80px; display: block; background: url(../images/show_left1.png) center top no-repeat; }
.showright{ position: absolute; right: -80px; top:233px;  width: 40px; height: 80px; display: block; background: url(../images/show_right1.png) center top no-repeat; }
.seek_dl:hover dt{ background: #52ba8f; transition: all 0.5s ease 0s; }
.seek_dl:nth-child(1){ padding-top: 10px; }
.seek_dl:hover dd .dya_tit{ color: #52ba8f; transition: all 0.5s ease 0s; }
.seek_see:hover{ background: url(../images/ject_see11.png) right center no-repeat; color: #52ba8f; transition: all 0.5s ease 0s; }
.seek_tit:hover{color: #52ba8f; transition: all 0.5s ease 0s;}

.seekhe{ display: none; }

.pages_inner{ text-align: center;}
.pages_inner a{ height: 32px; transition: all 0.5s ease 0s;  margin: 0 5px; line-height: 32px; color: #666666; font-size: 14px; width: 32px; text-align: center; display: inline-block; }
.pages_inner .pages_home{ width:auto; padding: 0 6px; border: 1px solid #dcdcdc;height: 30px; line-height: 30px; width: auto; }
.pages_inner a:hover,.pages_inner a.on{ color: #fff; background: #1b5c8d; transition: all 0.5s ease 0s; }
.pages_inner .pages_home:hover{color: #fff; background: #1b5c8d; border: 1px solid #1b5c8d; transition: all 0.5s ease 0s; }