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

*{-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; transition: all .5s;}
body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,select,input,textarea,fieldset,table,td,img,div,a{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;list-style: none; }
body,html{width: 100%;	padding: 0;margin: 0;font-family:SourceHanSansCN,'microsoft yahei',Helvetica,Arial,sans-serif ;min-width: 1200px;max-width: 1920px;color:#333333; font-size:14px;overflow:-Scroll;overflow-x:hidden}
ul,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
img{ border-style:none; vertical-align: middle;}
a{text-decoration: none;color: #000;}

.top{ max-width:1920px;}
.nav {width: 1200px;margin: 0 auto; overflow: hidden;height: 60px;    background-color: #fff;}
.logo{height: 60px;width: 250px;    float: left;}
.logo img{ float:left;height: 60px;}
.nav-center{height: 60px;}
.nav-center li{float: left;text-align: center; width:120px; line-height:57px; cursor: pointer;}
.nav-center a{border-bottom: 3px solid transparent; cursor: pointer; display: block; text-align: center;width: 60%;margin: 0 20%;}
.nav-center li>a:hover{ color:#ff5412;border-color: #ff5412 !important;}
.nav-center  .cur{ color:#ff5412;border-color: #ff5412 !important;}
#holder {position: absolute;top: 0px; left: 0;width: 100%; height: 500px; overflow: hidden;background-color: #000;z-index:-1; margin-top:60px;}
.slideBox .bd li{ color:#FFF; width:100%}
.slideBox .bd { position: relative;z-index: 0;}
.slideBox{overflow:hidden; position:relative;}
.slideBox .bd li img{ width:100%;}
.slideBox .hd{ position:inherit; height:0px; line-height:8px; bottom:25px; z-index:1; text-align: center;}
.slideBox .hd li{ display:inline-block; width:1.5%; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 4px;cursor:pointer;   }
.slideBox .hd li.on{ background:#fff;  }
.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.1; cursor:pointer;  }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .bd:hover .prev{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .bd:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.jjfa_ys li { float:left; width:24%;overflow: hidden; margin: 0 1% 0 0;  border: 1px solid #e0e0e0;  transition: all .3s; background: #fff;cursor:pointer; }
.jjfa_ys li div{padding: 25px 30px 30px; height: 200px;}
.jjfa_ys li div:nth-child(1){background-color: #fafafa;}
.jjfa_ys li div:nth-child(1)>h3{font-size: 24px;font-weight: 500;color: #222;line-height: 38px; margin: 9px 0;border-bottom: 2px solid transparent;width: max-content;}
.jjfa_ys li div:nth-child(1)>p{font-weight: 400; color: #999;line-height: 22px;font-size: 12px;}
.jjfa_ys li .list_y p{ line-height: 32px;}
.jjfa_ys li .list_y{height: 180px; }
.jjfa_ys li:hover{  box-shadow: 0 7px 15px 0 rgba(22,64,135,.1); border: 1px solid #7baeff; transform: translateY(-10px);}
.jjfa_ys li:hover div:nth-child(1)>h3{border-color: #ff5412}

.about{/*background-color: #f4f4f4; */clear:both;height: 620px;margin: 20px 0;}
.about>div{width:1200px; margin:auto;padding: 50px 0;}
.about .f_l{float:left; width: 50%;}
.about .f_r{float:right;width: 50%;}
.bu a {display:inline-block;line-height:34px;padding:0 35px;border:1px solid #0269f9;color:#0269f9;transition:all 0.5s ease 0s;}
.bu a:hover { background-color:#ff5412; border-color:#ff5412; color:#fff; text-decoration:none; }
.about_text {height:390px;}
.about_text p{ line-height:28px;}

.pro{background-images: url(../images/pro_bj.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.pro>div{ width:1200px; margin:auto;height: 620px;}
.pro .pro_t{text-align:center;padding: 50px;}
.pro .pro_t>h1{line-height:55px;}
.pro .pro_t>p{line-height: 28px;}
.pro_list li{ float:left; width:24%;margin: 0 1% 0 0;padding: 25px 0;background-color: #fff;text-align:center; border: 1px solid #e0e0e0;}
.pro_list li:hover{ border-color:#7baeff; box-shadow: 0 7px 15px 0 rgba(22,64,135,.1);transform: translateY(-10px); color:#ff5412}
.pro_list li img{ width:220px; height:280px;}

#focus_Box{position:relative;width:1000px;height:328px;margin:20px auto;}
#focus_Box ul{position:relative;width:1000px;height:328px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff; margin:0;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-100px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-100px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}
#focus_Box ul,#focus_Box li{ transition: all 0s;}
.case{width: 1200px; margin: 50px auto;}

.news{background: #f6f6f6; height: 650px; padding-top: 40px;}
.news .fl{float:left; width:440px;background-color: #fff;    border: 1px solid #e8e9eb;}
.news .fl:hover{ border-color:#7baeff;box-shadow: 0 7px 15px 0 rgba(22,64,135,.1);}
.news .fl img{ width:438px; height:300px;}
.news .fl h3:hover{ color:#ff5412;}
.news .fr{float:right;}
.news .fr li{background-color: #fff; width:740px; border: 1px solid #e8e9eb; padding:20px;    margin-bottom: 12px;}
.news .fr li h3{color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;line-height: 40px;}
.news .fr li p{ line-height:20px;color: #787878;height: 60px;overflow: hidden;}
.news .fr li:hover{ border-color:#7baeff;box-shadow: 0 7px 15px 0 rgba(22,64,135,.1);}
.news .fr li h3:hover{ color:#ff5412;}
.hyhz{padding-top: 25px;height: 150px;text-align: center;color: #fff;background-image: url(../images/bg_hy.png);background-position: center;background-repeat: no-repeat;}

.foot{background-color: #2D3238; height: 150px;}

.youshi{ background: #30b1f1; height: 500px;margin-top: 50px;}
.youshi>div{width:1200px; margin:auto; padding-top: 50px;color: #fff;}
.youshi li { float:left; width:25%;text-align: center; height: 280px;   padding: 30px 35px;}
.youshi li img{cursor:pointer;}
.youshi li h2{ font-size:18px; line-height: 50px;}
h1,h2,h3{    font-weight: 500;}
.youshi_list li:hover img{transition: all 0.5s ease-in;transform:rotate(360deg);}
.youshi_list li:hover{ border: 1px solid #fff;}

.banner{ width: 100%;}
.banner img{ width: 100%;}

.about_n{background: #0099ff;    height: 300px; color: #fff;}
.about_n>div{width:1200px; margin:auto;}
.about_n>div li{ float:left; width:25%;padding: 100px 30px;text-align: center;}
.about_n>div li p:nth-child(2){font-size: 38px; line-height: 75px; font-family: Times New Roman;}

.lx li{ width:49%; background-color:#ff5412; height:340px;padding: 40px 40px 0 40px; color:#FFF;}
.lx li p{ line-height:32px;}
.lx li h2{border-bottom: 1px solid #fff; line-height:36px; margin-bottom:10px;}
.lx li:nth-child(1){float:left;}
.lx li:nth-child(2){float: right;}

.news_list li{ padding:20px;border: 1px solid #e8e9eb;margin-bottom: 20px;}
.news_list li h2{color: #333333;    line-height: 50px;}
.news_list li p{line-height: 22px;color: #787878; margin-bottom: 15px;}
.news_list li:hover{ border-color:#7baeff;box-shadow: 0 7px 15px 0 rgba(22,64,135,.1);transform: translateX(-10px); }
.news_list img{ max-width:100%;}