@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}
.w1200{width:1200px;margin:auto}

/**/
.banner a{ display:block;  height:500px; overflow:hidden;}


.par{ height:430px; margin:20px 0; overflow:hidden;}
.tit1{ height:140px; overflow:hidden; background:url(../images/par_h.gif) no-repeat center 70px; font:48px "Microsoft Yahei"; text-align:center; font-weight:bold;}
.tit1 a{ color:#007fe6;}
.tit1 a:hover {  text-decoration:none;}
.tit1 b{ color:#eb3c00;}
.tit1 em{ display:block; font:24px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#eee;}
.par2{ width:1200px; height:196px; margin:10px auto 0; background:url(../images/par_bg.gif);}
.par2 .arr1 a{ display: block;
    width: 32px;
    height: 65px;
    background: #4e5965;
    font: 30px "宋体";
    color: #e3e4e5;
    text-align: center;
    line-height: 65px;
    margin-top: 95px;}
.par2 .arr1 a:hover{ background:#007fe6; text-decoration:none;}
.par3{ width:1126px; margin:17px 0 0 10px; display:inline; overflow:hidden; float:left;}
/* .par3 ul{width:2252px!important;} */
.par3 li{ width:205px; height:220px; float:left; background:#fff; border:1px solid #dcdcdc; overflow:hidden; margin-right:20px;}
.par3 li a{ display:block; width:205px; height:220px;}
.par3 li img{ display:block; width:205px; height:190px;transition:all 0.5s;}
.par3 li a{ position:relative;display:block}
.par3 li a:before{ content:'';position:absolute;height:0%;width:100%;background:url(../images/pro-bg.png) no-repeat center;
background-size:cover;transition:all 0.5s;top:0;left:0;z-index:999;display:none}
.par3 li:hover a:before{height:190px}
.par3 li a p{width:100%;text-align:center;line-height:30px;font-size:14px;}
.par3 .nones{ margin-right:0;}
.par3 li a:hover img{-webkit-transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-transform:scale(0.9,0.9);}

.bg1{ height:1014px; height:1350px; overflow:hidden; }

/* 产品分类 */
.tieWrap{margin-bottom:30px;overflow:hidden;}
.hTitle{font-size:36px;color:#191919;line-height:36px;}
.hTitle span{display:block;font-size:16px;display:block;opacity: .8;
    color: #e15712;    margin: 5px 0;}
.hMore{font-size:12px;font-family:Arial;background: url('../images/arr_more.png') no-repeat left 5px;padding-left:20px;margin-top:25px;}
/*  特点 */
.feature{background:#fdfdfd;overflow:hidden;padding:50px 0 20px;}
.feature li{float:left;width:299px;text-align:center;border-right: 1px dotted #c6c6c6;}
.feature li i{display:inline-block;background: url('../images/feature.png') no-repeat;width:54px;height:50px;transition:all .5s;top:0;position:relative;}
.feature li h4{padding-top:15px;color:#333;font-size:22px;position:relative;}
.feature li h4 span{display:block;font-size:12px;opacity:.5;font-family:Arial;}
.feature li:nth-child(2) i{background-position: -54px 0;}
.feature li:nth-child(3) i{background-position: -108px 0;}
.feature li:nth-child(4) i{background-position: -162px 0;}
.feature li h4::after{content:"";position:absolute;left:50%;top:2px;height:1px;margin-left:-15px;background:#de2623;transition:0.3s;width:0;}
.feature li:hover h4::after{width:30px;}
.feature li:hover i{top:-8px}
/*  关于我们 */
.about{padding:50px 0 20px;overflow:hidden;}
.aboutL{width:620px;}
.aboutL .tie{margin:35px 0 20px 0;font-size:26px;color:#333;}
.aboutL .font{width:580px;}
.aboutL .txt{margin-bottom:15px;text-indent:1.8rem;    font-size: 14px;
    font-weight: 500;
    line-height: 24px;}
	.aboutL .divmore{overflow:hidden; height: 30px;}
.aboutL .more{
	display: inline-block;
    width: 150px;
    height: 30px;
    background: #ff9900;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    border-radius: 20px;
	float:right;
}
.aboutL .more:hover{background-position: 0 0;}

.strength{overflow:hidden;margin-top:30px}
.strength li{float:left;font-size:14px;width: 25%;
    text-align: center;}
.strength li strong{display:inline-block;font-size:40px;font-family:Arial;line-height:40px;color:#e15712;position:relative;}
/* .strength li strong::after{content:"+";position:absolute;right:-15px;bottom:-2px;font-size:14px;} */
.strength li:last-child{margin-right:0;} 
.strength li:nth-child(1) strong::after,.strength li:nth-child(3) strong::after{display:none;}
.aboutR{width:580px;height:360px;overflow:hidden;display:block;}
.aboutR img{animation:scale 25s infinite; width:705;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
} 
/* 标题 */
.tit{width:1200px; height:auto; float:left; overflow:hidden;display:none;}
.tit span{color:#007fe6; font-size:30px; display:block; text-align:center;font-weight:bold;line-height:35px;letter-spacing:1px;}
.sj{width:1200px; height:auto; text-align:center; margin:10px auto 0px;display:none;}
.triangle-down{width:0; height:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #007fe6;}

.product_wrap{width:100%; padding:20px 0 60px; background:url(../images/bg1.jpg) no-repeat center top;}
.product{margin-top:30px;}
.pro_fl{width:19%; padding-bottom:10px; background-color:#007fe6;}
.pro_l_tit{width:100%; height:90px; text-align:center; display:table;}
.pro_l_tit p{font-size:22px; color:#FFF; line-height:30px; display:table-cell; vertical-align:middle;}
.pro_l_tit i{display:block; font-size:15px;}
.pro_flist{width:96%; height:auto; padding-bottom:10px; background-color: #fff; margin-left:2%; border-radius:5px;height: 930px;    position: relative;}
.pro_flist dl{padding:10px 18px; overflow:hidden;}
.pro_flist dt{margin-top:5px;}
.pro_flist dt:first-child{margin-top:0px;}
.pro_flist dt a{display:block; padding:11px 5px; font-weight:bold; background: url(../images/icon.jpg) no-repeat right;}
.pro_flist dt a:hover{color:#007fe6;text-decoration:underline;}
.pro_l_tel{width:100%;     position: absolute;
    bottom: 0;display:table;}

.pro_list{width:78%;  background-color:#fff; border:1px solid #eee;}
.pro_r_tit{width:100%; height:35px; border-bottom:1px solid #eee;}
.pro_r_tit strong{color:#007fe6; float:left; margin-left:23px; line-height:35px; font-size:17px;}
.pro_r_tit a{display: inline-block; float:right; padding: 0px 25px; font-size:13px; line-height:35px; background: url(../images/jiahao.png) no-repeat center left;}
.pro_r_tit a:hover{color:#ff6600;text-decoration:underline;}
.pro_list dl{width:100%;}
.pro_list dt{width:220px; height:260px; float:left; margin: 20px 7px 0; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;transition:all 0.5s}
.pro_list dt:hover{box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);}
.pro_list dt .pro_s_img{border:1px solid #eee; overflow:hidden;}
.pro_list dt .pro_s_img img{width:220px; height:220px;transition:all 0.5s}
.pro_list dt .pro_s_img a{ position:relative;display:block}
.pro_list dt .pro_s_img a:before{ content:'';position:absolute;height:0%;width:100%;background:url(../images/pro-bg.png) no-repeat center;
background-size:cover;transition:all 0.5s;top:0;left:0;z-index:999;display:none}
.pro_list dt:hover .pro_s_img a:before{height:100%}

.pro_list dt .pro_s_img img:hover{transform:scale(1.1);}
.pro_list dt .pro_s_tit a{display:block; width: 220px; height:30px; line-height:30px; margin-top:0px; text-align:center; background-color:#eee;transition:all 0.5s}
.pro_list dt:hover .pro_s_tit a{color:#ff6600;}

.pro1{ height:232px; padding:30px 0px 0 0px; margin-top:20px; overflow:hidden; background:#fff;}
.pro1 dt{ width:260px; height:210px; float:left; overflow:hidden; border:1px solid #dddddd;}
.pro1 dt img{ width:260px; height:210px;}
.pro1 dd{ width:530px; float:right;}
.pro1 dd h3{ font:25px "Microsoft Yahei"; font-weight:bold; color:#404144; height:30px; line-height:30px; overflow:hidden;}
.pro1 dd em{ display:block; font:20px "Microsoft Yahei"; color:#404144; line-height:35px; }
.pro1 dd p{ font:15px "Microsoft Yahei"; line-height:30px; color:#404144;}
.pro1 dd span{ display:block; height:30px; overflow:hidden; margin-top:10px;}
.pro1 dd span a{ display:inline-block; width:90px; height:22px; border:1px solid #c4c4c4; font:14px "Microsoft Yahei"; text-align:center; line-height:22px; color:#222;}
.pro1 dd span a.a02{ border:1px solid #eb3c00; color:#eb3c00; margin-left:25px;}

.guan1{ height:271px; overflow:hidden; position:relative; background:url(../images/guan1.jpg) no-repeat center top;}
.guan1 h4{ width:232px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:280px;}
.guan1 h4 span{ display:inline-block; font:22px "Microsoft Yahei"; color:#fff; text-align:right; width:166px; padding-top:97px;}
.guan1 h4 span em{ display:block; font:24px Arial, Helvetica, sans-serif; font-weight:bold;}
.guan1 h4 i a{ display:inline-block; position:absolute; top:0; right:0;}

.ys{ height:1600px; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys .content{ position:relative; height:1265px;width:1100px;}
.ys dl{ width:600px; height:225px; position:absolute;}
.ys dt{ font:30px "Microsoft Yahei"; font-weight:bold; color:#333;}
.ys dt i{ font-size:18px;}
.ys dt em{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; background:url(../images/ys_line.gif) no-repeat 88px bottom; padding-bottom:8px;}
.ys dt span{ display:block; width:78px; height:78px; font:38px Impact; color:#fff; text-align:center; line-height:78px; background:url(../images/ys01.gif) no-repeat center top; margin-right:10px; float:left;}
.ys dd{ padding:12px 0 0 78px;}
.ys dd p{ font:16px "Microsoft Yahei"; line-height:20px; color:#33; background:url(../images/ys_jt.gif) no-repeat left 4px; padding-left:20px; width:390px; margin-top:10px;}
.ys dd p b{ color:#eb3c00;}
.ys .dl01{ top:152px; left:0;}
.ys .dl02{ top:570px; left:558px;}
.ys .dl03{ top:935px; left:15px;}
.ys .dl04{ top:1260px; left:578px;}
.ys .dl05{ top:1775px; left:15px;}
.ys .g01{ position:absolute; top:44px; right:0;}
.ys .g02{ position:absolute; top:495px; left:0;}
.ys .g03{ position:absolute; top:859px;     right: 0;}
.ys .g04{ position:absolute; top:1195px; left:0;}
.ys .g05{ position:absolute; bottom:0px; right:0;}
.ys img{width:484px}
.guan2{ background:url(../images/guan2.jpg) no-repeat center top; height:404px; overflow:hidden; position:relative;display:none}
.guan2 p{ font:18px "Microsoft Yahei"; color:#fff; width:295px; height:68px; position:absolute; top:140px; left:50%; margin-left:-400px; background:url(../images/guan2_lx.png) no-repeat left 2px; padding-left:70px;}
.guan2 p em{ display:block; font:36px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff;}
.guan2 span a{ display:block; width:91px; height:22px; background:#fff; border:1px solid #eb3c00; font:14px "Microsoft Yahei"; text-align:center; line-height:22px; color:#eb3c00; position:absolute; top:233px; left:50%; margin-left:180px;}

.case{ height:620px; margin-bottom:64px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.tit2{ height:58px; overflow:hidden; background:#4e5965; margin:15px 0 28px 0;}
.tit2 li{ width:20%; height:58px; font:18px "Microsoft Yahei"; text-align:center; line-height:58px; float:left;}
.tit2 li a{ color:#fff; display:block;}
.tit2 li a:hover,.tit2 .cur a{ background:url(../images/pro_h.gif) repeat-x center center; text-decoration:none;}

.roundabout-holder
{
width: 1000px;
height: 295px;
margin: 0px auto;
}
.roundabout-moveable-item
{
width: 432px;
height: 295px;
border: 4px solid #fff;
overflow: hidden;
}
.roundabout-moveable-item img
{
width: 100%;
cursor: pointer;
}
.roundabout-in-focus {  overflow:visible;}

.roundabout-in-focus a span
{
display:block;
background:none;
top:300px;
}
/**/
.case1{ height:400px; margin-top:30px; position:relative;}
.case1 .arr1{ width:27px; height:51px; position:absolute; top:121px; left:-40px;}
.case1 .arr2{width:27px; height:51px; position:absolute; top:121px; right:-40px;}
.case1 li{ width:432px; height:295px; position:absolute;}

.case1 li span{ display:block;width:432px; height:295px; position:absolute; top:-30px; left:0; background:url(../images/case_alp.png);}
.case1 .li02{ top:30px; left:0;}
.case1 .li03{ top:30px; right:0;}
.case1 .li01{ top:0; left:280px; z-index:9;width:432px;}
.case1 .li01 img{ width:432px; height:295px; display:block;}
.roundabout-in-focus span{ display:block; font:16px "Microsoft Yahei"; text-align:center; font-weight:bold; line-height:55px; height:55px; overflow:hidden; color:#333;}

.wit{ overflow:hidden; margin-bottom:60px;}
.wit h2{ height:80px; width:302px; margin:0 auto; text-align:center; font:50px Impact; text-transform:uppercase; color:#007fe6;}
.wit h2 a{ font:18px "Microsoft Yahei"; text-align:center; background:#eb3c00; width:150px; height:40px; line-height:40px; color:#fff; display:inline-block; float:right; margin-top:10px;}
.wit2{ height:200px; overflow:hidden;}
.wit2 .arr1 a{ display:block; width:53px; height:200px; background:#f5f5f5; font:30px "宋体"; text-align:center; line-height:200px; font-weight:bold;}
.wit2 .arr1 a:hover{ color:#eb3c00; text-decoration:none;}
.wit3{ width:1035px; float:left; margin-left:30px; display:inline; overflow:hidden;}
.wit3 dl{ width:200px !important; float:left !important; margin-right:15px; background:#f5f5f5;height:260px;}
.wit3 dt{ width:200px; height:150px;}
.wit3 dt img{width:200px; height:150px;}
.wit3 dd{ width:200px; margin:10px auto 0; height:215px; overflow:hidden;}
.wit3 dd h3 a{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#373737; overflow:hidden; height:28px;}
.wit3 dd p{ font:12px "Microsoft Yahei"; line-height:22px; color:#3e3e3e; height:88px; overflow:hidden;}
.wit3 dd span a{ display:block; width:83px; height:23px; font:14px "Microsoft Yahei"; text-align:center; line-height:23px; color:#fff; background:#eb3c00; margin-top:15px;}
.wit3 .nones{ margin-right:0;}

.bg2{ background:url(../images/about_bg.jpg) no-repeat center top;padding: 30px 0; overflow:hidden; margin-bottom:30px;}

.fc{     width: 100%;  position:relative;}
.fc .bd{     width: 100%;
    overflow: hidden;}
.tit3{ height:34px; border-bottom:1px dashed #48a6ed; overflow:hidden; margin-bottom:20px;}
.tit3 li{ font:18px "Microsoft Yahei"; height:34px; padding-right:50px; float:left;}
.tit3 li a{ color:#fff;}
.tit3 li a:hover,.tit3 .cur a{ font-weight:bold;}
.fc span a{ display:inline-block; width:50px; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#9ad0f5; position:absolute; top:0; right:0; line-height:24px;}
.fc2 li{ width:215px; float:left; margin-right:15px;}
.fc2 li img{ display:block; width:215px; height:163px;}
.fc2 li a{ display:block;}
.fc2 li a:hover img{ filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;  }
.fc2 li em{ display:block; font:14px "Microsoft Yahei"; line-height:33px; height:33px; overflow:hidden; background:#f3f3f3; margin-top:1px; text-align:center;}
.fc2 .nones{ margin-right:0;}

.honor{ width:216px; position:relative;}
.honor h2 a{ display:block; height:44px; font:18px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff;}
.honor .arr1 a{ display:block; width:12px; height:21px; overflow:hidden; position:absolute; top:0; left:0; background:url(../images/honor_l.png) no-repeat;}
.honor .arr1 a:hover{background:url(../images/honor_l2.png) no-repeat;}
.honor .arr2 a{ display:block; width:12px; height:21px; overflow:hidden; position:absolute; top:0; right:0; background:url(../images/honor_r.png) no-repeat;}
.honor .arr2 a:hover{background:url(../images/honor_r2.png) no-repeat;}
.honor ul{ width:216px; height:271px; overflow:hidden; background:url(../images/honor-bg.jpg) no-repeat center top;}
.honor li{ width:123px; margin:30px 0 0 47px; float:left; overflow:hidden;}
.honor li img{ display:block; width:123px; height:189px;}
.honor li em{ display:block; margin-top:18px; font:14px "Microsoft Yahei"; text-align:center; height:34px; line-height:34px; color:#666; overflow:hidden;}

.new{ width:320px; height:423px; background:#f1f1f1; padding:0 30px;}
.new h2{ height:65px; border-bottom:1px dashed #999; font:18px "Microsoft Yahei"; font-weight:bold; line-height:65px;}
.new h2 a{ color:#2c2829;}
.new h2 span a{ font:14px "Microsoft Yahei"; line-height:65px; text-transform:uppercase; color:#ababab;}
.new p{ margin-top:20px; width:320px; height:138px;}
.new p img{width:320px; height:123px;}
.new ul{ width:320px; margin:0 auto;}
.new li{ font:14px "Microsoft Yahei"; line-height:30px; height:30px; overflow:hidden;}
.new li a{ color:#595959;}
.new dl{width:320px; margin:0 auto;}
.new dt a{ display:block;font:14px "Microsoft Yahei"; line-height:30px; height:30px; overflow:hidden; font-weight:bold; color:#2c2829;}
.new dd{font:14px "Microsoft Yahei"; line-height:30px;}
.new1{ margin-right:30px;}

.link{ height:187px;margin-top:40px;background:url(../images/link_bg.gif) no-repeat center 39px;overflow:hidden;}
.link h2{ height:50px; font:44px "Microsoft Yahei"; text-transform:uppercase; color:#4e5965;}
.link h2 em a{ display:inline-block; width:72px; height:18px; background:#4e5965; font:14px "Microsoft Yahei"; text-align:center; line-height:18px; color:#fff;}
.link h2 span a{ font:14px "Microsoft Yahei"; color:#666; padding-top:29px; display:inline-block;}
.link p{ font:14px "Microsoft Yahei"; text-align:center; line-height:30px; color:#666; padding-top:10px;}
.link p a{ color:#666; padding:0 20px; display:inline-block;}



/**/

.qrcode{ position:fixed; border:1px solid #c9eeff; border-radius:2px; z-index:9999; right:0px; bottom:5px; width:130px;background:#FFF url(../images/onlinebg.jpg) no-repeat 0 0; box-shadow:0px 0px 10px rgba(0,0,0,0.08);display:none}
.qrcode .bd{ padding:80px 0px 10px 10px;}
.qrcode .bd ul{ line-height:1.4;}
.qrcode .bd ul li{  overflow:hidden;}
.qrcode .bd ul li .tit{ font-size:14px;}
.qrcode .bd ul li .btn{ margin-bottom:4px; width:110px; height:26px; display:block; text-indent:38px; color:#FFF !important; font-size:13px; line-height:26px; text-decoration:none;}
.qrcode .bd ul li .qq{ background:url(../images/btn_qqo.png) no-repeat;}
.qrcode .bd ul li .baidu{ background:url(../images/btn_sq.png) no-repeat;}
.qrcode .bd ul li .btn_onl{ background:url(../images/btn_onl.png) no-repeat;}
.qrcode .bd ul li .btn_mes{ background:url(../images/btn_mes.png) no-repeat;}
.qrcode .bd ul li .tel{ color:#e00; font-size:14px;}
.qrcode .bd ul li a:hover{ filter:alpha(opacity=80); opacity:0.8;}
.codeAdv{ color:#00a3e9; font-size:14px; }
.codeAdv .hdtxt{ display:block; margin-bottom:4px; } 
.dianhua{ font-size:18px}
#video {
	width: 520px;
	height: 300px;
	
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.sdsd1{    font-size: 18px;
    height: 35px;
  
    line-height: 35px;
    background: #ff6600;
    color: #fff;
    width: 188px;
    margin: auto;
    text-align: center;}
	/*在线客服*/
	.online-qq {right:10px}
/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);display:none}
.qq_content dd{padding:7px; width:135px; background:#eee;}
.qq_content .dt{background:#003b78 url(../images/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 15px; width:120px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:100px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;text-align: center;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}