@charset "utf-8";
/* CSS Document */
html{
　　font-size:62.5%; /* 10÷16=62.5% */ 
}
*{word-wrap:break-word;}
body{
　　font-size:12px;
　　font-size:1.2rem ; /* 12÷10=1.2 */
   overflow-x:hidden;
background-repeat: no-repeat;
    background-size: cover;
	width:100%; margin:0px; padding:0px;
}
body,html{ font-family:Arial, Helvetica, sans-serif;min-width:320px;}
ul,ul li,dl,dl dt,dl dd{ margin:0px; padding:0px; list-style:none;}
.f_faminly{ font:Arial, Helvetica, sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.clearboth{ clear:both;}
.bigzm{text-transform:uppercase;}
.b_cursor{ border:0px; cursor:pointer;}
input{ outline:0;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #888888;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #888888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888888;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888888;
}

.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
ul li{ list-style-type:none; float:left; }
.container {
       width: 100%!important;
       max-width:1200px;
       max-width:1170px\9;
}
.container1{width:100%;}


/*loading加载*/


.loading { position:fixed;width:100%; height:100%;background-color:#01519b; z-index:1000000;}
.spinner {

  width: 100px;
  height:30px;
  position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-15px;

}
 
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #fff;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*头部*/
.clearpadding{ padding:0px; margin:0px;}
#banner{width:100%; position:relative;}



.header_div{width:100%; /*border:9px solid #01519b;*/ border-left:0px; border-right:0px; height:110px; position:fixed; z-index:10000;  transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.header_div_logo{width:100%; padding-top:15px;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.header_div_logo .i_logo{/*width:18.9%;*/transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.header_div_logo .i_logo img{ max-width:100%;}
.header_div.fixedmenu{ position:fixed;height:98px;background-color:#fff;}
.header_div.fixedmenu .header_div_logo{ padding-top:0px;}
.header_div.fixedmenu .header_div_logo .i_logo{ margin-top:10px;}
.header_div.fixedmenu .header_div_logo .i_logo{width:16%;}


.nav_menu{width:73.3%; padding-top:15px;}
.nav_menu li{width:14.285%; height:50px; float:left; position:relative;}
.nav_menu li .a_nav{ height:50px;width:100%; line-height:50px; display:inline-block; color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.header_div.fixedmenu .nav_menu li .a_nav {color:#01519b;}
.nav_menu li .a_nav .s1{ height:50px; line-height:50px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;
 background:url(../images/tb_01.png) right center no-repeat; padding-right:20px; display:inline-block;}
.nav_menu li .a_nav:hover,.nav_menu li .a_nav.active,.nav_menu li .a_nav.active1{color:#fff; border-bottom: 2px solid #01519b;   text-decoration:none;}
.nav_menu li .a_nav:hover .s1,.nav_menu li .a_nav.active .s1,.nav_menu li .a_nav.active1 .s1{width:100%; text-align:left; padding:0px 8%;background:url(../images/tb_02.png) right 15px center no-repeat; /*background:url(../images/tb_02.png) right 20px top 35px no-repeat;*/ /*line-height:80px;*/}
.nav_menu li .a_nav:link{ text-decoration:none;}
.nav_menu li dl{width:100%; position:absolute; z-index:10000; display:none; left:0px; top:50px; background-color:#01519b; padding-top:25px;/* padding-bottom:5px;*/}
.nav_menu li dl dd{width:100%; float:left;/* border-bottom:1px solid #1b63a5;*/}
.nav_menu li dl dd a{width:100%; float:left;padding:8px 8%; line-height:1.5;  display:inline-block; overflow:hidden; color:#ffffff; font-size:14px;}
.nav_menu li dl dd a:hover{ color:#fff; text-decoration:none; background-color:#085cab;}
.nav_menu li dl dd a:link{ text-decoration:none;}



.home-swiper {width: 100%;height: 100%;background: #000;}
.home-swiper .swiper-slide {text-align: center; overflow:hidden;font-size: 18px; position:relative;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%;}
.home-swiper .swiper-slide img{width:100%;}
.home-swiper .swiper-slide .s1{width:100%; display:block;}
.home-swiper .swiper-slide .s2{width:100%; display:none;}

/*首页内容部分*/
.ui_div{width:100%;}
.ui_div_center{width:78%; margin:0px auto;}
.ui_div_con{width:1000px; margin:0px auto;}


/*手机导航*/
/* CSS Document */
.phone_nav{ display:none;}
.phone_nav.fixedmenu{ position:relative; top:0px; left:0px;z-index:100000;}
.phone_logo{padding:10px 0px;}
.phone_logo .p1 img{width:100%;}

@media screen and (max-width:1200px) {
.phone_logo .p1 { display: block; width:35%; display:inline-block;}
.header_div{ display:none;}
.phone_logo {width: 100%;padding: 15px 20px;box-sizing: border-box;}

.phone_nav{display:block; background-color:#fff; position:relative; width:100%; top:0;left:0; display:block; transition-delay:0.7s; -webkit-transition-delay:0.7s; z-index:100000;}

/*导航按钮*/
.phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:10px; top:10px; z-index:1;
transition:all 0.7s; -webkit-transition:all 0.7s;}
.phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#01519b;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;}
.phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#01519b;
transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms; -webkit-transition-duration: 300ms;}
.phone_nav .nav_but:before{margin-top:-5px;}
.phone_nav .nav_but:after {margin-top:5px;}

/*栏目名称*/
.phone_nav .nav_main{/*height:100%; */ padding-bottom:20px;position:absolute;  right:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background-color:#01519b; overflow:hidden;}
.phone_nav .nav_main ul{ padding:0 20px; margin-top:40px; background-color:#01519b; }
.phone_nav .nav_main li a{background-position:left; font-size:16px; color:#fff; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-weight:bold;}
.phone_nav .nav_main li a:hover,.phone_nav .nav_main li a:link{ text-decoration:none; color:#fff;}
.phone_nav .nav_main .ss{border:1px solid #fff; margin-top:20px;}
.phone_nav .nav_main .ss .p2{ float:right;}
.phone_nav .nav_main .ss .p2 input{ border:0;  width:34px; height:34px;}
.phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }
.phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
.phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../images/lmfooter_bottom.png") center right no-repeat; z-index:99;}
.phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0;  max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}
.phone_nav .nav_main .ul li{ padding:0; border-bottom:0; border-bottom:1px solid #1b63a5; transform:translateX(0px); -webkit-transform:translateX(0px);}
.phone_nav .nav_main .ul li a{width:100%; display:inline-block; padding:0; font-size:13px; height:auto; padding:8px 0px; line-height:1.5;/* line-height:30px;*/ font-weight:normal}
.phone_nav .nav_main .ul li a:hover,.phone_nav .nav_main .ul li a:link{ text-decoration:none;}
.phone_nav .nav_main .ul li:hover,.phone_nav .nav_main .ul li:link{ background-color:#085cab;}
.phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0px; /*padding:0 0 0px 40px;*/ margin-bottom:10px;}


.phone_nav .nav_main li{width:100%; transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease;/* border-bottom:1px solid rgba(225,225,225,0.5);*/ padding:0 20px; position:relative;}
/*.phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }
.phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }
.phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
.phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
*/

/*打开样式*/
.phone_nav_one{  transition-delay:0s; -webkit-transition-delay:0s; }
.phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}
.phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }
.phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.phone_nav_one .nav_but_box { opacity:0.8;}
.phone_nav_one .nav_main li{width:100%; transform:translateX(0); -webkit-transform:translateX(0);}
}




@media screen and (max-width:470px){/*--768-0--*/
.phone_logo {padding: 10px 10px}
.phone_nav .nav_main ul{ height:410px;}
.phone_nav .nav_main .b_one .ul{ height:auto;}

}
@media screen and (max-width:758px){/*--768-0--*/
/*.phone_nav .nav_but_box{ top:34px; right:10px;}*/
.phone_nav .nav_main ul{ margin-top:20px; height:auto;/* height:350px; overflow-y:auto; */box-sizing:border-box;}
.phone_nav .nav_main .b_one .ul{ height:auto;}

}
/*手机导航*/


.i_bg1{ background-color:#f1f1f2;}
.i_bg2{ background-color:#01519b;}
.bg1{ background-color:#f1f1f2;}

.i_box1{width:100%; padding:110px 0px 150px 0px; color:#1e629a; font-size:16px; overflow:hidden; line-height:1.7;}
.i_box1 img{ max-width:100%;}
.i_box1 p{ margin:0px !important;}


.i_section{
	position: relative;
	box-sizing: border-box;
	width:100%;
	
	}
	
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background:url(../images/bg1.jpg);
	background-size:cover;
	background-attachment: fixed;
	background-position-x:center !important;
	/*opacity: 0.4;*/
	z-index: 1;
	}

.i_box2{width:100%; padding:92px 0px; position:relative; z-index:1; color:#fff; text-align:center;}
.i_box2 a,.i_box2 a:hover{ color:#fff; font-size:48px; display:inline-block; text-decoration:none;}



.i_box3{width:100%; padding:160px 0px;}
.i_box3_c{width:100%;/* padding:0px 5%;*/}
.i_box3_c li{width:16.66%; float:left; cursor:pointer;}
.i_box3_c li .div{width:100%; display:inline-block; overflow:hidden; color:#1e629a;font-size:18px;-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box3_c li .div:hover{ color:#1e629a; text-decoration:none;}
.i_box3_c li .a_img{width:100%; text-align:center; overflow:hidden;}
.i_box3_c li .a_img img{ max-width:100%;}
.i_box3_c li .a_text{width:100%; text-align:center; padding:20px 20% 0px 20%; color:#1e629a; line-height:1.6;  display:inline-block;}
.i_box3_c li .div:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

.i_box4{width:100%; padding:30px 0px 45px 0px;}
.i_box4 li{width:14.285%; float:left; padding-right:1%;}
.i_box4 li .a1,.i_box4 li .a1:hover{width:100%; float:left; height:35px; line-height:35px; display:inline-block; font-weight:bold; overflow:hidden; color:#fff; text-decoration:none; font-size:16px;}
.i_box4 li .a2{width:100%; padding:5px 0px; float:left; line-height:1.5; color:#fff; font-size:14px; display:inline-block; text-decoration:none;}
.i_box4 li .a1:link,.i_box4 li .a2:link{ text-decoration:none;}
.i_box4 li .a2:hover{ text-decoration:none; color:#99b7d2;}


.i_box5{width:100%; padding-bottom:25px; line-height:1.6; color:#fff; font-size:14px;}
.i_box5_c{width:100%; color:#fff; font-size:14px; line-height:1.8; /*overflow:hidden;*/white-space:normal; word-break:break-all;}
/*.i_box5_c img{ max-width:100%;}*/

.i_footer{width:100%; padding:10px 0px; line-height:1.8; text-align:center; color:#1e629a; font-size:14px;}
.i_footer a,.i_footer a:hover{ color:#1e629a;}



/*内页*/

/*
.n_banner{width:100%; height:300px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; display:inline-block; overflow:hidden;}
.n_banner_c{width:316px; background:url(../images/tb_09.png) center center no-repeat; padding-top:12px; text-align:center; color:#fff; font-size:18px; line-height:1.8; background-size:316px; height:82px; position:absolute; left:50%; top:50%;
webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.n_banner_c span{ font-size:30px; font-weight:bold;}
*/
.n_banner{width:100%; display:inline-block; overflow:hidden;}
.n_banner img{width:100%;}

.n_box1{width:100%; padding:75px 0px 180px 0px;}
.n_box1_t{width:100%; padding:10px 0px 10px 1%; line-height:1.5; color:#01519b; font-size:48px;}
.n_box1_c{width:100%;}

.n_box2{width:100%;}
.n_box2 li{width:50%; float:left; padding:50px 0px;}
.n_box2 li .a_img{width:9%; display:inline-block;}
.n_box2 li .a_img img{max-width:100%;}
.n_box2 li .a_img_r{width:88%;}
.n_box2 li .a_img_r .s1{width:100%; height:35px; line-height:35px; display:inline-block; overflow:hidden; color:#333; font-size:16px; font-weight:bold;}
.n_box2 li .a_img_r .s2{width:100%; height:30px; line-height:30px; overflow:hidden; display:inline-block; color:#333333; font-size:16px;}

.n_box2_c{width:100%; padding-top:35px; line-height:1.8; color:#333333; font-size:16px;/* overflow:hidden;*/}
.n_box2_c img{ max-width:100%; height:auto !important;}
.n_box2_c p{ margin:0px !important;}
.n_box2_c .s1{ font-size:16px; color:#333; font-weight:bold;}

.n_box3{width:100%;}
.n_box3 li{width:14.285%; padding:0px 2% 2% 2%; float:left;}
.n_box3 li img{max-width:100%; float:left;}

.n_box4{width:100%;}
.n_box4 li{width:25%; float:left; padding:0px 1% 2% 1%;}
.n_box4 li .a_img{width:100%; display:inline-block; overflow:hidden; float:left;}
.n_box4 li .a_img img{width:100%;}

.n_box5{width:100%; padding:30px 0px 50px 0px;}
.n_box5 .a_img{width:29.3%; display:inline-block; overflow:hidden;}
.n_box5 .a_img img{width:100%;}
.n_box5 .a_img_r{width:68.3%; display:inline-block; overflow:hidden; color:#333333; font-size:16px; line-height:1.6;}
.n_box5 .a_img_r img{ max-width:100%; height:auto !important;}

.n_box5_t{width:100%; border-left:1px solid #ccc;}
.n_box5_t a{ float:left; border:1px solid #ccc;
-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; border-left:0px; border-bottom:0px; width:16.66%; height:58px; line-height:58px; display:inline-block; overflow:hidden; text-align:center; color:#333333; font-size:18px;}
.n_box5_t a:hover,.n_box5_t a.activepro{ background-color:#01519b; border:1px solid #01519b; border-left:0px; border-bottom:0px;color:#fff; text-decoration:none;}
.n_box5_c{width:100%; border:1px solid #cccccc; padding:65px 3%;}
.n_box5_con{width:100%; line-height:1.8; overflow:hidden; color:#333333; font-size:16px; display:none;}
.n_box5_con img{ max-width:100%; height:auto !important;}


.n_box6{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Rotation img
{
	transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
   -moz-transition:All 0.4s ease-in-out;
   -o-transition:All 0.4s ease-in-out;
}
.Rotation:hover img
{
	transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}

.arrowGo{
	 animation: arrowGo 2.5s infinite; 
	 -webkit-animation: arrowGo 2.5s infinite ; 
}

@-webkit-keyframes arrowGo {
	0%{ 
		-webkit-transform: translate(0, 30%);
	}
	50%{ 
		-webkit-transform: translate(0, 0%);
	}
	100%{
		-webkit-transform:translate(0, 30%);
	}
}
@keyframes arrowGo {
	0%{ 
		transform: translate(0, 30%);
	}
	50%{
		transform: translate(0, 0%);
	}
	100%{
		transform:translate(0, 30%);
	}
}
.Amplification img
{
	
	transition:400ms; 
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.Amplification:hover img
{
	filter: Alpha(Opacity=100); 
	opacity: 1; 
	-webkit-transform:scale(1.12); 
	transform:scale(1.12);
}



.Amplification1 .img1
{
	
	transition:400ms; 
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.Amplification1:hover .img1
{
	filter: Alpha(Opacity=100); 
	opacity: 1; 
	-webkit-transform:scale(1.12); 
	transform:scale(1.12);
}




@-webkit-keyframes hvr-bob {
  0% {
    transform: scale(1.1);
-webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
-webkit-transform: scale(1);
  }
}

@keyframes hvr-bob {
  0% {
    transform: scale(1.1);
-webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
-webkit-transform: scale(1);
  }
}