@charset "utf-8";
/* CSS Document */

.banner{ width:100%; height:auto;  margin:0 auto; }
.banner img{width: 100%;height: auto;}

#slideBox{width: 100%;min-width: 1240px; height: auto;overflow: hidden;position: relative;display: block;margin: 0 auto;}
.slideBox .bd{position: relative;height:auto;z-index: 0px;width: 100%;}
.slideBox .bd li{zoom:1px;width: 100%; overflow:hidden;}
.slideBox .bd img{width: 100%;height:auto;display: block;}
.slideBox .bd ul li.on img{-webkit-animation: mymove 5s infinite;
  animation: mymove 5s infinite;
  animation-iteration-count:1;
    -webkit-animation-iteration-count:1; 
  transform: scale(1.1);}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from {
  transform: scale(1);
  }
  to {
  transform: scale(1.1);
  }
}
  
/* Standard syntax */
@keyframes mymove {
  from {
  transform: scale(1);
  }
  to {
  transform: scale(1.1);
  }
}
.slideBox .hd {height: 15px;overflow: hidden;position: absolute;right: 50%;bottom: 4%;z-index: 1;transform: translateX(50%);}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;}
.slideBox .hd ul li {float: left;margin-left: 7px;margin-right: 7px;width: 13px;height: 13px;border-radius: 6.5px;text-align: center;background: #ffffff;cursor: pointer;position: relative;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.slideBox .hd ul li.on {width: 50px;}


/* .banner_1{width: 92%;height: 50px;position: absolute;top: calc(50% - 25px);z-index: 3;left: 50%;transform: translateX(-50%);} */
.banner_1 a{display: block;width: 30px;height: 50px;position: absolute;top: calc(50% - 25px);left: 4%;}

.banner_1 .next{right: 4%;left: initial; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.banner_l .prev{left: 4%; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
/*.banner_l a.prev:hover { opacity:0.5}.banner_l a.next:hover{ opacity:0.5}*/


.about{ width:1240px; height:400px; margin:0 auto; margin-top:30px; overflow:hidden;  min-width:1240px;}
.about_one{ width:375px; height:400px; overflow:hidden; float:left;}
.about_one h3{ font-family:"微软雅黑"; font-size:26px; color:#454545; line-height:60px; overflow:hidden; font-weight:normal;}
.about_one h3 a{ font-family:"微软雅黑"; font-size:26px; color:#454545; line-height:60px; overflow:hidden; font-weight:normal;}

.about_one img{ width:375px; height:160px; overflow:hidden;padding-bottom:15px;}
.about_one span{ display:block; width:365px; height:auto; font-family:"宋体"; font-size:13px; color:#878787; line-height:26px; padding:5px; }
.about_two{ width:375px; height:400px; overflow:hidden; float:left; margin-left:57px; margin-right:58px;}
.about_two h3{ font-family:"微软雅黑"; font-size:26px; color:#454545; line-height:60px; overflow:hidden; font-weight:normal;}
.about_two h3 a{ font-family:"微软雅黑"; font-size:26px; color:#454545; line-height:60px; overflow:hidden; font-weight:normal;}

.about_two img{ width:375px; height:160px; overflow:hidden;padding-bottom:15px;}
.about_two p{ display:block; width:365px; height:auto; font-family:"宋体"; font-size:13px; border-bottom:1px solid #f2f2f2; color:#878787; line-height:30px; padding:5px; }
.about_two p a{ font-family:"宋体"; font-size:13px;color:#878787; line-height:30px;}

.aboutus_bg{width: 100%;height: 60px;background: url(../images/iAboutus_bg.jpg) no-repeat center center;}
.aboutus{line-height: 60px;text-align: center;white-space: nowrap;font-size: 18px;font-weight: 400;color: #333;}

.pro_bg{ width:1240px; height:auto; margin:0 auto;padding-bottom: 25px;}
.title h1{ text-align:center; font-family:"微软雅黑"; height:50px; margin-top:20px; font-size:26px;font-weight: 400; color:#111; line-height:50px; background:url(../images/new_bg1.png) bottom center no-repeat; padding-bottom:10px;margin-bottom: 25px;}
.title p{color: #666;text-align: center;font-size: 18px;margin-top: -8px; margin-bottom: 30px;}
.pro ul::after{content: '';display: block;clear: both;}
.pro ul li{float: left;width: 30%;height: 505px; background-color: #fff;margin-right: 4.5%;margin-bottom: 3.45%;border-radius: 20px; overflow: hidden;box-shadow: 0px 0px 10px #d1d1d1;}
/* .pro ul li:nth-child(even){margin-right: 0;} */
/* .pro ul li:hover{box-shadow: 0 0 10px #eee;} */
.pro ul li:hover{background-color: #03af14;}
.pro ul li:hover img{filter: grayscale(100%) brightness(500%);}
.pro ul li:hover h1{color: #fff;}
.pro ul li:hover p{color: #fff;}
.pro ul li a{display: block; overflow: hidden;}
.pro_img{text-align: center;margin-top: 100px;margin-bottom: 100px;}
.pro_img img{height: 100px;transition: all .4s;filter: none;}
.pro ul li h1{font-size: 22px;color: #333;text-align: center;}
.pro ul li p{display: block; font-size: 15px;color: #666;width: 78%;margin: 0 auto;margin-top: 35px;line-height: 30px;text-align: center;}

.new{ width:100%; height:620px; background:#f5f5f5; border-top:1px solid #e9e9e9;  min-width:1240px;}
.new a:hover{ color:#03af14;} 
.new_center{ width:1240px; height:620px; margin:0 auto; overflow:hidden;}
.new_title{ text-align:center; font-family:"微软雅黑"; height:50px; margin-top:40px; font-size:26px; color:#111; line-height:50px; background:url(../images/new_bg1.png) bottom center no-repeat; padding-bottom:10px;}

.new_left{ width:799px; height: auto; overflow:hidden; margin-top:30px; float:left;}
.new_left img{ width:799px; height:195px; padding-bottom:20px; overflow:hidden;}
.news_one{ width:797px; height:82px; overflow:hidden;}
.news_one:hover{ border:1px solid #CCCCCC; background:url(../images/new_bg2.png) 760px 25px no-repeat #FFFFFF;}
.news_one_left{ float:left; height:80px; width:105px; background:url(../images/new_bg3.jpg) 100px 10px no-repeat; margin-top:15px;}
.news_one_left h3{ text-align:center; font-family:Arial; font-size:26px; color:#303030; line-height:30px; }
.news_one_left span{ display:block; text-align:center;font-family:Arial; font-size:14px; color:#9d9d9d; line-height:20px;}
.news_one_right{ margin-top:15px; margin-left:10px; float:left; overflow:hidden; width:640px;}
.news_one_right h3 a{ font-family:"微软雅黑"; font-size:15px; line-height:30px; color:#303030;}
.news_one_right span a{ font-family:"微软雅黑"; font-size:12px; line-height:20px; color:#aaa;}

.new_right{ width:400px; height:auto; float:right; overflow:hidden;margin-top:30px;}
.new_right img{ width:400px; height:310px; overflow:hidden;padding-bottom:15px;}
.new_right span{font-family:"宋体"; font-size:13px; color:#878787; line-height:26px; padding:5px;}

.new_right_1{width: 400px;height:310px;overflow: hidden;position: relative;}
/*.new_right_1 .bd{width: 400px;height: 310px;overflow: hidden;;}*/
/*.new_right_1 .hd{position: absolute;top: 290px;right: 15px;}
.new_right_1 .hd li{width: 15px;height:15px;background: #f00;float: left;margin-right: 3px;margin-left: 3px;cursor: pointer;color: #fff;font-size: 12px;text-align: center;line-height: 15px;}
.new_right_1 .hd li.on{background: #f9c159;}*/
.new_right_1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.new_right_1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.new_right_1 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.new_right_1 .hd ul li.on{ background:#f00; color:#fff; }
.new_right_1 .bd{ position:relative; height:100%; z-index:0;   }
.new_right_1 .bd li{ zoom:1; vertical-align:middle; }
.new_right_1 .bd img{ width:400px; height:310px; display:block;  }

@media screen and (max-width:1684px){
.pro ul li h1{font-size: 18.5px;}
.pro ul li p{font-size: 12.5px;}
}
@media screen and (max-width:1480px){
.pro ul li{height: 450px;}
.pro_img{margin-top: 90px;margin-bottom: 75px;}
.pro_img img{height: 75px;}
.pro ul li h1{font-size: 16.5px;}
.pro ul li p{font-size: 12px;}
}

@media screen and (max-width:1240px){
  .banner{width: 1240px;}
}