@charset "utf-8";
/* CSS Document */
body{margin:auto;padding:0px;font-size:14px; font-family: 微软雅黑;-webkit-text-size-adjust: none; background: #fff;}
::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}
a { text-decoration:none; outline-style:none; }
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; font-family:微软雅黑;}
input{ padding:0;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.all { width:100%; height:auto; margin:auto; position:relative; z-index:1;}
.w1200{ width:1200px; margin:auto;}
.wf100{ width: 100%; float: left;}


/*banner*/
.banner_box{ width:100%; float: left; position: relative;}
.slideBox2{ position:relative; overflow:hidden; margin:0 auto; /* 设置焦点图最大宽度 */ width:100%; float: left; padding-bottom: 40px;}
.slideBox2 .hd{height:auto; overflow:hidden; position:absolute; left:50%; bottom:0; z-index:1;}
.slideBox2 .hd ul{ float:right;}
.slideBox2 .hd li{ display:inline-block; width:10px; height:10px; float:left; border-radius: 100%; background:#fff; border: 1px solid #000; text-indent:-9999px; overflow:hidden; margin:3px 10px 0 0; cursor: pointer;}
.slideBox2 .hd li.on{ width:16px; height: 16px; background:#595959; border: 3px solid #d4d4d4; margin-top: 0;}
.slideBox2 .bd{ position:relative; z-index:0;}
.slideBox2 .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;}
.slideBox2 .bd li{ position:relative; text-align:center;  }
.slideBox2 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox2 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:50%;  height:28px; line-height:24px; color:#fff;  text-align:left; font-size:14px; }
.slideBox2 .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;}

.all_center_box{ width:100%; float: left; margin-top: 115px; min-height: 500px;}

.head_box{ padding:8px 0; background: #fff; position: fixed; left: 0; top: 0; z-index: 13;}
/*.head_box .logo img{ height:45px;}*/
.head_box .logo img{height: 55px;padding: 8.5px 0;box-sizing: unset;}
.head_box .head_btn{ display: none;}
.head_box .head_menu{ float:left; margin: 10px 0 0 100px;}
.head_box .head_menu ul li{ float:left; position: relative; margin-left: 42px;}
.head_box .head_menu ul li a{ color: #000; border-bottom: 3px solid #fff; padding-bottom: 2px;font-size:15px;}
.head_box .head_menu ul li a.cur,.head_box .head_menu ul li a:hover{ color: #808080;font-size:15px;}
.head_box .head_menu ul li.cur span a{ color: #808080; border-bottom: 3px solid #000;}
.head_box .head_menu ul li .erji{ position: absolute; left: 0; top: 24px; padding-top: 10px; width: 500px; display: none;}
.head_box .head_menu ul li .erji a{ float:left; margin-right: 15px; border: none;}
.head_box .head_menu ul li:hover .erji{ display: block;}
.head_box .language{ margin-top: 12px;}
.head_box .language a{color: #000;}
.head_box .language a.cur,.head_box .language a:hover{ color: #808080;}
.head_box .language i{ margin: 0 2px;}

.head_box .head_link{ line-height: 14px; margin: 15px 22px 0 0;}
.head_box .head_link span{ float:left; font-weight: bold;}
.head_box .head_link a img{ float:left; height: 14px; margin-left: 24px;}
.head_box .head_link .sj{ float:left; margin-right: 24px; color: #000; position: relative; margin-top: -3px; cursor: pointer;}
.head_box .head_link .sj i{ float:left; font-size: 18px; display: none;}
/*.head_box .head_link .sj p{ position: absolute; left: -39px; top: 27px; line-height: 18px; display: none; font-weight: bold;}*/
.head_box .head_link .sj p{position: relative;left: 0;top: 0;line-height: 18px;/* display: none; */font-weight: bold;font-size: 20px;}

.head_box .head_link .sj:hover p{ display: block;}

.home_box1 ul li{ width:49%; float: left; margin-top: 50px;}
.home_box1 ul li:nth-child(2n){ float:right;}
.home_box1 ul li a{ width:100%; float: left; color: #666;}
.home_box1 ul li div{ width:100%; height: 328px; float: left; overflow: hidden; position: relative;}
.home_box1 ul li div img{ transition: all .6s; height: 100%;}
.home_box1 ul li p{ width:100%; float: left; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_box1 ul li:hover div img{ transform: scale(1.1);}
.home_box1 ul li em{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000; display: none;}
.home_box1 ul li em video{ width:100%; height: 100%;}


.foot_box{ width:100%; float: left; text-align: center;}
.foot_box .top_box{ padding: 30px 0;}
.foot_box .top_box i img{ height:10px; cursor: pointer;}
.foot_box .top_box .link_box{ padding:25px 0;}
.foot_box .top_box .link_box a{ color: #000; margin: 0 30px;}
.foot_box .top_box .link_box a:hover{ color: #808080;}
.foot_box .lower_box{ background: #4d4d4d; color: #fff; line-height: 20px; padding: 10px 0;}
.foot_box .lower_box a{ color:#fff; margin-right:12px;}
.foot_box .lower_box a:hover{ color:red;}

.loading{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: url(../images/logo.png) no-repeat center #fff;}

.dytd_box1 ul{ width:100%; float: left; text-align: center; padding: 0 112px;}
.dytd_box1 ul li{ float: left; margin:0 82px 70px;}
.dytd_box1 ul li a{ width:160px; height: 160px; float: left; position: relative; overflow: hidden; border-radius: 100%; background: #595959; color: #fff; text-align: center; transition: all .6s;}
.dytd_box1 ul li em{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transition: all .6s ease 0.1s;}
.dytd_box1 ul li a i{ width:100%; float: left; padding: 20% 0 10%;}
.dytd_box1 ul li a i img{ height:52px;}
.dytd_box1 ul li a p span{ width: 100%; float: left; font-size: 15px;}
.dytd_box1 ul li:hover a{ transform: rotateY(180deg);}
.dytd_box1 ul li:hover a em{ opacity: 1; z-index: 1;}

.page_banner{ text-align: center;}
.about_box1{ text-align: center; padding: 5% 23%; line-height: 25px;}

.contact_box{ text-align: center; padding: 5% 16%;}
.contact_box ul li{ width:25%; float: left; display: inline-block;}
.contact_box ul li i{ width:90px; height: 90px; background-color: #595959; background-repeat: no-repeat; background-position: center; background-size: 40%; border-radius: 100%; display: inline-block; transition: all .6s;}
.contact_box ul li span{ width: 100%; display: inline-block; font-size: 18px; padding: 10px 0;}
.contact_box ul li a,.contact_box ul li{ color: #595959;}
.contact_box ul li i.clr1{ background-image: url(../images/co_1.png);}
.contact_box ul li i.clr2{ background-image: url(../images/co_2.png);}
.contact_box ul li i.clr3{ background-image: url(../images/co_3.png);}
.contact_box ul li i.clr4{ background-image: url(../images/co_4.png);}
.contact_box ul li:hover i{ background-color: #999999;}
.contact_box .mapBox{ width:100%; float: left; height: 240px; margin-top: 45px;}
.contact_box .mapBox img,.contact_box .mapBox label{ max-width: none;}
.anchorBL{ display: none;}

.dytd_box2 .top_box{ text-align: center; padding: 0 24%; position: relative; overflow: hidden;}
.dytd_box2 .top_box .tx{ display: none;}
.dytd_box2 .top_box .tx img{ width:170px; height: 170px; border-radius: 100%;}
.dytd_box2 .top_box .na{ font-size: 16px; color: #000; padding: 40px 0;}
.dytd_box2 .top_box .info{ line-height: 24px; text-align: left; display: none;}
.dytd_box2 .top_box .btn_close{ width:33px; height: 33px; position: absolute; right: 0; top: 0; z-index: 1; background: url(../images/ico_3.png) no-repeat; background-size: cover; cursor: pointer;}
.dytd_box2 .top_box .btn_close a{ width:100%; height: 100%; display: block;}

.dytd_box2 .lower_box{ padding:0 10%;}
.dytd_box2 .lower_box .box{ width:100%; float: left; position: relative;}
.dytd_box2 .lower_box .box .bd{ width:914px; margin: auto; overflow: hidden;}
.dytd_box2 .lower_box .box .bd ul li{ width:440px; height: auto; float: left; margin: 30px 8px 0; overflow: hidden;}
.dytd_box2 .lower_box .box .bd ul li img{ width:100%; height:245px; float: left;}
.dytd_box2 .lower_box .box .bd ul li p{ width:100%; float: left; margin-top: 5px; font-size: 12px;}
.dytd_box2 .lower_box .box.phone{ display: none;}

.dytd_box2 .lower_box .box .prev,.dytd_box2 .lower_box .box .next{ width:12px; height: 25px; position: absolute; left: 0; top: 50%; margin-top: -10px; background: url(../images/btn_1.png) no-repeat left; background-size: cover; cursor: pointer;}
.dytd_box2 .lower_box .box .next{ left:auto; right: 0; background-position: right;}

.syys_box .top_box .bt{ text-align: center;}
.syys_box .top_box .bt a{ color: #000;}
.syys_box .top_box .bt a:hover,.syys_box .top_box .bt a.cur{ color: #808080;}
.syys_box .top_box .bt i{ margin: 0 15px 0 18px;}
.syys_box .top_box .box{ background: #ccc; margin-top: 20px; position: relative; overflow: hidden; cursor: pointer;}
.syys_box .top_box .box video{ width:100%; float: left; }


.syys_box .top_box .box .info_box{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; display: none;}
.syys_box .top_box .box .info_box .pull-right{ position: absolute; top: 50%; right: 20%; margin-top: -67.5px;}
.syys_box .top_box .box .info_box .pull-left{ height: 100%; font-size: 26px; display: table; vertical-align: middle; padding-left: 8%;}
.syys_box .top_box .box .info_box .pull-left div{ display: table-cell; vertical-align: middle;}
.syys_box .top_box .box .info_box img{ width:100%; height: 100%;}

.syys_box .lower_box{ color: #595959;}
.syys_box .lower_box .bt{ font-size: 24px; font-weight: bold; padding: 35px 0 10px;}

.fanye{ width:100%; float: left; text-align: center; padding: 20px 0;}
.fanye ul li{ display: inline-block; margin: 0 3px;}
.fanye ul li a{ width:8px; height: 8px; border: 1px solid #000; border-radius: 100%; display: inline-block; text-indent: -9999px;}
.fanye ul li.active a{ background: #000;}


.fudong2{ width: 100%; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 90; padding: 10px 0; color: #000; transition: all .8s; display: none;}
.fudong2 .w1200{ width: 930px;}
.fudong2 .pull-left{ width: 50%; text-align: right; height: 40px; line-height: 40px; font-size: 18px; padding-right: 50px; border-right: 1px solid #000; position: relative;}
.fudong2 .pull-left em{ width: 90px; height: 155px; position: absolute; left: -90px; bottom: -13px; background: url(../images/fo1_1.png) no-repeat bottom; background-size: 100%;}
.fudong2 .pull-right{ width: 50%; line-height: 40px;}
.fudong2 .pull-right .fl{ float: left; font-size: 24px; background: url(../images/fo1_2.png) no-repeat left; background-size: auto 30px; padding-left: 40px; margin-left: 50px; color: #000; position: relative;}
.fudong2 .pull-right .fl a{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: none;}
.fudong2 .pull-right .fr{ color: #000; border: 1px solid; float: right; border-radius: 5px; background: rgba(255,255,255,0.24); font-size: 18px; padding: 0 20px;}
.fudong2 .pull-right .fr i{ display: inline-table; background: url(../images/fo1_3.png) no-repeat left; background-size: auto 22px; padding-left: 26px;}
.fudong2.active{ left:0; opacity: 1;}


@media screen and (max-width:1200px){
	.w1200{ width:95%;}
}
@media screen and (max-width:1024px){
	.all_center_box{ margin-top: 61px;}
	.head_box{ position: fixed;}
	.head_box .head_btn{ display: block; float:right; font-size: 24px; margin: 6px 0 0 18px;}
	.head_box .head_menu{ width:100%; position: absolute; left: 0; top: 60px; text-align: center; background: #fff; margin: auto; display: none;}
	.head_box .head_menu ul li{ width:100%; float: left; margin: auto;}
	.head_box .head_menu ul li a{ width:100%; float: left; border-top: 1px solid #000; border-bottom: none; padding: 10px 0; font-size: 15px;}
	.head_box .head_menu ul li.cur span a{ border-bottom: none; padding-bottom: 10px;}
	.head_box .head_menu ul li:hover .erji{ display: none;}
	.slideBox2{ padding-bottom: 25px;}
	.dytd_box1 ul{ padding:0;}
	.dytd_box1 ul li{ width:48%; margin: 10px 0 0 0;}
	.dytd_box1 ul li:nth-child(2n){ float:right;}
	.dytd_box1 ul li a{ width:100%; height: 100%;}
	.dytd_box1 ul li a i{ padding:14% 0;}
	.dytd_box1 ul li a i img{ height: 50px;}
	.dytd_box2 .lower_box .box.phone{ display: block;}
	.dytd_box2 .lower_box .box.pc{ display: none;}
	.dytd_box2 .lower_box .box .bd{ width:408px;}
	.all_center_box{ min-height: auto;}
	
}
@media screen and (max-width:768px){
	.home_box1 ul li div{ height:200px;}
	.dytd_box2 .lower_box{ padding:0}
	.dytd_box2 .lower_box .box .bd{ width:408px;}
	.fanye{padding: 40px 0 10px;}
	.fanye ul li{ margin: 0 10px;}
	.fanye ul li a{ width: 15px; height: 15px;}
}
@media screen and (max-width:480px){
	.home_box1 ul li{ margin-top: 20px;}
	.home_box1 ul li div{ height:100px;}
	.foot_box .top_box .link_box{ padding:15px 0;}
	.foot_box .top_box .link_box a{ margin: 0 8px;}
	.about_box1,.contact_box{ padding:5% 0;}
	.contact_box ul li{ width:100%; margin-top: 10px;}
	.contact_box ul li i{ display: none;}
	.dytd_box2 .top_box{ padding:0 20px;}
	.dytd_box2 .top_box .na{ padding:10px 0;}
	.dytd_box2 .lower_box .box .bd{ width:340px;}
	.dytd_box2 .lower_box .box .bd ul li{ width:320px; height: auto; margin: 20px 10px 0;}
	.dytd_box2 .lower_box .box .bd ul li img{ width:100%; height:180px;}
	.syys_box .top_box .bt i{ margin: 0 5px 0 8px;}
	.syys_box .lower_box .bt{ font-size: 20px; padding-top: 20px;}
	.head_box .head_link{ display: none;}
	.syys_box .top_box .box .info_box .pull-left{ font-size: 14px;}
	.syys_box .top_box .box .info_box .pull-right{ width:50px; margin-top: -25px; right:10%;}
	.fudong2{ display: block;}
	.fudong2 .w1200{ width: 94%;}
	.fudong2 .pull-left{ display: none;}
	.fudong2 .pull-right{ width: 100%; line-height: 40px;}
	.fudong2 .pull-right .fl{ margin-left: 0;}
	.fudong2 .pull-right .fl{ font-size: 18px; background-size: auto 25px; padding-left: 35px;}
	.fudong2 .pull-right .fl a{ display: block;}
	.fudong2 .pull-right .fr{ padding: 0 10px;}
	.fudong2 .pull-right .fr i{background-size: auto 25px; padding-left: 30px; height: auto;}
	
	
}
@media screen and (max-width:350px){
	.home_box1 ul li div{ height:85px;}
	
}