html{font-size:62.5%;}
body{color:#222;-webkit-text-size-adjust:none;font-size:16px;font-size:1.6rem}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;font-size:62.5%; line-height:1.5;}
ol,ul{list-style:none;}

html,body{font-family:'微软雅黑';}
.cl{ clear:both;}
a:link,a:visited,a:active{text-decoration: none;}
a.nomal:link,a.nomal:visited,a.nomal:active{text-decoration: none;}
a:hover{text-decoration: none;}
.clear{ clear:both; float:none; *display:inline;}
header{margin:0 auto;width:100%;position:absolute;top:0;height:70px;color: #ccc;z-index: 999;background: #303c47;}
header .logo {position:relative;width: 259px;top:20px;left:35px;float:left;}
header nav.menu {position:relative;width:700px;margin: 25px auto 0 auto;text-align: center;}
header nav.menu ul li {margin: 0 30px;float:left;font-size: 16px;}
header nav.menu ul li a {color: #ccc;letter-spacing: 2px;cursor: pointer;}
header nav.menu ul li a:hover,header nav.menu ul li.active a {color: #00dfb9;text-decoration: none;}
header nav.menu .line {	position: absolute;	top: 0px;	width: 0px;	height: 3px;
	font-size: 3px;
	background-color: #00dfb9;
	display: none;
}

header .hotline {
	position: fixed;
	top: 20px;
	right: 10px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline {
	top: 20px;
	right: 185px;
}

header .hotline span {
	position: fixed;
	color: #00dfb9;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline span {
	font-size: 20px;
}

header .hotline u {
	position: fixed;
	top: 20px;
	right: 195px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url(../images/icons.png) no-repeat;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

header.fixed .hotline u {
	top: 20px;
	right: 195px;
}

header .hotline a {
	color: #00dfb9;
}

header .menu-icon {
	position: fixed;
	top: 34px;
	right: 48px;
	font-size: 24px;
	color: #00dfb9;
	z-index: 99;
	display: none;
}

header.fixed .menu-icon {
	top: 18px;
}

header .menu-icon a {
	color: #00dfb9;
	text-decoration: none;
}

header .menu-icon span {
	margin-left: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

header .menu-icon span.glyphicon-earphone {
	display: none;
}

header .menu-icon span:hover,header .menu-icon span.active {
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

header .bg {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 70px;
	background: #303c47;
	z-index: -1;

}

header .hotline .hlr ul li{float:left; margin-right:20px; color:#FFF;}
header .hotline .hlr ul li:nth-child(2){ background-color:#FFF;-moz-border-radius:15px; -webkit-border-radius: 15px; border-radius:15px; padding:3px 10px;}
header .hotline .hlr ul li dd{float:left; padding:0 10px; color:#333;}
header .hotline .hlr ul li dd:nth-child(2){ border-left:#CCC 1px solid;}
.clearfix{ clear:both; display:block;}
.wz{ padding:15% 5% 5% 5%;}
.demo {width:43%; padding-left:5%;}
.BreakingNewsController{width:100%;overflow:hidden;background:#FFF;height:auto;position:relative;}
.BreakingNewsController .bn-title{display:inline-block;float:left; width:70px;padding:10px 20px;background:#5aa628;color:#FFF;}
.BreakingNewsController ul{padding:0;margin:0;display:block;list-style:none;position:absolute;left:180px;right:50px;}
.BreakingNewsController ul li{list-style:none;padding:10px 20px;display:none;}
.BreakingNewsController ul li a{text-decoration:none;color:#333;display:inline-block;overflow:hidden;padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block;float:right;width:50px;position:absolute;right:0;top:0;bottom:0;}
.BreakingNewsController .bn-arrows span{display:block;width:20px;position:absolute;top:0;bottom:0;cursor:pointer;opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0;background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px;background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear;-moz-transition:.25s linear;-webkit-transition:.25s linear;}

.section-wrap .section-2{ background-color:#384c5f}
/*title*/
.ptitle{padding:80px 0; text-align:center;}
.time-axis{width:970px;margin:0 auto; min-height:450px; background:url(../images/zhouxian.png) center top repeat-y;}
.backTop{ width:42px; height:42px; position:absolute;right:50px;bottom:50px; z-index:99;}
.backTop:hover{ opacity:0.6;}

.planeq{width:200px;height:45px; line-height:45px; text-align:center; margin:0 auto; border:1px solid #1db6d8;}
.planeq a{color:#797979; font-size:14px; display:inline-block; height:45px;  position:relative; width:98px;}
.planeq a:hover,.planeq a.planCur{color:#fff; background:#1db6d8;-webkit-transition: all 0s ease-out;-moz-transition: all 0s ease-out;transition: all 0s ease-out; }

.scrolllist a.abtn{display:block;height:41px;width:42px; position:absolute; top:140px;}
.scrolllist a.aleft{left:-84px;}
.scrolllist a.agrayleft{cursor:default; opacity:0.5;}
.scrolllist a.aright{right:-84px;}
.scrolllist a.agrayright{cursor:default; opacity:0.5;}
.scrolllist{width:927px;height:320px;margin:0 auto; position:relative;}
.scrolllist .imglist_w{width:927px;height:320px;overflow:hidden;float:left;position:relative;margin:25px 0 0 0;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:264px;float:left;height:300px;padding:5px;border:#DBDBDB 1px solid; position:relative;background:#fff;margin-right:50px;}
.scrolllist .imglist_w li .xiajian{width:12px; height:6px;position:absolute;left:135px;bottom:-7px;}
.scrolllist .imglist_w li img{width:264px;height:202px;}
.scrolllist .imglist_w li a{color:#333333;text-decoration:none;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li h3{padding:8px 0 0 0; font-size:18px; font-weight:400 ; text-align:center; line-height:36px;}
.planimg{width:264px; height:202px; position:relative;}
.planzhezhao{ position:absolute;left:0;top:0;width:100%; height:100%; background:url(../images/case_cur.png) center center; cursor:pointer; display:none;}
.scrolllist .imglist_w li:hover .planzhezhao{ display:block;}
.planlist{ display:none;}
.planlist .sysback a{ display:inline-block;width:80px; height:20px; background:#eac009;color:#fff; font-size:14px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px; line-height:20px; text-align:center;}

.plan-shaixuan{ display:none; margin-top:2%;}
.more2{ 
padding:10px 40px;
border:1px solid #1cb5d8;
margin:50px 0;
-moz-border-radius: 15px;  
-webkit-border-radius: 15px;  
border-radius: 15px;  
position:relative;
background:#FFF;  
z-index:2;
behavior: url(iecss3.htc) 
}

.more2:hover{ background:#1cb5d8; color:#FFF;}


.section-wrap .section-3{background: url(../images/wallpaper2.jpg) 50% bottom;-moz-background-size: cover;background-size: cover;}

.cases .box{position: relative; top:50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.cases .box .caption {width: 100%;text-align: center;-moz-opacity: 1;opacity: 1;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.cases .box .caption i {display: block;margin: 0 auto;margin-bottom: 20px;width: 407px;height: 66px;background: url(../images/title-cases.png) no-repeat;}
.cases .box .caption span {font-size: 24px;letter-spacing: 3px;padding-left: 10px;}
.cases .box .swiper-container.items {position: relative;margin: 0 auto;width: 1080px;-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.cases .box .swiper-container.items .swiper-slide {
	float: left;
	width: 330px;
	padding:5px;
	margin: 0 10px;
	border-bottom: 2px solid #0b9aba;
	cursor: pointer;	
}
.cases .box .swiper-container.items .swiper-slide {
    margin: 20px 10px 20px 0;
}
.cases .box .swiper-container.items .swiper-slide img {
	width: 330px;
	height: 200px;
}

.cases .box .swiper-container.items .swiper-slide h2 { font-size:24px; color:#FFF; font-weight:normal;}
.cases .box .swiper-container.items .swiper-slide p {	
    margin:10px 0;
	color: #fff;
	font-family: Arial,"宋体";
	font-size: 12px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}

.cases .box .swiper-container.items .swiper-slide p strong {
	color: #222;
	font-family: Arial,"微软雅黑";
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}


.cases .box a.more {
	display: block;
	position: relative;
	margin: 0 auto;
	top:60px;
	width: 160px;
	height:40px;
	line-height:40px;
	padding:5px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
	border: 1px dotted #fff;
	-webkit-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -moz-border-radius: 15px;  
    -webkit-border-radius: 15px;  
    border-radius: 15px; 
    z-index:2; 
    behavior: url(iecss3.htc) 	
}
.cases .box a.promore {
    position: initial;
    margin: 40px auto;
}
.cases .box a.more:hover {
	width: 200px;
	height:50px;
	line-height:50px;
	color: #5CC7DF;
	background: #fff;
}
.in_news_l{ float:left; border:0px solid #CCC; width:60%;}
.in_news_r {
    float: right;
    width: 38%;
    /* background: url(../images/inpro_bg.png) no-repeat right top; */
    /* margin-bottom: 60px; */
    margin-top: 20px;
}
.in_news_r img{ margin-top:20px; width:94%;}
.in_news_r h2 a{ font-size:24px; color:#177d94; font-weight:normal; line-height:36px;}
.table_card { width:100%; margin:0 auto;margin-top: 20px}
.table_card .tab { height:37px; font-size:14px; border-bottom:1px #e1e1e1 solid}
.table_card .tab li { float:left; height:36px; line-height:36px; padding:0 25px; margin-right:5px; background:#f0f0f0; border-top:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tab span{ float:right; margin-top:10px;}
.table_card .tab li:hover { height:37px; border-bottom:2px solid #177d94;  color:#177d94; cursor:pointer}
.table_card .activ { height:37px !important; border-bottom:2px solid #177d94; color:#177d94}

.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}
.newslist01 { font-size:14px; padding:10px 0;}
.newslist01 dl {clear:both; margin:10px; border-bottom:1px dashed #ccc; display:block; height:40px; padding-bottom:20px;}
.newslist01 dl dd{ background:#5cc8e0; color:#fff; float:left; width:50px; padding:3px 0; text-align:center; line-height:20px; margin-right:10px;}
.newslist01 dl dd p{color:#fff;}
.newslist01 dl dd b{ width:100%; font-weight:normal;}
.newslist01 dl dt{ float:left;}
.newslist01 dl .ding { color:#F30; margin-left:5px}
.newslist01 dl .time { float:right; font-size:12px; color:#888}
.section-wrap .section-4{background: url(../images/wallpaper4.jpg) 50% top;-moz-background-size: cover;background-size: cover;}
.footer{ text-align:center;width:100%;height:60px; background:#303c47;color:#fff; line-height:60px; font-size:14px; left:0;bottom:0;}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.section-btn{ width:14px;position:fixed;right:1%;top:50%;}
.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#303c47}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#ccc;border:1px solid #ccc;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
	width:1920px;
	height:650px;
	margin-top:88px;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(../images/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(../images/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}

@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
.dvnbw {
    height: 37px;
    font-size: 14px;
    border-bottom: 1px #e1e1e1 solid;
}

.dvnbw span {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    margin-right: 5px;
    background: #f0f0f0;
    border-top: 1px #e1e1e1 solid;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
}

.in_news_r ul li {
    margin: 14px 0 15px 20px;
    list-style: circle;
}

.jtcrd {
    width: 1200px;
    margin: 30px auto 0;
    padding: 10px 0 0 0;
}

.phwjx li {
    float: left;
    width: 31.3%;
    margin: 0 1%;
}

.phwjx li img {
    width: 100%;
    border: 1px dotted #ccc;
    box-sizing: border-box;
}

.phwjx li p {
    text-align: center;
    font-size: 21px;
}

.phwjx {
    overflow: hidden;
    clear: both;
}

.jtcrd h3 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 40px;
}