@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;  text-align:justify; text-justify:inter-ideograph;  background:#e0fffd; }
body { margin:0px; padding:0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; }
a:hover{ color:#fff; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

select::-ms-expand { display: none; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}

.amn5 {transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn5:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px);}

.warp { width: 1200px; margin: 0 auto;overflow: hidden;}

.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  z-index:999999; position:relative;  background:url(../images/bg.jpg) center bottom no-repeat; /*background-size:100% 100%;*/}

.tit {  width:1413px; position:absolute; top:15%; left:50%; margin-left:-707px; text-align: center;
-webkit-animation:tit 1s ease-out .3s backwards; animation:tit 1s ease-out .3s backwards;}
@keyframes tit
{
0%   { -webkit-transform:scale(.4);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(.4);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
.mobtit {  width:1000px; position:absolute; top:20%; left:50%; margin-left:-500px; text-align: center; display: none;
-webkit-animation:tit 1s ease-out .3s backwards; animation:tit 1s ease-out .3s backwards;}
@keyframes tit
{
0%   { -webkit-transform:scale(.4);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(.4);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}



.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:70px}
.arrows path{stroke:#fff;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}


.daoyu { background:url("../images/daoyu_bg.jpg") no-repeat bottom center; height:180px; overflow: hidden; padding-top: 30px; }
.daoyu h2 { font-size: 30px; color:#a1f7f7; font-weight: 700; border-right:#a1f7f7 1px solid; padding-right: 55px; margin-right: 25px; width: 40px; float: left;}
.daoyu p { font-size: 16px; color: #fff;}


#nav{ width: 100%; z-index: 9999; background:linear-gradient(to right,#23919f,#1d6b77,#27828b); /*background: #07058f;*/}
#nav ul { width: 1200px; margin: 0 auto; overflow: hidden;}
#nav ul li { float:left; font-size:18px; line-height:60px; text-align:center;  font-weight:bold; padding:0 81px 0 0; }
#nav ul li a {  color:#ffc281; display: block;}
#nav ul li b { padding:0 7px; font-weight:bold; font-size:14px; vertical-align:bottom; }
#nav ul li font { font-weight: normal;color:rgb(255,255,255,.9);  }
#nav ul li a:hover { color:#ffc281; }
#nav ul li a:hover font  { color:#ffc281; }

.lm { width:100%; margin:0 auto; overflow:hidden; text-align:center; padding:55px 0 25px 0; }


.hx { width:100%; float: left; position:relative; height:420px; margin-top:20px;  }
.hx .piclist { width:100%; float:left; }
.hx .piclist li { width:100%; float:left; background:rgba(255,255,255,0); }
.hx .piclist li h3 { width:50%; height:360px; float:left; overflow: hidden; }
.hx .piclist li h3 img { width:100%; height:100%; }
.hx .piclist li h4 { width:45%; float:right;  }
.hx .piclist li h4 font { width:100%; float:left; color:rgba(0,0,0,.9); line-height:35px; font-size:26px; font-weight: bold;  }
.hx .piclist li h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:30px; }
.hx .piclist li h4 p { width:100%; float:left;  color:rgba(0,0,0,.7); line-height:35px; font-size:16px; padding:20px 0 0 0; }
.hx .piclist li h4 b {width: 220px; float: left;  position: relative; border: 1px solid #c5a86a; font-size: 20px; line-height: 61px; padding:0 55px; border-radius:50px; color:#8b614f; margin-top: 50px; }
.hx .piclist li h4 b:after { border:solid transparent; content: ''; height:0; right:40px; position:absolute; width:0; border-width:8px; border-left-color:#8b614f; top:24px; }
.hx .piclist li:hover h4 font { }
.hx .pager { width:100%; height:16px; position:absolute; left:0; bottom:3px; text-align:left; z-index: 888888;}
.hx .pager ul li { width:16px; height:16px; display:inline-block; margin:0 5px; cursor:pointer; border:1px solid #fb4520;  border-radius:50%; overflow:hidden; line-height:99;}
.hx .pager ul li.on { background:linear-gradient(135deg,#dd1313 0,#fb4520 100%);border:1px solid #dd1313;}

.hx .prev,.hx .next { width:120px; bottom:0px; cursor:pointer; position:absolute; z-index:9999; text-align:center; color:#fff;  line-height: 120px; font-family:"\5B8B\4F53";  font-weight:bold; font-size:48px; display: block; }
.hx .prev { right:120px; background: #fb4520;}
.hx .next { right:0; background: #dd1313;}

.xyzg { width:100%; float: left;}
.xyzg ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; }
.xyzg ul li h3 { width:100%; height:210px; position:relative;  }
.xyzg ul li h3 img { width:100%; height:100%; }
.xyzg ul li h3 b { display: none; position:absolute; left:0; bottom:0; background:linear-gradient(135deg,#299b92 0,#2c6da8 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.xyzg ul li h4 { width:100%; float:left;  background:#fff;  padding:12px 5%; }
.xyzg ul li h4 p { font-size:16px; line-height:22px; color:#000;  text-align: center; font-weight: bold;height:44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.xyzg ul li:nth-child(3n) { margin-right:0;}
.xyzg ul li:hover h4 { color:#e84335; }

.sjyh { width:100%; float: left;padding-bottom: 40px; }
.sjyh ul li { width:22%; margin-right:4%; float: left; height: 230px; position:relative; background:url("../images/techbj.png") no-repeat left top; background-size:contain; margin-top:35px; margin-bottom: 58px; display: inline-block; cursor: pointer;  }
.sjyh ul li .circle { position:absolute; width:45px; height:45px; left:120px; bottom:3px; background:#e85251; border-radius:50%; z-index:9; }
.sjyh ul li h3 { position:absolute; width:190px; height:190px; border-radius:50%; top:20px; left:0px; background-repeat: no-repeat; background-position:center center; background-size:cover; }
.sjyh ul li h4 { position:absolute; top: 230px;width: 190px;text-align: center; line-height:24px;  color:#333;  }
.sjyh ul li:hover a h4 { color: #d2ab61; }
.sjyh ul li:nth-child(4n) { margin-right:0; }
.sjyh .more {margin-top: 64px;}

.wwcx { width:100%; float:left; margin-bottom: 40px;  } 
.wwcx ul li { width:32%; float:left;  background:#f1f1f1;  margin:0 2% 20px 0;}
.wwcx ul li h4 { width:65%; float:right; color:#404040; line-height:25px; font-size:16px; overflow:hidden; height:90px; padding:0 3% 0 5%; display:flex; justify-content:center; align-items:center; }
.wwcx ul li h5 { width:35%; float:left; height:90px; overflow: hidden;  }
.wwcx ul li h5 img { width:100%; height:100%;  }
.wwcx ul li:nth-child(3n) { margin-right:0; }
.wwcx ul li:hover h4 { color:#fff; }
.wwcx ul li:hover { background: #dd1313;}

.fykp { width:100%; float:left;} 
.fykp ul { width:100%; float:left;  margin-bottom:-10px; } 
.fykp ul li { width:49%; margin-right: 2%; float:left; padding: 2%;  margin-bottom:10px; margin-top:9px; background: #fff;}
.fykp ul li:nth-child(2n){ margin-right: 0%;}
.fykp ul li h4 { width:62%; float:right; }
.fykp ul li h4 span { width:100%; float:left; color:#333; line-height:26px; font-size:18px; margin-bottom:10px; font-weight:bold; overflow:hidden; height:52px;}
.fykp ul li h4 p { width:100%; float:left; color:#999; line-height:24px; font-size:14px; height:48px; overflow:hidden;  }
.fykp ul li h5 { width:33%; float:left;  overflow:hidden;  }
.fykp ul li h5 img { width:100%; height:110px; display:block;}
.fykp ul li:hover h4 span { color:#f56a3f; }


.footer { width:100%; margin:50px auto 0 auto; overflow:hidden;  background:linear-gradient(to left,#2296a1,#1d6b77,#27828b);  font-size:16px; line-height:70px; color:#fff; text-align:center;  }
.footer strong { margin-left: 10px; }
.footer font { margin-left: 14px; }

.more { float:right; margin-top:24px; }
.more a { display:inline-block; font-size:16px; color:#555; background:#f8f8f8; padding:0 16px; line-height:42px; border-radius:3px;  }
.more a:hover { color:#fff; background:#d92a2d;  }

#toTop {width:40px; height:40px; display:none; text-decoration:none; position:fixed; bottom:14px; right:18px; overflow:hidden; z-index:99999999;
border: none; text-indent:100%; background: url("../images/top_move.png") no-repeat 0px 0px; }
#toTopHover { width:40px; height:40px; display:block; overflow:hidden; float:right; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0); }



@media screen and (max-width:999px) and (min-width: 160px){
html,body,.header,.daoyu,.footer,#nav { width:1280px; }
	.header {width:1280px; height: 800px; }
	.tit { width: 100%;margin-left:-0%; left: 0;}
	.tit img { width: 98%;}
}