@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

html{font-size:62.5%;} 
body{font-size:16px;} 
p{font-size:16px;}
*{font-family:"Microsoft Yahei" !important;}
a{ color:#4d4d4d; text-decoration:none; font-size:16px;}
a:hover{ color:#4472ca; text-decoration:none; font-size:16px}
::-webkit-scrollbar-track-piece {background-color:#000;}
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-thumb { cursor:pointer; background-color:#f74845; border-radius:30px; background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#ff7a78;}

@media only screen and (min-width: 320px){
   html {
    font-size: 62.5% !important;
   }
 }
@media only screen and (min-width: 640px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 750px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 1024px){
   html {
    font-size: 62.5% !important;
  }
 }
  @media only screen and (min-width:1280px){
   html {
    font-size: 62.5% !important;
  }
 }
 @media only screen and (min-width: 1440px){
   html {
    font-size: 62.5% !important;
  }
 }
h1,h2,h3,h4,h5,p{ margin:0px; padding:0px}
.nr_kd{ width:90%; margin:0px auto; overflow:hidden;}
.fw{ border-left:1px #3699ff dashed; border-bottom:1px #3699ff dashed;}
.fw li{ width:50%; height:450px; float:left; border-top:1px #3699ff dashed; border-right:1px #3699ff dashed; box-sizing:border-box; overflow:hidden}
.nr_1{ width:100%; height:100%; display:block; background:rgba(0,0,0,0.7);}
.nr_1 a{ padding:75px; box-sizing:border-box; display:block; height:100%; position:relative}
.nr_1 a h1{ width:100px; height:100px; display:block}
.nr_1 a h2{ padding:18px 0px; font-size:16px; display:inline-table; color:#fff; font-weight:normal; min-width:100px; text-align:center; border-bottom:1px #fff solid}
.nr_1 a h3{ font-size:12px; color:#fff; font-weight:normal; padding:12px 0px; line-height:200%; }
.nr_1 a h4{ width:100%; height:1px; background:url(/images/x.jpg) bottom right no-repeat; position:absolute; bottom:75px; right:75px;}
.nr_1:hover{ width:100%; height:100%; display:block; background:rgba(0,0,0,0.9);}
.nr_1:hover a h2{ padding:18px 0px; font-size:16px; display:inline-table; color:#fff; font-weight:normal; border-bottom:1px #fff solid}
.nr_1:hover a h3{ font-size:12px; display:block; color:#fff; font-weight:normal; padding:12px 0px; line-height:200%}

.bt li h1{ color:#4472ca; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; font-size:60px; letter-spacing:-2px;}
.nr_al{ width:31.33%; float:left; overflow:hidden; margin:0px 1%}
.nr_al a h1{ width:100%; height:300px; display:block; position:relative; box-sizing:border-box; border:0px #1a1819 dashed; background:#f5f5f5; overflow:hidden}
.nr_al a h1 span{ width:100%; height:300px; display:block; text-align:center; font-size:14px; color:#fff; line-height:300px; font-weight:normal}
.nr_al a h1 s{ position:absolute; z-index:9; text-align:center; top:45%; font-size:16px; font-weight:normal; display:none}
.nr_al a h2{ padding:15px 0px; font-size:20px; color:#303030; background:url(/images/jt.png) right no-repeat; font-weight:bold}
.nr_al a h3{ font-size:14px; color:#999999; font-weight:normal; margin-bottom:15px; height:20px; line-height:20px; overflow:hidden}
.nr_al:hover a h1{ width:100%; height:300px; display:block; box-sizing:border-box; border:0px #4472ca dashed; background:#000; text-align:center}
.nr_al:hover a h1 span{ transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; opacity:0.15}
.nr_al:hover a h1 s{ margin:0px auto; z-index:9; text-align:center; top:45%; left:50%; margin-left:-71px; font-size:16px; font-weight:normal; color:#fff; display:table-cell; background:#1354f0; padding:8px 38px; border-radius:16px}
.nr_al:hover a h2{ color:#4472ca; background:url(/images/jt1.png) right no-repeat; }
.nr_al:hover a h3{ color:#4472ca }
.nr_about { float:left; width:50%; overflow:hidden; line-height:200%; color:#7a7a7a }
.nr_gg{ float:right; width:30%; overflow:hidden; text-align:center}

.nr_kh{ width:10%; float:left; overflow:hidden;}
.nr_kh a h1{ width:100%; display:block; position:relative; box-sizing:border-box; border-right:1px #1a1819 dotted; border-bottom:1px #1a1819 dotted; background:#fff; overflow:hidden; margin:0px}
.nr_kh a h1 span{ width:100%; height:0px; padding-bottom:40%; display:block; text-align:center; font-size:14px; color:#fff; font-weight:normal}
.nr_kh a h1 s{ position:absolute; z-index:9; width:100%; text-align:center; font-size:14px; font-weight:normal; display:none}
.nr_kh:hover a h1{ width:100%; display:block; box-sizing:border-box; border-right:1px #1a1819 dotted; border-bottom:1px #1a1819 dotted; background:#1354f0}
.nr_kh:hover a h1 span{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; opacity:0.02}
.nr_kh:hover a h1 s{ position:absolute; z-index:9; width:100%; text-align:center; top:35%; font-size:14px; font-weight:normal; color:#fff; display:block}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	text-decoration:none; 
	
}
html,body{ width:100%; height:100%}
*{list-style-type:none; padding:0px; margin:0px; text-decoration:none; }
*{-o-transition: all 0.1s linear;
	transition: all 0.1s linear;}
	*:hover{-o-transition: all 0.2s linear;
	transition: all 0.1s linear; }
*{ vertical-align:auto}
.right{ float:right }
.right a{ font-size:16px; color:#717171; text-decoration:none; height:123px; display:inline-block;}
.right a span{ padding:15px 12px; display:inline-block; margin-top:36px; font-size:16px;}
.right a:hover {  height:120px; display:inline-block; font-size:16px;}
.right a:hover span{background:#fff; color:#1161d2; display:inline-block;}
.xm a{padding:32.5px 20px; display:inline-block;}
.xm a h1{ width:85px; height:85px; display:inline-block}
.xm a h2{ height:50px; text-align:center; font-size:18px; color:#666; font-weight:normal !important}
.xm:hover{ background:#f1f1f1;}
.xm:hover a h2{ color:#1aa031}
.b1{ background:url(/images/xm1.png) center center no-repeat}
.xm:hover .b1{background:url(/images/xm11.png) center center no-repeat}
.b2{ background:url(/images/xm2.png) center center no-repeat}
.xm:hover .b2{background:url(/images/xm22.png) center center no-repeat}
.b3{ background:url(/images/xm3.png) center center no-repeat}
.xm:hover .b3{background:url(/images/xm33.png) center center no-repeat}
.b4{ background:url(/images/xm4.png) center center no-repeat}
.xm:hover .b4{background:url(/images/xm44.png) center center no-repeat}
.b5{ background:url(/images/xm5.png) center center no-repeat}
.xm:hover .b5{background:url(/images/xm55.png) center center no-repeat}
.b6{ background:url(/images/xm6.png) center center no-repeat}
.xm:hover .b6{background:url(/images/xm66.png) center center no-repeat}

.fixednav{ background:#fff; box-shadow:0px 0px 7px 7px rgba(0,0,0,0.05);}
.logo{width:191px; height:50px; background:url(/images/logo_1.png) center center no-repeat; display:block}

.fixednav .logo{width:191px; height:50px; background:url(/images/logo.png) center center no-repeat; display:block !important}
.fixednav .dalei{ color:#333;}

.slide_2{background:url(slide_2.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_3{background:url(slide_3.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_5{background:url(slide_5.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}
.slide_6{background:url(slide_6.png) center center no-repeat; width:100%; height:100%; background-size:24px 24px; display:block}



#zhedang{ width:100%; height:70vh; transition: ease .6s; background:#fff; position:fixed; top:0px; z-index:99999999999; padding:15vh 0px;}
#zhedang ul{ width:78%; margin:0px auto;}

 .jianju{ padding:0px 12px; display:inline-block}
 .cp1{ width:350px;}
.m2{ font-size:15px; padding:5px 10px; display:inline-block; border-radius:5px; color:#272727; border:1px #272727 solid}
.m2:hover{ font-size:15px; padding:5px 10px; display:inline-block; background:#064ba2; border:1px #064ba2 solid; color:#fff; border-radius:5px}

.dibu{ overflow:hidden; font-size:14px;}
.dibu li{  overflow:hidden}
.dibu li a{ color:#fff; padding:0px 25px; display:inline-block; }
.dibu li a:hover{ color:#019944}


.kd{ width:96%; margin:0px auto; overflow:hidden}
.sy_news{ width:100%; overflow:hidden}
.sy_news a{ width:31.33%; margin:0px 1%; float:left; overflow:hidden}
.sy_news a h1{ width:100%; height:0px; padding-bottom:65%; display:block; position:relative;}
.sy_news a h2{ font-size:18px; padding:20px 0px; font-weight:normal}
.sy_news a h3{ color:#a1a1a1; font-weight:normal; font-size:15px; line-height:180%; height:54px; overflow:hidden}
.sy_news a h4{ height:20px; width:100%; border-bottom:1px #a3a3a3 solid}
.sy_news a span{ background:#299643; padding:15px; color:#fff; font-size:20px; font-weight:normal; display:inline-block; position:absolute; z-index:88; bottom:0px; border-radius:0px 10px 0px 0px}
.sy_news a:hover h2{ color:#299643}
.sy_news a:hover h3{ color:#299643}
.sy_news a:hover h4{ border-bottom:3px #299643 solid }

.xg0{ padding:30px 15px; line-height:18px; font-size:18px; background:#fff; width:100%; display:inline-block; box-sizing:border-box; text-align:center}
.xg0:hover{padding:30px 15px; line-height:18px; font-size:18px; background:#064ba2; width:100%; display:inline-block; box-sizing:border-box; text-align:center; color:#fff}
.xg{ padding:30px 15px; line-height:18px; font-size:18px; background:url(/images/xx.jpg) left no-repeat #fff; width:100%; display:inline-block; box-sizing:border-box; text-align:center}
.xg:hover{padding:30px 15px; line-height:18px; font-size:18px; background:#064ba2; width:100%; display:inline-block; box-sizing:border-box; text-align:center; color:#fff}

.xg1{padding:30px 15px; line-height:18px; font-size:18px; background:#064ba2; width:100%; display:inline-block; box-sizing:border-box; text-align:center; color:#fff}
.xg1:hover{padding:30px 15px; line-height:18px; font-size:18px; background:#064ba2; width:100%; display:inline-block; box-sizing:border-box; text-align:center; color:#fff}
 
.about_nr{width:80%; max-width:1200px; background:#fff; margin:2.5rem auto; overflow:hidden; padding:15px 0px;}
.about_nr ul{padding:30px 30px; line-height:200%; color:#373737}
.weizhi {height:100px; line-height:100px; overflow:hidden; width:50%; float:right; text-align:right; font-weight:bold}

.lu{width:100%; background:#fff; margin:0px auto; overflow:hidden;}
.lu ul{margin:0px auto; overflow:hidden; width:96%; max-width:1200px;  background:#ffffff;}
.lu ul li{height:80px; line-height:80px; overflow:hidden; width:50%; float:left; font-size:14px} 
.weizhi{ font-size:20px !important; color:#333; text-align:left}

.more{ background:#fdbc48; color:#272727; display:inline-block; border-radius:5px; padding:15px 70px;}
.more:hover{ background:#064ba2; color:#fff; display:inline-block; border-radius:5px; padding:15px 70px;}

.kp{ width:100%; max-width:1200px; margin:0px auto; overflow:hidden;}
.ys{width:25%; float:left; overflow:hidden; padding:30px 0px; color:#252525}
.ys:hover{ background:#064ba2}
.ys a{ color:#252525; font-size:18px;}
.ys:hover a{ color:#fff}
.ys:hover img{filter: brightness(80);}
.black {
    filter: brightness(0);
}
.white {
    filter: brightness(100);
}



.nbt{width:100%; text-align:center; overflow:hidden; padding:0px 0px; color:#252525}
.nbt h1{ font-weight:normal; font-size:30px; padding-top:15px;}
.nbt h2{ font-weight:normal; font-size:14px; padding:10px; text-transform:Uppercase; color:#8a8a8a}
.nbt h3{ width:80px; height:2px; background:#064ba2; margin-bottom:15px; margin:0px auto}

.biaoti li { padding:40px 0px; text-align:center;}
.biaoti li h1{ font-size:40px; color:#47b94e;}
.biaoti li h2{ font-size:26px; color:#444444; font-weight:normal}
.biaoti li h3{ width:703px; height:34px; background:url(/images/xt.jpg) center center no-repeat; display:block; margin:10px auto}

.biaoti2 li { padding:40px 0px; text-align:center;}
.biaoti2 li h1{ font-size:40px; color:#4444;}
.biaoti2 li h2{ font-size:26px; color:#444444; font-weight:normal}
.biaoti2 li h3{ width:703px; height:42px; background:url(/images/gg3.jpg) center center no-repeat; display:block; margin:10px auto}

.yss li{ box-sizing:border-box; padding:50px 2%; width:20%; float:left; text-align:center; line-height:250%; color:#3e3e3f; display:block}
.yss li h1{ font-size:18px; font-weight:normal; line-height:200%}
.yss li h2{ font-size:18px; font-weight:normal; padding:20px 0px}

.biaoti3 li { padding:40px 0px; text-align:center;}
.biaoti3 li h1{ font-size:40px; color:#1161d2; text-align:left; font-weight:normal; padding:10px 0px}
.biaoti3 li h2{ font-size:26px; color:#444444; font-weight:normal; width:160px; height:3px; background:#1161d2; display:block !important;}
.biaoti3 li h3{ width:100%; height:1px ; background:#c6c6c6; display:block}

.news{ overflow:hidden; border-bottom:1px #e6e6e6 solid; box-sizing:border-box; padding:30px;}
.news:hover{ background:#1f53be}
.news_bt{font-size:22px; width:100%; line-height:180%; display:block; text-align:left; overflow:hidden; color:#2e2d3c;}
.news_nr{font-size:15px; line-height:180%; text-align:left; width:100%; display:block; color:#969696; margin-top:20px}
.news:hover .news_bt{ color:#fff}
.news:hover .news_nr{ color:#fff}
.news:hover .riqi{ color:#1f53be}

.daohang{ display:inline-table}
.daohang li{ display:inline-block; float:left}
.dalei{ width:100%; line-height:90px; text-align:center; display:block; font-size:16px; font-weight:500; color:#ffffff; box-sizing:border-box; padding:0px 25px;}
.dalei:hover{ width:100%; line-height:90px; text-align:center; display:block; font-size:16px; background:#1354f0; color:#fff; box-sizing:border-box; padding:0px 25px;}
.xiala{ position:absolute; display:block; background:rgba(20,60,160,0.85); width:100%; overflow:hidden; display:none; left:0px; text-align:right; z-index:99}
.xiala ul li{ width:100%}
.dl{}
.dl:hover .xiala{ display:block}
.both{ clear:both; height:40px}

.xl1{ color:#fff; background:rgba(46,126,239,0.75); font-size:15px; padding:12px 20px; font-size:16px; margin-right:10px; margin-bottom:10px;}
.xl1:hover{ color:#fff; background:rgba(46,126,239,0.5)}

.in_bt1 h1{ font-size:38px; text-align:center; font-weight:normal; margin-top:40px; line-height:180%; color:#4472ca}
.in_bt1 h2{ font-size:16px; text-align:center; color:#a0a0a0; padding:20px 0px; font-weight:normal}

.in_bt2 h1{ font-size:38px; text-align:left; color:#fff; font-weight:normal; margin-top:40px; line-height:180%}
.in_bt2 h2{ font-size:16px; text-align:left; color:#fff; padding:20px 0px; font-weight:normal}

.in_bt3 { width:25%; float:left; box-sizing:border-box; padding:15px; color:#fff}
.in_bt3 h1{ font-size:18px; text-align:left; font-weight:normal; line-height:180%; color:#c0c1c1}
.in_bt3 h2{ font-size:20px; text-align:left; color:#c0c1c1; font-weight:bold !important; padding:0px 0px; font-weight:normal}

.ft { color:#c0c1c1; margin-top:32px; display:block; box-sizing:border-box; padding-left:50px; font-size:14px;}
.ft:hover{  font-size:14px; }

.ft1 { color:#8e8e8e;box-sizing:border-box; font-size:12px; padding-right:15px; padding-bottom:5px; width:100%; display:block}
.ft1:hover { color:#4483ff;box-sizing:border-box; font-size:12px; padding-right:15px; padding-bottom:5px}


.in_bt4 h1{ font-size:38px; text-align:left; font-weight:normal; color:#333333}
.in_bt4 h2{ font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#9e9e9e; padding:8px 0px; font-weight:normal; text-transform:Uppercase }

.in_cp{ width:31.33%; float:left; margin:1%;}
.in_cp a{ width:100%; height:0px; padding-bottom:47%; padding-top:28%; display:block; font-weight:normal; background:rgba(0,0,0,0.3)}
.in_cp a h1{ text-align:center; font-weight:normal; font-size:24px; color:#fff;}
.in_cp a h2{ text-align:center; font-weight:normal; font-size:18px; color:#fff; margin-top:15px}
.cp_m1{ padding:4px; background:rgba(95,140,236,1); color:#fff; display:table; width:100%; box-sizing:border-box }
.cp_m1:hover{ padding:4px; background:rgba(95,140,236,0.75); color:#ffffff; display:inline-table;}
.in_cp a:hover{background:rgba(46,126,239,0.6)}
.cp_nr{ font-size:16px; line-height:180%; color:#5f5f5f}

.cp{border:1px #e6e6e6 solid;}
.cp:hover{border:1px #1f53be solid;}
.cp:hover .cp_bt{ color:#1f53be }
.cp:hover .cp_m1{ padding:4px; background:rgba(95,140,236,0.5); color:#ffffff; display:inline-table;}
.cp_kf{ box-sizing:border-box; border:1px #5f8cec solid; color:#5f8cec}
.cp_kf:hover{ box-sizing:border-box; border:1px #5f8cec solid; background:#5f8cec; color:#fff}

.in_m1{ padding:12px 35px; background:#2e7eef; color:#fff; font-size:14px; display:inline-table; border-radius:50px; }
.in_m1:hover{ padding:12px 35px; background:rgba(46,126,239,0.5); color:#ffffff; font-size:14px; display:inline-table; border-radius:50px;}
.in_lm{background:rgba(255,255,255,0.25); margin-top:25px; width:48%; box-sizing:border-box}
.in_lm a{ color:#fff}
.in_lm:hover{ background:#fff; }
.in_lm:hover a{color:#015198}

.position{ color:rgba(255,255,255,0.75); font-size:14px;}
.position a{ color:rgba(255,255,255,0.75); font-size:14px;}
.position a:hover { color:rgba(255,255,255,1); text-decoration:underline; font-size:14px;}

.in_news { width:48%; float:left; margin:1%; display:block; border-bottom:1px #eeeeee solid; padding-bottom:30px;}
.in_news h2{ font-size:24px; font-weight:normal}
.in_news h3{ font-size:15px; color:#aeaeae; line-height:180%; font-weight:normal; margin-top:15px; height:80px; overflow:hidden}
.in_news h4{ font-size:15px; color:#999999; line-height:180%; font-weight:normal; margin-top:12px;}
.in_news:hover h2, .in_news:hover h3{ color:#015198}

.in_news1 { width:48%; float:left; margin:5px 1%; display:block;}
.in_news1 h2{ font-size:18px; font-weight:normal; float:left;}
.in_news1 h4{ font-size:18px; color:#999999; line-height:180%; font-weight:normal; float:right}
.in_news1:hover h2,.in_news1:hover h4{ color:#015198 }

.yy{box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.75);
}
.wzyy{text-shadow:rgba(0,0,0,0.75) 2px 1px 3px}

.nr{ line-height:200%; color:#5f5f5f; font-size:16px; padding:0px 15px}
.nr img{ max-width:100%}

.youce{ width:45px; position:fixed; bottom:25px; right:25px;}
.youce li{ width:45px; height:45px;  overflow:hidden; border-radius:100px !important; margin:5px 0px; text-align:center; line-height:45px; font-size:18px}
.youce li i{ color:#fff}
.youce li a{ width:100%; height:100%; display:block ; }
.youce li:hover a{background:rgba(255,255,255,0.25);}
.f1{ background:rgba(238,97,0,0.85); }
.f2{ background:rgba(80,184,60,0.85); }
.f3{ background:rgba(237,99,71,0.85); }
.f4{ background:rgba(92,106,196,0.85); }

.tanchu{display:none;}
.youce li:hover .tanchu{ display:block; position:absolute; display:inline-block; z-index:99; box-sizing:border-box; right:55px; padding:10px; font-size:12px; border-radius:5px !important; color:#fff; margin:0px; line-height:25px; white-space:nowrap;
word-wrap:break-word;}

.fenye{ text-align:right; margin-bottom:35px}
.fenye li{ display:inline-block; margin:5px; border-radius:6px !important}
.fenye li a{border-radius:3px !important;  padding:12px 12px !important}
.active a{ background:#1354f0 !important; border:1px #1354f0 solid !important;}


@keyframes tx{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  10%,
  30%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-5px,0);
  }
  60%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-5px,0);
  }
  90%{
  transform: translate3d(0,-5px,0);
  }
}

@media screen and (max-width: 1440px) { 

} 
@media screen and (max-width: 1280px) { 

} 
@media screen and (max-width: 1024px) { 

}