﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}
.txtMarquee{background:#0e5ec0;color:#fff;overflow:hidden;}
.txtMarquee-left{height:70px;line-height:70px;font-size:20px}
.txtMarquee-left li{margin-left:30px;font-weight:600;width:1800px}
/**/
.banner a{ display:block;  height:500px; overflow:hidden;}


.par{ height:348px; margin-top:70px; 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:#0e5ec0;}
.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:50px; background:#4e5965; font:30px "宋体"; color:#e3e4e5; text-align:center; line-height:65px; margin-top:58px;}
.par2 .arr1 a:hover{ background:#0e5ec0; 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:160px; float:left; background:#fff; border:1px solid #dcdcdc; overflow:hidden; margin-right:20px;}
.par3 li a{ display:block; width:205px; height:160px;}
.par3 li img{ display:block; width:205px; height:130px;}
.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; background:url(../images/bg1.jpg) no-repeat center top;}
.fen{ width:206px; padding-bottom:27px; border:5px solid #0e5ec0; border-top:0; overflow:hidden; background:#fff;}
.fen h2 a{ display:block; font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; height:58px; line-height:58px; background:url(../images/fen_h.gif) no-repeat center top;}
.fen2{ width:185px; margin:20px auto 0; background:#f3f3f3;}
.fen2 h3{ height:45px; font:16px "Microsoft Yahei"; line-height:32px; overflow:hidden;}
.fen2 h3 a{ display:block; height:32px; color:#fff; padding-left:18px; background:url(../images/fen_bg2.gif) no-repeat center top;}
.fen2 h3 a:hover{ color:#fff; background:url(../images/fen_bg2.gif) no-repeat center top; text-decoration:none;}
.fen2 li{ width:92px; font:14px "Microsoft Yahei"; line-height:38px; height:38px; overflow:hidden; float:left; border-bottom:1px solid #e8e8e8;}
.fen2 li a{ color:#989898; padding-left:10px;}
.fen3 li{ width:185px;}

.pro{ width:960px;}
.pro h2{ height:58px; background:#4e5965; overflow:hidden;}
.pro h2 em a{ display:inline-block; background:url(../images/pro_h.gif) no-repeat left top; width:153px; height:58px; font:18px "Microsoft Yahei"; color:#fff; text-align:center; line-height:58px;}
.pro h2 span a{ color:#d3d3d3; font-weight:normal; text-transform:uppercase; line-height:58px; font-size:18px; padding-right:8px;}
.pro2more a{ color:#d3d3d3; font-weight:normal; text-transform:uppercase; line-height:48px; font-size:18px; padding-right:8px;}
.pro1{ height:232px; padding:30px 30px 0 30px; 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:580px; 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;}
.pro2{ margin-top:23px;}
.pro2 ul{ height:48px; overflow:hidden; background:#4e5965;}
.pro2 li{width:33.33%; height:48px; font:18px "Microsoft Yahei"; text-align:center; line-height:48px; float:left;}
.pro2 li a{ color:#fff; display:block;}
.pro2 li a:hover,.pro2 .cur a{ background:url(../images/pro_h.gif) repeat-x center center; text-decoration:none;}
.pro2 dl{ width:223px; border:1px solid #e5e5e5; margin:20px 20px  0 0; float:left; height:295px; background:#d8d8d8;}
.pro2 dt{ width:223px; height:230px; overflow:hidden;}
.pro2 dt img{width:223px; height:237px;}
.pro2 dt a{ display:block;width:223px; }
.pro2 dt a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1); border:1px solid #e5e5e5;}
.pro2 dd{padding:5px 15px 0 15px; font:14px "Microsoft Yahei"; line-height:28px; color:#989898;}
.pro2 dd em{ display:block;}
.pro2 .nones{ margin-right:0;}
.pro2 dl:hover{background:#e0e0e0;}
.pro2 dl:hover dd{color:#343434;padding:10px 15px 0 15px;}
.pro2 .cur{ background:#e0e0e0;}
.pro2 .cur dd{padding:10px 15px 0 15px; color:#343434;}

.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:160px; 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:1750px; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys .content{ position:relative; height:1750px;}
.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:590px; left:558px;}
.ys .dl03{ top:1010px; left:15px;}
.ys .dl04{ top:1375px; left:578px;}
.ys .dl05{ top:1775px; left:15px;}
.ys .g01{ position:absolute; top:44px; right:0;}
.ys .g02{ position:absolute; top:468px; left:0;}
.ys .g03{ position:absolute; top:859px; left:529px;}
.ys .g04{ position:absolute; top:1318px; left:0;}
.ys .g05{ position:absolute; bottom:0px; right:0;}

.guan2{ background:url(../images/guan2.jpg) no-repeat center top; height:404px; overflow:hidden; position:relative;}
.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{ height:500px; overflow:hidden; margin-bottom:60px;}
.wit h2{ height:80px; width:302px; margin:0 auto; text-align:center; font:50px Impact; text-transform:uppercase; color:#0e5ec0;}
.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:342px; overflow:hidden;}
.wit2 .arr1 a{ display:block; width:53px; height:343px; background:#f5f5f5; font:30px "宋体"; text-align:center; line-height:343px; 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:239px !important; float:left !important; margin-right:26px; background:#f5f5f5;height:342px;}
.wit3 dt{ width:239px; height:211px;}
.wit3 dt img{width:239px; height:211px;}
.wit3 dd{ width:210px; margin:30px 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; height:763px; overflow:hidden; margin-bottom:70px;}
.about{ height:291px; overflow:hidden; margin-top:79px;}
.about dt{ width:497px; float:left; background:url(../images/about_bg1.gif) no-repeat right top;}

.about dd{ width:620px; float:right;}
.about dd h3{ font:39px "Microsoft Yahei"; font-weight:bold; color:#fff; height:110px;}
.about dd h3 a{ color:#fff;}
.about dd h3 em{ display:block; font:18px "Microsoft Yahei"; color:#fff; padding-top:6px;}
.about dd p{ font:16px "Microsoft Yahei"; line-height:30px; height:120px; color:#8fcbf4; overflow:hidden;}
.about dd 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; margin-top:20px;}

.fc{ width:950px; margin-top:44px; position:relative;}
.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:29px;}
.fc2 li img{ display:block; width:215px; height:183px;}
.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);}
.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;
}