body{color: #333; font-family:"微软雅黑";}
a{color:#333}
a:hover{color:#0381da}
a:visited{color:#333}
a:active,a:focus,a:hover{color:#0381da}


/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}


.header{ height: 109px; background-image: linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,0)); position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; border-bottom: 1px solid rgba(255,255,255,0.2);}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; margin: 0; height: 109px; transition: all 0.3s;}
.logo a{line-height: 0; display: block; text-align: left;}
.logo img{vertical-align: middle;max-height:100%;}

.fix-head{ height: 90px; background: #000;}
.fix-head .logo{ height: 90px;}

.sdot{ line-height: 109px; cursor: pointer; }
.sdot i{ font-size: 2rem; color: #fff; }
.fix-head .sdot{ line-height: 90px;}
.search{ display: none; position: fixed; width: 100%; top: 109px; left: 0; z-index: 10000; background:rgba(0,0,0,0.9); padding: 20px 0;}
.search form{ width: 60%; margin: 0 auto;}
.search input{ width:90%; float:left; line-height:35px; color:#fff; border:none; font-weight:normal; background: rgba(255,255,255,0.2); border-radius: 50px; font-size: 14px; padding: 0 4%}
.search .btn1{background: rgba(255,255,255,0.2); color:#fff; text-align:center; border:none; height:35px; width:100%; padding:0; border:none; border-left: none;}
.search p{ text-align: center; margin-top: 1rem;}
.sdshow{ display: block;}
.fix-head .search{ top: 90px;}

.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}


.wapNavBtn span{ display:block; right:0; width:100%; background:#2a6aff; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#2a6aff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}



/* 导航-1 */
.nav_bg{position:relative;height: 57px;}


.navBox{width:100%;}
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width: 14.2%; text-align:center;}
.navBox ul.navCont li.child a{display: block;color:#fff; font-size: 1.8rem; text-transform:uppercase; line-height: 109px; position: relative;}
.navBox ul.navCont li.child a:after{ content: "";border-radius: 4rem; height: 4rem; background-image: linear-gradient(-220deg,#1261bc,#4dc2e2); width: 90%; display: block; position: absolute; left: -100%; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0;}
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:hover::after,.navBox ul.navCont li.cur a:after{ opacity: 1; left: 0;}

.navBox ul.navCont li.child.cur a{ width:100%;}
.navBox ul.navCont li.child.cur a:after{ opacity: 1; left: 0;}
.navBox ul.navCont li.child.last a{border-right: 0px}
.navBox ul.navCont li.na1{ width:16.5%; float: left; text-align: center;}


.fix-head .navBox ul.navCont li.child a{ line-height: 90px;}

/*二级*/
.nav_transform1 ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; z-index:999;display:none;width:100%; background:rgba(0,0,0,0.7); padding: 20px 0 15px; text-align: left;}
.nav_transform1 ul.navCont li.child .childcont li{ width: 15%; display: inline-block; margin: 0 2%;}
.nav_transform1 ul.navCont li.child .childcont a{line-height: 40px; color:#d9b454; background: no-repeat; height: auto; margin: 0; font-size: 16px;}
.nav_transform1 ul.navCont li.child .childcont a:before,.nav_transform1 ul.navCont li.child .childcont a:after{ display: none;}
.nav_transform1 ul.navCont li.child .childcont a:hover{ color:#fff; text-decoration:none;}


.footer{ background: #132b4e; color: #7a8291; padding: 5rem 0; line-height: 3.4rem; position: relative;}
.footer a{ color: #7a8291; display: inline-block; margin: 0 1%;}
.footer a:hover{ color: #01c0fe;}
.footer span{ display: inline-block; margin: 0 1%;}
.footer .bk-tel{ }
.footer .bk-tel i{ display: block; font-size: 14px;}
.footer .bk-tel span{ font-size: 4rem; color: #01bffe; font-weight: bold; line-height: 3.8rem;}
.footer .bk-tel p{ font-size: 1.6rem; color: #c5c8ce;}
.footer .bk-cont{ text-align: center;}
.footer .bk-cont .brow{ display: inline-block; margin:  0 2%;}
.footer .bk-cont .brow a{ display: inline-block; border: 1px solid #1f3657; width: 11.4rem; padding: 2rem 0; color: #8995a7;}
.footer .bk-cont .brow i{ display: block; font-size: 4rem; line-height: 4rem;}
.footer .bk-cont span{ margin: 0; font-size: 16px;}
.footer .bk-cont .brow a:hover{ border-color: #01c0fe;}
.footer .bk-cont .brow a:hover i,.footer .bk-cont .brow a:hover span{ color: #01c0fe;}
.footer .bk-ewm{ text-align: center;}
.footer .bk-ewm img{ margin: 0 2%;}

.footer .fnav{ text-align: center; color: #fff; font-size:16px; }
.footer .fnav a{ color: #fff;}
.footer .fnav a:hover{ color: #01c0fe;}
.footer .fcony{ text-align: center;}

/*媒体盒子模子*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{display: inline-block; width: 100%; height: 140px; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{width: auto; max-width: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box a:hover .icon img{transform:scale(1.2);}

.pager{text-align: right;font-size: 2rem; color: #8B8B8B;}
.pager a,.pager span{ width:100px; height: 50px; line-height:50px; display: inline-block;margin:0 2px; color: #8B8B8B; text-align: center; border: 1px solid #dbdbdb; background: #ffffff; }
.pager span.current,.pager a:hover,.pager a.on{ background: -webkit-linear-gradient(left,#0481dc, #3ec4e7);
background: -o-linear-gradient(left,#0481dc, #3ec4e7);background: -moz-linear-gradient(left,#0481dc, #3ec4e7);background: linear-gradient( to right,#0481dc,#3ec4e7);color:#fff;}
.pager a.on{ padding: 0 20px;}
.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 50px;height: 50px;border: 1px solid #A5A5A5; line-height:50px; text-align: center;}

.pager2{ text-align: center;}
.pager2 a.adot{ color: #333333; }
.pager2 a.afont{ width: auto; padding: 0 10px;}

.ys-Top{ position:fixed; z-index: 100000; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #0381da; color: #fff; right: 0; bottom: 10%; font-family: impact; cursor: pointer; font-size: 2rem;}
.ys-Top i{ display: inline-block; width: 70%; vertical-align: middle;}<!--耗时1764536935.723秒-->