@charset "utf-8";
html{color:#000;background:#FFF;font-size: 62.5%; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

/*清除浮动*/
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b {clear: both;}
.content{
	width:1200px;
	margin:0 auto;
	
}
/*全局背景色1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}

.blk{margin-bottom: 25px;}
/*Main模板*/
.blk-main{width:1200px; margin: 0 auto;}
/*小模块*/
.blk-xs{width:240px;}
/*中模块*/
.blk-sm{width:930px;}
/*小版块*/
.blk{margin-bottom:30px;}
.endit-content{ line-height:28px;}
.endit-content img{max-width:100%;}
.p12-pagination-1-main {margin: 0 auto;padding: 20px 0;height: 30px;text-align: center;}
.p12-pagination-1-main ul {display: inline-flex;}
.pages li a{
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    float: left;
    padding: 0px 10px;
    border: 1px solid #0054a4;
    text-decoration: none;
    margin: 0px 3px 0px 0px;
    color: #555;
}
.pages .active a{
    color: white;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    float: left;
    padding: 0px 10px;
    background: #0054a4;
    border: 1px solid #0054a4;
    margin: 0px 3px 0px 0px;
}
.pages .disabled{
    display: none;
}

.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 62px;
    position: relative;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
    padding-top: 6px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 62px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #0054a4;
    color: #fff;
    height: 53px;
    width: 230px;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #0054a4;
    width: 97px;
    height: 53px;
    position: relative;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}
/*公共头部*/

.wrap{max-width: 1600px; margin: auto;}

/*1440*/
@media (max-width:1679px){
  .wrap{max-width: 1350px;}
}
/*1366*/
@media (max-width:1439px){
  .wrap{max-width: 1280px;}
}
/*1280*/
@media (max-width:1365px){
  .wrap{max-width: 1200px;}
}
/*MP*/
@media (max-width:1279px){
  .wrap{max-width: 100%;}
}


#menu-container{width: 100%; height: 100px; position: fixed; z-index: 999; left: 0; top: 0; transition: all 0.23s ease-in-out;}
#menu-container:hover, #menu-container.active, #menu-container.white{background: #fff; box-shadow: 12px 12px 25px rgba(24, 92, 197, 0.18);}
#menu-container.blue{background: #19439a;}
#menu-container.blue.active{box-shadow: none;}
#menu-container .logo{margin: 24px auto auto 150px; display: block; width: 150px; height: 60px; float: left; transition: all .35s ease;}
#menu-container .logo img{display: block;}
#menu-container:hover .logo img, #menu-container.active .logo img, #menu-container.white .logo img{display: none;}
#menu-container.blue:hover .logo img, #menu-container.blue.active .logo img, #menu-container.blue.white .logo img{display: block;}
#menu-container .logo img.blue{display: none;}
#menu-container:hover .logo img.blue, #menu-container.active .logo img.blue, #menu-container.white .logo img.blue{display: block;}
#menu-container.blue:hover .logo img.blue, #menu-container.blue.active .logo img.blue, #menu-container.blue.white .logo img.blue{display: none;}
#menu-container .logo span{display: block; color: #fff; font-size: 1.3rem; margin-top: 9px; font-family: 'KaiTi'; letter-spacing: .06rem; padding-left: 1px; transition: all .25s;}
#menu-container:hover .logo span, #menu-container.active .logo span, #menu-container.white .logo span{color: #838383;}
#menu-container.blue:hover .logo span, #menu-container.blue.active .logo span, #menu-container.blue.white .logo span{color: #fff;}
#mp-head, #mp-nav, #mp-search-wrap{display: none;}

/*MP*/
@media (max-width:1199px){
  #menu-container{display: none;}
  #mp-head{display: block; position: fixed; z-index: 999; width: 100%; height: 72px; transition: height .25s, background .35s;}
  #mp-head.active{background: #1f53be; height: 66px;}
  #mp-head .logo a{display: block; position: absolute; left: 15px; top: 25px; transition: all .2s;}
  #mp-head.active .logo a{top: 18px;}
  #mp-head .logo img{height: 26px;}
  #search-btn{isplay: block; width: 36px; height: 36px; line-height: 36px; color: #fff; position: absolute; right: 93px; top: 22px; text-align: center; transition: all .2s;}
  #search-btn i{font-size: 1.7rem; position: relative; top: 4px;}
  #mp-head.active #search-btn{top: 15px;}
  #mp-search-wrap{display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0,0,0, .7); opacity: 0; visibility: hidden; transition: all .4s;}
  #mp-search-wrap.active{opacity: 1; visibility: visible;}
  #mp-search-wrap>div{width: 100%; padding: 0 15px; box-sizing: border-box; position: relative;}
  #mp-search-wrap input{padding: 15px 18px; font-size: 1.5rem; width: 100%; border-radius: 50px; box-sizing: border-box;}
  #mp-search-wrap .btn{display: block; width: 36px; height: 36px; text-align: center; position: absolute; right: 22px; top: 10px;}
  #mp-search-wrap .btn i{line-height: 33px; font-size: 1.8rem;}
  #mp-search-wrap .close{display: block; width: 36px; height: 36px; text-align: center; position: absolute; right: 22px; top: -50px;}
  #mp-search-wrap .close i{color: #fff; font-size: 2.4rem; line-height: 36px;}

  #nav-btn{display: block; width: 36px; height: 36px; color: #fff; position: absolute; right: 15px; top: 22px; text-align: center; transition: all .2s; background: transparent;}
  #mp-head.active #nav-btn{top: 15px;}
  #nav-btn i{font-size: 3.2rem; position: relative; top: 2px;}
  #lan-en{display: block; width: 36px; height: 36px; text-align: center; color: #fff; position: absolute; right: 56px; top: 22px; transition: all .2s;}
  #mp-head.active #lan-en{top: 15px;}
  #lan-en i{font-size: 2.6rem; position: relative; top: 6px;}

  #black{display: block; width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 1000; background: rgba(0,0,0, 0); visibility: hidden; transition: all .35s;}
  #black.active{background: rgba(0,0,0, .35); visibility: visible;}

  #mp-nav{display: block; width: 56%; height: 100%; right: 0; top: 0; position: fixed; z-index: 1001; background: #01398f; transition: all .45s ease; overflow: auto; transform: translateX(156%); opacity: 0;}
  #mp-nav.active{transform: translateX(0); opacity: 1;}
  #mp-nav .menu dl{border-bottom: 1px solid rgba(0,0,0, .1);}
  #mp-nav .menu dl dt>a{display: block; height: 44px; line-height: 42px; color: #fff; font-size: 1.5rem; font-weight: 300; padding: 0 20px; position: relative;}
  #mp-nav .menu dl dt>a::after{content: '\e65b'; font-family: 'iconfont'; position: absolute; right: 20px; top: 0px; color: #fff; font-size: 1.4rem; transition: all .25s;}
  #mp-nav .menu dl dt>a.active::after{transform: rotate(90deg);}
  #mp-nav .menu dl dt>a.no-dd::after{display: none;}
  #mp-nav .menu dl dd{display: none; background: #00255e; padding: 5px 0;}
  #mp-nav .menu dl dd>a{display: block;  padding: 0 36px; color: #fff; line-height: 36px; font-size: 1.3rem;}
  #mp-nav .lan{position: absolute; width: 100%; left: 0; bottom: 25px; text-align: center; color: #fff; font-size: 1.5rem;}
  #mp-nav .lan>a{color: #fff; font-size: 1.5rem;}
}

#menu-container>.wrapper{width: 100%;
height: 100%;
position: relative;
z-index: 2;
margin: 0 auto;}
#menu-container.blue>.wrapper{background: #19439a;}

#menu{float: right; height: 100%; margin-right: 10%;}
#menu>li{float: left; height: 100%;}
#menu>li>a{display: block; padding: 0 18px; height: 100%;color: #fff; line-height: 100px; transition: all .15s; font-weight: 300;font-size:18px;}
#menu-container:hover #menu>li>a, #menu-container.active #menu>li>a, #menu-container.white #menu>li>a{color: #2e2d3c;}
#menu>li:hover>a{color: #e51029 !important; line-height: 105px;}
#menu-container.blue:hover #menu>li>a, #menu-container.blue.active #menu>li>a, #menu-container.blue.white #menu>li>a{color: #fff;}
#menu-container.blue #menu>li>a{color: #fff;}
#menu-container.blue #menu>li:hover>a{color: #fff !important; opacity: .7;}

@media (max-width:1439px){ /*1366*/
  
}
@media (max-width:1365px){ /*1280*/
  #menu>li>a{padding: 0 16px;}
}

#menu>li::after{content: ''; display: block; height: 4px; width: 0; background: #e51029; position: absolute; top: 96px; transition: all .3s; margin-left: 50px;}
#menu>li:hover::after{margin-left: 20px; width: 60px;}

@media (max-width:1365px){ /*1280*/
  #menu>li.fat:hover::after, #menu>li.active.fat:hover::after{margin-left: 18px; width: 56px;}
  #menu>li.thin:hover::after, #menu>li.active.thin:hover::after{margin-left: 3px; width: 56px;}
}

#menu>li>div{position: absolute; z-index: 1; top: 100px; background: rgba(20,60,160, .86); width: 100%; left: 0; box-sizing: border-box; padding: 50px 0 65px 0; box-shadow: 0 15px 25px rgba(0,0,0, .06); display: none;}
#menu>li>div .wrap{transition: all .25s; box-sizing: border-box; position: relative; min-height: 250px;}
#menu>li>div .t{font-size: 4.2rem;}
#menu>li>div .t .en{font-family: 'Montserrat'; color: #fff; margin-left: -4px; display: inline-block;}
#menu>li>div .t .cn{font-size: 1.8rem; color: #fff; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .desc{max-width: 60%; font-size: 1.5rem; margin-top: 20px; line-height: 1.4; color: rgba(255,255,255, .7); font-weight: 300;}
#menu>li>div .list{margin-top: 50px; max-width: 60%;}
#menu>li>div .list>a{display: inline-block; padding: 13px 26px 14px 26px; background: #2e7eef; font-size: 1.5rem; color: #fff; margin-right: 3px; margin-bottom: 7px; transition: all .3s; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .list>a:hover{background: #fff; color: #1f53be;}
#menu>li>div .catalog{margin-top: 30px; max-width: 65%; width: unset;}
#menu>li>div .catalog>a{display: inline-block; font-size: 1.5rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; margin-right: 21px; line-height: 1.4; margin-bottom: 6px; position: relative; color: rgba(255,255,255, .7); transition: all .25s;}
#menu>li>div .catalog>a:hover{text-decoration: underline; color: #fff;}
#menu>li>div .catalog>a::after{content: ''; display: block; width: 1px; height: 1.4rem; background: #ddd; position: absolute; right: -12px; top: 4px;}
#menu>li>div .catalog>a:last-child::after{display: none;}

#menu>li>div .img{position: absolute; width: 400px; height: 280px; right: 50px; top: 10px; transition: all .3s; font-size: 1.7rem; font-family: 'KaiTi'; text-align: center; color: #464646;}
#menu>li>div .img>img{display: block; width: 100%; margin-bottom: 15px;}


#search-container{height: 100%; width: 42px; float: right; position: relative; text-align: center; line-height: 100px; margin-right: 40px; transition: all .35s ease;}
#search-container a{display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px;}
#search-container a>i{font-size: 1.7rem; color: #fff; transition: all .25s; top: 1px; position: relative;}
#menu-container:hover #search-container a>i, #menu-container.active #search-container a>i, #menu-container.white #search-container a>i{color: #2e2d3c;}
#search-container a:hover>i{color: #aaa !important;}
#menu-container.blue #search-container a>i{color: #fff;}
#menu-container.blue #search-container a:hover>i{color: rgba(255,255,255, .7);}

/*1440*/
@media (max-width:1679px){
  #search-container{margin-right: 85px;}
}
/*1366*/

@media (max-width:1439px){
  #search-container a>i{font-size: 1.6rem;}

  #menu>li>div .desc{font-size: 1.4rem;}
  #menu>li>div .list>a{font-size: 1.5rem;}
  #menu>li>div .catalog>a{font-size: 1.4rem;}

  #menu>li>div .img{width: 360px;}
}
/*1280*/
@media (max-width:1365px){
  #menu>li>div .desc{max-width: 650px;}
  #menu>li>div .catalog{max-width: 650px;}

  #menu>li>div .desc{font-size: 1.3rem;}
  #menu>li>div .list>a{font-size: 1.4rem;}
  #menu>li>div .catalog>a{font-size: 1.3rem;}
}


#language{height: 100%; width: 42px; float: right; position: relative; text-align: center; line-height: 100px; padding-left: 21px;}
#language::before{content: ''; display: block; width: 1px; height: 15px; background: rgba(255,255,255, .5); position: absolute; left: 0; top: 43px; transition: all .2s;}
#menu-container:hover #language::before, #menu-container.active #language::before, #menu-container.white #language::before{background: #999;}
#menu-container.blue #language::before{background: rgba(255,255,255, .4);}
#language a{display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px;}
#language a>i{font-size: 2.2rem; color: #fff; transition: all .2s; position: relative; top: 3px;}
#menu-container:hover #language a>i, #menu-container.active #language a>i, #menu-container.white #language a>i{color: #2e2d3c;}
#language a:hover>i{color: #aaa !important;}
#menu-container.blue #language a>i{color: #fff;}
#menu-container.blue #language a:hover>i{color: rgba(255,255,255, .7);}

#search-wrap{width: 100%; height: 100px; background: #19439a; position: absolute; left: 0; top: 100px; z-index: 1; display: none;}
#menu-container.blue #search-wrap{background: #fff; box-shadow: 0 6px 17px rgba(0,0,0, .07);}
#search-wrap .wrap{position: relative;}
#search-wrap .wrap>a{display: block; width: 32px; height: 32px; position: absolute; right: 0; top: 5px; transition: all .35s;}
#search-wrap .wrap>a>i{font-size: 2rem; color: #fff;}
#menu-container.blue #search-wrap .wrap>a>i{color: #464646;}
#search-wrap .wrap>a:hover{opacity: .7;}

#search-wrap .box2{max-width: 500px; margin: 40px auto; position: relative;}
#search-wrap input{background: none; border: 0px none;border-bottom: 1px solid rgba(255,255,255, .2); color: #fff; font-size: 1.4rem; font-weight: 300; padding: 5px 10px; width: 100%; box-sizing: border-box; transition: all .2s;}
#menu-container.blue #search-wrap input{border-bottom: 1px solid #ddd; color: #464646;}
#search-wrap input:focus{border-bottom: 1px solid rgba(255,255,255, .4);}
#menu-container.blue #search-wrap input:focus{border-bottom: 1px solid #aaa;}
#search-wrap input::placeholder{color: rgba(255,255,255, .5); transition: all .2s;}
#menu-container.blue #search-wrap input::placeholder{color: #bbb;}
#search-wrap input:focus::placeholder{color: rgba(255,255,255, .7);}
#search-wrap .box2 a{display: block; width: 24px; height: 24px; position: absolute; right: 8px; top: 2px; text-align: center; line-height: 24px; opacity: .7; transition: all .2s;}
#search-wrap .box2 a:hover{opacity: 1;}
#search-wrap .box2 a i{color: #fff;}
#menu-container.blue #search-wrap .box2 a i{color: #333;}
/* 底部样式 开始 */

    .footer{height:480px;background:url(../images/foot_bg.jpg) no-repeat center;overflow: hidden;position: relative;}
    .content{ width:1200px;margin: 0 auto;}
    .f_nav{height:106px;}
    .f_nav li{float: left;height:80px;line-height:80px;padding-top: 26px;}
    .f_nav li a{font-size:18px;display:block;color: #ffffff;padding: 0 35px;z-index:1;font-weight: bold;}
    .f_nav li:last-child a{padding-right: 0;}

    .f_con{height:315px;}
    .f_logo{ width:311px; float: left;margin-top:62px;position: relative;}
    .f_logo h2 img{display: block; width:197px; height:64px;}
    .f_logo h3{text-align: left;margin-top: 26px;}
    .f_logo h3 em{font-size:14px;color:#ffffff;display: block;font-weight:bold;line-height:25px;}
   
    .gsx{float: left;width: 510px;margin-top:30px;}
    .gsx p{width:240px;float: left;padding-top:20px;}	
    .gsx p img{width: 44px;height: 44px;float: left;margin-right: 18px;}
  
    .gsx p span{display: block;font-size: 14px;color: #ffffff;line-height: 14px;padding-bottom:4px;font-weight: bold;padding-top: 5px;}
    .gsx p em{font-size: 18px;line-height: 22px;color: #ffffff;font-weight: bold;display: inline-block;text-align:right;}
    .gsx p i{font-size: 14px;color: #ffffff;line-height: 14px;font-weight: normal;}
    .gsx p:last-of-type{width: 500px;}
    .ba{font-size: 12px;display: block;line-height: 12px;color: #ffffff;float: left;margin-top: 22px;}
    .ba a{font-size: 12px;display: block;line-height: 12px;color: #ffffff;float: left;}
    .ba i{font-size: 12px;display: block;line-height: 12px;color: #ffffff;float: left;margin-left: 35px;margin-right: 35px;}

    .sao{float: right;margin-top:61px;height: 186px;width:310px;margin-right: 19px;}
    .sao p{height: 186px;position: relative;overflow: hidden;float: left;margin-right:27px;border:1px solid #385694;box-sizing: border-box;width: 141px;}
    .sao p i{display: block;height: 121px;width: 121px;margin: 10px auto 0;}
    .sao p img{display: block;width: 121px;height: 121px;}
    .sao p span{display: block;font-size: 14px;color: #ffffff;line-height:14px;text-align: center;padding-top:20px;}
    .sao p:after{display:block;position:absolute;left:9px;top:0;width:100%;height:35px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;}
	.sao .item-1:after{background:url(../images/code_shadow1.png) no-repeat 0 0;}
				@keyframes light{
					0%{top:0;}
					50%{top:100%;}
					100%{top:-40px;}
                }
  .sao p:last-child{margin-right: 0;}

    
  .links{height:60px;line-height:60px;overflow: hidden;}
    .links h3{font-size: 14px;color: #7aa6d7;margin-right:50px;font-weight:normal;float: left;}
    .links a{font-size: 14px;color: #7aa6d7;margin-right:40px;font-weight:normal;float: left;}

/* 底部样式 结束 */