@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:12px; color:#6e6e6e;  min-width:100%; width:auto!important; width:100%;_width:expression(document.documentElement.clientWidth<100%?"100%":"auto"); margin:0 auto; overflow-x:hidden;margin:0;padding:0;}


.dbtiao{ width:100%; height:40px; background:#0081cc;}

.dbtiao01{ width:255px; margin-left:2%; height:40px; font-size:14px; color:rgba(255,255,255,0.8); line-height:40px; float:left; border-right:1px solid rgba(255,255,255,0.2);}
.dbtiao01 a{ color:rgba(255,255,255,0.8);}
.dbtiao02{ width:459px; padding-left:35px; height:40px; font-size:14px; color:rgba(255,255,255,0.8); line-height:40px; float:left; background:url(../images/ig1.png) 30px 12px no-repeat;}
.dbtiao02 a{ color:rgba(255,255,255,0.8);}

.dbtiao04{text-align:right; height:40px; font-size:14px; color:#fff; line-height:40px;  float:right;}
.dbtiao04 a{ color:rgba(255,255,255,0.8); font-size:14px; height:40px; line-height:40px; float:left; padding-left:25px; display:block; border-left:1px solid rgba(255,255,255,0.2);}
.dbtiao04 a:hover{color:#FFF000; text-decoration:underline;}
.dbtiao04 span{ padding:0 16px;}

.dbtiao03{text-align:right; width:250px; height:32px; padding-top:8px; font-size:14px; color:#fff; line-height:40px;  float:right; margin-right:3%;}

.sou{ border-left:1px solid #FFFFFF; border:1px solid rgba(255,255,255,0.6); float:right; height:22px; margin-right:1%; width:250px; border-radius:10px; padding-right:10px;background:#fff;}
.sinput{border:none; height:21px; color:#000; font-size:12px; line-height:22px;}



.top_nav{ height:110px; width:100%;}
.tlogo{ width:400px; padding-left:1.5%; height:115px; position: absolute; z-index:999;}

.nav1{  float:right; padding-right:10px;}
a.topan{ width:100px; height:66px; color:#fff; float:right; margin-top:20px; margin-right:3%; border:2px solid #ffa000; line-height:60px; text-align:center; font-size:16px;border-radius:3px; background:#ffa000;}
a.topan:visited {font-style: normal; color: #fff; text-decoration: none;}
a.topan:hover { color:#fff; text-decoration: none; background:#212121;}
a.topan:active { color: #ffffff; background:#1F63E9;}



ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:111px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:110px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:44px; line-height:42px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#212121; color:#fff; font-size:14px;}
ul.menu ul ul {left:114px; top:0px}
ul.menu .menulink {border:0px solid;  padding:45px 0px 45px 0px; width:110px; color:#000;  font-family:"微软雅黑"; font-size:16px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #D21E24; background:url(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#ffa000;}
ul.menu .topline {border-top:1px solid #aaa}





.daohang{ margin:auto; margin-top:30px; padding-top:60px!important; }
.daohang02{float:left; height:170px; width:580px; padding-left:20px!important; margin-left:30px!important; border-left:1px solid rgba(255,255,255,0.4);}
.daohang03 a{font-size:14px;padding-left:50px; margin-left:10px; margin-bottom:10px; color:#0089d1; background: #FFFFFF url(../images/jt.png) 20px center no-repeat; height:70px; line-height:70px; width:30%; border:1px solid rgba(255,255,255,0.6); float:left; display:block;}
.daohang03 a:hover{color:#fff; background: #ff6600 url(../images/jt1.png) 20px center no-repeat;}





.cen{ width:1260px; height:auto; margin:auto;}



/*indexBanner*/

.bashuzi { font-family:DINEngschriftStd; font-size:59px; font-style:normal;}
.bap { font-size:18px; color:#fff; width:60%; line-height:30px;}
.indexBanner{width: 100%;position: relative;height:560px;background: #d0eeff;overflow: hidden;}
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height:560px;overflow: hidden; background-size: cover !important;}
.indexBanner .bd li .cont{width: 100%;padding: 11% 3% 0;box-sizing: border-box; text-align:center}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:55px; padding-top:0px; font-weight:900;}
.indexBanner .bd li .cont .title{color: #FFFFFF;font-size: 35px;margin-top: 3%;}
.indexBanner .bd li .cont .title span{font-weight: bold;}
.indexBanner .bd li .cont .sum { margin-top: 1%; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; letter-spacing:1.2px;}
.indexBanner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 16px; letter-spacing: 1px; padding: 0 16px; line-height: 40px; border-radius: 25px; border: solid 1px #fff; margin-right: 20px;}
.indexBanner .bd li .cont .sum a:hover{ background-color: #fff; color: #45af38;}
.indexBanner .hd{width: 87%;min-width: 1150px;position: absolute;z-index: 4;bottom: 4%;left:50%;transform: translateX(-50%);display: table;font-size: 0;text-align: left;}
.indexBanner .hd ul::after{content: '';width: 2px;height: 210px;background-color: #ffffff;opacity: 0.3;filter:alpha(opacity=30);position: absolute;bottom: 40px;right: 12px;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 5px;height: 20px;margin: 0 6px;position:relative;}
.indexBanner .hd ul li p::after{content: '';width: 5px;height: 12px;border-radius: 6px;background-color: #fff;opacity:0.7;filter:alpha(opacity=70);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on p::after{filter:alpha(opacity=100);opacity:1;height: 20px;}
.indexBanner .hd ul li::after{content: '';width: 2px;height: 2px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);}
.indexBanner .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;animation: solid 8s linear infinite;}
.indexBanner .hd .mouse{color: #FFFFFF;font-size: 26px;float: right;}
@keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
@-webkit-keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
.indexBanner .icon-jiantou1{display:block;width:50px;height:50px;line-height:50px;font-size: 30px;color: #45af38;text-align: center;background-color: rgba(255,255,255,0.4);position:absolute; top:50%; margin-top:-25px;filter:alpha(opacity=20);opacity:0.2;transition: all 0.6s ease;}
.indexBanner .prev{left: -50px;transform: rotate(-180deg);}
.indexBanner .next{right: -50px;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #45af38;color: #FFFFFF; }
.indexBanner:hover .prev{left: 100px;filter:alpha(opacity=100);opacity:1;}
.indexBanner:hover .next{right: 100px;filter:alpha(opacity=100);opacity:1;}

.Habout{ width:1260px; height:580px; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between; position:relative;}
.Habout01{width:650px; color:#626262; position:absolute; font-size:15px; line-height:30px; left:0px; padding-top:70px; text-align:justify;}
.Habout01bt{color: #DAE1E6;opacity: 0.5;text-transform: uppercase; font-size: 60px; font-weight:bold; line-height: 70px; position:absolute; z-index:-1;}
.Habout02bt{font-size:34px; line-height:42px; font-weight:bold; color:#212121; margin-bottom:20px; margin-top:45px;}
.Haboutimg{width:540px; height:425px; position:absolute; right:0px; top:80px; }


.Habmore a{ margin-top:50px; margin-bottom:50px; margin-left:2px; font-size:14px; width:120px; display:block; height:30px;  border-left:1px solid #565969;  border-bottom:1px solid #565969; color:#565969; text-align:center; text-decoration:none;}
.Habmore a:hover{  border-left:1px solid #de7900;  border-bottom:1px solid #de7900; color:#de7900;}


.Hcpk{height:650px; width:100%; background:url(../images/bj1.jpg) top center no-repeat fixed; text-align:center; padding-top:100px;}
.Hprobt{font-size:34px; line-height:42px; font-weight:bold; color:#fff; margin-bottom:20px;}
.Hpro01bt{font-size:14px; line-height:28px;color:#fff; margin-bottom:40px;}

.Hprok{width:22%; height:320px; border-radius:0px 20px 0px 20px; border-left:5px solid #f9b538; border-bottom:5px solid #f9b538;}




.shuzi4
{ 
animation:myfirstsuzi 1.5s linear 0.1s infinite alternate;
/* Firefox: */
-moz-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
/* Opera: */
-o-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
}

@keyframes myfirstsuzi
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-moz-keyframes myfirstsuzi /* Firefox */
{
0%   { margin-top:10px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-webkit-keyframes myfirstsuzi /* Safari and Chrome */
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-o-keyframes myfirstsuzi /* Opera */
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

.shuzi4t
{ 
animation:myfirstsuzit 2.5s linear 0.1s infinite alternate;
/* Firefox: */
-moz-animation:myfirstsuzit 2.5s linear 0.1s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirstsuzit 2.5s linear 0.1s  infinite alternate;
/* Opera: */
-o-animation:myfirstsuzit 2.5s linear 0.1s  infinite alternate;
}

@keyframes myfirstsuzit
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-moz-keyframes myfirstsuzit /* Firefox */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-webkit-keyframes myfirstsuzit /* Safari and Chrome */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-o-keyframes myfirstsuzit /* Opera */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}



.Hpro{width:80%; margin:auto; margin-top:100px; height:140px; padding-top:20px; background:rgba(255,255,255,0.9); box-shadow: 0 0 30px rgba(0,0,0,0.4); border-radius:0px 10px 0px 20px;
font-size:18px; line-height:42px; font-weight:bold; color:#212121;}

.Hpromore a{  font-size:14px; width:140px; margin:auto; margin-top:10px; display:block; height:50px; background:#FFF; color:#212121; text-align:center; text-decoration:none; border-bottom:2px solid #de7900; line-height:50px;border-radius:15px 0px 15px 0px; font-weight:normal;}
.Hpromore a:hover{  border-left:1px solid #de7900;  border-bottom:2px solid #de7900; color:#de7900;}




.Hyoushi{ width:100%; height:auto; margin:auto;padding-top:110px;  position:relative; background:url(../images/abbj.png) center 150px no-repeat;background-size:cover;}
.Hyoushik{ width:1100px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}

.Hyousbt{color: #DAE1E6;opacity: 0.5;text-transform: uppercase; font-size: 60px; line-height:60px; font-weight:bold; position:absolute; z-index:-1; top:70px; left:42%;}
.Hyous01bt{font-size:34px; line-height:42px; font-weight:bold; color:#212121; margin-bottom:20px; text-align: center;}
.Hyous02bt{font-size:14px; line-height:28px;color:#626262; margin-bottom:40px;  text-align: center;}
.Hyousnr{width:46%; height:140px; background:#FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius:5px; margin-bottom:40px; position:relative;}
.Hysimg{position: absolute; z-index:1; left:20px; top:25px;}
.Hyousnr01{font-size:20px;  font-weight:bold; color:#212121; padding-left:120px; padding-right:20px; margin-top:25px;}
.Hyousnr01 span{font-size:14px; line-height:24px;color:#626262; padding-top:20px; font-weight:normal;}



.Hqyb{height:380px; width:100%; background:url(../images/bj2.jpg) center center no-repeat fixed;}
.Hqybq{ width:1260px; margin:auto; height:auto; padding-top:80px;  display: flex; flex-wrap: wrap; justify-content: space-between; background:url(../images/bj3.png) center 120px no-repeat;}
.HqybqK{text-align:center; width:20%;}
.HqybqK:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.Hqybq01{line-height:48px; padding-top:20px; font-size:48px; color:#fff; font-weight:bold;}
.Hqybq02{font-size:18px; line-height:28px;color:#f9b538; margin-top:30px;}
.Hqybq03{font-size:14px; line-height:28px;color:#fff; margin-top:20px;}


.Hyingy{ width:100%; height:auto; margin:auto;padding-top:110px; padding-bottom:90px; position:relative;}
.Hyingyk{ width:1100px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}
.Hyingybt{color: #DAE1E6;opacity: 0.5;text-transform: uppercase; font-size: 60px; line-height:60px; font-weight:bold; position:absolute; z-index:-1; top:70px; left:42%;}
.Hyingy01bt{font-size:34px; line-height:42px; font-weight:bold; color:#212121; margin-bottom:20px; text-align: center;}
.Hyingy02bt{font-size:14px; line-height:28px;color:#626262; margin-bottom:40px;  text-align: center;}


.Hwznr{height:350px; width:100%; background:url(../images/bj3.jpg) center center no-repeat fixed; padding-top:80px;}
.Hwznr01{height:190px; padding-top:30px; width:100%; background:rgba(255,255,255,0.2);}
.Hwznr01bt{font-size:34px; line-height:42px; font-weight:bold; color:#fff; margin-bottom:20px;}
.Hwznr01bt span{color:#ffa000; }
.Hwznr02bt{font-size:14px; line-height:28px;color:#fff;border-left:5px solid #ffa000; padding-left:10px; width:70%; margin:0px;}

.Hwzmore a{  font-size:14px; width:160px; display:block; height:50px; background:#FFF; color:#212121; text-align:center; text-decoration:none;position:absolute; right:0px; top:50px; border-bottom:2px solid #de7900; line-height:50px;border-radius:15px 0px 15px 0px;}
.Hwzmore a:hover{  border-left:1px solid #de7900;  border-bottom:2px solid #de7900; color:#de7900;}


.Hyybt{font-size:18px; line-height:42px; font-weight:bold; color:#fff; padding-top:30px; text-align:right; text-transform:uppercase;}
.Hyybt span{color:#ffa000; }
.Hyybt01bt{font-size:14px; line-height:28px;color:#fff; text-align:right;}


.Hnew{ width:100%; height:auto; margin:auto;padding-top:110px; padding-bottom:40px; position:relative;}
.Hnewk{ width:1260px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}
.Hnewnr{width:48%; height:160px; background:#FFF; border:4px  dashed #efefef;  margin-bottom:40px; position:relative;}
.Hnewimg{position: absolute; z-index:1; left:20px; top:25px; width:100px; height:100px; overflow:hidden; left:20px; top:30px;border-radius:15px 0px 15px 0px;}
.Hnewimg img{ width:100px; height:100px; }
.Hnewnr01{font-size:16px; line-height:40px; font-weight:bold; color:#212121; padding-left:140px; padding-right:20px; margin-top:25px;}
.Hnewnr01 span{font-size:14px; line-height:24px;color:#626262; padding-top:20px; font-weight:normal;}



/*****/
@keyframes f2icon {
	0%, 100% {transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {transform:translate(0, 15px)}
}
@-moz-keyframes f2icon {
	0%, 100% {-moz-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-moz-transform:translate(0, 15px)}
}
@-webkit-keyframes f2icon {
	0%, 100% {-webkit-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-webkit-transform:translate(0, 15px)}
}
@-o-keyframes f2icon {
	0%, 100% {-o-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-o-transform:translate(0, 15px)}
}


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}


.Hfooter{width:100%; background:url(../images/fbj.jpg) top center no-repeat; padding-bottom:50px;}
.Hfooterk{display: flex; flex-wrap: wrap; justify-content: space-between; width:1220px; margin:auto; padding-top:70px; padding-bottom:50px;}
.Hfooterlx{width:40%; color:#fff; font-size:14px; line-height:34px;}
.Hfooterbt{font-size:24px; height:48px; line-height:48px; color:#fff; font-weight:bold; margin-bottom:20px; background:url(../images/fbj1.png) center left no-repeat; padding-left:60px;}

.Hfooterdh{width:25%; margin-left:5%; color:#fff; font-size:14px; line-height:28px;}
.Hfooterdh ul li{display:block; float:left; width:45%;}
.Hfooterdh ul li a{color:#fff; font-size:14px; line-height:34px; text-decoration:none;}
.Hfooterm{width:25%; padding-top:20px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.Hfooterm img{ margin-bottom:20px; width:130px;}
.Hfootermbt{text-align:center; font-size:14px; font-weight:bold; line-height:24px; color:#fff;}

.Hfooterbq{width:1200px; font-size:14px; margin:auto; border-top:1px solid rgba(255, 255, 255, 0.5); padding-top:50px; line-height:26px; text-align:center;color:#fff;}

@media all and (max-width:1400px){
.tlogo{ width:400px!important;  padding-left:1%; text-align:left; height:115px; position: absolute; z-index:999;}
.tlogo  a img{ margin-top:30px;width:340px!important;}
ul.menu .menulink {border:0px solid;  padding:45px 0px 45px 0px; width:105px; color:#000;  font-family:"微软雅黑"; font-size:14px!important;}
	
}

@media all and (max-width:1300px){
.tlogo{ width:400px!important;  padding-left:1.5%; text-align:right; height:115px; position: absolute; z-index:999;}
.tlogo  a img{ margin-top:22px;}
ul.menu .menulink {border:0px solid;  padding:45px 0px 45px 0px; width:105px; color:#000;  font-family:"微软雅黑"; font-size:16px!important;}
	
}