@charset "gb2312";
/* CSS Document */

html,body,dl,dd,dt,ul,li,p,h1,h2,h3,h4{margin:0; padding:0;  outline: 0 none;}
html{background:#FFF;}
body{border:#FFF; font: 14px/1.5 Microsoft YaHei,Arial,sans-serif; margin: 0 auto; outline: 0;}
ul {list-style:none;}
img{max-width:100%;}
img , a{border:none;}
a{text-decoration:none;}
a:hover{
  transition: all 0.2s ease;  /*这个起到延时过渡作用*/
}

.mw{width:100%;}/*宽度全屏层*/
.w{margin-left:auto; margin-right:auto; overflow:hidden; min-width:320px; box-sizing:border-box; width:1008px; max-width:100%;}
	
.l_w{float:left; width:25%; overflow:hidden; box-sizing:border-box;}
.r_w{float:left; width:75%; padding-left:20px; overflow:hidden; box-sizing:border-box;}
.fl{float:left;}
.fr{float:right;}
.t10{margin-top:10px;}
.center{margin-left:auto;margin-right:auto;}

.bk{border:#DDD solid 1px;}/*边框*/

.top_t{height:32px; line-height:32px; border-bottom:solid 1px #ddd; color:#333;}
.top_head{height:124px;}
.top-l{margin-top:30px;width:500px;}
.top-r{font-size:16px; width:220px; position: relative;margin-top:36px;}

.logo{font-size:28px; font-weight:bold; text-shadow:2px 2px 2px #DDD; color:#2B294E;}
.en{font-size:14px; text-shadow:2px 2px 2px #DDD;  font-family:Arial; color: #5A5963;}
#tel{font-size: 24px; color: #eb3c10;}

.page_banner{height:330px; background:url(../images/page_banner.jpg) no-repeat center top;}

.htit{
	width: 700px;
	margin: 20px auto 40px auto;
    text-align: center;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #AAA;
}
.info{
	width: 800px;
    margin: 0 auto;
    font-family: cursive,fantasy;
    font-size: 28px;
	text-align:center;
    color: #2B64CE;
    position: relative;
    margin-top: -20px;
	margin-bottom:15px;
}
.imgbox{overflow: hidden; margin:20px 0; width:320px; float:left;}
.imgbox img{    border-radius: 15px;
    border: 2px solid #AAA;
    padding: 3px; box-sizing: border-box; margin-bottom:50px;}
	
.jieshao{width:650px;float:right;
	font-size:16px; line-height:34px; margin-bottom:30px;
}

.fot-l{width:300px; height: 200px; margin-right:60px;background: url(../images/fottxtbr.png) repeat-y right center;}

/****************************/
.bigeyes{ position:relative; margin:-7px auto 0 auto; width:100%; height:420px; overflow:hidden}
.bigeyes #banner {width:100%;height:420px; position:relative }
.bigeyes #banner img{width:100%;}
.bigeyes #btn {display: inline;float:right;margin:-30px 50% 0 auto;position:relative;z-index:20;}
.bigeyes #btn a {background:url(../images/bigeye_page_1.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bigeye_page_1.png" ,sizingMethod="crop");  
float:left;width:14px;height:14px;line-height:14px; margin:0 2px;position:relative; cursor:pointer}
.bigeyes #btn a:hover,#btn a.activeSlide {background:url(../images/bigeye_page_2.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bigeye_page_2.png" ,sizingMethod="crop");  }
#banner { width:100% }
#banner div { width:100%; height:470px; background-position:top center; background-repeat:no-repeat; position:absolute; }
#banner div a { display:block; width:100%; height:100% }
/*****************导航******************/
.nav{
	overflow: hidden;
    min-height: 45px;
	border-bottom: 1px solid #044e97;
    background: #0666c5;
    background-color: #0767c8;
    background-image: -moz-linear-gradient(top,#086ed5,#055db5);
    background-image: -ms-linear-gradient(top,#086ed5,#055db5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#086ed5),to(#055db5));
    background-image: -webkit-linear-gradient(top,#086ed5,#055db5);
    background-image: -o-linear-gradient(top,#086ed5,#055db5);
    background-image: linear-gradient(top,#086ed5,#055db5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#086ed5', endColorstr='#055db5', GradientType=0);
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.nav ul{}
.nav ul li{float:left; POSITION: relative;}
.nav li a{display:block; padding:0 20px; color:#FFF; font-family:Microsoft Yahei; font-size:16px; height:50px; line-height:50px;overflow: hidden; text-align: center;}
.nav li a:hover{color:#F60;}


/*****************************************************/


.dt {background-color: #0a8; color: #fff; padding: 10px;   font-size: 14px;}

.dt0 {overflow:hidden; border-bottom: 2px solid #C0D2E0; height: 32px;line-height: 32px; color:#FFF;}
.dt0 strong{float:left; font-size:14px; color:#FFF; font-weight:normal; border-radius:3px; margin-left:10px;}
.dt0 span{float:right; color:#FFF; padding-right:10px;}
.dt0 span a{margin-right:10px; font-size:12px; color:#FFF;}
.bg1{background: #0ae;}
.bg2{background: #f60;}
.bg3{background: #0a8;}
.bg4{background: #0ab;}

.dt1{height:40px; line-height:40px; background:#F0F0F0; color:#333; font-size:14px; padding-left:20px;}

.bt{
    height:32px; 
	line-height:32px; 
	overflow:hidden;
	background:#F60;
	color:#FFF;}
	}
.bt strong{float:left; color:#FFF; margin-left:20px;}
.bt span{float:right; margin-right:10px;}


/**********************************/
.col{margin-left:-10px; margin-right:-10px;}
.col .dl{float:left; padding-left:10px;padding-right:10px; width:33.3333%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

/***-----------文字列表-----------****/
ul.list1{overflow:hidden;}
ul.list1 li {
border-bottom: 1px dotted #D6D6D6;
overflow: hidden;
}
ul.list1 li:last-child {
  border-bottom: none;
}
ul.list1 li a {
white-space: nowrap;
min-width: 37px;
overflow: hidden;
color: #777;
font-size: 14px;
display:block;
padding: 8px 0 8px 10px;
transition: all 0.3s ease;
font-family:微软雅黑;
}
ul.list1 li a:hover{padding-left:30px;     transition: all 0.3s ease; color:#138EBF;}
/**列表2**/
ul.list2{overflow:hidden;}
ul.list2 li {
height: 38px;
overflow:hidden;
border-bottom: solid 1px #FCFCFC;
border-top: solid 1px #ddd;
}
ul.list2 li:hover{background:#FCFAF2;}

ul.list2 li a {
float: left;
height: 38px;
line-height: 38px;
overflow: hidden;
color: #666;
}

/*************文字列表小图标****************/
.ico1 li a{
	background: url(ico1.gif) no-repeat 8px center;
padding-left: 20px;}
.ico2 li a{
	background: url(ico2.gif) no-repeat 8px center;
padding-left: 20px;}
.ico3 li a{
	background: url(ico3.gif) no-repeat 8px center;
padding-left: 20px;}
.ico4 li a{
	background: url(ico4.gif) no-repeat 8px center;
padding-left: 20px;}
.ico5 li a{
	background: url(ico5.png) no-repeat 6px center;
padding-left: 20px;}

/***-----------图文列表-----------****/
.twlb li{float:left; overflow:hidden; border-bottom: dashed 1px #EEE; padding:7px 14px; box-sizing:border-box;}
.twlb li div{float:left; height:60px; overflow:hidden;}
.twlb li div.imgk{width:60px; margin-right:10px;}
.twlb li div.txtk{width:70%;}
.twlb li img{ width:60px; height:60px;}
.twlb li h4 {font-size:16px; overflow:hidden;}
.twlb li h4 a{color:#333;}
.twlb li p{height:44px; font-size:14px; text-indent:24px; color:#888;}

/***-----------图片列表-----------****/
ul.tplb{overflow:hidden;}
.tplb li{float:left; padding:10px; overflow:hidden; text-align:center;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
position:relative;
}
.tplb li img{width:100%;}
.tplb li a h4{padding:3px 2px; text-align:center; font-size:12px; height:20px; font-weight:normal; bottom:0; color:#333; width: 100%; transition: all 0.3s ease;}
.tplb li a:hover h4{transition: all 0.3s ease;}

.lxfs{padding:10px; line-height:28px;}

/*********盒子投影**********/
.boxs {
  box-shadow: 0 0 3px 3px rgba(204, 204, 204, .5);
  -webkit-box-shadow: 0 0 3px 3px rgba(204, 204, 204, .5);
  -moz-box-shadow: 0 0 3px 3px rgba(204, 204, 204, .5);
}
/*********文字投影**********/
.texts{text-shadow:2px 2px 1px #999;}

/*******渐变背景色*******/
.jb{
	background-image: -moz-linear-gradient(top, #029FFF, #0C92BA); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #029FFF), color-stop(1, #0C92BA)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029FFF', endColorstr='#0C92BA', GradientType='0');
	}
	
/*******圆角********/
.yj2{border-radius:2px;}
.yj3{border-radius:3px;}
.yj4{border-radius:4px;}
.yj5{border-radius:5px;}
.yj6{border-radius:6px;}
.yj7{border-radius:7px;}
.yj8{border-radius:8px;}

/*****按扭****/
.btn{border:1px solid #DDD; color:#666; background:#efefef; padding:5px 10px; display:inline-block;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.btn:hover{background:#F60; color:#FFF; cursor:pointer; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;  animation: zhengdong 0.6s;}

/******动画-震动******/
@keyframes zhengdong
{
0%   {transform:rotate(7deg)}
25%  {transform:rotate(-7deg)}
50%  {transform:rotate(2deg)}
75%  {transform:rotate(-2deg)}
100% {transform:rotate(0deg)}
}
/******动画-漂浮******/
@keyframes piaofu
{
0%   {margin-top:0px;}
25%  {margin-top:-2px;}
50%  {margin-top:0px;}
75%  {margin-top:2px;}
100% {margin-top:0px;}
}
/******动画-由上向下******/
@keyframes wenzi
{
0%   {opacity:0; top:20px;}
25%  {opacity:0.3; top:15px;}
50%  {opacity:0.5; top:10px;}
75%  {opacity:0.7; top:5px;}
100% {opacity:1.0; top:0px;}
}
/********动画-从左到右-动画名myfirst******/
@keyframes myfirst   
{
from {margin-left:-296px;}
to {margin-left:0px;}
}
.go{/*****设置动画时间****/
  -webkit-animation: 1s ease-out myfirst;
  -moz-animation: 1s ease-out myfirst;
  -ms-animation: 1s ease-out myfirst;
  animation: 1s ease-out myfirst;
	}
/********动画-从左到右********/
@keyframes tel   
{
from {right:-260px;}
to {right:0px;}
}

.dh_r{/*****设置动画时间****/
  -webkit-animation: 1s ease-out tel;
  -moz-animation: 1s ease-out tel;
  -ms-animation: 1s ease-out tel;
  animation: 1s ease-out tel;
	}
	
/*******翻转图片动画********/
.fztp li img{-webkit-animation:transform-5 0.5s ease 500ms alternate none 1;animation:transform-5 0.5s ease 500ms alternate none 1;}
.fztp li img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.fztp li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}


/**********图片翻转动画定义************/
@-webkit-keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}

.youshi{overflow:hidden; position:relative; z-index:2;  background-size:100% auto;}
.youshi li{width:26%; max-width:430px; margin-top:20px; margin-bottom:10px; background:#1F1818;}
.youshi li:hover{animation: zhengdong 2s;}
.ys1,.ys3,.ys5,.ys7{float:left;}
.ys2,.ys4,.ys6,.ys8{float:right;}
.ys1{margin-left:19%;}
.ys3{margin-left:10%;}
.ys5{margin-left:10%;}
.ys7{margin-left:19%;}

.ys2{margin-right:19%;}
.ys4{margin-right:10%;}
.ys6{margin-right:10%;}
.ys8{margin-right:19%;}


.son{}
.son a{float:left; padding:3px 5px; margin-right:10px; border:1px solid #AAA; border-radius:3px;}
/***-----------图文列表-----------****/
.twlb1{margin:0 -10px;}
.twlb1 li{overflow:hidden; border-bottom: dashed 1px #EEE; margin:1%; padding:5px; box-sizing:border-box; float:left; background:#EFF5F4;}
.twlb1 li:hover{ box-shadow: 0 0 3px 3px rgba(204, 204, 204, .5);}
.twlb1 li div{float:left; overflow:hidden;}
.twlb1 li div.imgk{width:80px; width:20%; }
.twlb1 li div.txtk{width:79%; padding-left:1%;}
.twlb1 li img{ width:120px; height:100px; float:left;}
.twlb1 li h4 {  height: 24px; font-size:16px; overflow:hidden;}
.twlb1 li h4 a{color:#333;}
.twlb1 li p{ font-size:14px; text-indent:24px; color:#777;}
/***********************分页******************************/
.pagelist{display:block; clear:both; margin:20px 5px;}
.pagelist li{float:left; margin:5px; padding:3px 6px;border-radius: 3px; border:1px solid #dedede; font-size:12px;}
.pagelist li.thisclass{font-weight:bold; color:#F00;}

/***********************内容页常用******************************/
h1.tit{height:25px; line-height:25px; margin:10px; text-align:center;} /*标题*/
div.main_content{line-height:28px; color:#333; font-size:14px;} /*主要内容*/
div.upnext{line-height:32px; margin:10px;} /*上下篇*/


.xclc{}
.xclc li{width:80px; height:80px; border-radius:50%; border:2px solid #5380AD; float:left; margin:20px; background:#e8f5fe url(xclc.png) no-repeat;overflow: hidden;}
.xclc li.lc1{background-position:-15px 0px;}
.xclc li.lc2{background-position:-105px 0px;}
.xclc li.lc3{background-position:-193px 0px;}
.xclc li.lc4{background-position:-393px 0px;}
.xclc li.lc5{background-position:-478px -3px;}
.xclc li.lc6{background-position:-573px -3px;}
.xclc li.lc7{background-position:-778px -8px;}
.xclc li.lc8{background-position:-870px -5px;}
.xclc li span{height:0; display:none;}
.xclc li:hover span{height:100%; background:rgba(3,3,6,.4); color:#FFF; display:block; widht:100%; text-align:center; line-height:80px; border-radius:50%;}
.xclc li{	   
 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;
}
.xclc li:hover{
	transform:rotate(360deg);

    -webkit-transform:rotate(360deg);

    -moz-transform:rotate(360deg);

    -o-transform:rotate(360deg);

    -ms-transform:rotate(360deg);
}

/************底部*********************/
.foot{background:#182127;}
.foot1{color:#939fa6;  padding:30px 0;}

.fbox1{float:left; width:280px; margin-right:30px;}
.fbox1 li{padding:10px; }

.fdt{padding:10px; font-size:18px; color:#E9EBED;}
.fbd{float:left; width:280px; margin-right:30px;}
.fbd ul{height:269px;}
.fbd li{margin:10px 0; padding:0;}
.fbd input,.fbd textarea{background:#e5e5e5; border-radius:3px; border:1px solid #AAA; }
.fbd input.txt{width:174px; height:24px; line-height:24px;}
.fbd textarea{width:209px; height:101px;}
.flx{float:left; width:280px;}

.fewm{padding:60px;}

.f_bottom{background:#0f151a; padding:38px; color:#E9EBED;  text-align:center;}

#navBar{display:none;}

/********回顶部**start*******/
#back-to-top {
position: fixed;
bottom: 100px;
right: 60px;
}
#back-to-top a {
text-align: center;
text-decoration: none;
color: #d1d1d1;
display: block;
width: 80px;
-moz-transition: color 1s;
-webkit-transition: color 1s;
-o-transition: color 1s;
}
#back-to-top a span {
background: #d1d1d1;
border-radius: 6px;
display: block;
height: 80px;
width: 80px;
background: #238AD3 url(ico.png) no-repeat center center;
margin-bottom: 5px;
-moz-transition: background 1s;
-webkit-transition: background 1s;
-o-transition: background 1s;
}

/********回顶部*********/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(24, 33, 39, 0.8) url(go-top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/*************返回顶部结束***************/

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.w{width:100%;padding:0 10px; box-sizing: border-box;} 
	.col div.dl{width:100%;} 
	.twlb li{width:100%;} 
	.col{margin:0;} 
	.tplb li{width:50%;}
	
	.page_banner{display:none;}
	.sgnr{padding:20px 0;}
	#sgtx p{display:none;}
	.sgnr img{width:50px;}
	.sige li {height:140px; padding:10px;}
	.sgnr h4{font-size:14px;margin: 5px 0;}
	.sige li a:hover #nr1{margin-top: -205px;}
	.sgnr p.tb{height:50px;}
	.top_head{height:auto;}
	.htit,.info,.imgbox,.jieshao{width:100%;}
	.fot-l{width:100%;margin:0; background:none;text-align:center;}
	
	.ys1,.ys3,.ys5,.ys7{margin-left:5%; }
	.ys2,.ys4,.ys6,.ys8{margin-right:5%; }
	.youshi li{width:40%; min-height:98px;}
	#wx{display:none;}
	#a1{width:100%;}
	.twlb1 li{width:98%; float:none;}
	
	.fbox1{width:90%; margin-left:5%; border-bottom:1px solid #444;}
	.fbd{width:90%; margin-left:5%;border-bottom:1px solid #444;}
	.flx{width:90%; margin-left:5%;}
	.fewm{display:none;}
	
	#navBar{display:block;}
	#updown{display:none;}
	
	/* 横栏 */
.navBarPlaceholder { width:100%; height:45px; clear:both; }
.navBarLv_0 { width:100%; position:fixed; left:0 !important; bottom:0; z-index:100; }
.navBarLv_0 dt, .navBarLv_0 .pointer { display:none; }
.navBarLv_0 .slide { width:100%; height:45px; max-width:640px; min-width:320px; background:#251AC5; margin:0 auto; box-shadow:0 -2px 5px rgba(0,0,0,0.2); padding:0 !important; left:0 !important; }
.navBarLv_0 dl { float:left; width:100%; }
.navBarLv_0 dd { float:left; width:25%; }
.navBarLv_0 dd a { display:block; height:43px; line-height:25px; text-align:center; color:#FFF; padding-top:2px; font-size:0.8em; left:0 !important; }
.navBarLv_0 dd a:before { width:25px; height:20px; content:"\20"; background:url(icon.png) 0 0 no-repeat; background-size:100px; display:block; margin:0 auto; }
.navBarLv_0 dd:nth-child(2) a:before { background-position:0 0; }
.navBarLv_0 dd:nth-child(3) a:before { background-position:-25px 0; }
.navBarLv_0 dd:nth-child(4) a:before { background-position:-50px 0; }
.navBarLv_0 dd:nth-child(5) a:before { background-position:-75px 0; }
.navBarLv_0 dd:nth-child(2) a { border-left:0; }
.navBarLv_0 dd:nth-child(5) a { border-right:0; }
.navBarLv_0 a.hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }


	}
	
@media screen and (min-width:1200px){
	.w{width:1008px;} 
	.col div.dl{width:33.3333%;} 
	.tplb li{width:25%;}
	}