/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /* text-decoration:underline; */}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width:90% !important;}


.header-bg{ background: #fff;}
.header{  display: flex; justify-content: space-between; align-items:flex-end; height: 100px; padding-bottom: 15px; box-sizing:border-box;}
.logo{ display:block; width: 15%;}
.logo a{ display: flex; justify-content: space-between; width: 100%; height: 100%;}
.logo a img{ max-width: 100%; max-height: 100%;}


/*common end*/

/*menu*/
.menu{height:38px;line-height:38px;flex: 1;}
.menu ul li{ float:left; position:relative; margin: 0 10px;}
.menu ul li span>a{ padding: 0 10px; min-width:60px; }
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#252525; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#076ce0;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on span a{ background:#076ce0;color:#fff;;}

.header02{ text-align: right; margin-bottom: 2%;}
.header02 h2{ font-size: 18px; color: #1e50ae; display:block; font-weight:normal;}
.header02 a{ color: #c0c0c0; font-size: 17px; display: block;}

.title{}
.title h2{ font-size: 36px; font-weight:normal;}
.title p{ font-size: 16px; color: #fff;}


.cent01-bg{ padding: 4% 0 5%;}
.cent01{ text-align: center; color: #fff;}
.cent01>span{ display: block; width: 70%; margin:1% auto; font-size: 14px; line-height: 2;}
.cent01 ul{ display: flex; justify-content:space-between; align-self: flex-start; margin-top: 4%;}
.cent01 ul li{ text-align: center; width: 48%;}
.cent01 ul li .img{ width: 100px; display: block; margin: 0 auto;}
.cent01 ul li .img img{ width: 100%;}
.cent01 ul li h2{ font-size: 50px; font-weight:normal; display:block; margin: 2% auto;} 
.cent01 ul li span{ font-size: 18px;}

.footer-bg{ background: #282828; padding: 2% 0 1%; color: #636363;}
.footer-bg a{ color: #8b919d;}
.footer-bg a:hover{ color: #fff;}
.fooer01 a{ color: #636363; font-size: 16px; display:inline-block; margin-right: 2vw;}
.fooer01 a:hover{ color: #fff;}
.footer ul{ margin-top: 5px;}
.footer ul li{ font-size: 14px; color: #636363; line-height:1.5;}
.footer ul li a{ margin: 0 4px; display:inline-block;}

.cent02-bg{ background: #fafafa; padding: 2% 0;}
.cent02-l{ float: left; display: block; width: 288px; border: 1px rgba(238, 238, 238, 1) solid;background: #fff;} 
.cent02-l>h2{ background: linear-gradient(501deg, rgba(254, 80, 55, 1) 28.07017543859649%, rgba(255, 178, 69, 1) 80.7017543859649%); color: #fff; font-size: 18px; line-height: 45px; height: 45px; font-weight:normal; padding: 0 10px; box-sizing: border-box;}
.cent02-l ul{ margin: 5px;}
.cent02-l ul li{ padding: 10px 0 14px;}
.cent02-l ul li a{  display: flex; justify-content:space-between; align-items:center;}
.cent02-l ul li .img{ width: 74px; padding-top: 74px; margin-left: 5px;}
.cent0201{width:calc(100% - 90px); }
.cent0201 h2{ font-size: 14px; font-weight: normal; color: #777;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; margin-bottom: 10px;}
.cent0201 span{ font-size: 12px; color: #888888; display:block;}
.cent02-r{ float:right; display: block; width:calc(100% - 300px);} 
.cent02-r h2{ display: block; font-size: 18px; color: #ff6537; font-weight: normal; line-height: 45px;}
.cent0202{ border: 1px rgba(238, 238, 238, 1) solid; background: #ffffff; padding: 20px;}
.cent02-r ul li{ float: left; display:block; width:calc((100% - 8%)/3); margin-right: 4%; margin-bottom: 4%;}
.cent02-r ul li:nth-child(3n){ margin-right: 0;}
.cent02-r ul li .img{ width: 100%;}
.cent02-r ul li .img img{ width: 100%; vertical-align: bottom;}
.cent02-r ul li:nth-child(3n-2){ clear:left;}
.cent02-r ul li span{ font-size: 14px; color: #666; display: block;  text-align: center; margin-top: 2%;}

.cent03 {}
.cent03-l{float: left;width: 50%;border: 1px solid #d1d1d1;height: 500px;display: flex;justify-content: center;align-items: center;}
.cent03-l img{ max-width: 100%; max-height: 100%;}
.cent03-r{ float: right; width: 48%; }
.cent03-r h2{ font-size: 36px; display: block; color: #585858; border-bottom: 1px solid #d1d1d1;padding: 15px 0; margin-bottom: 10px;}
.cent03-r ul li{ display: flex;   align-items: center;justify-content: space-between; font-size: 18px; margin-bottom: 10px;} 
.cent03-r ul li span{ width: 30%; text-align: right; color: #828282;}
.cent03-r ul li strong{ width: 68%; font-weight: normal; color: #616161;}


.cent0402{ display: none;}
.cent0402 img{max-width:100%;}
.cent04{ margin-top: 2%; margin-bottom: 1%;}
.cent0401{border-bottom: 1px solid #076ce0;height: 41px;}
.cent0401 ul{ display: flex; align-items: center; border-left: 1px solid #d1d1d1;} 
.cent0401 ul li{ display: block; border: 1px solid #d1d1d1; border-left: 0; border-bottom: 0; padding: 0 6px; font-size: 18px;  line-height: 40px;}
.cent0401 ul li.cur{border-left: 1px solid #076ce0;border-right:1px solid #076ce0;border-top:2px solid #076ce0;/* border-bottom: 1px solid #fff; */background: #fff;}

.inside_con{ padding:10px 0; min-height: 300px;}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #a8a8a8 url(../images/shanx.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  }
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  .cd-top.cd-fade-out {
	/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: .5;
  }
  .no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
  }
  @media only screen and (min-width: 768px) {
	.cd-top {
	  right: 20px;
	  bottom: 20px;
	}
  }
  @media only screen and (min-width: 1024px) {
	.cd-top {
		height: 50px;
        width: 50px;
        right: 30px;
        bottom: 30px;
        border-radius: 5px;
	}
  }