html,body {
    height: 100%;
    min-width:1200px;
}

body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,textarea,header,nav,section,article,aside,footer,figure,figcaption {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

li,dt,dd {
	list-style: none
}

body,input,textarea {
	font: 14px/1.8 "microsoft yahei"
}

.trsn {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}

.scale {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}

img {
	border: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}

.cb {
    clear: both;
    background-color:#f3f3f3;
}
.cb img{
    float:left;
    margin-right:20px;
	
}
/* .cb .right{
    float:right;
	
} */


.clearfix:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

.ttc {
	text-transform: capitalize
}

.ttu {
	text-transform: uppercase
}

.tal {
	text-align: left
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.toe {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fl {
	float: left
}

.fr {
	float: right
}

.fs12 {
	font-size: 12px
}

.fs14 {
	font-size: 14px
}

.fs16 {
	font-size: 16px
}

.ofh {
	overflow: hidden
}

.fwn {
	font-weight: normal
}

.fwb {
	font-weight: bold
}

.posr {
	position: relative
}

.posa {
	position: absolute
}

.block {
	display: block
}

.blockin {
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1
}

.vam {
	vertical-align: middle
}

.mt30 {
	margin-top: 30px
}

body,a {
	color: #666
}

a {
	text-decoration: none
}

a:hover {
	color: #1a8dd8;
	text-decoration: underline
}

.container {
	width: 1200px;
	margin: 0 auto;
	clear: both
}

#header {
	position: relative;
	padding-bottom: 33px
}

#logo {
	height: 74px;
	margin-top: 33px;
	overflow: hidden;
	float: left
}

#logo img {
	height: 100%;
	float: left;
	margin-right: 18px
}

#logo figcaption {
	display: block;
	float: left
}

#logo h2 {
	font-size: 32px;
	font-weight: bold;
	color: #1a8dd8;
	text-transform: capitalize;
	line-height: 46px
}

#logo span {
	text-transform: uppercase;
	color: #666;
	font-size: 16px;
	line-height: 22px
}

.nav {
	position: absolute;
	bottom: 33px;
	right: 0
}

.nav .navLi {
	float: left;
	margin-left: 10px
}

.nav .navLi:first-child {
	margin-left: 0
}

.nav .navA {
	display: block;
	padding: 0 20px;
	line-height: 40px;
	text-transform: capitalize
}

.nav .cur,.nav .navA:hover {
	background-color: #1a8dd8;
	color: #fff;
	text-decoration: none
}

.lang {
	position: absolute;
	top: 30px;
	right: 0;
	height: 25px;
	line-height: 25px;
	font-size: 14px
}

.lang li {
	float: left;
	margin-left: 15px;
	text-transform: capitalize
}

.lang i,.lang img {
	display: block;
	float: left;
	margin-right: 5px
}

.lang i {
	height: 16px;
	background: url(../images/sprite.png) no-repeat;
	margin-top: 4px
}

.lang .ico-tel {
	width: 20px
}

.lang .ico-cn {
	width: 24px;
	background-position: -20px 0
}

.lang .ico-en {
	width: 24px;
	background-position: -44px 0
}

#ban {
	height: 460px;
	overflow: hidden;
	clear: both;
	position: relative
}

#ban .bd {
	position: relative;
	z-index: 0;
	height: 100%
}

#ban .bd ul {
	height: 100%
}

#ban .bd li {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 100%
}

#ban .bd li a {
	display: block;
	height: 100%
}

#ban .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px
}

#ban .hd ul {
	text-align: center
}

#ban .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1;
	width: 9px;
	height: 9px;
	margin: 0 4px;
	/*background: url(../images/dot.png) 0 -16px;*/
	overflow: hidden;
	filter: alpha(opacity=70);
	opacity: .7;
	vertical-align: top;
	line-height: 9999px
}

#ban .hd ul .on {
	background-position: 0 0
}

#ban .timer {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 0;
	background: #1a8dd8;
	filter: alpha(opacity=80);
	opacity: .8;
	font-size: 0;
	overflow: hidden
}

.aboutNews {
	margin-top: 50px
}

.cate-blue,.cate-white {
	line-height: 36px;
    clear: both;
    text-align:center;
}

.cate-blue i,.cate-white i {
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1;
	width: 23px;
	height: 26px;
	overflow: hidden;
	background: url(../images/sprite.png) no-repeat;
	vertical-align: middle
}

.cate-blue h3,.cate-white h3 {
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1;
	margin-left: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #1a8dd8;
	text-transform: capitalize
}

.cate-blue a,.cate-white a {
	display: block;
	float: right;
	width: 65px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	background: url(../images/sprite.png) no-repeat;
	margin-top: 5px
}

.cate-blue i {
	background-position: 0 -28px
}

.cate-blue h2 {
    color: #cfcfcf;
    display:block;
    font-size:25px;
    font-weight:bold;
}

.cate-blue h3 {
    color: #222c2f;
    display:block;
    font-size:24px;
}
.cate-blue span {
    display:block;
    margin:0 auto;
    width:50px;
    height:5px;
    background-color:#1a8dd8;
    margin-top:10px;
    
}

.cate-blue a {
	background-position: -23px -28px;
	color: #666
}

.cate-blue a:hover {
	color: #1a8dd8
}

.cate-white i {
	background-position: 0 -54px
}

.cate-white h3 {
	color: #fff
}

.cate-white a {
	background-position: -23px -54px;
	color: #1a8dd8
}

.cate-white a:hover {
	color: #fff
}

.about {
	width: 100%;
}

.about-img {
	float: right;
	/* width: 50%; */
	height: 191px;
	/* border: solid 1px #eee; */
	padding: 1px;
	line-height: 0;
	text-align: center
}

.about-img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.about-info {
	line-height: 24px;
	/* height: 195px; */
    overflow: hidden;
    
}
.about-info  p{
	line-height: 30px;
	/* height: 195px; */
    overflow: hidden;
    font-size:16px;
}

.news {
    width:1200px;
    margin:0 auto;
	/* width: 100%; */
	/* float: right */
}

.lf{float:left;width:47%;}
.rt{float:right;width:47%;}

.news-list li {
	line-height: 32px;
	border-bottom: dotted 1px #e0e0e0;
	margin-top:20px;
}
.news-list2 li {
	line-height: 32px;
	border-bottom: dotted 1px #e0e0e0;
	margin-top:20px;
}

.news-list i {
	display: block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(../images/sprite.png) no-repeat -88px -28px;
	float: left;
	margin: 11px 5px 0 0
}
.news-list2 i {
	display: block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(../images/sprite.png) no-repeat -88px -28px;
	float: left;
	margin: 11px 5px 0 0
}

.news-list time {
	float: right;
	color: #888;
	font-size: 12px
}
.news-list2 time {
	float: right;
	color: #888;
	font-size: 12px
}

.p30 {
	padding: 30px 0
}

.proVideo {
	margin-top: 50px;
	/* background-color: #1a8dd8; */
	color: #fff;
	padding: 30px 0;

}

.pro,.case {
	width: 860px;
	float: left
}


.video,.contact {
	width: 100%;
	float: right
}

.img-scroll,.video-info {
	margin-top: 15px;
	height: 210px;
	overflow: hidden
}

.img-scroll ul li {
	float: left;
	width: 216px;
	text-align: center;
	line-height: 40px;
	margin-right: 15px
}

.img-scroll ul li figure {
	width: 212px;
	height: 166px;
	padding: 1px;
	border: solid 1px #e0e0e0;
	line-height: 0
}

.img-scroll ul li figure img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.img-scroll ul li:hover figure {
	border-color: #1a8dd8
}

.img-scroll ul li.scroll-white figure {
	border-color: #1a8dd8
}

.img-scroll ul li.scroll-white a {
	color: #1a8dd8
}

.img-scroll ul li.scroll-white:hover figure {
	border-color: #fff
}

.img-scroll ul li.scroll-white:hover a {
	color: #fff
}

.video-info {
	background-color: #000
}

.caseContact {
    padding: 30px 0;
    /*background: url(../images/ysbg.jpg) no-repeat;*/
    margin-top:80px;
    
}
.container {
   overflow:hidden; 
}
.container .container_img{
    float:right;
     width:47%; 
}
.container .container_title{
    float:left;
    width:47%;
    margin-top:-12px;
    /*padding-top:30px;*/ 
}
.container .container_title h3{
   font-size:30px;
   color:#1a8dd8;
   font-weight:bold;
}
.container .container_title span{
    font-size:16px;

 
 }
.container .container_title .title_box{
    width:100%;
    height:270px;
    background:#4e4e4e;
    color:#fff;
    text-align:center;
    line-height:80px;  
    margin-top:50px;
 }
 .container .container_title .title_box h4{
    font-size:40px;
    padding-top: 25px;
 }
 .container .container_title .title_box span{
    font-size:30px;
    line-height: 200px;
 }

 .case{width:100%;}
 .case_mg{width:1200px;margin:0 auto;overflow:hidden;}
 .case h3{font-size:24px;font-weight:bolder;color:#515151;}
 .case span{font-size:14px;padding-top:20px;line-height:30px;color:#868686;}
 .case img{margin:20px 0;}
 .case .ys{width:47%;float:left;}
 .case .ad{width:47%;float:right;}

.footer {
	padding: 30px 0;
	background-color: #1a8dd8;
	color: #fff;
	position: relative
}

.footer a {
	color: #fff
}

.footer-left {
	width: 760px;
	float: left;
	line-height: 30px
}

.footer-nav li {
	float: left
}

.footer-nav a {
	font-weight: bold;
	text-transform: capitalize
}

.footer-nav li+li {
	margin: 0 8px
}

.footer-right {
	position: absolute;
	right: 0
}

.footer-right img {
	float: right;
	height: 100px;
	margin-left: 30px
}

.footer-right figcaption {
	float: right;
	line-height: 50px;
	padding: 0 15px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	color: #1a8dd8;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px
}

#bans {
	height: 270px;
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom: solid 4px #1a8dd8
}

#left {
	width: 220px;
	float: left
}

.left-tit {
	border-bottom: solid 4px #fff;
	text-align: center;
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: capitalize
}

.left-tit,.left-catelist {
	background-color: #1a8dd8
}

.left-catelist {
	padding: 10px 15px
}

.left-catelist li {
	margin-bottom: 1px
}

.left-catelist a {
	display: block;
	padding: 8px 0;
	text-align: center;
	border-bottom: solid 1px white;
	color: #fff;
	text-transform: capitalize;
	line-height: 1.2
}

.left-catelist .cur,.left-catelist a:hover {
	background-color:white;
	color: #1a8dd8;
	text-decoration: none
}

.red-tit {
	background-color: #1a8dd8;
	border-bottom-color: #1a8dd8;
	margin-top: 30px
}

.left-txt {
	border: solid 1px #eaeaea;
	background-color: #f7f8fa;
	border-top: none;
	padding: 10px 14px
}

#right {
	width: 940px;
	float: right
}

#crumb {
	border: solid 1px #eee;
	padding: 0 15px;
	line-height: 36px;
	font-size: 12px;
	text-transform: capitalize;
	margin-bottom: 20px
}

#crumb i {
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1;
	width: 10px;
	height: 16px;
	background: url(../images/sprite.png) no-repeat -97px -28px;
	vertical-align: middle;
	margin-right: 10px
}

.news-list li {
	line-height: 36px;
	/* height: 36px */
}
.news-list2 li {
	line-height: 36px;
	height: 36px
}

.news-list li h4 {
	float: left;
	font-weight: bold
}
.news-list2 li h4 {
	float: left;
	font-weight: bold
}

.news-list li h4 a {
	color: #1a8dd8
}
.news-list2 li h4 a {
	color: #1a8dd8
}


.news-list li h4 a:hover {
	color: #d23b04
}
.news-list2 li h4 a:hover {
	color: #d23b04
}

.news-list li time {
	float: right;
	font-size: 12px
}
.news-list2 li time {
	float: right;
	font-size: 12px
}

.news-list li:hover,.news-list .even {
	background-color: #fafafa
}
.news-list2 li:hover,.news-list .even {
	background-color: #fafafa
}
.img-list {
	margin-left: -17px
}

.img-list li {
	float: left;
	margin: 0 0 15px 18px;
	width: 31%;
	overflow: hidden
}
.img-list li img{
	width:100%;
}

.img-list figure {
	border: solid 1px #e0e0e0
}

.img-list figure figcaption a {
	display: block;
	background-color: #e0e0e0;
	text-align: center;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.img-list figure figcaption a:hover {
	background-color: #d23b04;
	color: #fff;
	text-decoration: none
}

.img-list .img-single {
	margin: 1px;
	display: block
}

.img-list li:hover figure {
	border-color: #1a8dd8
}

.img-list li:hover figure a {
	background-color: #1a8dd8;
	color: #fff;
	text-decoration: none
}

.img-list li:hover figure>a {
	background-color: #fff
}

.img-list.honors li {
	width: 459px
}

.img-list.honors .img-single {
	height: 665px
}

#content {
	clear: both
}

#content img {
	max-width: 100%
}

#content table {
	border: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0
}

#content table td {
	padding: 0
}

#content-header {
	text-align: center;
	border-bottom: dotted 1px #e0e0e0;
	margin-bottom: 20px;
	padding-bottom: 10px
}

#content-header h1 {
	font-size: 16px;
	color: #1a8dd8;
	font-weight: bold
}

#content-header p {
	font-size: 12px
}

#content-footer {
	clear: both;
	border-top: solid 3px #e0e0e0;
	padding-top: 10px;
	margin-top: 15px
}

.pagination {
	clear: both;
	padding-top: 10px;
	text-align: center
}

.pagination li {
	display: inline-block;
	*display: block;
	*display: inline;
	zoom: 1;
	margin: 0 3px
}

.pagination li a {
	line-height: 28px;
	font-size: 12px;
	display: block;
	padding: 0 10px;
	color: #666;
	border: solid 1px #ccc;
	background-color: #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	-o-text-shadow: 1px 1px 1px #ccc;
	-ms-text-shadow: 1px 1px 1px #ccc;
	text-shadow: 1px 1px 1px #ccc
}

.pagination li a:hover,.pagination li a.current {
	background-color: #1a8dd8;
	border-color: #1a8dd8;
	color: #fff;
	text-decoration: none;
	-webkit-text-shadow: 1px 1px 1px #666;
	-moz-text-shadow: 1px 1px 1px #666;
	-o-text-shadow: 1px 1px 1px #666;
	-ms-text-shadow: 1px 1px 1px #666;
	text-shadow: 1px 1px 1px #666
}

.pages {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pages ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pages ul li:hover{ background:#1A8DD8; color:#fff;border: 1px solid #1A8DD8}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass {display: inline-block;border: 1px solid #1A8DD8;padding: 2px 9px;margin: 0 3px;background: #1A8DD8;color: #fff;}
.pages ul li.thisclass a {color: #fff;}
.pages ul li a{ display:block;color:#999}
.pages ul li a:hover {color: #fff;}