@charset "utf-8";

@import url(iconfont/iconfont.css);/*icon*/

/* CSS Document */
html, body {font-size: 12px;margin: 0;padding: 0;text-decoration: none; width:100%; height: 100%; -webkit-text-size-adjust: 100%; background: #fff; }
html{font-size: 62.5%;}
body{ position: relative; overflow-x:hidden; transition-property:all;}
a {	color: #666;text-decoration: none;outline:none;  star:expression(this.onFocus=this.blur());}
a:hover, a:active { color:#1a4499;}
* { margin: 0;padding: 0;list-style: none;outline:none;box-sizing:border-box;  }
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0;margin:0;}
form {margin: 0;}
img {border: 0 none;text-align-last: center;vertical-align: middle;  outline:none; max-width:100%; width:auto; height:auto;}
center {text-align: left;	color: #999;height: 50px;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;margin:0 !important;padding:0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.mob{display:none;}
.hide{display: none;}
.wrap{max-width: 1200px; width: 86%;margin: 0 auto;}
::-webkit-scrollbar {width:8px;height: 1px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#666;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #ededed;}

/*
head*/
#head { position:relative; z-index:999; left: 0; top:0; width:100%; height:90px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1); transition: all .35s;}
#head>.wrap{max-width: inherit; width: 92%;}
#head .logo{ float: left; text-align: left; padding: 0 60px; line-height: 90px; overflow: hidden; transition: all .35s;}
#head .logo img{width: auto; height: 50px; transition: all .35s;}
#head .menu{ float: right; text-align: right; margin-right: 100px;}
#head .menu>ul>li{ position: relative; display: inline-block;vertical-align: top;padding: 0 20px;}
#head .menu>ul>li>a{ position: relative; display: block;font-size: 1.5rem;color: #333; padding: 0 10px; line-height: 90px; transition: all .35s;}
#head .menu>ul>li>a:after{position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 0;background: #001386; content: '';transition: all .35s;}
#head .menu>ul>li>a:hover:after{height: 4px;}
#head .menu>ul>li>a:hover{color: #001386;}
#head .menu>ul>li.A>a:after{height:4px;}
#head .menu>ul>li.A>a{color:#1a4499;}
#head .menu>ul>li>div{min-width:180px; background:#fff; position:absolute; left:0; top:90px; display:none; transition:top .35s;}
#head .menu>ul>li>div>a{display:block; text-align: left; color: #001386; height:45px; line-height:44px; padding-left: 20px; border-bottom:1px solid rgba(0,0,0,.06); font-size:1.3rem; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#head .menu>ul>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(../img/arrow.png?6) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#head .menu>ul>li>div>a:last-child{border-bottom:0;}
#head .menu>ul>li>div>a:hover{background:#001386; color:#fff;}
#head .menu>ul>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#head .menu>ul>li>div>a:last-child:hover{border-bottom:0 none;}



#head .search{ position: relative; z-index: 20; float: right; padding: 27px 0; display: inline-block;}
#head .search>a{ position: relative;z-index: 30; display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 1.6rem; border-radius: 100%; background: #001386; text-align: center; color: #00fcff;}
#head .search>a>i{font-size: 1.8rem;}
#head .search>a.A{ color: #001386; background: transparent;}
#head .search>.inputcon{height:36px;overflow: hidden; width:0; background:#00fcff; position:absolute; right:0; top:27px; border-radius:50px; z-index:1; transition:top .35s,right .35s;}
#head .search>.inputcon input{ padding:0 20px; background:none; color:#001386; border:0 none; font-size:1.3rem; line-height:36px; height:36px;}
#head .search>.inputcon input::placeholder{color: #001386;}


#head .language{ position: relative; z-index: 1;  float: right; padding: 27px 0; display: inline-block; margin-right: 10px;}
#head .language>a{ position: relative;z-index: 30; display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 1.2rem; font-weight: bold; border-radius: 100%; background: #00fcff; text-align: center; color: #001386; transition: all .35s;}
#head .language>a:hover{background: #001386; color: #fff;}



/* end*/


/* banner */

#banner{width:100%; position:relative; z-index:1; overflow:hidden; animation:b-bg 1.6s both; margin: 0 auto;}
#banner>.bg{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:2; display:none;}
#banner>.border{position:absolute; left:50%; top:50%; animation:b-border .8s ease-out 0.4s both; width:700px; height:86px; margin:-50px 0 0 -350px; z-index:3;}
#banner>.b-sub-title{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:22px; animation:b-title .6s 1s both; z-index:3;}
#banner>.b-sub-title-sub{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:14px; animation:b-title-sub .6s 1.2s both; z-index:3;}
@keyframes b-border{
    from{border:5px solid rgba(255,255,255,0); width:1000px; height:143px; margin:-80px 0 0 -500px;}
    to{border:1px solid rgba(255,255,255,.3); width:700px; height:90px; margin:-52px 0 0 -350px;}
}
@keyframes b-title{
    from{filter:alpha(opacity=0); opacity:0; margin:0 0 0 -300px;}
    to{filter:alpha(opacity=100); opacity:1; margin:-30px 0 0 -300px;}
}
@keyframes b-title-sub{
    from{filter:alpha(opacity=0); opacity:0; margin:30px 0 0 -300px;}
    to{filter:alpha(opacity=100); opacity:1; margin:3px 0 0 -300px;}
}
@keyframes b-bg{
    from{filter:alpha(opacity=0); opacity:0; background-size:2400px 420px;}
    to{filter:alpha(opacity=100); opacity:1; background-size:2000px 350px;}
}
 /* end*/


/* path */

#path{ background: #eee; height: 40px; line-height: 40px; color: #999; font-size: 1.3rem;}
#path a{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 1.3rem; color: #999; transition: all .35s;}
#path span{display: inline-block;vertical-align: middle; margin-right: 10px; }
#path a:hover{color: #001386;}
/* end*/



/* title */


#title{font-size:3.6rem; color:#001386; padding-top: 100px;}
#title_sub{color:#999; font-size:1.3rem; padding:10px 0 0 0;}

/* end */

/* nav */
#nav{height:70px; border-bottom:1px solid #e6e6e6;}
#nav-menu{height:70px; line-height:70px; font-size:1.5rem;}
#nav-menu>a{display:inline-block; height:100%; padding:0 30px; position:relative;}
#nav-menu>a>span{position: relative;z-index: 40;}
#nav-menu>a:after{height:100%; background:#001386; position:absolute; z-index: 1; left:0; bottom:-3px; width:100%; display:block; content:''; transition:all .16s; opacity:0;}
#nav-menu>a:before{position: absolute;z-index: 12; left: 0;bottom: 0; width: 100%;height: 3px; opacity: 0; background: #001386; content: '';transition: all .35s;}
#nav-menu>a:hover{color:#001386;}
#nav-menu>a:hover:before{bottom:0; opacity:1;}
#nav-menu>a.A{color:#fff;}
#nav-menu>a.A:after{bottom:0;opacity:1;}
/* end */

/* page*/

.page{ text-align: center; margin: 0 auto;}
.page>a{display: inline-block; font-size: 1.4rem; color: #999; background: #fff; border: 1px solid #ddd; height: 36px; line-height: 36px; width: 36px; margin: 0 5px; vertical-align: top; transition: all .35s;}
.page>a:hover{ color: #001386; border: 1px solid #001386;}
.page>a.active{background: #001386; color: #fff;border: 1px solid #001386;}
.page>a.no{opacity: .4;}

/* end*/

/* foot */

#copyright{height:60px; background:#fff; font-size:1.4rem; line-height:60px; text-align: center; border-top:1px solid #e6e6e6; }


#foot{ width: 100%; height:160px; background: url("../img/foot_bg.jpg") no-repeat; background-position: 0 0; display: block;margin: 0 auto; background-size:cover; text-align:center;}
#foot>.row{display:inline-block; padding:43px 60px; position:relative; z-index:99; margin: 0 auto;}
#foot>.row>.img{display:inline-block; width:66px; height:66px; vertical-align:middle;}
#foot>.row>.img>img{width:100%; filter:alpha(opacity=60); opacity:.6; transition:all .3s;}
#foot>.row>.text{display:inline-block; vertical-align:middle; font-size:14px; color:rgba(255,255,255,.8); padding:0 0 0 10px; transition:all .3s;}
#foot>.row:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#foot>.row:hover>.text{color:#fff;}
#foot>.row>.qr{width:200px; height:200px; line-height:200px; position:absolute; z-index:2; background:#fff; text-align:center; top:-180px; left:38px; box-shadow:5px 5px 20px rgba(0,0,0,.12); border-radius:10px; display:none;}
#foot>.row>.qr>img{width: 90%;height: auto;}


/* end*/



.pager{text-align:center; margin:40px 0 0 0;}
.pager>a{display:block; width:136px; height:43px; text-align:center; line-height:42px; border:1px solid #e6e6e6; box-shadow:5px 5px 10px rgba(0,0,0,.06); font-size:13px; border-radius:3px; transition:all .16s; margin:auto;}
.pager>a:hover{border:1px solid #ccc;}
.pager #loading{display:none;}
.pager .ico{display:block; width:50px; height:50px; background-color:#67CF22; margin:auto; -webkit-animation:rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane{
    0%{transform:perspective(80px);}
    50%{transform:perspective(80px) rotateY(180deg);}
    100%{transform:perspective(80px) rotateY(180deg) rotateX(180deg);}
}
.pager .txt{font-size:14px; color:#999; font-family:Microsoft YaHei Light; display:block; padding:16px 0 0 0;}




/* banner */





@keyframes example {
    from {width: 0;}
    to {width: 120px;}
}



/* end*/








/*@media only screen and (max-width: 1460px){*/




/*    #head .menu{right: 320px;}*/
/*    #head .logo img{height: 46px;}*/
/*    #head .menu>ul>li{ padding: 0 15px;}*/
/*    #head .menu>ul>li>a{ font-size: 1.8rem;}*/


/*}*/


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

/*    #head .menu>.nav>ul>li>a{ font-size: 1.7rem; }*/

/*}*/

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

/*    #head .menu{right: 50px; top: 36px;}*/
/*    #head .menu>.click{display: block; margin: 0 auto;}*/


/*    #head .menu>.click>.btn.active>span,#head .menu>.click>.btn.active>span:after,#head .menu>.click>.btn.active>span:before { background-color:#fff;}*/
/*    #head .menu>.click-active>.btn.active span { background-color: transparent; box-shadow: 0 0 0 transparent;}*/
/*    #head.active .menu>.click>.btn.active>span,#head.active .menu>.click>.btn.active>span:after,#head.active .menu>.click>.btn.active>span:before { background-color:#e60013;}*/
/*    #head.active .menu>.click-active>.btn.active span { background-color: transparent; box-shadow: 0 0 0 transparent;}*/


/*    #head .menu>.nav{ display: none; position: fixed;z-index: 90; right: 0; top: 120px; width: 100%; overflow: inherit!important; background: rgba(0,0,0,.8);}*/
/*    #head .menu>.nav:after{ position: absolute;z-index: 10; right: 40px;top: -10px; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.8); content: '';}*/
/*    #head .menu>.nav>ul{display: block; width: 86%;margin: 0 auto; padding: 20px 0;}*/
/*    #head .menu>.nav>ul>li{display: block; text-align: left; border-bottom: 1px solid rgba(255,255,255,.2); }*/
/*    #head .menu>.nav>ul>li:last-child{border-bottom: 0;}*/
/*    #head .menu>.nav>ul>li>a{display: block; height: 50px; line-height: 50px; font-size: 1.6rem; font-weight: normal; color: #fff;}*/
/*    #head .menu>.nav>ul>li>a:hover:after{display: none; width: 0;}*/
/*    #head .search{display: none;}*/
/*    #head .lang{display: none;}*/

/*    #head.active .menu>.nav{top: 70px;}*/

/*}*/




/*@media only screen and (max-width: 1080px){*/

/*    #banner .inner>.box>.tit{padding: 15px 60px;font-size: 2.2rem;}*/


/*    #foot .product{ display: none; }*/
/*    #foot .column{width: 40%;}*/
/*    #foot .contact{width: 40%;}*/

/*}*/

/*@media only screen and (max-width: 860px){*/

/*    #head { height:80px;}*/
/*    #head .logo{ line-height: 80px; }*/
/*    #head .logo img{height: 50px;}*/

/*    #head .menu>.nav>ul>li>a{font-size: 1.4rem;}*/
/*    #head.active .menu>.nav>ul>li>a{ font-size: 1.4rem; line-height: 50px;}*/

/*    #foot .column{display: none;}*/
/*    #foot .contact{width: 80%;}*/
/*    #foot .qrcode{ width: 20%; padding: 20px 0;}*/
/*    #foot .qrcode>p{ width: 100%;}*/

/*}*/

/*@media only screen and (max-width: 640px){*/

/*    #head .menu>.nav>ul>li>a{font-size: 1.3rem;}*/
/*    #head.active .menu>.nav>ul>li>a{ font-size: 1.3rem;}*/

/*    #banner .inner>.box>.tit{padding: 10px 50px;font-size: 1.8rem;}*/
/*    #banner img.pc{display: none;}*/
/*    #banner img.mob{display: block;}*/



/*    #foot .contact{ float: none; width: 100%;}*/
/*    #foot .qrcode{float: none;width: 100%; text-align: left;}*/
/*    #foot .qrcode>p{ width: 120px;}*/

/*}*/