﻿@charset "UTF-8";

img{-webkit-transition: all 0.5s;

  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;

  border:0;display: inline-block;

}

a{color:#333;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s;}



body{font-size: 14px;

    background-size: cover;

    -ms-behavior: url(backgroundsize.min.htc);

    behavior: url(backgroundsize.min.htc);

	color:#666;

}



.wrap { max-width:1280px; margin:0px auto; }



.bg-f5f5fa { background:#f5f5fa; }

.bg-fff { background:#fff; }

.bg-fafafa { background:#fafafa; }





.border-none { border-bottom:none!important; }



.jt-top { position:absolute; left:50%; bottom:-20px; margin-left:-10px;  width:0px; height:0px; border:10px solid #005bab; border-left:10px solid #005bab; border-right:10px solid #005bab; border-color:#005bab transparent transparent transparent; }



.box_Arrow {

  border-bottom: 2px solid #005bac;

  border-right: 2px solid #005bac;

  width: 0.75em;

  height: 0.75em;

  background: #f5f5fa;

  transform: rotate(45deg);

  margin-top:-0.625em;

  position:absolute; right:0px; top:50%;

}





.jt-lf { position:absolute; top:50%; left:0px; margin-top:-6px;  width:25px; height:12px;  }

.jt-lf .jt { position:absolute; left:-9px; top:0px; width:0px; display:block; height:0px; border-style:solid; border-width:6px 8px; border-color:transparent #fff transparent transparent; }

.jt-lf .line { position:absolute; left:0px; top:5px; right:0px; height:2px; background:#e2f2f6; }





@font-face { font-family: 'impact';

	src: url('../fonts/impact.eot')

	src: url('../fonts/impact.eot-#iefix') format('embedded-opentype'),

		url('../fonts/impact.woff') format('woff'),

		url('../fonts/impact.ttf') format('truetype'),

		url('../fonts/impact.svg#impact') format('svg');

}



.impact { font-family: "impact"; }





.txt_justify {text-align: justify; }



.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }



.main { /*margin-top:6.375em;*/ }



/************************头尾公共部分开始******************************/



/*******************头部 公共部分 开始***************************/

.header { z-index:99;  background:#fff; position:fixed; left:0px; top:0px; right:0px; }

.header .logo { height:3.8125em; float:left;  margin:0.75em 0px 0.8125em; }

.header .logo img { height:100%; }

.header .hd-member { float:right; margin-top:2.1875em; margin-right:-7em; position:relative; z-index:102; }

.header .hd-member dl dt { width:1.875em; height:2.4375em; background:url(../images/member-ico01.png) no-repeat center center; background-size:1.875em 1.875em; }

.header .hd-member dl dd { position:absolute; display:none; background:#1c3268;  left:50%; margin-left:-5em; top:100%; width:10em; border-radius:3px; }

.header .hd-member dl dd a { display:block; color:#fff; padding:0.875em 0.5em; border-top:1px solid #1e3f86; }

.header .hd-member dl dd a img { margin-right:10px; display:none; vertical-align:middle; }

.header .hd-member dl:hover dd { display:block; }

.header .hd-member dl dd a:hover { background:rgba(40,117,255,0.2); }

.header .hd-member dl dd a .img01 { display:inline-block; }

.header .hd-member dl dd a .img02 { display:none; }





/*******导航部分******/

.header .nav { float:right; margin-right:-2em; }

.header .nav>ul {display:flex; justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; }

.header .nav>ul>li{ display:inline-block; padding:0px 1em; }

.header .nav>ul>li>a{display: block; color:#333; padding:2em 1.5em 2em;  position: relative; }

.header .nav>ul>li>a>strong>em{position: absolute; left: 50%; bottom: 0.375em; z-index:101; width: 0; height:0.1875em;background:#17326d; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

.header .nav>ul>li.on>a>strong>em,.header .nav>ul>li:hover>a>em{ left: 0; width: 100%;}

.header .nav>ul>li:first-child { margin-left:0px; }



.header .navlist{position: absolute; text-align:right; z-index: 100; right:0px; top:100%; display:none; left:0px; opacity:1;}

.header .navlist ul { padding:2em 0px;  }

.header .navlist ul li { line-height:2; display:inline-block;  }

.header .navlist ul li a{display:block; color:#fff; padding:0px 1.875em;  position:relative; text-align:center; }

.header .navlist ul li a i { width:3px; height:3px; border-radius:50%; position:absolute; left:0px; top:50%; background:#fff; }

.header .navlist ul li a:hover strong { font-weight:bold; color:#fff; }

.header .nav-bg {position: absolute;z-index: 99; background:url(../images/nav-bg.png) no-repeat center center; height:6em; right:0px; top:100%; display:none; left:0px; opacity:1; }



.header .nav ul li.li03 .navlist ul { padding-right:4em; }



.scrollHeader .header{ box-shadow: 0px 0px 10px #555; }

.nav_phone_btn,.nav_phone{display: none;}

.phone-nav-bg { display:none; z-index:100; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.24); }

.header .nav strong { font-weight:normal; }









.footer { background:url(../images/ft-bg01.jpg) no-repeat center center #043682; background-size:cover; color:#a9b2c9; }

.footer .ft-top { padding:4.9167em 0px 4.375em 0px; }

.footer .ft-top .wrap { position:relative; }

.footer .ft-contact { float:left; width:25em; }

.footer .ft-contact .con { margin-top:3em;  }

.footer .ft-contact .con p { position:relative; padding-left:3em; margin-top:0.75em; }

.footer .ft-contact .con p label { position:absolute; left:0px; top:0px; }

.footer .ft-nav { overflow:hidden; padding-right:140px; padding-left:1.5%;  }

.footer .ft-nav strong { font-weight:normal; }

.footer .ft-nav dl { float:left; width:20%; padding-left:4%; }

.footer .ft-nav dl dt a { color:#fff; display:inline-block; padding-right:1.1428em; padding-bottom:1.1428em; position:relative; }

.footer .ft-nav dl dt a i { height:1px; background:#fff; right:0px; bottom:0px; position:absolute; left:0px; }

.footer .ft-nav dl dt { padding-bottom:2em; }

.footer .ft-nav dl dd p { padding:0.5em 0px; }

.footer .ft-nav dl dd a { color:#a9b2c9; }

.footer .ft-nav dl dd a:hover { color:#fff; }

.footer .ft-code { position:absolute; right:0px; top:0.5em; color:#fff; }

.footer .ft-code .img img {}

.footer .ft-code .txt { margin-top:1.5em; }



.footer .ft-nav dl:nth-child(3) dd p:nth-child(3) { display:none;}





.footer .ft-copy { background:#032c70; color:#a9b2c9; padding:1.325em 0px 1.325em;  } 

.footer .ft-copy a { color:#a9b2c9; }

.footer .ft-copy a:hover { color:#fff; }

.footer .ft-copy .legal { overflow:hidden; text-align:right; padding-left:2em; }

.footer .ft-copy .a1 { margin-left:2.5em; }



.mCustomScrollBox>.mCSB_scrollTools { width:9px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#999; width:9px; border-radius:0px; }

.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools { width:9px; }

.mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/line01.jpg) repeat-y center top; }

.mCSB_scrollTools .mCSB_draggerRail { background:none; }



/*******************头部 公共部分 结束***************************/

/*视频*/

.video_place{position: fixed;top:0px;left: 0px;right: 0px;

    bottom: 0px;background-color: rgba(0,0,0,0.5);

    z-index: 999999999;

}

.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}

.video_con{z-index:2;width: 900px;height:527px;

    background-color: #000;position: absolute;top: 50%;left: 50%;

    transform: translate(-50%,-50%);text-align: center;

}

.lt9 .video_con{top:20%;left:10%;background: #000;}

.video_con video{width: 100%;height: 100%;}

.video_close_btn{position: absolute;top:50%;left: 50%;

     margin:-264px -3.875em 0px 450px;

    cursor: pointer;

}

.video_close_btn span {width:3.875em; float:left; position:relative; top:-2.625em; height:2.625em;background:url(../images/video-close.png) no-repeat center center; background-size:1.125em 1.125em; display:inline-block; }

.video_place .con { position:relative; }

.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;

    width:900px; padding:0.85em 0px; color: #fff;text-align: center;

    cursor: pointer;}

/*视频结束*/





.er-bn { position:relative; }

.er-bn .img { padding-bottom:23.95%; }

.er-bn .text { position:absolute; left:0px; top:0px; height:100%; right:0px; color:#fff;  }

.er-bn .text dl { position:relative; line-height:1.65; }



.nrnav-box .nr-nav-left { float:left; line-height:4.25; color:#333; }

.nrnav-box .nr-nav-left span { color:#333; }

.nrnav-box .nr-nav-left a { display:inline-block; }

.nrnav-box .wrap { border-bottom:1px solid #dddbdb;  }

.nrnav-box .nr-nav-right1 { float:right; }

.nrnav-box .nr-nav-right1>li{float:left;padding-left:1.8125em;}

.nrnav-box .nr-nav-right1>li>a{position: relative; padding:0px 10px;display: inline-block;cursor: pointer;color:#999; line-height:4.25; }

.nrnav-box .nr-nav-right1>li:first-child{padding-left: 0;}

.nrnav-box .nr-nav-right1>li>a i { width: 0;height:3px;background: #17326d;position: absolute; left: 0;bottom: -1px;}

.nrnav-box .nr-nav-right1>li>a.hover,.nrnav-box .nr-nav-right1>li>a:hover {color:#17326d; font-weight:bold;  }

.nrnav-box .nr-nav-right1>li>a.hover i,.nrnav-box .nr-nav-right1>li>a:hover i {width: 100%;}



.nrnav-box.active { position:fixed; left:0px; top:0px; right:0px; z-index:100;  }





@media only screen and (max-width: 1600px){



.header .hd-member { margin-right:-20px; }

.header .nav { margin-right:0px; }

.header .nav ul li.li04 .navlist ul { padding-right:18em; }


}



@media only screen and (max-width: 1440px){



.header .hd-member dl dd { left:auto; margin-left:0px; right:0px; }



}





@media only screen and (max-width: 1340px){

.wrap { margin:0px 30px;  }

	

}



@media only screen and (max-width: 1200px){

	

.header .nav>ul>li { padding:0px 0px; }
	
.header .nav ul li.li04 .navlist ul { padding-right:14em; }

}



@media only screen and (max-width: 1100px){

	

	.footer .ft-contact { width:20em; }

	.header .navlist ul li a { padding:0px 1.5em; }


}





@media only screen and (max-width: 980px){

  

  .footer .ft-contact { width:100%; min-height:182px; padding-right:150px; }

  .footer .ft-nav { padding:5em 0px 0px; float:left; width:100%; }

  

  	.header .navlist ul li a { padding:0px 1em; }

	.header .nav>ul>li>a { padding:2em 1em 2em; }

	.header .nav ul li.li03 .navlist ul { padding-right:10em; }

   

   .nrnav-box .nr-nav-right1>li { padding-left:1em; }

.header .nav ul li.li04 .navlist ul { padding-right:12em; }

}





@media only screen and (max-width:900px){



	.header .nav>ul>li>a { padding:2em 0.8em 2em; }


.header .nav ul li.li04 .navlist ul { padding-right:11em; }

	

}







@media only screen and (max-width:767px){



.main { margin-top:3.5em; }



.nav_phone_btn,.nav_phone{display: block;}

/*手机导航按钮开始*/

.nav_phone_btn{ position:absolute; top:50%; margin-top:-0.275rem; z-index:102; right:0.4rem; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }

.nav_phone_btn{display: block;cursor: pointer; height:0.63rem;}

.nav_phone_btn span {position: relative;font-size: 0;width:0.65rem;height:0.05rem;background-color: #005bab;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}

.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 0.05rem;background-color: #005bab;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}

.nav_phone_btn span:before{top:-0.16rem;}

.nav_phone_btn span:after{top:0.16rem;}

.visible_nav.nav_phone_btn { /*right:80%;*/ }

.visible_nav.nav_phone_btn span{background-color: transparent;}

.visible_nav.nav_phone_btn span:before{left:5px;top:0px; background:#fff; transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}

.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;background:#fff;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}

.body_nav_phone .phone-nav-bg { display:block;}

/*手机按钮结束*/



/*手机导航内容*/

.nav_phone{display:block;position: fixed; z-index:101;top:0px;bottom: 0px;right:-74%;height: 100%;width:74%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;}

body.body_nav_phone .nav_phone{right:0;left:auto;}

.nav_phone_tit{box-sizing:border-box;height:4.166em;width: 100%; position:relative; color:#fff; background:rgba(23,50,109,0.95); border-bottom:0.02rem solid #dadada; }

.nav_phone_tit span{display: inline-block; position:absolute; left:0px; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }

.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px; cursor: pointer; display:none;}

.nav_phone_tit .button:before{

content: "";display: inline-block;width: 17px;height: 3px;background: #fff;transform: rotate(45deg);border-radius: 8px;

transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.nav_phone_con{position: absolute;top:4.166em;bottom: 0px;width: 100%;background:rgba(23,50,109,0.95);overflow: hidden;}

.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom:3em;top:1em; left:1.4166em; right:0px;}

.nav_phone_con>ul>li {line-height:2.667;border-bottom:1px solid #d7d7d7;}

.nav_phone_con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #fff;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}

.nav_phone_con>ul>li a strong { font-weight:normal; }

.nav_phone_con>ul>li>a .btn { position:absolute; right:0px; top:0px; bottom:0px; width:3em; /*border-left:2px solid #d7d7d7;  */}

.nav_phone_con>ul>li>a em,.nav_phone_con>ul>li> ul>li>a em{display: inline-block;width:0.75em;height:0.75em;border-right: 3px solid #b2b2b2;border-bottom: 3px solid #b2b2b2;position: absolute;top:50%;right:1.2em;margin-top:-0.375em;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.nav_phone_con>ul>li ul {overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background:rgba(23,50,109,0.95); opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}

.nav_phone_con>ul>li ul li{line-height:2.667;border-bottom:1px solid #d7d7d7;}

.nav_phone_con>ul>li ul li:first-child { border-bottom:none; }

.nav_phone_con>ul>li ul li:first-child a {color: #fff; font-weight:bold; }

.nav_phone_con>ul>li.on>a{opacity: 0;}

.nav_phone_con>ul>li.on ul,.nav_phone_con>ul>li ul li.on dl{opacity: 1;visibility: visible;right:0;}



.nav_phone_con>ul>li:nth-child(4) ul li:nth-child(4) { }



/*手机导航内容结束*/



.header .logo { position:relative; height:2.5416em; margin:0.5em 0px; }

.header .hd-member dl dt { width:1.5em; height:1.5em; background-size:1.25em 1.25em; }

.header .hd-member dl dd a img { height:1em; margin-right:0.5em; }

.header .hd-member dl dd a .img01 { display:none; }

.header .hd-member dl dd a .img02 { display:inline-block; }

.header .hd-member dl dd { display:block; position:relative; width:100%; }

.header .hd-member { position:absolute; width:auto; margin:0px; left:1.41667em; bottom:2em; right:1.41667em; }

.header .hd-member dl dd a { float:left; width:50%; }





.wrap { margin:0px 0.4rem; }





.footer .ft-top { padding:2.5em 0px 2em;  }

.footer .ft-nav { padding-top:2em; display:none;}

.footer .ft-nav dl dt a { padding-bottom:0.75em; }

.footer .ft-nav dl dt { padding-bottom:0.75em; }

.footer .ft-nav dl { padding-left:0px; width:100%; padding-bottom:1em; }

.footer .ft-nav dl dd p { display:inline-block; margin-right:1em; }

.footer .ft-copy .copyright { width:100%; text-align:center; }

.footer .ft-copy .copyright span { display:inline-block; }

.footer .ft-copy .legal { float:left; width:100%; padding:0px; text-align:center; }

.footer .ft-copy .a1 { margin:0px 0.5em; }

.footer .ft-code { position:relative; text-align:center; top:auto; float:left; width:100%; }

.footer .ft-code .txt { margin-top:0.75em; }

.footer .ft-contact { min-height:2em; padding-right:0px; }

.footer .ft-contact .ft-logo img { height:2.8181em; }

.footer .ft-contact .con { margin-top:1.5em;}

.footer .ft-code .img img { height:6.2727em;  }

.footer a { display:inline-block; }





.er-nav .wrap { margin:0px; }

.er-nav ul { display:flex; justify-content:space-around; }

.er-nav ul li { }

.er-nav ul li a { line-height:3; padding:0px 1em;  }









.page { line-height:2.5; }

.page .total { display:none; }

.page .page_num { display:none; }





.mCustomScrollBox>.mCSB_scrollTools { width:0.375em; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:0.375em;  }

.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools { width:0.375em; }



.nrnav-box .nr-nav-left { width:100%; }

.nrnav-box .nr-nav-right1 { width:100%; justify-content:space-between; }

.nrnav-box .nr-nav-right1>li>a { padding:0px; line-height:3;-webkit-transition: all 0s;-moz-transition: all 0s; -ms-transition: all 0s;transition: all 0s;  }

.nrnav-box .nr-nav-right1>li { padding-right:10px; padding-left: 0px;}



}



@media only screen and (max-width:480px){

 

 .footer .ft-contact .ft-logo img { height:3.2em; }

 .footer .ft-code .img img { height:8em;  }



.jt-lf { width:20px; }

.jt-lf .jt { border-width:5px 7px; top:1px;  }

 

}











@media only screen and (max-width:414px){



 

 .nav_phone_con>ul { bottom:10.83em; }

 .nav_phone .hd-logo { bottom:3em; }

 

 





}



@media only screen and (max-width:375px){

	



 

 .nav_phone_con>ul { bottom:8em; } 

 .nav_phone .hd-logo { bottom:2em; }

 .nav_phone .hd-logo img { height:6em; }

 

 .er-nav ul li a { padding:0px 0.75em; }

 

 .nrnav-box .wrap { margin:0px 0.1rem; overflow:hidden; }

 .nrnav-box .nr-nav-left { margin:0px 0.2rem; }



}



















