/* Common */
@font-face {font-family:"HN_Th"; src:url('../style/HelveticaNeueLTStd-Th.eot'); src:local('☺'), url('../style/HelveticaNeueLTStd-Th.eot?#iefix') format("embedded-opentype"), url('../style/HelveticaNeueLTStd-Th.woff') format("woff"), url('../style/HelveticaNeueLTStd-Th.ttf') format("truetype"); }


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}

body,input,textarea,select,button{font-family:"Microsoft Yahei",arial,sans-serif;line-height:2.3em;color:#555;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;cursor:pointer;color:#555}
a:hover{text-decoration:none;color:#da1313}
a:active,a:focus, a:visited{text-decoration:none}
table {border-collapse:collapse}
h2,h3,h4{font-weight:normal;}
legend, hr, table caption  {display:none;}
label {vertical-align:middle;color:#666}
img {margin:0px;padding:0px;vertical-align:middle;}
input, textarea {margin:0px;padding:3px 5px;vertical-align: middle;}
/*input {padding-top:2px;height:18px;}*/
select {margin:0px;height:22px; vertical-align:middle; font-size: 1em;border:1px solid #bbbbbb;}
select option {vertical-align:3px}
*:first-child+html select {margin-top:2px;}
.skip{display:none;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip:hover,.skip:active,.skip:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:bold;font-size:12px;font-family:Tahoma;line-height:1;color:#666;text-decoration:none !important;text-indent:10px}
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left; }
.blind {font-size:0;height:0;left:0;line-height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:0;}
.solutionsbg{ background:url(../images/background.jpg) no-repeat top center;height:900px;max-width:1920px;margin:auto;}
.wbg{background:#fff;width:100%;border-bottom:1px solid #eee; }
/* layout */
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner{ position: relative; overflow: hidden; width: 100%; background-color: #ddd;}
.banner .item{ position: relative; width: 100%; height: 701px; overflow:hidden;}
.banner .pic,.banner .pic_m{ width: 100%; height: 100%; position: absolute; background-repeat:no-repeat; background-position: center center; background-size:cover; }
.banner .pic_m{display:none;}
.banner .pic .pimg{ width: 100%; display: block; opacity: 1;  transition:transform 5s ease 0s, opacity 2s ease 0s;}
.banner .imgIn .pimg{ opacity: 1; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.bannerText{ position: absolute; top: 40%; left:0; right:0; color:#fff; line-height: 1}
.bannerText .tx1{ text-align:center;font-size:70px;text-align: center; }
.bannerText .tx2{ text-align:center; margin-top:35px;font-size:40px; }
.downSider{ width:19px; height:48px; background:url(../images/arrow.png) no-repeat center center; position:absolute; left:50%; margin-left:-9px; bottom: 100px; z-index:99; animation:b_jump 0.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 0.5s ease-in-out 0.1s alternate infinite; cursor:pointer; }
@keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-20px); -webkit-transform:translateY(-20px); }
	}
@-webkit-keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0); }
	to{ transform:translateY(-20px); -webkit-transform:translateY(-20px); }
	}
.banner .amore{ margin-top:5.8%; }
.banner .amore:hover{ color:#b42c2c; }
.amore:hover .aline_1,
.amore:hover .aline_3{ width:100%; }
.amore:hover .aline_2,
.amore:hover .aline_4{ height:100%; }

.batxhide .tx, .batxhide .amore{ transition:600ms; -webkit-transition:600ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0; }
.batxhide .tx2{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.batxhide .amore{ transition-delay:200ms; -webkit-transition-delay:200ms; }

.batxshow .tx,.batxshow .amore{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.banner .bx-wrapper .bx-pager{ height: 9px; bottom: 40px; padding-top: 0px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; line-height: 9px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(../images/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(../images/num_2.png) no-repeat scroll center center;}




.pbanner{ 
	position: relative; background-repeat: no-repeat; min-height: 400px;background-color:#eee; background-position: center center;	background-size: cover;}
.pbanner .vt{width: 100%; display: block;}

.pbanner .pbatxbox{
	color:#fff;	width:1200px;position:absolute;left:50%;margin-left:-600px;top:40%;text-align:left;
	
	}

.pbanner .pbatxbox .en{font-size:50px;line-height: 0.8;padding:20px 0;text-transform: uppercase;}
.pbanner .pbatxbox .ch{font-size: 25px}
.pbanner .pbatxbox a{color:#fff;}

	


#glist{ position:relative;}
	.grid{width:350px;	min-height:250px;float:left;margin:8px;
}

.prolist {position: relative;}
.prolist li{}
.prolist li img{width:100%;}
.prolist li h3{display: block;text-align: center;line-height: 3}

.prolist .slick-arrow{width:80px;height:60px;background-color:#002868;position: absolute; top:-60px;z-index:100; cursor: pointer;background-position: center center;background-repeat: no-repeat;}
.prolist .slick-prev{background-image:url(../images/img_l3.png) ;right:81px;}
.prolist .slick-next{background-image:url(../images/img_r3.png) ;right:0;}





	
.bd{border-bottom:1px solid #eee;}		
.bd1{border-left:1px solid #eee;border-right:1px solid #eee;}
.i1{background: url(../images/bg.jpg) repeat-x;padding-top:78px;}
.i1 dl dd{float:left;}
.i1 .index_about{padding:40px;line-height: 1.8}
.index_about .more {display: block;line-height: 3}
.index_about .more a{display: inline-block; color:#002868;background-repeat:no-repeat; background-position: right; center; background-image: url(../images/ar1.png);padding-right: 2em}
.index_about .more a:hover{color:#da1313;background-image: url(../images/ar2.png);}
.i1,.i2,.i3,.i4{}
.i2{background-image: url(../images/pro_bg.jpg); background-repeat:no-repeat;background-position:center top;padding:245px 0 130px;}
.i3 dl dd{float:left;}
.i3{background:#f3f2f2;padding:80px 0;}
.i31{display: none;background:#f3f2f2;padding:0 0 40px 0;}
.i31 p {text-align: center;}
.i1dl .icos{overflow: hidden;}
.i1dl .icos li{width:33.33%;float:left;background:url(../images/line.png) repeat-y left;height:385px;}
.i1dl .icos li a{text-align: center;display: block;}
.i1dl .icos li a img{margin-top:120px;}
.i1dl .icos li a .idx_title{margin-top:20px;}
.i1dl .icos li a .line{height:0;width:1px;display: block;background-color: #fff;margin:auto;}
.i1dl .icos li a:hover img{margin-top:110px;}
.i1dl .icos li a:hover .line{height:25px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.pt200{padding-top:200px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}


.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb150{padding-bottom:150px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}

.txtcenter{text-align: center;}
.bold{font-weight: bold;}
.blue{color:#002868;}
.dark{color:#333;}
.light{color:#fff;}
.grey{color:#aaa;}
.f40{font-size:40px;}
.f35{font-size:35px;}
.f30{font-size:30px;}
.f25{font-size:25px;}
.f20{font-size:20px;}
.f16{font-size:16px;}

.idx_honors{ position: relative;padding:35px 0; }
.idx_honors li {cursor: pointer;text-align:center;}
.idx_honors li img{max-height:230px;margin:auto;}

.idx_honors .slick-arrow{width:19px;height:37px;position: absolute; top:-110px;top:50%;z-index:100; cursor: pointer;margin-top:-19px;}
.idx_honors .slick-prev{background:url(../images/img_l3.png) no-repeat left top;left:20px;}
.idx_honors .slick-next{background:url(../images/img_r3.png) no-repeat left top;right:20px;}

.bg1,.bg2{height:170px;position: absolute;width:100%;bottom:40px;width:100%;z-index:99;background: url(../images/bg.png) repeat;}

.bg2{bottom:-40px;}


.honor-banner1-wrap {
  position: relative;
  margin-bottom: .8rem; }
  .honor-banner1-wrap .patent-btns {
    top: 50%; }

.honor-banner1 {
  position: relative;
  font-size: 14px;
  line-height: 2;
  color: #333;
  text-align: center;
  overflow: hidden; }
  .honor-banner1 .honor-slide-name {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    color: #333;
    opacity: 0; }
  .honor-banner1 .img-wrap {
    border: 1px solid #eee;background:#fff; }
    .img100{height:80%;}
  .honor-banner1 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 440px;
    height: 600px;
    /*height: auto; */}
    .honor-banner1 .swiper-slide img{max-width:240px;max-height:300px;}
    .honor-banner1 .swiper-slide:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      z-index: 3;
      transition: all .5s ease;
      top: 0;
      left: 0; }
    .honor-banner1 .swiper-slide.swiper-slide-active {
      z-index: 4; }
      .honor-banner1 .swiper-slide.swiper-slide-active .img-wrap {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      .honor-banner1 .swiper-slide.swiper-slide-active:before {
        opacity: 0; }
      .honor-banner1 .swiper-slide.swiper-slide-active .honor-slide-name {
        opacity: 1; }

.patent-btns {
  position: absolute;
  z-index: 3;
  height: 1px;
  overflow: visible;
  width: 100%;
  left: 0;
  top: calc(50% - .6rem); }
  .patent-btns .btn {
    position: absolute;
    display: block;
    top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease; }
    .patent-btns .btn:hover {
      transform: translateY(-6px); }
  .patent-btns .prev {
    left: 20px;
    background-image: url(../images/prev2.png); }
  .patent-btns .next {
    right: 20px;
    background-image: url(../images/next2.png); }

.honor-banner2-wrap {
  position: relative;
  margin: 1.8rem 0 3rem;
  background-position: top center;
  background-repeat: repeat-x; }
  .honor-banner2-wrap:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    border-top: 1px dashed #000;
    z-index: 0;
    top: 12px;
    left: 0; }
  .honor-banner2-wrap .patent-btns {
    top: 36px; }
  .honor-banner2-wrap .btn {
    background-color: #fff; }
  .honor-banner2-wrap .img-wrap {
    position: relative;
    width: 72px;
    height: 72px;
    background: #f5f5f5;
    overflow: hidden;
    margin: 0 auto 15px;
    border-radius: 50%; }
    .honor-banner2-wrap .img-wrap .img100 {
      transition: all .3s ease;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .honor-banner2-wrap .img-wrap .unhover {
      display: block; }
    .honor-banner2-wrap .img-wrap .hover {
      display: none; }
  .honor-banner2-wrap .swiper-slide {
    height: 70px !important;
    padding-top: 42px;
    color: #cacaca;
    font-size: .7rem;
    line-height: 1.2;
    text-align: center;
    transition: all .5s ease;
    cursor: pointer;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat; }
    .honor-banner2-wrap .swiper-slide:before {
      opacity: 0;
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      z-index: 0;
      top: 18px;
      left: 50%;
      margin-left: -4px;
      border-color: transparent transparent #d70c19 transparent;
      border-width: 5px 4px;
      border-style: solid; }
    .honor-banner2-wrap .swiper-slide:hover {
      color: #333; }
      .honor-banner2-wrap .swiper-slide:hover .img-wrap {
        background: #d70c19; }
    .honor-banner2-wrap .swiper-slide.swiper-slide-active {
      color: #333; }
      .honor-banner2-wrap .swiper-slide.swiper-slide-active:before {
        opacity: 1; }
  .honor-banner2-wrap .banner-title {
    width: 118px;
    margin: 0 auto; }

.honor-banner2 {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }



		
.da-thumbs li a,.da-thumbs li a img { display: block; position: relative;}
.da-thumbs li a { overflow: hidden;}
.da-thumbs li a div { position: absolute; background:#000; width: 100%; height:100%; overflow:hidden; /*opacity:.8; filter:alpha(opacity=80);*/}
.da-thumbs li a div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.da-thumbs li a h3{color:#fff;text-align:center;height:30px;line-height:30px;background:url(../images/arrow.png) no-repeat bottom center;padding-bottom:70px;font-size:25px;font-weight:normal;position:absolute;top:50%;margin-top:-50px;width:100%;}
/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -100%;}
.da-slideFromBottom { left: 0px; top: 100%;}
.da-slideFromLeft { top: 0px; left: -100%;}
.da-slideFromRight { top: 0px; left: 100%;}
/* Final state classes: */
.da-slideTop { top: 0px;}
.da-slideLeft { left: 0px;}
.da-thumbs li a div span { display: block;position: relative;}



.fold_wrap{width:450px;height:275px;margin:40px auto 0 auto;overflow:hidden;position:absolute;right:0;bottom:0;z-index:100;}
.fold_wrap li{float:left;width:150px;height:275px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0; background:url(../images/mask.png) repeat-x bottom;display:none;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;position:absolute;bottom:30px;width:100%;display:block; text-align:center;font-size:18px;line-height:1em;}
	.fold_wrap li .mask_b h4 span{display:block;font-size:14px;}
.fold_wrap li.big{width:205px;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}

.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(../images/ip1.jpg) no-repeat center 0;}
.pic_auto2{background:url(../images/ip2.jpg) no-repeat center 0;}		
.pic_auto3{background:url(../images/ip3.jpg) no-repeat center 0;}		

.map{height:500px;}
.contact_ul {}
.contact_ul .ctit{color:#002765;font-size:16px;}
.contact_ul .ctit .en{color:#aaa;}
.contact_ul li{padding-bottom:1em;}

.ico_t{color:#002868;margin-left:40px;}

	
	.nlist{margin:auto;}	
	
	.nlist ul li{overflow:hidden;border-bottom: 1px solid #eee;}
	.nlist a{display:block; overflow:hidden;padding:5% 0 5% 2%;}
	.nlist a:hover{background:#b82125;}
	.nlist dd{float:left;}
	
	.nlist a .tit3{color:#aaa; }
	.nlist a:hover .tit3{ color:#555; }
	.nlist a .tit3 h3{font-size:16px;line-height:2.2em;color:#555;}
	.nlist a:hover .tit3 h3{color:#fff;}

	.nlist .date1{color: #b82125; font-size:60px;line-height:60px;font-family:"HN_Th";margin-right:20px;}
	.nlist a:hover{padding:5% 0 5% 5%;}
	.nlist a:hover .date1{margin-right:40px; color:#fff;}

		



	
.plist{}
	.plist li{float:left;width:25%; text-align:center;height:280px;}
	.plist li a h3{ background:#fff;width:189px;margin:auto;font-weight:normal;line-height:2.5em;}
		.plist li a:hover h3{color:#1965ac;}
	.plist li a span{ background:url(../images/arrow.gif) no-repeat 60px -63px #05a1eb;color:#fff;display:inline-block;padding:0 25px 0 5px;}
	.plist li a:hover span{background-color:#0054a3;background-position:60px 5px;color:#fff}

.footer{margin:auto;max-width:1200px;color:#555;}
.footer dd{margin-right:4%;background-color:#fff;}
.footer dd .con{padding:10% 15%;line-height: 1.8;}
.footer dd .con p{min-height: 190px}
.footer dd .btn a{color:#fff;display: block;}
.footer dd .btn{background-color:#002868;display: block;font-size:16px;text-align: center;background-position:  15px center; background-repeat: no-repeat;line-height: 3em;margin-bottom: 1em;}
.footer dd .btn:hover{background-color:#da1313; transition: 600ms;-webkit-transition:600ms; }
.footer dd .ico1{background-image:url(../images/fi1.png); }
.footer dd .ico2{background-image:url(../images/fi2.png); }
.footer dd .ico3{background-image:url(../images/fi3.png); }

.i31 .footer dd{margin-right:0;}
.i31 .footer dd .btn{margin-bottom: 1px;}
.gotop{float:right; cursor: pointer;}
.keywords{float:left;}
	



.header{
	position:absolute;
	right:0;left:0;
	padding:0;
	z-index:899;
	height:105px;
	transition: 600ms; -webkit-transition:600ms; background:#fff;
}
.mtop{height:105px;}
.header .container{background:#fff;}
.header.pos{ top:0; bottom:auto; position:fixed;}


.header .nav{ float:right; position:relative;}
.header .nav li{ float:left; position:relative; }
.header .nav a{ display:block; color:#333; line-height:105px; font-size:16px; padding:0 30px; }
.header .nav li:hover > a,.header .nav li.act > a{ background:#002868; color:#fff; }
.header .nav .twonav{ position:absolute; top:105px; left:0; right:0; background:#002868; padding:10px 0 20px 0; display:none; }
.header .nav .twonav ul li{float: none;}
.header .nav .twonav a{ text-align:center; display:block; color:#fff; font-size:14px; line-height:1.4; padding:8px 5px;letter-spacing:-1px; }
.header .nav .twonav a:hover{ background:#da1313; }

/* menuBtn */
.menu-handler { transition:300ms; -webkit-transition:300ms; width: 58px; height: 58px; cursor: pointer; display: none; background-color: #da1313; position:fixed; top:0; right:0; z-index:1008; }
.menu-handler .burger { width: 24px; height: 2px; border-radius:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active{ background-color:transparent; }
.csstransforms .menu-handler.active .burger{ background:#da1313; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
/* menuBtn end */

/* menuBox end */
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; background-color: #fff; }
.navMobile { padding: 10% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd h3 a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 1.4; font-size: 14px; color: #646464; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navMobile dd a:active,.navMobile dd a:hover, .navMobile dd h3 a.cur { color: #da1313; }
.mlogo{ width:138px; display:block; position:absolute; left:5%; top:0; }
.mlogo img{ width:100%; } 
.menuBox .tool{ text-align:center; font-size:0; background:#da1313; padding:35px 0; }
.menuBox .tool a { display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; background:none; color:#fff; width:40px; height:40px; border:1px solid #fff; border-radius:100%; margin:0 10px; line-height:40px; text-transform:uppercase; }
.menuBox .tool a:hover .ntx{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
.too2{ text-align:center; margin-top:10%; }
.too2 a{ background:none; color:#646464; margin:0 20px; }
.too2 a:hover{ color:#da1313； }
.menuBox .twonav{ background:#555; display:none; }
.menuBox .twonav a{ display:block; font-size:14px; line-height:1.4; padding:8px 0; color:#fff; }
.menuBox .twonav a:hover{ background:#da1313; color:#fff; }
/* menuBox end */


.logo{float:left;height:100%;}
.logo img{max-height: 100%}
.down{position:absolute;top:45px;right:200px;}
	.down a{display:block;color:#fff;text-align:center;background:url(../images/down.gif) no-repeat 0 0;width:80px;height:30px;line-height:30px;font-size:14px;padding:0 10px 0 30px; }
	.down a:hover{ background-position:0 -30px;}


.fr{float:right;}
.fl{float:left;}
.container{max-width:1200px;margin:auto;}
	

	 .tit{color:#fff; height:198px;padding-top:180px;width:1140px;margin:auto;}
	 .tit h1{font-weight:normal;font-size:25px;}
	 .tit span{font-size:65px; font-family:"HN_Th";line-height:1.2em;}
	
.pt1{padding:140px 0 100px 0;position:relative;z-index:1;}
.btit{font-size:14px;text-align:center;height:200px;}
	.btit h1{font-size:40px;font-weight:normal;line-height:1.5em;}
	.btit span{display:inline-block;line-height:2em;font-family:Verdana, Geneva, sans-serif}




.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; opacity:0; }
.tranShow{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}

.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }

.topnav{width:100%;margin:50px auto;position: relative;}

.p_l{}

	.p_l ul{overflow:hidden;}
		.p_l ul li{line-height:50px;display: inline-block;}
		.p_l ul li a{color:#555;display:block;padding-right:2.5em;font-size:16px; background-image: url(../images/ar1.png);background-position: left center;background-repeat: no-repeat;padding-left: 1.5em; }
		.p_l ul li a:hover,.p_l ul .current a{color:#cc2831;background-image: url(../images/ar2.png);}

.p_r{padding-bottom:120px;}
		

.aa{border-collapse:collapse;border:none;}	
.aa td{text-align:center;padding:0 5px;border:1px solid #eee; table-layout: fixed; }


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }



.slider-nav {float:left;width:110px;height:426px;overflow: hidden;}
.slider-nav .item {height:110px;border:1px solid #eee;cursor:pointer;color:#fff;overflow:hidden;margin-bottom:45px;}
.slider-nav .item.slick-current{border:1px solid #4e9b1a;}
.slider-nav .item.slick-current img{margin-top:-110px;}


.slider-nav .slick-arrow { width: 48px; height: 48px; display: block; border-radius: 50px; background: url(../images/img_bg3.png) no-repeat scroll center center; top: 50%;margin-top:-24px; z-index: 100; }
.slider-nav .slick-arrow:hover { background-image: url(../images/img_bg4.png); }
.slider-nav .slick-arrow i { background: url(../images/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.slider-nav .slick-prev { left: -77px; }
.slider-nav .slick-next { right: -77px; }
.slider-nav .slick-prev i { background-image: url(../images/img_l3.png); }
.slider-nav .slick-next i { background-image: url(../images/img_r3.png); }
.slider-nav .slick-prev:hover i { background-image: url(../images/img_l3.png); }
.slider-nav .slick-next:hover i { background-image: url(../images/img_r3.png); }
.slider-for{text-align: right;float:right;width:1000px;}

.idx_title .ch3{font-size:20px;color:#002868;line-height:2.5;font-weight: bold;}
.idx_title .ch4{font-size:30px;color:#21540f;text-align: center;}
.idx_title .ch5{color:#aaa;text-align: center;font-size: 12px;margin:10px auto;max-width:80%;line-height: 1.5;}
.idx_title .ch{font-size: 20px;color: #ff6600;line-height: 2.5}
.idx_title .en{font-size:14px;color:#ff6600;text-transform: uppercase;line-height: 1}
.idx_title .en strong{display: block;font-size:18px;}
.idx_title .ch2{font-size:20px;color:#fff;line-height: 1.5}
.idx_title .en2{font-size:14px;color:#fff;}
.slider-for .pic{max-width:600px;float:right;margin-left: 40px;}
.slider-for .txts{margin:30px 0;line-height: 1.5}

.slider-for .more a{display: inline-block;position: relative;padding-right:50px;color:#333;}
.slider-for .more .line{display: block;background: url(../images/arrowr.png) no-repeat left top;width:28px;height: 9px;position: absolute;top:50%;margin-top:-4px;right:0;}
.slider-for .more a:hover{color:#4e9b1a;}
.slider-for .more a:hover .line{right:15px;}
.maxw img{width:100%;}
.maxh img{max-height:100%;}	


	
.newsbg{}
	.newstit{text-align:center;border-bottom:1px solid #eee;color:#aaa;padding:20px 0;}
	.newstit h1{font-weight:normal;font-size:22px;color:#555;}
	.ncon{max-width:800px;margin:auto; padding:40px 0;}

.pbigpic{text-align:center;padding:40px;}	
.pdes{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:20px 0;margin-bottom:40px;line-height:2.5em;}	


.page1{overflow:hidden;text-align:center;}
	.page1 li{display:inline-block;margin:0 10px;}
	.page1 li a{display:inline-block;color:#fff;line-height:2.5em;font-size:14px;background:#333;padding:0 15px;}
	.page1 li a:hover{background:#da1313}			

/*翻页-------------------------------------------------------------------*/
.page { text-align: center;margin:40px 0; }
	.page *{vertical-align:middle;}
	.page span{display:inline-block; margin: 0 0 0 5px;display:inline-block;line-height:35px;height:35px;width:35px;}
	.page span.current{background:#da1313;color:#fff;border:1px solid #da1313;}
	.page span a{display:block;width:100%;height:100%;color:#aaa;border:1px solid #eee;}
		.page span a:hover{background-color: #da1313;color:#fff;border:1px solid #da1313;}
		.page .first a,.page .prev a,.page .next a,.page .last a{ background:url(../images/page.jpg) no-repeat}
		.page .first a{background-position:0 -37px;}
		.page .first a:hover{ background-position:0 -0; !important;}
		.page .prev a{ background-position:-37px -37px;}
		.page .prev a:hover{ background-position:-37px 0; !important;}
		.page .next a{ background-position:-74px -37px;}
		.page .next a:hover{ background-position:-74px 0; !important;}
		.page .last a{ background-position:-111px -37px;}
		.page .last a:hover{ background-position:-111px 0; !important;}






	
.join-dl { color: #555; border-top: 1px solid #e6e6e6; width: 96%; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 1px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/2 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; }
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #aaa; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #aaa; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #aaa; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color: #fff; }
.join-dd { padding: 28px 20px 40px; display: none; color: #b0b0b0; font-size: 14px; line-height: 1.5; background-color: #fafafa; border-bottom: 1px solid #e6e6e6; }
.join-dl dt.joinact { background-color: #da1313; color: #fff; }
	
.meslist{width:90%;margin:0px auto;}
.meslist dt{line-height: 4em;padding:0 20px;background: #ddd; font-size:16px; overflow: hidden;}
.meslist dt .adddate{ float:right;font-size:12px;color:#aaa;}
.meslist dd{background: #fafafa;padding:20px; }
.meslist .red{color: #da1313;}



	
.i5{background: #073807;overflow: hidden;padding:40px 0;}
	
	.w50{width:50%}

	.w30{width:32%;}
.greybg{background:#fafafa;}

.w50dd dd{float:left;}
.w50dd dd:first-child{margin-right:6%;}	
.w22{width:22%;}
.w25{width:25%;}
.w47{width:47%;}
.w24{width:24%;}
.w33{width:33%;}
.w70{width:70%;}
.w75{width:75%;}
.w50{width:50%;}
.w44{width:44%;}
.w25 img,.w50 img{max-width:100%;}
.mr7_1{margin:70px 0;}
.mr7_2{margin:70px 0 0 0;}
.mr7_3{margin:0 0 70px 0;}	
    
.pul1 li{margin-bottom:0.5em;list-style-type: decimal;}






.idx_news{position: relative;}
.idx_news ul li{}
.idx_news ul li a{display: block;color:#333;}
.idx_news ul li a h3{font-size:16px;color:#333;}
.idx_news ul li a p{line-height: 2;color:#aaa;}

.ndate{font-family:"HN_Th";color:#064ea2;}
.ndate .line{height:1px;display:block;background: #064ea2;width:90px;}
.nday{font-size:35px; line-height: 2;}
.nyear{font-size:12px;color:#aaa;}

.idx_news ul li a:hover h3{color:#064ea2;}
.idx_news ul li a:hover p{color:#555;}
.idx_news ul li a:hover .ndate .line{width:100%;}

.idx_news .slick-arrow{ cursor:pointer; width:9px; height:13px; top:-95px;  position:absolute; background-repeat:no-repeat;  transition:300ms; -webkit-transition:300ms;background-color:#fff; }
.idx_news .slick-prev{ right:45px;background-image: url(../images/l1.png) }
.idx_news .slick-next{ right:0; background-image: url(../images/r1.png)}

.idx_pro_ul{position: relative;}
.idx_pro_ul li{position: relative;}
.idx_pro_ul li .idx_title{position: absolute;left:20px; top:20px;z-index: 5}
.idx_pro_ul .slick-arrow{width:19px;height:37px;position: absolute; top:-110px;right:0;z-index:100; cursor: pointer;}
.idx_pro_ul .slick-prev{background:url(../images/img_l3.png) no-repeat left top;right:60px;}
.idx_pro_ul .slick-next{background:url(../images/img_r3.png) no-repeat left top;}

.about1 .page_tit{}
.page_tit .en{

	text-transform: uppercase;
	}
.page_tit .en strong{
	display:block;
	letter-spacing:0;font-family:"arial black";font-weight:normal;
}

.page_tit .ch{
	font-size:30px;
	color:#002868;font-weight: bold;	
	}
.page_tit .ch2{color:#da1313;font-size:18px; line-height: 2.5}
.page_tit .ch4{line-height:3em;font-weight:normal;font-size:18px;color:#da1313;}
.page_tit .en2{line-height:3;color:#da1313;font-size:16px;}
.page_tit .line{
	display:inline-block;position: relative;top:-3px;margin-left:20px;
	width:64px;
	height:2px;
	background:#da1313;
	}

.about1 .txts,.about1 .culture,.job_1 .txts{
	width:68%;
	float:right;

	}

.about1 .txts p,.about2 .txts div{
	width:47%;
	float:left;
	margin-left:6%;
	}
.about2 div img {max-width:100%;margin-bottom:60px}
.about2 .brand1 img{width:100%;}
.about2 .brand1	p{text-align: center;}
.about2 .brand2 dt{font-size:14px; color: #da1313;text-indent: 10px}
.about2 .brand2 dd{padding:10px;margin-bottom:20px; border-bottom: 1px solid #eee;}

.about1 .txts p:first-child,.about2 .txts div:first-child{
	margin-left:0;
	}
.about1 .txts p strong,.about2 .txts p strong{display: block;color: #da1313;line-height: 2em;font-size:16px;font-weight: normal; }
.cul_con {}
.cul_con li{padding-bottom:20px;margin-bottom:20px;width:50%;float:left;}
.cul_con li strong{display: block;font-size:16px;color:#da1313;}
.honorlist li{width:23%;margin:1%;}
.honorlist li img{max-width: 100%}
.honorlist li h3{line-height: 1.3em;padding:10px 0;}
.pd1 .con{padding:20% 10%;}
.pd2 .con{padding:8%;}
.pd3 .con{padding:15%;}
.historyPage { height:425px; position: relative; }
.hisBot { position: absolute; left: 0px; width: 100%; display: block; top: 50%; height: 2px; background-color: #646464; margin-top: -1px; }
.historyDemo .item { width: 100%; height: 426px; position: relative;}
.historyDemo .xian { background: url(../images/h_i2.png) no-repeat scroll left top; width: 38px; height: 190px; position: absolute; left: 0px; }
.historyDemo .dian { background: url(../images/h_i1.png) no-repeat; width: 11px; height: 11px; position: absolute; left: -6px; }
.historyDemo .year {  font-size: 30px; line-height: 1.2; color: #002868; margin-bottom: 12px; }
.historyDemo .c { font-size: 14px; line-height: 1.5em; color:#777;}
.historyDemo .hitem1, .historyDemo .hitem2, .historyDemo .hitem3, .historyDemo .hitem4 { padding-left: 50px; }
.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian { bottom: -6px; }
.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian { top: -6px; }
.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian { bottom: 0px; }
.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian { top: 0px; background: url(../images/h_i5.png) no-repeat scroll left bottom; }
.historyDemo .hitem2 .xian { height: 154px; }
.historyDemo .hitem3 .xian { height: 110px; }
.historyDemo .hitem4 .xian { height: 68px; }
.historyDemo .hitem1 { position: absolute; left: 5%; height: 212px; top: 0px; width: 38%; }
.historyDemo .hitem2 { position: absolute; left: 55%; height: 172px; top: 40px; width: 38%; }
.historyDemo .hitem3 { position: absolute; left: 25%; padding-top: 88px; height: 124px; top: 212px; width: 38%; }
.historyDemo .hitem4 { position: absolute; left: 70%; padding-top: 48px; height: 164px; top: 212px; width: 20%; }
.historyDemo .slick-arrow { width: 48px; height: 48px; display: block; background: url(../images/h_btn_bg.png) no-repeat scroll left top; top: 50%; margin-top: -24px; z-index: 100; }
.historyDemo .slick-arrow i{ width: 40px; height: 40px; display: block; margin: 4px auto;}
.historyDemo .slick-prev{ left: -24px; }
.historyDemo .slick-next { right: -24px;}
.historyDemo .slick-prev i{-webkit-animation: start1 1s infinite ease-in-out; -moz-animation: start1 1s infinite ease-in-out; animation: start1 1s infinite ease-in-out;background: url(../images/h_btn_l.png) no-repeat scroll left center;}
.historyDemo .slick-next i{-webkit-animation: start 1s infinite ease-in-out; -moz-animation: start 1s infinite ease-in-out; animation: start 1s infinite ease-in-out;background: url(../images/h_btn_r.png) no-repeat scroll left center; }
@-webkit-keyframes start {
    0%,30% { opacity: 0; -webkit-transform: translate(-8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(10px,0px); }
}
@-moz-keyframes start {
    0%,30% { opacity: 0; -moz-transform: translate(-8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(10px,0px); }
}
@keyframes start {
    0%,30% { opacity: 0; transform: translate(-8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(10px,0px); }
}
@-webkit-keyframes start1 {
    0%,30% { opacity: 0; -webkit-transform: translate(8px,0px); }
    60% { opacity: 1; -webkit-transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(-10px,0px); }
}
@-moz-keyframes start1 {
    0%,30% { opacity: 0; -moz-transform: translate(8px,0px); }
    60% { opacity: 1; -moz-transform: translate(0,0); }
    100% { opacity: 0; -moz-transform: translate(-10px,0px); }
}
@keyframes start1 {
    0%,30% { opacity: 0; transform: translate(8px,0px); }
    60% { opacity: 1; transform: translate(0,0); }
    100% { opacity: 0; transform: translate(-10px,0px); }
}


.container .pic{
	width:100%;
	overflow:hidden;
	}
.container .pic img{
	width:100%;
	margin:auto;
	transition:600ms;
	-webkit-transition:600ms;
	}
.container .pic:hover img{
	transform:scale(1.09);
	-webkit-transform:scale(1.09);
}


.job_1 .tits{border:#da1313 1px solid; width:230px;padding:20px;float:left;text-align: center;font-size:14px;}
.job_1 .tits h3{font-size:16px;color:#da1313;}
.job_1 .tits .line{width:30px;display: block;height:1px;margin:25px auto;background: #ddd}

.culture{overflow:hidden;}
.culture dd{float:left;}
.formcontainer{padding:60px 0;background:#fafafa;}


.aform{max-width:800px;margin:auto;}
.aform ul li{margin-bottom:20px;}
.aform ul li.w30{float:left;}
.aform ul li.w50{width:48%;float:left;}
.aform ul li.mid1{margin-right:2%;}
.aform ul li.mid{margin-left:2%; margin-right:2%;}
.aform ul li.w100{clear:both;}
.aform .tx{background:#fafafa;width:92%;padding:0 4%;color:#aaa;line-height: 3em;border:1px solid #eee;}
.aform .tarea{background:#fafafa;color:#aaa;width:96%;padding:2%; line-height:2em;border:1px solid #eee;}
.aform .tx:focus,.aform .tarea:focus{border:1px solid #da1313;}
.aform .tx.tx1{display:inline;width:20%;padding:0 2%;margin-right:2%;}
.aform .btn{font-size:16px;line-height:3em;text-align: center;color:#fff;background: #555;padding:0 8%;cursor: pointer;	transition:300ms;
	-webkit-transition:300ms;display: block;margin:50px auto 0;}
.aform .btn:hover{background: #da1313}

.formc {overflow: hidden;margin:40px 0;}
.formc li{float:left;}
.formc li .text{background:#fff;line-height: 60px;width:100%;text-indent: 20px;border:1px solid #eee;}
.formc li .text:focus{border:1px solid #006a3d;}
.formc li .btn{color:#fff;background:#cc2831;border:1px solid #cc2831;cursor: pointer;line-height: 60px;font-size:18px;text-align: center;width:100%;}
.formc li .btn:hover{background:#333;border:1px solid #333;transition: 0.3s;-webkit-transition:0.3s;}
.formc .ch2{font-size:18px;line-height: 3em;}
.downlist ul.downlist{display: flex;flex-wrap: wrap;}
@media(min-width: 768px){
  .downlist ul.downlist li{width: 33.3333%;padding: 0.5rem;}
}
.downlist ul.downlist li a img{width: 100%}
.downlist ul.downlist li a {padding:0; display: block;overflow: hidden;border-bottom: 1px solid #eee;}
.downlist ul.downlist li a span{float:right;color:#cc2831;}
.downlist ul.downlist li a:hover{background:#cc2831;transform: translateY(-10px);box-shadow: 0 10px 18px rgba(255,0,0,.1);}
.downlist ul.downlist li a h3{padding: .5rem}
.downlist ul.downlist li a:hover h3{color:#fff;}