
/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:12px; color:#6e6e6e;  min-width:100%; width:auto!important; width:100%;_width:expression(document.documentElement.clientWidth<100%?"100%":"auto"); margin:0 auto; overflow-x:hidden;margin:0;padding:0; font-size:15px;}


.top_nav{ height:75px; width:100%; background:#FFF;position:fixed; z-index:999;}
.tlogo{ padding-left:1.5%; padding-top:5px; float:left;}
.nav1{ float:right; padding-right:20px;}
a.topan{ width:150px; height:66px; color:#fff;margin-top:20px; margin-right:3%; border:2px solid #ffa000; line-height:60px; text-align:center; font-size:18px;border-radius:3px; background:#ffa000;}
a.topan:visited {font-style: normal; color: #fff; text-decoration: none;}
a.topan:hover { color:#fff; text-decoration: none; background:#212121;}
a.topan:active { color: #ffffff; background:#1F63E9;}
.nav2{ padding-right:10px; background:url(../images/img1b.png) center left no-repeat; height:75px;  width:160px; padding-left:20px; float:right;}
.nav2 a{ font-family:"微软雅黑"; font-size:17px;  padding:26px 15px 26px 15px; color:#000; float:left;}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:74px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:145px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:36px; line-height:36px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#212121; color:#fff; font-size:14px;}
ul.menu ul ul {left:114px; top:0px}
ul.menu .menulink {border:0px solid;  padding:26px 0px 26px 0px; width:145px; color:#000;  font-family:"微软雅黑"; font-size:17px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #D21E24; background:url(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#ffa000;}
ul.menu .topline {border-top:1px solid #aaa}





.cen{ width:1260px; margin:auto; height:auto;}
.cens{ width:1300px; margin:auto; height:auto;}
.clear{clear:both;}

.anquan{ width:100%; height:900px; background:url(../images/aqbj.jpg) top center no-repeat;background-size:cover;  padding-top:70px; position:relative; border-top:8px solid #00a1e9; margin-top:50px;}
.bt01{ text-align:center; font-size:40px; line-height:50px; padding-bottom:20px; color:#fff; font-weight:bold;}

.bt02{ text-align:center; font-size:42px; line-height:55px; padding-bottom:20px; color:#fff; text-transform:uppercase;}
.bt03{ text-align:center; font-size:16px; font-weight: normal; line-height:32px; padding-bottom:20px; color:#fff; width:1100px; text-align:center; margin:auto;}
.bt04 a{text-align:center; border-radius:30px 0px 30px 0px; width:166px; height:42px; display:block; margin:auto; margin-top:20px;  font-size:14px; color:#fff; line-height:42px; background:#00a1e9;}
.bt04 a:hover{background:#212121; color:#ffffff;}

.bt05{ width:100%; height:240px; background:#00a1e9; bottom:0px; position:absolute;}

.kuai1{ width:100%;}
.kuai1_1{ width:90%; margin:auto;  bottom:-50px; border-radius:1px; display: flex; flex-wrap: wrap; justify-content: space-between;border-radius:10px;}

.qywlan{text-align:center; width:20%; padding-top:40px;}
.qywlan:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.qywlan01{line-height:42px; padding-top:10px;  font-size:18px; color:#fff; font-weight:bold;}
.qywlan02{line-height:22px; font-size:13px; color:#fff; text-transform:uppercase;}


.ggan a{text-align:center; border-radius:5px; width:220px; height:60px; display:block; margin:auto; margin-top:20px;  font-size:18px; color:#00a1e9; line-height:60px; background:#fff; float:right;}
.ggan a:hover{background:#00a1e9; color:#ffffff;}



.youshi{ width:100%; margin:0 auto; background:url(../images/index_22.jpg) center 130px no-repeat; height:1620px;}
.youzhong{ width:1260px; margin:0 auto;}
.ytop { width:500px; padding-left:360px; padding-top:20px;}
.ytop h2{ font-size:30px; padding:0px; margin:0px; color:#4b4a4a; font-weight:normal; font-style:italic}
.ytop h3{ font-size:45px; margin-top:-20px; color:#000; font-weight:900;padding:0px; }
.ytop h3 span{ color:#ffa000; font-size:70px;font-weight:900;font-style:italic}

.ys01{ width:600px; margin-top:50px; }
.ystop h2.fl{ background:#ffa000; width:60px; height:60px; border-radius:50%; line-height:60px; text-align:center; color:#fff; font-size:30px; font-weight:bold;}
.ystxt{ width:520px; margin-top:12px;}
.ystxt h2{ font-size:27px; margin:0px; margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #ccc; font-weight:900; color:#000;}

.lvse{ color:#e40713;}
.ystxt h3{ font-size:17px; margin:0px; padding:0px; font-weight:normal;color:#a1a1a1;}
.zem{padding-left:60px; padding-top:20px; width:540px;}
.ymiao{ color:#515151; font-size:16px; line-height:25px; width:510px;}
.dian{ margin-right:15px;}

.ys02{ margin-top:450px;}
.ys03{ margin-top:550px;}
.ys04{ margin-top:520px;}

.fwdh a{width:230px; height: 80px;line-height: 28px;font-size: 16px; display: block; color: #212121; border:1px solid #E8E8E8; margin-top:30px; margin-bottom:20px;
font-weight:normal; padding-top:20px;}
.fwdh a:hover{background: #ff6600; color:#FFF;	}
.fwdh a img{ margin-left:30px; margin-right:20px;}




a.dha { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #fff; background:#00a1e9; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#00a1e9; }
a.dh1:active { color: #ffffff; background:#CC0810;}






.syxw{height:38px; line-height:38px; font-size:32px; width:30%; margin-top:70px; font-weight:bold; color:#333;}
.syxwdh{width:70%; margin-top:70px;}

.syxwk{ width:1260px; margin:auto; height:auto; padding-top:35px; padding-bottom:55px;}
.xwt{ width:559px; height:368px; float:left; position:relative;}
.xwtsj{ width:559px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../images/xwbj.png) repeat-y;}
.xwtsj01{ width:117px; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj01 span{ font-size:44px; color:#fff;}




.xwtsj02{ width:380px; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:30px; font-weight:normal;}


.xwkuai{ width:650px; height:auto; float:right;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:530px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify; font-weight:normal;}

.xwzximg{ width:85px; height:80px; padding-top:5px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; }
.xwzximg span{ font-size:40px; color:#333;}


.sylx{ width:100%; height:600px; background:url(../images/zsbj2.jpg) center top no-repeat;}


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}







/*-------------------------------  ■ 内页区域---------------------------------*/



/******底部区域*******/

.footer_nav{ height:285px; background:#333333; padding-top: 55px;} 
.footer_nav01{ float: left; width: 900px; }
.footer_nav01 ul{float: left; padding: 0px 60px 0px 0px;}
.footer_nav01 ul span{font-size: 15px; color: #fff; margin-bottom: 10px; display: block; font-weight:bold;}
.footer_nav01 ul li{ line-height: 30px; }
.footer_nav01 ul li a{ color: #c6c7c7; font-size: 13px;}
.footer_nav01 ul li a:hover{ color: #fff;}


.footer_nav02{ float: right; }
.footer_nav02 dl{ float: left; text-align: center; font-size: 14px; color: #fff; width: 120px; margin-left: 20px; }
.footer_nav02 dl dd{ line-height: 40px; }

.footer_nav03{ padding-left: 16px; color: #b5b5b5; height: 35px; line-height: 35px; width:240px; margin-left:20px; border:#b5b5b5 solid 1px; color: #b5b5b5; margin-top: 15px; }
.footer_nav02 em{ font-size: 30px; line-height: 58px; color: #fff; font-family:arial; margin-left:35px; }


.footer{ background: #2b2c2d; line-height: 28px; padding-top:20px; padding-bottom:20px; font-size: 13px; color: #b7b7b7; }
.footer a{color: #b7b7b7; }
.footer a:hover{color: #ff6600; }
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #b7b7b7;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#b7b7b7;
}


/*------tab---------*/
.kuang{ width:95%; height:34px; border-top:2px solid #747474; border-left:none; border-right:none; border-bottom:none; padding-left:5%; background:#f2f2f2;}
.kuang1{ width:80%; height:34px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang2{ width:95%; height:108px; border-top:2px solid #747474; border-left:none; border-right:none; border-bottom:none; padding-left:5%; background:#f2f2f2;}
.kuang3{ height:50px; width:200px; border:none; background:#212121; font-size:18px; color:#fff; margin-top:20px;}
.kuang3:hover{background:#00a1e9; color:#fff;}


.mbfor{display:none;}
.mbdh{ display:none;}
#mccp{ display:none;}

.sycpbt{padding-top:75px; padding-bottom:50px; text-align:center;}

@media all and (max-width:768px){

.fwdh{display:none;}
	
	
.top_nav{ display:none;}
.sybt{font-size:26px; color:#fff; font-weight:bold;}
.sybt01{font-size:16px; color:#fff;}
.cpleft	{ display:none;}
.cpright{ width:100%; padding-left:0px;}
.aboutb{ width:90%; padding-left:10%; }
.bt01 img{ height:100px;}
.bt03{ font-size:14px; line-height:26px;}
.bt05{ display:none;}
.sylx{ display:none;}
.mbfor{display:block;}
.mbdh{ display:block;}
#mccp{ display:block;}	

.sycpbt{padding-top:0px; padding-bottom:50px; text-align:center;}
.top{display:none;}
.g_nav{ display:none;}


.news{ display:none;}
	
#wu{display:none!important;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.cen01{ width:90%; padding-left:5%; padding-right:5%;}
.wrapper{ width:96%; padding-left:2%; padding-right:2%;}

.banner{ height:300px;position:relative;  margin-bottom:55px;}
.index_focus {position: relative;width: 100%;height: 300px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:300px;display: block; text-align:center;}
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:20px;font-family: arial;color: #F39301;padding:5px;}


.sycp01{width:100%; height: auto; padding-bottom:20px; background:#FFF;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:30px;}
.sycp01:hover{width:100%; height:auto; background:#FFF;box-shadow: 0 0 10px rgba(177,14,15,0.5); margin-bottom:30px;}
.sycp02{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sycpnr{width:45%; padding-top:20px; padding-left:5%;}
.sycpnrbt{font-size:18px; line-height:34px; color:#212121; font-weight:bold;}
.sycpnrbt01{font-size:14px; padding-top:10px; color:#999;}
.sycpimg{width:45%; padding-top:20px; padding-right:5%;}
.sycpimg img{ width:100%;object-fit: cover; }

.souk{ display:none;}

.canpin{ width:100%;}
.cplb4 a{ width:90%;}
.righta{ display:none;}


	.nyban{ height:200px;}
	.nydh{ display:none;}
	.mbdh{ display:block;}
	.mbfor{display:block;}
	#mccp{ display:block;}
	#pccp{ display:none;}
	#xw{ display:none;}
	.bti{ display:none;}
	.whnr{ width:100%;}
	.nynr{ padding-top:40px; text-align:left; padding-bottom:10px;}
	.nyban{display:none;}
	.lxwmbt{ font-size:24px;}
	
	table { width:100%!important;max-width:100%!important;} 
	
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
table td img{ width:100%!important;height:auto!important;}

.nynr img{ width:100%!important;height:auto!important;}
.whnr{ height:auto;}
.anquan{ width:100%; height: auto; background:url(../images/aqbj.jpg) top center no-repeat; padding-top:50px; padding-bottom:50px; position:relative;}

.bt01{ text-align:center; font-size:20px; line-height:20px; padding-bottom:20px; color:#fff; }

.bt02{ text-align:center; font-size:24px; line-height:35px; font-weight:bold; padding-bottom:20px; color:#fff; text-transform:uppercase; padding-left:5%; padding-right:5%;}
.bt03{ text-align:center; font-size:16px; line-height:32px; padding-bottom:20px; color:#fff; width:90%; padding-left:5%; padding-right:5%; text-align:center; margin:auto;}

.syspln01{ margin-top:80px;}
.qywl{ width:90%; padding-left:5%; padding-right:5%; margin:auto; height:auto; padding-top:70px; padding-bottom:50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.qywlan{text-align:center; width:45%;}
.qywlan:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.qywlan01{line-height:42px; padding-top:20px; padding-bottom:20px; font-size:42px; color:#fff; font-weight:bold; border-bottom:2px solid #FFF;}
.qywlan02{line-height:22px; padding-top:20px; padding-bottom:20px; font-size:17px; color:#fff;}



.syxwk{ width:100%; margin:auto; height:auto; padding-top:35px; padding-bottom:10%;}
.xwt{ width:100%; float: none; margin-bottom:10%;}
.xwt img{ width:100%; height:368px;}
.xwtsj{ width:100%;}
.xwkuai{ width:100%; height:auto; float: none;}

.xwtsj01{ width:30%; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj02{ width:60%; float:left; line-height:28px; padding-top:5%; color:#FFF; font-size:18px;}

.syxw{ width:95%; padding-left:5%; margin-top:10%; }
.xwzx{ height:105px; width:100%; }
.xwzxwz{ width:90%; padding-left:5%;}
.xwzximg{ display:none;}
.syxwdh{display:none;}
.xwzxwzbt a{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.xwzxwznr{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



.youshi{ display:none;}
.hezuo{ display:none;}


.footer_nav{ display:none;}
.footercen{  width:90%; padding-left:5%; padding-right:5%; margin:auto; height:auto;}
.index_news01{ width:90%!important; padding-left:5%; padding-right:5%; font-size:24px;}
.index_news02 {padding-left:5%; padding-right:5%;}
.index_lx{  width:100%!important; padding-left:0%; padding-right:0%;}
.index_lx02{float:none; width:80%; margin-bottom:30px;}
.index_lx02 dl{overflow:hidden; background:url(../images/lx02.jpg) repeat-x; padding-bottom:30px; border-radius:12px;  height:auto;}
.index_lx02 dl dt{ display:none;}
.index_lx02 dl dd{ float:none; width:80%; padding-left:5%; padding-top:12px;}

.index_case{ height:auto;  background:url(../images/dcp.jpg) no-repeat bottom center;background-size:cover;  padding-top:55px; padding-bottom:55px;}
.index_case01{ float: none; width:100%; height: auto; background:#fff; overflow: hidden; }
.index_case02{ height: 260px; padding-left:30px; color:#8A8A8A; padding-right:30px; line-height:22px; font-size:13px; background: #fff; text-align: center; }
.index_case02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; color: #333; padding:58px 0 10px;}
.index_case02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_case02 a:hover{ border-radius:10px;}

.index_case03 img{ width:100%;}
.footer{ background: #2b2c2d; line-height: 24px; font-size: 13px; padding-top:20px; padding-bottom:20px; color: #b7b7b7; text-align: center;  margin-bottom:0px;}



}

@media all and (max-width:450px){
	.dbdhk1{width:100%;}
	.syxw{ width:100%;}
	
	
}


.scroll-to-top {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #01b7f2;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 990;
	text-align: center;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: none;
	border-radius: 50%;
}

@media (max-width: 480px) {
	.scroll-to-top {
		width: 40px;
		height: 40px;
	}
}

.scroll-to-top i {
	font-size: 20px;
	line-height: 60px;
	color: #fff;
	position: relative;
	z-index: 10;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

@media (max-width: 480px) {
	.scroll-to-top i {
		font-size: 14px;
		line-height: 40px;
	}
}

.scroll-to-top:hover {
	background: #222222;
}

.scroll-to-top:hover i {
	color: #fff;
}






















