*{ margin:0; padding:0;}
body{overflow-x:hidden; background: #fafafa;}

ul{ margin:0; padding:0;}

li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}

.clear {height:0px;clear:both;}

textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}

div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}

p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}

a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}

a:hover{text-decoration:none;}

input{ outline: none; border: none;}

textarea{ outline: none;}

img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */

    image-rendering: -o-crisp-edges; /* Opera */

    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */

    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ max-width:100%; max-height: 100%;}

/*scrollbar*/

::-webkit-scrollbar{height:4px; width:12px;}

::-webkit-scrollbar-button{height:0; width:0}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}

::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}

::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}

::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}

::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}

::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}

::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}

::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}





.px-0{ padding:0 0;}



.mx-0{ margin:0 0;}

.mbpx-0{padding:0 0;}

.left{ float:left;}

.right{ float:right;}

.clear { clear:both;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

.no-touch { height:100%;}

.no-touch body{ overflow:hidden;height:100%;}

.pcshow { display:block;}

.mbshow { display:none!important;}

.ipshow {display: none!important;}

.relative {position: relative;}

.table {display: table;width: 100%;height: 100%;}

.table-cell {display: table-cell;vertical-align: middle;}

.fullscreen,.fullscreen body {height: 100%;overflow: hidden}

.display-block {display: block!important;}

.height-auto {height: auto!important;}

.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}

.content {width:75%;margin: auto;}

.dblockw100hauto{display:block;width: 100%;height:auto;}

.mark-nav-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}

.mark-nav-bg.cur {display: block;}



html {

          font-size: 100px; /*根元素默认的大小是16px*/

        }

.max-1920{ max-width:1920px !important; margin:auto;}		

	

@media screen and (max-width: 1680px){

	html{

		font-size:86px;

	}

}		

@media screen and (max-width: 1440px){

	html{

		font-size:78px;

	}

}



@media screen and (max-width: 1200px){

.hidden-1280{ display:none !important;}

}

@media screen and (max-width: 1024px){

	html{

		font-size:60px;

	}

}

@media screen and (max-width: 768px){

	html{

		font-size:60px;

	}

	

}



.pagination p {

	margin: 0;

	cursor: pointer;

	

}

.pagination {

	height: 28px;

	text-align: center;

	width:100%;



	margin-bottom:1rem;

}

.pagination a {

	display: inline-block;

	margin-right: 10px;

	width: 28px;

	height: 28px;

	line-height: 28px;

	

	text-decoration: none;

	

	font-size: 14px;

	

	text-align: center;

	border:#dddddd 1px solid;

	background: #f5f5f5;

	color: #565656;

	transition:all 0.3s ease-in-out;



}

.pagination a:hover {

	border:#4186e4 1px solid;

	background: #4186e4;

	color: #fff;



}

.pagination a.cur {

	display: inline-block;

	margin-right: 10px;

	width: 28px;

	height: 28px;

	line-height: 28px;

	

	text-decoration: none;



	font-size: 14px;

	text-align: center;

	

	transition:all 0.3s ease-in-out;

	border:#dddddd 1px solid;

	background: #f5f5f5;

	color: #565656;

}

.pagination p {

	display: inline-block;

	font-size: 14px;

	width: 28px;

	height: 28px;

	line-height: 28px;

	color: #6c6c6c;

	text-align: center;

	border:#dddddd 1px solid;

	background: #f5f5f5;

	color: #565656;

	margin-right: 8px;

	

}

.pagination p.pageRemark {

	border-style: none;

	background: none;

	margin-right: 0px;

	padding: 4px 0px;

	color: #fe6600;

	display: none;

	

}

.pagination p.pageRemark b {

	color: red;

}

.pagination p.pageEllipsis {

	border-style: none;

	background: none;

	padding: 4px 0px;

	color: #fe6600;

	border-radius:50%;

}

.dates li {

	font-size: 14px;

	margin: 20px 0

}

.dates li span {

	float: right

}

.pagination .page_xyy {

	width: 50px;

	height: 28px;

	

	border:none;

	line-height: 28px;

	

	text-decoration: none;

	color: #6c6c6c;

	font-size: 14px;

	text-align: center;

border:#dddddd 1px solid;

	background: #f5f5f5;

	color: #565656;



	

}

.pagination .page_xyy:hover{ 

	

		border:#4186e4 1px solid;

	background: #4186e4;

	color: #fff;

}

.pagination .page_syy {

	 width: 50px;

	height: 28px;

	line-height:28px;

	border:none;

	text-decoration: none;

	color: #6c6c6c;

	font-size: 14px;

	text-align: center;

border:#dddddd 1px solid;

	background: #f5f5f5;

	color: #565656;



	transition:all 0.5s ease-in-out;

	



}

.pagination .page_syy:hover{ 

		border:#4186e4 1px solid;

	background: #4186e4;

	color: #fff;

	}

.pagination .page_shouye {

	width: 39px; 

	height: 39px;

	border-radius:50%;

	padding: 0;

	margin-top: 4px;

	background:none;

	display:none;

}



.pagination .page_weiye {

	width: 39px;

	height: 39px;

	border-radius:50%;

	padding: 0;

	margin-top: 4px;

	background:none;

	display:none; 



}

/*mask*/

.mask {

  overflow: hidden;

  position: relative;

  z-index: 0;

}



.mask:before {

  width: 100%;

  height: 100%;

  display: block;

  content: "";

  background-color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}



.readmask {

  overflow: hidden;

  position: relative;

  z-index: 0;

}



.readmask:before {

  width: 100%;

  height: 100%;

  display: block;

  content: "";

  background-color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}





.isPlay:before {

  width: 100%;

  height: 100%;

  display: block;

  content: "";



  animation-name: maskOut;

  animation-duration: .5s;

  animation-delay: .5s;

  animation-fill-mode: forwards;

  animation-timing-function: cubic-bezier(.8,0,.5,1);

}





@keyframes maskOut {

  from {

    transform: translateX(0);

  }

  

  to {

    transform: translateX(100%);

  }

}



@font-face {font-family:'impact';src: local('impact'), url(../font/impact.woff) format('woff');}



div.publicheadback{ width:100%; height: auto;position: fixed;

    left: 0;

    top: 0; z-index: 9999999;}



.publicheadback.scroll-down {

    top: -116px;

}



div.publicheadtopbk{ width:100%; height: 28px;    background:#0849a3; border-bottom: 1px solid #1250a7;}



div.publicheadtop{ width: 96%; max-width: 1720px; margin: auto;}



div.publicheadtoprt{ float: right; height: 28px;}



div.publicheadtoprt_1{ float: left; height: 28px; line-height: 28px; font-size: 14px; margin-right: 27px; padding-left: 20px; background: url(../image/publicheadico1.png) left center no-repeat;}



div.publicheadtoprt_1 a{ color: rgba(255,255,255,0.9);}



div.publicheadtoprt_2{ position: relative; float: left; height: 28px; line-height: 28px; font-size: 14px; margin-right: 27px; padding-right: 15px; background: url(../image/publicheadico2.png) right center no-repeat;}



div.publicheadtoprt_2 a{ color: rgba(255,255,255,0.9);}



div.publicheadtoprt_3{ float: left; height: 28px; line-height: 28px; font-size: 14px; margin-right: 0; padding-right: 15px; background: url(../image/publicheadico2.png) right center no-repeat;}



div.publicheadtoprt_3 a{ color: rgba(255,255,255,0.9);}



div.publicheadbottombk{ width: 100%; height: 88px; background: #004098; border-bottom: 1px solid #1a53a3;}



div.publicheadbottom{ width: 96%; max-width: 1720px; margin: auto;}



div.publicheadbottomlogo{ width:292px; height: 37px; float: left; margin-top: 25px;}



div.publicheadbottomnavbk{ float: left; width:calc(100% - 457px); height:88px; display: flex; flex-flow: nowrap; justify-content: center;}



div.publicheadbottomnav{ border-bottom: #004098 3px solid; transition: all 0.36s ease-in-out; height: 88px; line-height: 88px; color: #fff; font-size: 18px; margin: 0 0.16rem; padding: 0 0.12rem;}



div.publicheadbottomnav a{color: #fff;}



div.publicheadbottomnav:hover{ border-bottom: #219b62 3px solid;}



div.publicheadbottomnavborder{border-bottom: #219b62 3px solid;}



div.publicheadbottomssbk{ margin-top:27px; width: 158px; float: left; height: 32px; line-height: 32px; border-bottom: 1px solid #80a0cc;}



div.publicheadbottomssbk:hover{border-bottom: 1px solid #fff;}



div.publicheadbottomss{ width: 135px; height: 32px; line-height: 32px; float: left; overflow: hidden;}



div.publicheadbottomss input{ width: 100%; height: 100%; font-size: 14px; display: block; background: none; border: none; color: #80a0cc; outline: none;}



div.publicheadbottomss input::placeholder{ color: #80a0cc;}



div.publicheadbottomssbutton{ width: 17px; height: 32px; float: right; cursor: pointer; background: url(../image/publicheadss.png) center no-repeat;}



div.publicheadbottomssbutton input{ width: 100%; height: 100%; font-size: 0; display: block; background: none; cursor: pointer; border: none; color: #80a0cc; outline: none;}





.banner {position: relative;}

.index-banner-swiper {position: relative;background: #000;z-index:1;}
.index-banner-swiper1 {position: relative;background: #000;z-index:1;}

.banner-slide {}

.banner-slide .txt{position: absolute;width: 900px;left: 10%;top: 40% !important;margin-top: -167px;z-index: 33;}

.banner-slide .txt h4{font-size: 24px;color: #4694ff;margin: 0;padding: 0;position: relative;text-transform: uppercase;}

.banner-slide .txt h2{font-size: 72px;color: #fff;padding:10px 0 25px 0;margin:0;line-height:70px;font-weight: bold;}

.banner-slide .txt h3{font-size: 36px;color: #fff;padding:25px 0 0;margin:0;font-weight: normal;line-height: 30px;}

.banner-slide .txt h5{font-size: 18px;color: #fff;padding:25px 0;margin:0;font-weight: normal;line-height: 30px;}

.banner-slide .txt .line {width: 80px;height: 4px;background: #fff;margin: 10px 0;}

.banner-slide .txt.center {

    text-align: center;width:100%;left:0;top:30%;margin: 0; 

    text-shadow: 0px 0px 35px rgba(0, 0, 0, 0.83);

   

    

}

.banner-slide .txt.center .line{margin: 10px auto;}

.banner-slide .txt.right {left: auto;right: 5%;}

.banner-slide .txt.none {display: none;}

.banner-slide .img {text-align: center; background-color:#000000;}

.banner-slide .txt .img {text-align: left;}





.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.3s;}

.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all 0.5s;}

.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.8s;}

.banner-slide .txt h5 {transform:translateY(200px);opacity:0;transition:all 0.95s;}

.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.7s;}

.index-banner-swiper .swiper-slide-active .txt h4,

.index-banner-swiper .swiper-slide-active .txt h2,

.index-banner-swiper .swiper-slide-active .txt h3,

.index-banner-swiper .swiper-slide-active .txt h5,

.index-banner-swiper .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}


.index-banner-swiper1 .swiper-slide-active .txt h4,

.index-banner-swiper1 .swiper-slide-active .txt h2,

.index-banner-swiper1 .swiper-slide-active .txt h3,

.index-banner-swiper1 .swiper-slide-active .txt h5,

.index-banner-swiper1 .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}



.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}

.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}

.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}

.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}

.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #005bac;-webkit-transition:all 14s ease;-moz-transition:all 14s ease;transition:all 14s ease;z-index: 10;}

.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 10000ms 1;animation: w100 14000ms 1;}



@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}



div.lunbobannerpic{ width: 100%; height: 100%;}



div.banner{ height: auto;}



div.banner div.index-banner-swiper{ height: auto;}

div.banner div.index-banner-swiper1{ height: auto;}

div.banner div.swiper-slide{ height: auto;}



div.banner div.banner-slide{ height: auto;}



div.indexonetopbk{ width: 100%; height: 107px; border-bottom: 1px solid #ebebeb; text-align: center;}



div.indexonetop{ width: auto; padding-left: 100px; display: inline-block; height: 107px; line-height:107px;     background: url(../image/indexonetopbg.png) 0 38px no-repeat;}



div.indexonetop a{ color: #004098; font-size: 24px; font-weight: 700;}



div.indexoneback{ width: 96%; max-width:1440px; margin:auto; margin-top: 20px;}



div.indexone_t{  height: 89px; float: left; line-height: 89px; display: inline-block; position: relative; color: #1a1a1a;    font-size: 42px; font-weight: 700;}



div.indexone_t::before{ content: ''; display: block; width: 84px; height: 4px; background: #004098; position: absolute; left: 0; bottom: 0;}



div.indexone_r{ float: right; height: 59px; line-height: 59px; margin-top: 18px; border-bottom: 2px solid #cccccc;}



div.indexone_rnav{ float: left; margin-left: 48px;font-size: 17px;  font-weight: 700; position: relative; display: inline-block;  color: #999999;}



div.indexone_rnav:nth-child(1){ margin-left: 0;}



div.indexone_rnav::before{ transition: all 0.36s ease-in-out; content: ''; display: block; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background: #004098;}



div.indexone_rnav a{ color: #999; display: block; width: 100%; height: 100%;}



div.indexone_rnav:hover a{  color: #1a1a1a;}



div.indexone_rnav:hover:before{ width: 100%;}



div.indexone_rnavh a{  color: #1a1a1a;}



div.indexone_rnavh:before{ width: 100%;}



div.indexonemain{ width: 100%; height: auto; margin-top: 35px;}



div.indexonelistbk{ width: 100%; height: auto; display: flex; justify-content:start; flex-flow: nowrap; display: none;}



div.indexonelistbkh{ display: flex;}



div.indexonelist{width:32.6% ; height: auto;    margin-left: 2%;}



div.indexonelist:nth-child(1){ margin-left: 0;}



div.indexonelistpic{ width: 100%; height: auto; overflow: hidden;}



div.indexonelistpic img{ width: 100%;  height: auto;}



div.indexonelistbottom{ width: 100%; height: auto; background: #f7f7f7; padding: 0.25rem 0.28rem;}


div.indexonelist:hover div.indexonelistpic img{ transform: scale(1.1);}



div.indexonelistbottomtitle{ width: 100%; height: 26px; line-height: 26px; overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin-bottom: 0.1rem; color: #1a1a1a; font-size: 16px; font-weight: 700; }

	

div.indexonelist:hover div.indexonelistbottomtitle{ color: #004098;}



div.indexonelistbottomtime{ width: 100%; height: 28px; line-height: 28px; color: #999999; font-size: 14px;}



div.indexonemorebk{width:163px ; height: 51px; margin-top:0.3rem; border: 1px solid #cccccc; position: relative;}



div.indexonemorebk::before{ width: 5px; content: ''; position: absolute; left: 0; top: 0; display: block; height: 100%; background: #004098; transition: all 0.36s ease-in-out;}





div.indexonemorebk a{display: block; width: 100%; height: 100%;}



div.indexonemorebk span{ display: block; width: 100%; height: 100%; position: relative; line-height: 51px; color: #666; font-size: 14px; z-index: 11; padding-left: 29px;}



div.indexonemorebk:hover:before{ width: 100%;}



div.indexonemorebk:hover span{ color: #fff;}



div.indextwoback{ width: 100%; height: 947px; background: url(../image/indextwobg.jpg) 50%/cover no-repeat; display: table; margin-top: 0.6rem;} 



div.indextwocell{ width:100%; height: 100%; display: table-cell; vertical-align: middle;}



div.indextwotop{ width: 100%; height: 96px; line-height: 96px; text-align: center; color: #ffffff; font-size: 42px; font-weight: 700; font-size: 42px; }



div.indextwotopline{ width:124px; height: 4px; margin: auto; background: #2f7ce4;}



div.indextwomain{width: 1142px; height: auto; margin: auto; margin-top: 0.95rem;}



div.indextwomainleft{ width: 270px; height: auto; float: left;}



div.indextwomainleftli{  width: 100%; height: 56px; line-height: 56px; position: relative;margin-bottom:10px;}



div.indextwomainleftli span{display: block; width: 100%; height: 100%;  top: 0; left: 0; position: absolute; line-height: 56px; color: #fff; text-align: center; font-size: 14px; z-index: 15; }



div.indextwomainleftli span>a{color: #fff;display: block; width: 100%; height: 100%;}



div.indextwomainleftli>a{display: block; width: 100%; height: 100%;background: #004098; position: relative; z-index: 10; }



div.indextwomainleftli::before{opacity: 0;  content: ''; display: block; width: 100%; z-index: 11; height: 100%; position: absolute; left: 0; top: 0; background: #2f7ce4; transition: all 0.36s ease-in-out;}



div.indextwomainleftli::after{transform: rotate(45deg); opacity: 0; content: ''; display: block; width: 19px; height: 19px; position: absolute; right: 0; top: 50%; background: #2f7ce4; margin-top: -9.5px;transition: all 0.36s ease-in-out;}



div.indextwomainleftli:hover:before{opacity: 1; }



div.indextwomainleftli:hover:after{opacity: 1; right:-9.5px; }



div.indextwomainleftlih:before{opacity: 1; }



div.indextwomainleftlih:after{opacity: 1; right:-9.5px; }



div.indextwomainrt{ width: 808px;  height: 518px; overflow: hidden; float: right; position: relative;}



div.indextwomainrtpic img{ max-width: 100%; height: auto; margin-bottom:20px;}



div.indextwomainrtpic{width: 100%; height: auto; line-height:32px ; color: #fff; font-size: 16px;}



div.indextwomainrtshow{ opacity: 0; visibility:hidden; position: absolute; top: 20px;}



div.indextwomainrtshowh{ opacity: 1; visibility:visible; position: relative; top: 0;}



div.indexthreeback{ width: 96%; height: auto;margin: auto; max-width:1360px; margin-top: 1.1rem;}





.index-platform-section .wrapper {

	width:100%;

	max-width:calc(1400px - 40px);

	margin:0 auto;

	padding:80px 0 0;

}

.index-platform-section .cols-2 {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:stretch;

	-ms-flex-align:stretch;

	align-items:stretch;

	-webkit-box-pack:justify;

	-ms-flex-pack:justify;

	justify-content:space-between

}

.index-platform-section .cols-2 .item {

	width:100%;

	position:relative;

	overflow:hidden;

	background-color:#005bac;

}

.index-platform-section .cols-2 .item:before {

	content:"";

	width:100%;

	padding-top:100%;

	display:block;

}

.index-platform-section .cols-2 .item .figure {

	width:100%;

	position:relative;

	background-color:#fff;

	background-repeat:no-repeat;

	background-position:center;

	background-size:cover

}

.index-platform-section .cols-2 .item .figure:before {

	content:"";

	width:100%;

	padding-top:50%;

	display:block

}

.index-platform-section .cols-2 .item a, .index-platform-section .cols-2 .item a:link {

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	display:block;

	z-index:5;

	-webkit-user-select:none;

	-moz-user-select:none;

	-ms-user-select:none;

	user-select:none

}

.index-platform-section .cols-2 .item .text {

	color:#ffffff

}

.index-platform-section .cols-2 .item h2 {

	font-size:32px;

	display:block;

	line-height:1.3;

	margin-bottom:0.5em;

	width:100%;

	color:#fff;

	z-index: 10;

}

.index-platform-section .cols-2 .item p {

	width:100%;

	font-size:18px;

	line-height:1.7;

	z-index: 10;

}

@media (max-width: 1100px) {

.index-platform-section .cols-2 .item p.mobile-hide {

display:none

}

}

.index-platform-section .cols-2 .left {

	width:50%;

	min-width:50%

}

.index-platform-section .cols-2 .left .figure {

	position:absolute;

	width:100%;

	height:50%;

	left:0;

	top:0;

	right:0

}

.index-platform-section .cols-2 .left .text {

	width:100%;

	height:50%;

	left:0;

	bottom:0;

	position:absolute;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:center;

	-ms-flex-align:center;

	align-items:center;

	-webkit-box-pack:center;

	-ms-flex-pack:center;

	justify-content:center;

	-webkit-box-orient:vertical;

	-webkit-box-direction:normal;

	-ms-flex-direction:column;

	flex-direction:column;

	padding:0 10%;

	text-align:left

}

.index-platform-section .cols-2 .right {

	width:50%;

	min-width:50%

}

.index-platform-section .cols-2 .right .item {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:stretch;

	-ms-flex-align:stretch;

	align-items:stretch;

	-webkit-box-pack:center;

	-ms-flex-pack:center;

	justify-content:center;

	background-color:#484848

}

.index-platform-section .cols-2 .right .item:before {

	padding-top:50%

}

.index-platform-section .cols-2 .right .item .text {

	width:50%;

	height:100%;

	right:0;

	top:0;

	position:absolute;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:center;

	-ms-flex-align:center;

	align-items:center;

	-webkit-box-pack:center;

	-ms-flex-pack:center;

	justify-content:center;

	-webkit-box-orient:vertical;

	-webkit-box-direction:normal;

	-ms-flex-direction:column;

	flex-direction:column;

	padding:0 6%;

	text-align:left

}

.index-platform-section .cols-2 .right .item .figure {

	width:50%;

	min-width:50%;

	position:absolute;

	left:0;

	top:0;

	height:100%

}

.index-platform-section .cols-2 .right .item .figure:before {

	content:"";

	width:100%;

	padding-top:100%;

	display:block

}

.index-platform-section .cols-2 .right .item:nth-child(2n-1) {

background-color:#fff

}

.index-platform-section .cols-2 .right .item:nth-child(2n-1) .figure {

left:auto;

right:0

}

.index-platform-section .cols-2 .right .item:nth-child(2n-1) .text {

right:auto;

left:0;

color:#333333

}

.index-platform-section .cols-2 .right .item:nth-child(1) .figure {

background-position:90% center

}



/* contact */

.title-style h2 {

    text-transform: uppercase;

    font-size: 42px;

    line-height: 60px;

    margin: 8px 0 20px 0;

    color: #1a1a1a;

	font-weight: 700;

}

.title-style .line {

    width: 80px;

    height: 4px;

    background: #4694ff;

    margin: 10px 0;

}

.contact-section .title-style .line {

    margin: 10px auto;

}

.contact-section .title-style .text {

    width: 50%;

    margin: 20px auto;

    font-size: 16px;

    color: #666;

    line-height: 26px;

}

.contact-section {padding: 120px 0;overflow: hidden;}

.contact-section .title-style{text-align: center;}

.contact-section .title-style h2{}

.contact-section .title-style .line{margin: 10px auto;}

.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}

.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}

.contact-section .content .left {width: 45%;}

.contact-section .content .left .content-way{overflow: hidden;}

.contact-section .content .left .content-way li{ transition: all 0.36s ease-in-out; list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}

.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}

.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}

.contact-section .content .left .content-way li i{ transition: all 0.36s ease-in-out; width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}

.contact-section .content .left .content-way li:last-child {width: 99%;}

.contact-section .content .left .content-way li i.c1 {background: url("../image/c1.png") center no-repeat;}

.contact-section .content .left .content-way li i.c2 {background: url("../image/c2.png") center no-repeat;}

.contact-section .content .left .content-way li i.c3 {background: url("../image/c3.png") center no-repeat;}

.contact-section .content .left .content-way li i.c4 {background: url("../image/c4.png") center no-repeat;}

.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}

.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}

.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}

.contact-section .content .left .content-way li span h5 a {color: #666;}

.contact-section .content .left .content-way li:hover i{border: 2px solid #005bac;}

.contact-section .content .left .content-way li:hover span h5{color: #005bac;}

.contact-section .content .left .content-way li:hover span h5 a{color: #005bac;}

.contact-section .content .left .content-way li:nth-child(1):hover i.c1 {background: url("../image/c1h.png") center no-repeat;}

.contact-section .content .left .content-way li:nth-child(2):hover i.c2 {background: url("../image/c2h.png") center no-repeat;}

.contact-section .content .left .content-way li:nth-child(3):hover i.c3 {background: url("../image/c3h.png") center no-repeat;}

.contact-section .content .left .content-way li:nth-child(4):hover i.c4 {background: url("../image/c4h.png") center no-repeat;}

.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative; height: 2.1rem; background: #f1f1f1;}

.contact-section .content .left .content-map #map {min-height: 205px;}

.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}

.contact-section .content .left .content-map iframe #watermark {display: none;}

.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}

.contact-section .content .right {width: 47%;}

.content-form {overflow: hidden;}

.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}

.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}

.content-form li .input2:first-child {margin-right: 1%;width:49%;}

.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}

.content-form li .submit1 {background: #005bac;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer; border: none;}

.content-form li .submit1:hover {background: #005bac;}



div.publicfooterbk{ width: 100%; height: auto; background: #484848; padding:38px 0 35px;}



div.publicfooter{ width: 92%; height: auto; max-width: 1440px; margin: auto; position: relative;}



div.publicfooterlist{ float: left; margin-right: 2.05rem;}



div.publicfooterlisttitle{ height: 42px; line-height: 42px; color: #d7d7d7; font-size: 18px; font-weight: 700;}



div.publicfooterlisttitle a{color: #d7d7d7; transition: all 0.36s ease-in-out;}



div.publicfooterlisttitle a:hover{ color: #fff;}



div.publicfooterlistli{ height: 28px; line-height: 28px; color: #c3c3c3; font-size: 16px;}



div.publicfooterlistli a{ color: #c3c3c3; transition: all 0.36s ease-in-out;}



div.publicfooterlistli a:hover{ color: #fff;}



div.publicfooterewmbk{ cursor: pointer; width: 134px; height: 38px;  position: absolute; right: 0; bottom: 0;}



div.publicfooterewm_l{ width: 96px; float: left; line-height: 19px; color: #b0b0b0; font-size: 14px;}



div.publicfooterewm_r{ width: 38px; height: 38px; float: right; border: 1px solid #6c6c6c; background: url(../image/footerewm.png) center no-repeat;}



div.publicfooterewmbk:hover div.publicfooterewm_l{ color: #fff;}



div.publicfooterewmbk:hover div.publicfooterewm_r{ border: 1px solid #fff; background: url(../image/footerewmh.png) center no-repeat;}



div.publicfooterewmh{     

	transition: all 0.36s ease-in-out;

    padding: 14px 20px;

    width: 130px;

    height: 130px;

    background: url(../image/ewmshowbg.png) center no-repeat;

    position: absolute;

    top: -130px;

    left: 49px;

    opacity: 0;

    visibility: hidden;

	}



div.footerewmtan img {

    width: 100%;

    height: auto;

}



div.publicfooterewmbk:hover div.publicfooterewmh{ opacity: 1; visibility: visible;}



div.publicfooterbottom{ width: 100%; height: auto; padding: 15px 0; background: #181818;}



div.publicfooterbottomm{ width: 92%; height: auto; max-width: 1440px; margin: auto; position: relative;}



div.publicfooterbottomml{ line-height: 30px; height: auto;  color: #a4a4a4; font-size: 14px;float: left;}



div.publicfooterbottomml a{ color: #a4a4a4; transition: all 0.36s ease-in-out;}



div.publicfooterbottomml a:hover{ color: #fff;}



div.publicfooterbottommr{  line-height: 30px; height: auto;  color: #a4a4a4; font-size: 14px; float: right;}



div.publicfooterbottommr a{ color: #a4a4a4; transition: all 0.36s ease-in-out;}



div.publicfooterbottommr a:hover{ color: #fff;}





/*下拉*/

div.publicheadbottomnav:hover div.publicheadrtxlbk{ height: 1.4rem;border-top: 1px solid #efefef;}



div.publicheadrtxlbk{ width: 100%; height:0; overflow: hidden; background: #fff; position: absolute; top: 116px; background: #fff; z-index: 1000; left: 0;  transition: all 0.5s ease-in-out;}



div.publicheadrtxl{ max-width: 1624px; width: 92%; margin: auto;}



div.publicheadrtxllt_fuwu{ height: 2.49rem; float: left; margin-top: 0.4rem;}



div.publicheadrtxllt_fuwu img{ height: 100%;}



div.publicheadrtxllt{ font-weight: 700; color: #333; margin-right: 0.2rem; text-align: center; float: left;}



div.publicheadrtxllt img{ height: auto; max-width: 100%;}



div.publicheadrtxlerjibk{  float: left;}



div.publicheadrtxlerjititle{  height: 0.36rem; line-height: 0.36rem; color: #555555; font-size: 0.3rem; font-weight: 700; margin-bottom: 0.3rem;}



div.publicheadrtxlerjilt{ transition: all 0.36s ease-in-out; width: auto; height: auto;  transition: all 0.36s ease-in-out; float: left;}



div.publicheadrtxlerjiltnone{  width: 0; opacity: 0; visibility: hidden;}



div.publicheadrtxlerjilttitle{margin-right: 0.15rem; display: inline-block; position: relative; height: 0.2rem; line-height: 0.2rem; color: #838383; border-left: 2px solid rgba(0,146,246,0); transition: all 0.36s ease-in-out; font-size: 0.15rem; margin-bottom: 0.16rem; padding-left: 0.17rem;}



div.publicheadrtxlerjilttitle>a{ color: #838383; transition: all 0.36s ease-in-out; display: block; width: 100%; height: 100%;}



div.publicheadrtxlerjilt1{    position: absolute;

    left: 0;

    white-space: nowrap;

    top:0.2rem; padding-top: 0.25rem; border: none;}



div.publicheadrtxlerjilttitle:hover{border-left: 2px solid rgba(0,146,246,1); }



div.publicheadrtxlerjilttitle:hover>a{color: #0092f6;}



div.publicheadrtxlerjilttitle11{border-left: 2px solid rgba(0,146,246,1); }



div.publicheadrtxlerjilttitle11 a{color: #0092f6;}







div.publicheadrtxlerjilttitle2{ display: inline-block; position: relative; height: 0.2rem; line-height: 0.2rem; color: #838383; border-left: 2px solid rgba(0,146,246,0); transition: all 0.36s ease-in-out; font-size: 0.15rem; margin-bottom: 0.16rem; padding-left: 0.17rem;}



div.publicheadrtxlerjilttitle2>a{ color: #838383; transition: all 0.36s ease-in-out; width: 100%; height: 100%;}



div.publicheadrtxlerjilttitle2>a:hover{color: #0092f6;}



div.publicheadtoprt_2_xl{width: 130%; height: auto; transition: all 0.36s ease-in-out; position: absolute; left: -15%; top: 35px; opacity: 0; visibility: hidden;}



div.publicheadtoprt_2_xl_1{ width: 100%; height: auto; line-height: 30px; text-align: center; font-size: 14px; color: #333; background: #fff;}



div.publicheadtoprt_2_xl_1 a{ width: 100%; height: 100%; display: block;color: #333; transition: all 0.36s ease-in-out;}



div.publicheadtoprt_2_xl_1 a:hover{ color: #004098;}



div.publicheadtoprt_2:hover div.publicheadtoprt_2_xl{ opacity: 1; visibility: visible;top: 28px;}





	/* mobile nav */

	.mnav{position: relative;z-index: 900; display: none;}

	.mnav.scroll-down .mheader{top:-100px;}

	.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}

	.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../image/mblogo.png") left center no-repeat;background-size: 100%;}

	

	

	.mnav.scroll-down .menu-toggle span.hamburger,

	.mnav.scroll-down .menu-toggle span.hamburger:after,

	.mnav.scroll-down .menu-toggle span.hamburger:before,

	.mnav.scroll-down .menu-toggle span.cross:before,

	.mnav.scroll-down .menu-toggle span.cross:after,

	.mnav.scroll-top .menu-toggle span.hamburger,

	.mnav.scroll-top .menu-toggle span.hamburger:after,

	.mnav.scroll-top .menu-toggle span.hamburger:before,

	.mnav.scroll-top .menu-toggle span.cross:before,

	.mnav.scroll-top .menu-toggle span.cross:after

	{background:#000;}

	

	.nav-container {padding-top: 90px;}

	

	.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100vw;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background: #fff;}

	.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}

	.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 154px;height:20px;margin-top: -10px; background: url("../image/mblogo.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}

	.mlanguage {padding:10% 0;text-align: center;} 

	.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 

	.mlanguage a:hover {opacity: 1;}

	

	.cd-nav{margin: 0;padding: 0; }

	.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}

	.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}

	.cd-nav a:hover,.twonav.curr{color:#004098;}

	.cd-nav li a.twonav {background: url(../image/right3.png) right center no-repeat;background-size: 3%;}

	.no-touch .mheader{background-color: #1a1a1a;}

	 

	.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}

	.cd-nav-trigger {width: 100%;height: 100%;display: block;}

	.menu-toggle span.hamburger,

	.menu-toggle span.hamburger:after,

	.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}

	.menu-toggle span.hamburger,

	.menu-toggle span.hamburger:after,

	.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}

	.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}

	.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}

	.no-touch .menu-toggle span.hamburger,

	.no-touch .menu-toggle span.hamburger:after,

	.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}

	.no-touch .menu-toggle span.hamburger,

	.no-touch .menu-toggle span.hamburger:after,

	.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}

	.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}

	.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}

	.menu-toggle span.cross:before,

	.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}

	.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}

	.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}

	.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

	.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

	 

	.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}

	.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

	

	.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}

	.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

	

	.msearch {margin: 20px auto;width: 72%;}

	.msearch .icon{position: relative;}

	.msearch .minput{border: none;border-bottom: 1px solid #313131;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;color: #fff;}

	.msearch .msubmit{display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../image/ss1.png") center no-repeat;background-size: 100% ;opacity: .3;}

	.minput::-moz-input-placeholder,.minput::-ms-input-placeholder,.minput::-webkit-input-placeholder {color:#333;}

	input.minput[type="text"]::-webkit-input-placeholder {color:#333;}

	

	

	.mchildren {display:none;width:90%;border-bottom: 1px solid #313131; margin:0px auto;padding:10px 0;position: relative;}

	.mchildren a{border-bottom:none;position: relative; display: block;width:90%;font-size:15px; color:#ccc;padding:0.8em 0;}

	.mchildren a:hover{background:none; color:#004098;}

	.mchildren a.threenav {background: url(../image/right3.png) right center no-repeat;background-size:2%;}

	

	

	.shownav-c {position: relative;width: 100%;height: 0px;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

	.shownav-c.cur {height: auto;}

	.shownav-c  ul {list-style: none;margin:auto;padding: 0;display:block;width: 90%;height: 100%;}

	.shownav-c  ul li{list-style: none;margin: 0;padding: 0;display:block;;width:100%;}

	.shownav-c  ul li a {font-weight: bold;border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#999;padding:4% 0; margin:0px auto;text-transform:uppercase;}

	.closenav {display: block;font-size: 14px;color: #fff;position: absolute;left:5%;top: 10%;background: url("/template/default/product/img/left4.png") left center no-repeat;padding-left: 30px;}

	.closenav:hover {color: #fff;}

	

	.shownav-d {padding:10px;width:90%;margin:auto;border-bottom:#313131 1px solid;display: none;}

	.shownav-d.cur {display: block;}

	.shownav-d a{display: block;color: #999!important;padding:4% 5%!important;font-size:14px!important;width:90%!important;border: none!important;}

	.shownav-d a::after {display: none!important;}

	

	.cd-nav li ul div ul li a:last-child {border: none;}

	.interesting-list a .text h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

	

div.pc_headgao{ height: 116px;}



div.neyetopbk{ width:100%; height: auto; padding:26px 0 ; border-bottom: 1px solid #e1e1e1;}



div.neyetop{ width: 1260px; margin: auto; height: auto;}



div.neyetopnav{  height: 37px; border-radius: 7px; line-height: 37px; padding: 0 14px; display: inline-block; margin-right: 10px; color: #666666; font-size: 16px;}



div.neyetopnav a{ transition: all 0.36s ease-in-out; color: #666;}



div.neyetopnav:hover{ background: #219b62;}



div.neyetopnav:hover a{ color: #fff;}



div.neyetopnavhover{ background: #219b62;}



div.neyetopnavhover a{ color: #fff;}



div.gywmoneback{ width: 96%; margin: auto; max-width:1260px; margin-top:65px; margin-bottom: 90px;} 



div.gywmonelt{ width: 100%; height: auto; float: left; max-width: 705px;}



div.gywmonelt_1{ width: 100%; height: 101px; line-height: 101px; font-size: 40px;  color: #000000; font-weight: 700;}



div.gywmonelt_desc{ width: 100%; height: 308px; overflow: hidden; line-height: 28px; color: #666666; font-size: 16px;}





div.indexonemorebk1{width:163px ; height: 51px; margin-top:0.3rem; border: 1px solid #cccccc; position: relative;}



div.indexonemorebk1::before{ width: 5px; content: ''; position: absolute; left: 0; top: 0; display: block; height: 100%; background: #004098; transition: all 0.36s ease-in-out;}





div.indexonemorebk1 a{display: block; width: 100%; height: 100%;}



div.indexonemorebk1 span{ display: block; width: 100%; height: 100%; position: relative; line-height: 51px; color: #666; font-size: 14px; z-index: 11; text-align: center;}



div.indexonemorebk1:hover:before{ width: 100%;}



div.indexonemorebk1:hover span{ color: #fff;}



div.gywmonert{ width: 100%; padding-top: 63px; max-width: 443px; height: 288px; float: right; margin-top: 101px; background: #004098;}



div.gywmonertdesc{ width: 100%; height: auto; line-height: 28px; text-align: center; color: #ffffff; font-size: 16px; margin-bottom: 42px;}



div.gywmonertbotton{ width: 100%; height: auto; text-align: center;}



div.gywmonertbottonn{ width: 177px; height: 39px; margin: 0 8px; border-radius: 7px; display: inline-block; background: #297bd7; color: #fff; font-size: 18px; line-height: 39px;}



div.gywmonertbottonn a{color: #fff;}



div.gywmonertbottonn:nth-child(2){ width: 177px; height: 39px; border-radius: 7px; display: inline-block; background: #21a370; color: #fff; font-size: 18px;}



div.gywmtwoback{ width: 100%; height: auto;}





.development-history {}

.development-history .top{position: absolute;width: 100%;height: 100%;}

.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}

.development-history .top .title-style h2{margin: 0;}

.development-history .top .title-style h5{color: 999999;font-size: 16px;}

.swiper-history .swiper-history-time{text-align: center;background: url("../image/line.png") center no-repeat;}

.swiper-history .swiper-history-time .year-num {font-size: 32px;color: #808080;}

.swiper-history .swiper-history-time .year-num span {color: #808080;}

.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num { font-family: 'impact'; font-size: 250px;color: #808080;padding-top: 40px;}

.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #00bf86;}

.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}

.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}

.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../image/right.png") center no-repeat;}

.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../image/left.png") center no-repeat;}







@media screen and (max-width: 1920px) {



	.swiper-history .swiper-history-time .year-num {padding-top: 235px;}	

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}	

}



@media screen and (max-width: 1680px) {



	.development-history .top .title-style {width: 30%; margin: 100px auto auto;}

	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 200px;}

	.swiper-history .swiper-history-time .year-num {padding-top: 200px;}

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}

	.swiper-history .swiper-history-time .swiper-button-prev {left: 18%;}

	.swiper-history .swiper-history-time .swiper-button-next {right: 18%;}

	.index-about .title-style {padding: 0px 0 10px 0;}

	.swiper-history .swiper-history-time {background: url(../image/line.png) center no-repeat;background-size: 100%;}



}

@media screen and (max-width: 1440px) {



	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 150px;}

	.development-history .top .title-style {margin: 80px auto auto;}

	.swiper-history .swiper-history-time .year-num { padding-top:180px;font-size:30px;}

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -28px;}



}

@media screen and (max-width: 1366px) {



	.swiper-history .swiper-history-time .year-num { padding-top: 180px;}

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -27px;}



}

@media screen and (max-width: 1280px) {



	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:130px;}

	.swiper-history .swiper-history-time .year-num {padding-top: 165px;}

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;}





}



@media screen and (max-width: 1024px) {

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {width: 30px;height: 30px;}

	.swiper-history .swiper-history-time .year-num {padding-top: 110px;}

	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}

	.swiper-history .swiper-history-time .year-num {font-size:24px;}

}



div.lingyuintop{width: 100%; max-width: 1260px; height: auto; color: #000000; margin: auto; line-height: 48px; font-weight: 700; font-size: 40px;  margin-top: 71px; margin-bottom: 65px; }



div.lingyuintop span{ color: #115cc2;}



div.lingyumain{width: 100%; max-width: 1260px; height: auto; margin: auto; padding-bottom: 60px; }



div.lingyumainlist{ width: 300px; height: auto; float: left; margin-bottom: 70px;    margin-left: 20px;}



div.lingyumainlistpic{ width: 300px; height: 175px; overflow: hidden; margin-bottom: 17px;}



div.lingyumainlistpic img{ width: 100%; height: 100%; transition: all 0.36s ease-in-out;}



div.lingyumainlist_t{ width: 100%; height: 59px; line-height: 59px; overflow: hidden; color: #444444; font-size: 20px; font-weight: 700;}



div.lingyumainlist_desc{ width: 100%; height: auto; line-height: 25px; color: #9b9b9b; font-size: 14px; margin-bottom: 23px;}



div.lingyumainlist_more{ width: 100%; height: 17px; line-height: 17px; color: #115cc2; font-size: 14px;}



div.lingyumainlist:hover div.lingyumainlistpic img{  transform: scale(1.1);}



div.lingyumainlist:hover div.lingyumainlist_t{ color: #115cc2;}



div.lingyulistbk{ max-width: 1260px; width: 100%; margin: auto; position: relative; margin-top: 20px;}



div.lingyulistbk::before{ content: ''; display: block;  width: 100%; top: 0; left: -100%; height: 100%; background: #e8e8e8; position: absolute; }



div.lingyulistleft{ width: 247px; height: 100vh; float: left; background: #e8e8e8; padding-top: 35px;    position: sticky;  top: 0;}



div.lingyulistleftli{ width: 100%; height: auto;margin-bottom: 11px;}



div.lingyulistleftli_1{ width: 100%; height: 35px; cursor: pointer;  padding-left: 60px; color: #4d4d4d;font-size: 16px; line-height: 35px;}



div.lingyulistleftli_1 img{ opacity: 0; transition: all 0.36s ease-in-out;}







div.lingyulistleftli_1 a{ color:#4d4d4d ; display: block; width: 100%; height: 100%;}



div.lingyulistleftli:hover div.lingyulistleftli_1 img{ opacity:1;}



div.lingyulistleftli:hover div.lingyulistleftli_1{ background: #004098 ;}



div.lingyulistleftli:hover div.lingyulistleftli_1{ color: #fff;}



div.lingyulistleftli:hover div.lingyulistleftli_1 a{ color: #fff;}



div.lingyulistleftli_2bk{ height: auto; width: 100%; padding-top: 7px; display: none;}



div.lingyulistleftli_2list{ width:100% ; height: 28px; line-height: 28px; padding-left: 64px; color: #646464;  font-size: 14px;}



div.lingyulistleftli_2list a{ color:#646464; transition: all 0.36s ease-in-out;}



div.lingyulistleftli_2list a:hover{ color: #004098;}



div.lingyulistleftlihover div.lingyulistleftli_1 img{ opacity:1;}



div.lingyulistleftlihover div.lingyulistleftli_1{ background: #004098 ;}



div.lingyulistleftlihover div.lingyulistleftli_1{ color: #fff;}

div.lingyulistleftlihover div.lingyulistleftli_1 a{ color: #fff;}



div.lingyulistleftli_2listh a{ color: #004098;}



div.lingyulistrt{ width: 946px; height: auto; float: right; margin-top: 23px;}



div.lingyulistrt_t{ width: 100%; height: 51px; line-height: 51px; color: #004098; font-weight: 700; font-size: 24px; margin-bottom: 4px;}



div.lingyulistrt_desc{ width: 100%; height: auto; line-height:30px; color: #7e7e7e; margin-bottom: 45px;}



div.lingyulistrt_desc img{ max-width: 100%; height: auto;}



div.lingyulistrt_listbk{ width: 100%; height: auto; padding-bottom: 70px;}



div.lingyulistrt_list{ width: 300px; float: left; height: auto; margin-bottom: 45px;    margin-left: 23px;}



div.lingyulistrt_listpic{ width: 100%; height: auto; margin-bottom: 21px;}



div.lingyulistrt_listpic img{ max-width: 100%; height: auto;}



div.lingyulistrt_list_t{ width: 100%; height: auto; display: flex; flex-flow: wrap; justify-content: start;}



div.lingyulistrt_list_t_1{ width: 73px; height: 30px; line-height: 30px; color: #8f8f8f; font-size: 14px;}



div.lingyulistrt_list_t_2{ width: 224px; height: auto; line-height: 30px; color: #444444; font-size: 18px; font-weight: 700;}





div.lingyulistrt_list_t_3{ width: 224px; height: auto; line-height: 30px; color: #8f8f8f; font-size: 14px;}



div.xwlistbk{ max-width: 1260px; width: 100%; height: auto; margin: auto; margin-top: 47px;}



div.xwlist_t{ width: 100%; height: 44px; line-height: 44px; color: #004098; font-size: 24px; font-weight: 700; margin-bottom: 20px;}



div.xwlist_listbk{ width: 100%; height:auto ; padding: 36px 0; border-bottom: 1px solid #e1e8f1;}



div.xwlist_listpic{ max-width: 247px; height: auto; float: left;}



div.xwlist_listpic img{ max-width: 100%;  height: auto;}



div.xwlist_listrt{ width: 972px; margin-top: 5px; float: right;}



div.xwlist_listrttime{ width: 100%; height: 31px; line-height: 31px; color: #9d9d9d; font-size: 16px;}



div.xwlist_listrttitle{ transition: all 0.36s ease-in-out; width:100%; height: 42px; line-height: 42px; overflow: hidden; color: #555555; font-size: 24px; margin-bottom: 10px;}



div.xwlist_listrtdesc{ width: 100%; height: auto; line-height: 24px; color: #b0b0b0; font-size: 16px;}



div.pagesgao{ height: 0.7rem;}



div.xwlist_listbk:hover div.xwlist_listrttitle{ color: #1a53a3;}



div.xwshowback{ max-width: 1260px; width: 96%; height: auto; margin: auto; margin-top: 25px; padding-bottom: 50px;}



div.xwshowbread{ width: 100%; height: 34px; line-height: 34px; text-align: right; color: #6f6f6f; font-size: 14px;}



div.xwshowbread a{ color: #6f6f6f; font-size: 14px;}



div.xwshowbackshang{ float: right; display: inline-block; height: 35px; line-height: 35px; padding-left: 30px; background: url(../image/breadjt.png) left center no-repeat;}



div.xwshowbackshang a{ color: #004098; font-size: 14px;}



div.xwshowtitle{ width: 100%; height: auto; line-height: 58px; text-align: center; color: #252525; font-size: 28px ; font-weight: 700;}



div.xwshowftitle{ width: 100%; height: auto; line-height: 44px; text-align:center; color: #2e2e2e; font-size: 22px;}



div.xwshowftime{ width: 100%; height: auto; line-height: 40px; text-align: center; color: #9d9d9d; font-size: 16px;}



div.xwshowcontent{ width: 100%; height: auto; border-top: 1px solid #e6e6e6; margin-top: 9px; padding: 40px 15px; line-height: 1.5; color: #5b5b5b; font-size: 18px;}

div.xwshowcontent p{ line-height: 2; font-size: 18px; margin-bottom:10px;}

div.xwshowcontent img{ max-width: 80%; height: auto;}



div.xinwenxxtopsyy{ width:100%;  transition:all 0.5s ease-in-out;}



div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }



div.xinwenxxtopsyytitle a{ color:#004098; transition:all 0.5s ease-in-out;}



div.chanpinlist{ width: 310px; height: auto; background: #fff; padding: 13px; float: left;    margin-left: 8px; margin-top: 10px;}



div.chanpinlistpic{ width: 100%; height: auto; margin-bottom: 13px;}



div.chanpinlistpic img{ width: 100%; height: auto;}



div.chanpinlisttitle{ width: 100%; height: auto; line-height: 1.5; font-size: 16px; color: #004098;}



div.chanpinlistdesc{ width: 100%; height: auto; line-height: 1.5; font-size: 14px; color: #969696; margin-top: 7px;}



div.chanpinlistline{ width: 30px; height: 1px; background: #e2e2e2;margin-top: 10px;}



div.fuwudesc{ width: 100%; height: auto; color: #7e7e7e; font-size: 16px;}



div.fuwulist{ max-width: 620px; width: 100%; height: auto;    margin-left: 20px; border: 1px solid #e8e8e8; background: #fff; padding: 10px; float: left; margin-top: 27px;}



div.fuwulistleft{ width: 280px; height: 165px; float: left;}



div.fuwulistleft img{ width: 100%; height: 100%;}





div.fuwulistleft_2{ width: 150px; height: 200px; float: left;}



div.fuwulistleft_2 img{ width: 100%; height: 100%;}





div.fuwulistrt{ width: 270px; float: left; margin-top: 15px; margin-left: 29px;}

div.fuwulistrt_2{ width: 400px; float: left; margin-top: 15px; margin-left: 29px;}



div.fuwulistrttitle{width: 100%; height: 39px; line-height: 39px; overflow: hidden; color: #656464; font-size: 20px; font-weight: 700; margin-bottom: 4px;}

div.fuwulist:hover div.fuwulistrttitle{color: #3881e4; }

div.fuwulistrtdesc{ width: 100%; height: 42px; line-height: 21px; color: #a2a2a2; font-size: 14px; overflow: hidden; margin-bottom: 20px;}



div.fuwulistrtdesc_2{ width: 100%; line-height: 21px; color: #a2a2a2; font-size: 14px; overflow: hidden; margin-bottom: 10px;}



div.fuwulistrtmore{ width: 100%; height: 27px; line-height: 27px; color: #3881e4; font-size: 14px;}



div.fuwushowtitle{ width: 60%; float: left; height: 35px; line-height: 35px; color: #004098; font-size: 24px; font-weight: 700;}



div.fuwshowcontent{ width: 100%; height: auto;  margin-top: 9px; padding: 40px 0; line-height: 1.5; color: #5b5b5b; font-size: 16px;}



div.fuwshowcontent img{ max-width: 100%;;}



div.fuwshowcont_left{ max-width: 630px; width: 100%; float: left;}



div.fuwshowcont_rt{max-width: 537px; color: #7e7e7e; float: right; font-size: 16px; line-height: 1.6; width: 100%; height: auto; padding: 48px 37px; background: #eaeaea; margin-top: 70px;}



div.fuwshowcont_rt h1{ color: #474747; font-size: 24px; line-height: 1.7; font-weight: 500;}



div.lxwmtwobk{ width: 100%; height: 450px;}









div.lxwmthreeback{ width: 100%; max-width: 1280px; position: relative; margin: auto; height: auto; padding: 50px; background: #f2f2f2; padding-top: 65px;}







div.lxwmthreetitle{ width: 100%; text-align: center; height: 47px; line-height: 47px; color: #352f47; font-size: 36px; font-weight: 700;}







div.lxwmthreesubtitle{ width: 100%; height: 38px; line-height: 38px; padding-left: 20px; text-align: left; margin-top: 20px; color: #352f47; font-size: 16px; font-weight: 700;}







div.lxwmthreformnav{ width: 46%; height: 58px; border-bottom: 1px solid #352f47; color: #352f47; font-size: 14px; display: inline-block; margin:0 20px; }















div.lxwmthreformnavbk{ width: 100%; height: auto; text-align: left; margin-top: 25px;}







div.lxwmthreformnavrt{ width: 100%; height: 58px; text-align: left;}







div.lxwmthreformnavrt input{  height: 100%; display: inline;background: none; border: none; outline: none;}







div.lxwmsubmit{ width: 150px; height: 60px; border: #352f47 3px solid; border-radius: 30px; margin: auto; margin-top: 48px; background: url(../image/submitbg.png) 95px 15px no-repeat; transition: all 0.5s ease-in-out;}







div.lxwmsubmit input{ width: 100%; height: 60px; line-height: 60px; text-align: center; color: #352f47; font-size: 14px;  font-weight: 700; background: none; border: none; outline: none;}



 








/* header - menu */
.header .content .center .nav li.cur a::after {width:100%;}
.header .content .center .nav li.cur a{color: #00bf86;}
/*.header .content .center .nav li a.cur{color: #00bf86;}*/
.header-nav-show {position: absolute;left: 0;top: 84px;background: #fff;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show::before {content: '';display: block;width: 100%;height: 1px;background: #e6e6e6;top: 0;left: 0;position: absolute;}
.header-nav-show .content {overflow: hidden;width: 74.5%;margin: auto;}
.header-nav-show .content .nav-content.Hide {display: block;opacity: 0;height: 0px;padding:0;min-height:0px;overflow: hidden;}
.header-nav-show .content .nav-content {display: block;padding:5% 0;min-height: 100px;opacity:1;height: auto;}
.item-nav {position: relative;overflow-y: auto;}
.item-nav .left{float: left;width: 26%;overflow: hidden;height: auto!important;position: relative;}
.item-nav .left .ntitle{padding-bottom: 10px;}
.item-nav .left .ntitle h3{font-size: 24px;color: #1a1a1a;text-transform: uppercase;margin: 0;}
.item-nav .left .item-nav-pic-swiper {position: relative;}
.item-nav .left .img {display: block;}
.item-nav .left .text{padding: 20px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666;}
.item-nav .left .btn {font-size: 0;border: 1px solid #ccc;display: inline-block;padding: 15px 20px;position: relative;}
.item-nav .left .btn span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.item-nav .left .btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../image/right2.png");background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.item-nav .left .btn::before {content: '';display: block;width:0px;height: 100%;position: absolute;left: 0;top: 0;background: #00bf86;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .left a {display: block;overflow: hidden;} 
.item-nav .left a:hover .btn::before{width: 100%;} 
.item-nav .left a:hover .btn span {color: #fff;}
.item-nav .left a:hover .btn i{background: url("../image/right3.png");background-size:100% 100%;opacity: 1;}

.item-nav .right-nav {float: left;width:70%;height: 450px;margin:auto;}
.item-nav .right-nav ul {width:95%;height: auto;margin: 0;padding:0 0 0 5%;list-style: none;position: relative;} 
.item-nav .right-nav ul::before {content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;left: 0;top: 0;z-index: 1;}
.item-nav .right-nav ul:last-child::after{display: none;} 
.item-nav .right-nav ul.nav {position: relative;margin-top: -10px;}
.item-nav .right-nav ul.two {position: absolute;top: 0; left: 239px;background: #fff;}
.item-nav .right-nav ul.three {position: absolute;top: 0;left: 250px;background: #fff;}
.item-nav .right-nav ul li{list-style: none;width: 240px;padding-right:50px;}
.item-nav .right-nav ul li a{position: relative;display: block;padding:15px 0;overflow: hidden;}
.item-nav .right-nav ul li a::before,.item-nav .right-nav ul li a::after{content: '';display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .right-nav ul li a::before {width: 0px;height: 2px;z-index: 3;}
.item-nav .right-nav ul li a:hover::before{width: 100%;background: #00bf86;}
.item-nav .right-nav ul li a h4{font-size: 17px;color: #999999;margin: 0;}
.item-nav .right-nav ul li a i{width: 9px;height: 12px;position: absolute;top: 50%;right: 5%;margin-top: -6px; background: url("../image/right2.png");background-size:100% 100%;display: block;opacity: 0;}
.item-nav .right-nav ul li a:hover i,.item-nav .right-nav ul li.cur a i {opacity: .5;}
.item-nav .right-nav ul li.cur a h4{color: #000;}
.item-nav .right-nav ul li.cur a::before{width: 100%;background: #00bf86;}
.item-nav .right-nav ul li.cur ul li a::before{width: 0px;}
.item-nav .right-nav ul li.cur ul li a:hover::before{width: 100%;}
.item-nav .right-nav ul li ul li.cur.on a i{opacity: .5;display: block;}
.item-nav .right-nav ul li ul li.cur.on a::before{width: 100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a::before{width:0;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover::before{width:100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a i{opacity: 0;display: none;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover i{opacity: .5;display: block;}
.item-nav .right-nav ul li ul{display:none;}
.item-nav .right-nav ul li ul li a{color: #999999;}
.item-nav .right-nav ul li ul li a i {opacity: 0;display: none;}
.item-nav .right-nav ul li ul li a:hover i {opacity: .5;display: block;}
.item-nav .right-nav ul li ul li a:hover,.item-nav .right-nav ul li ul li a:hover h5 {color: #000;}
.item-nav .right-nav ul li ul li a h5{font-size: 15px;color: #999999;margin: 0;font-weight: normal;width: 90%;}