body,
a { color:#333; text-decoration:none; }
a.active{color: #d6771f;}
.container { width:100%; max-width:1200px; margin:auto; }
a:hover{ color: #d6771f; }
.main{padding: 30px 0 0px;}
/* 
 * --> 头部
=======================================================*/
#header { background:#31353e; }
#header { position:relative; z-index:9999; overflow:visible;}
#header > * { padding-bottom:0px; position:relative; }
#header > *.fixed { position: fixed; top: 0px; left: 0px; right: 0px; z-index:999999; box-shadow:0 1px rgba(0,0,0,0.2); }
#header .mobile_nav{ display: none;}
#header ,
#header .logo a,
#navbar ul,
#navbar ul li a { 
	line-height:48px;
}
#header { text-align:right;  white-space:nowrap;}
#header .logo { float:left; }
#header .logo a { float:left; vertical-align:middle; }
#header .logo a img {  max-width:auto; padding: 6px 0 0; height: 38px; }
#navbar { text-align:left; position:relative;}
#navbar a { text-decoration:none;}
#navbar ul { white-space:nowrap; margin-right:-22px; }
#navbar ul,
#navbar ul > li { position:relative;}
#navbar ul li { /*! float:left; */ padding:0 28px;}
#navbar ul li a { clear:both; float:left; }
#navbar .button { vertical-align:middle; width:32px; height:32px; background:url(../images/uzoo-icon.png) 0 0 no-repeat; }
#navbar ul > li >ul{ display: none;}


#header .search { float:right; width:30px; height:50px; font-size:14px; margin-left:23px; position:relative; overflow:hidden; padding-top: 8px; }
#header .search form { float:left; width:220px; height:50px;}
#header .search label { display:none; float:left; width:100%; position:absolute; left:0; top:5px; z-index:0;}
#header .search input[type='text'] { width:160px; line-height:1.5em; font-size:1em; color:#999; padding:0.25em 30px 0.25em 10px; border:none; border-radius:3px; overflow:hidden; margin-top: 9px;}
#header .search a { float:left; width:30px; height:100%; position:absolute; right:0; z-index:999;
 background:url(../images/searchicon.png) center no-repeat; background-size: 60%;
}
#header .search a { width:32px; height:32px; position:absolute; top:50%; right:0; margin:-16px 0 0 0; }
#header .search a img { width:80%; }
#header .search input[type='reset'],
#header .search button[type='reset'] { display:none; float:right; width:30px; height:30px; background:url(../images/close_02.png) center no-repeat; border:0;
	position:absolute; top:50%; right:0; z-index:0; cursor:pointer; margin-top:-15px;
}
                                              
#header .search button[type='reset']:hover { color:#333; }

#header .search input:focus,
#header .search input[type='submit']:focus,
#header .search button[type='reset']:focus {
	outline: none;
}




/*配置*/
#navbar { font-size:14px; padding-top: 5px; }
#navbar ul li a {
	 color:#a8adba;		/* 导航文字链接颜色 */
}
#navbar ul li.active a,
#navbar ul li a:hover {
	color:#fff;			/* 文字显示的颜色 */
}

#navbar ul>li:hover { position:relative; z-index:10; }

/* 二级 */
#navbar ul>li>ul { display:none; /*! width:200px; */ font-size:14px; position:absolute; top: 50px; left: 0px; }
#navbar ul>li:hover > ul { display:block;}
#navbar ul>li > ul li { line-height:20px; height:40px; background: #676767; }
#navbar ul>li > ul li:hover{ background: #999;}
#navbar ul>li ul a { color:#E5EEF8/* 二级文字颜色 */; line-height: 40px; }
#navbar ul>li ul a:hover { color:#fff /* 二级鼠标经过颜色 */; }


@media(max-width:1200px) {
#header ,
#header .logo a,
#navbar ul,
#navbar ul li a { 
	line-height:45px;
}
}
@media(max-width:1000px) {
#header ,
#header .logo a,
#navbar ul,
#navbar ul li a  { 
	line-height:43px;
}
}
@media(max-width:800px) {
#header .logo { padding-left:10px; }	
#header ,
#header .logo a,
#navbar ul,
#navbar ul li a { 
	line-height:50px;
}
}
@media(max-width:1200px) {
	#navbar ul li {padding:0 23px;}
}

@media(max-width:1000px) {
	#navbar ul li {padding:0 20px;}
}

@media screen and ( max-width:768px ){
#header .logo a img { height: 40px; padding: 0px 0 0; height: 32px;}
#header #navbar{ display: none;}
#header .mobile_nav{ padding: 4px 0 0;z-index:99; display: block; position:fixed; right:0;}
#header .mobile_nav:before { display: block; font-size:28px; color:#bbb; content:'\e665'; font-family: 'uzooo'; vertical-align:top; padding: 0px 10px; }
#header .mobile_nav.active { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); transition:all ease-out 500ms;-webkit-transition:all ease-out 500ms; }

#header #navbar.active { visibility:visible;opacity:1; display: block;}
#header #navbar.active > ul { position:fixed; top:0; left:0; bottom:0; background:#fff; width:220px; z-index:999; box-shadow:0 0 15px rgba(0,0,0,0.5); display: block;}
#header #navbar.active >ul>ul { display:none; position:relative; box-shadow:none; padding-bottom:10px;  }
#header #navbar.active >ul>li { display:block; margin:0; border-bottom:1px solid #e0e0e0;height:auto; overflow:hidden; position:relative;} 
#header #navbar.active li a{ color: #666;}
#header #navbar.active li.active a, #header #navbar li:hover a, #header #navbar a { height:40px; line-height:40px; margin-top:0;text-align:left; padding:0 20px; }
#header #navbar.active li.active a, #header #navbar li:hover a { color:#0A448F; }

#header #navbar ul li>ul { position:relative; box-shadow:none; padding-bottom:10px; top: 0; left: 0; }
	#header #navbar ul li>ul li{ float: left; width: 100%; background: #fff; border-bottom: 1px dotted #999;}
	#header #navbar ul li>ul li:last-child{border:0}
#header #navbar .uz-icon-arrr { float:right; width:40px; line-height:40px; height:40px; text-align:center; color:#000; background:url(../images/arrr.png) no-repeat; position:absolute; top:0; right:0; }
#header #navbar .uz-icon-arrr.active {background:url(../images/arrb.png) no-repeat; }
#header #navbar .uz-icon-arrr.active ~ ul { display:block; }
#header #navbar .uz-icon-arrr.active ~ ul a { color:#777;  }

#header #navbar ul ul li { border:0; }
#header #navbar ul ul li a { font-size:14px; text-indent:1em; line-height:30px !important; height:30px !important; border:0; }
#header #header-cont{ padding-bottom: 0px;}
#header .search { display:none; }
}






.banner {
	height:510px;
	padding: 0 0 0px;
	clear: both;
}
.banner.productbanner{ height: 300px; overflow: hidden;}
.service-banner{ height: 300px; overflow: hidden;}
.banner .slick-slider .rsBullets {
	position: absolute;
	top: 85%;
	height: 70px;
	line-height: 70px;
}
.banner .slick-slider .rsArrow {
	color: #D12222;
}
.banner .rsArrowIcn {
	display: none;
}
.banner .slick-slider .rsArrow, .banner .slick-slider .rsArrow span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.banner .slick-slider .rsArrow span {
	float: left;
	vertical-align: top;
}
.banner .slick-slider .scroll-down {
	display: none;
	z-index: 999;
	left: 50%;
	margin-left: -13px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	bottom: 0%;
	position: absolute;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	text-decoration: none !important;
	-webkit-animation: mymove 1.75s ease-in-out infinite;
	-moz-animation: mymove 1.75s ease-in-out infinite;
	animation: mymove 1.75s ease-in-out infinite;
}
@media screen and ( max-width:768px ){
.banner { padding:0;height:200px; }
.banner .slick-slider .rsArrow{ display: none !important;}
.banner .container { margin:0; width:100%; }
.banner .slick-slider .rsBullets { top:auto; height:30px; line-height:30px; }

}

 @keyframes mymove {
 0% {
 padding-bottom:10px;
 opacity:0.8;
}
 50% {
 padding-bottom:20px;
 opacity:0.15;
}
 100% {
 padding-bottom:10px;
 opacity:0.8;
}
}
 @-webkit-keyframes mymove {
 0% {
 padding-bottom:10px;
 opacity:0.8;
}
 50% {
 padding-bottom:20px;
 opacity:0.15;
}
 100% {
 padding-bottom:10px;
 opacity:0.8;
}
}
.banner .slick-slider a.scroll-down:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


.footer { background:#31353e; padding:35px 0 35px; margin-top:90px; font-weight:100;}
.footer,
.footer a { color:#cdcece; }
.footer a:hover { text-decoration: underline; }
.footer .left { float:left; white-space:nowrap; }
.footer .left .showpic { float:left; width:100px; height:100px; margin-right:25px; position:relative; }
.footer .right { overflow:hidden; text-align:right; white-space:nowrap; margin-top: 10px; }
.footer .right .nav { padding-bottom:8px; }
.footer .right .nav span { padding:0 5px; }
.footer .container { padding:0 0 30px; }
.footer .container + .container { padding:30px 0 0 ; border-top:1px solid #818383; }
.footer h3 { font-size:24px; line-height:1.1; padding-bottom:10px; }
.footer h3 span a{ color: #d6771f; font-size: 32px;}
.footer p { font-size:14px; }
.footer .copyright { font-size:12px; }
.footer .icon-wrap { padding:10px 0 0; }
.footer .icon-wrap a{margin-left: 40px; width: 80px; float: right; text-align: center;text-decoration : none}
.footer .icon-wrap a img{ width: 80px;}
.footer .icon-wrap .icon { width:36px; height:36px; background:url(../images/footer-icon.png);
	transition:all linear 300ms;
	-webkit-transition:all linear 300ms;
}
.footer .icon-wrap .icon.qq { background-position:0 0; }
.footer .icon-wrap .icon.sina { background-position:50% 0;}
.footer .icon-wrap .icon.email { background-position:100% 0; }
.footer .icon-wrap .icon.qq:hover { background-position:0 100%; }
.footer .icon-wrap .icon.sina:hover { background-position:50% 100%;}
.footer .icon-wrap .icon.email:hover { background-position:100% 100%; }


.footer .bottom .title { float:left; width:150px; line-height:40px; height:40px; font-size:14px; background:#696b6b; padding-left:20px; margin-right:30px; }
.footer .bottom .title .icon { float:right; font-size:12px; background:#565858; width:22px; line-height:22px; height:22px; text-align:center; margin:9px; border-radius:30px; }
.footer .bottom .title + p { padding:9px 0 0 0; text-align:right; }
.footer .bottom .title + p a { display:inline-block; white-space:nowrap; }
.footer .bottom .title + p a { padding:0 5px; }

@media screen and ( max-width:768px ){
.footer { margin-top:10px; padding:40px 2.5%; }
.footer .icon-wrap { display:none; }
.footer .right { clear:both; text-align:left; padding-top:20px; }
.footer .right a, .footer .right span{ float: left;}
.footer .bottom .title + p { clear:both; text-align:left; }
}



.column-head,
.column-descript { text-align: center; font-family:"Microsoft YaHei"; /*! width:80%; */ margin-left:auto !important; margin-right:auto !important; }
.column-head { font-size:36px; line-height: 1.1; }
.home .column-head { margin-bottom:20px; padding: 20px 0;}

.column-descript { font-size: 18px; line-height: 1.1; margin: 5px 0; }
@media screen and ( max-width:768px ){
.home .column-head { margin:0 5px; }
.home .column-head,
.column-head { font-size:24px; line-height:30px; margin:10px 0; padding:0; }
.column-head,
.column-descript { width:auto; }
.column-descript { font-size:16px; }
}

@media screen and ( max-width:480px ){
.home .column-head,
.column-head { font-size:18px;}
.column-descript { font-size:14px; }
}


.contact-form { padding: 100px 0; }
.contact-form .container { max-width: 1000px; }
.contact-form .column-descript { margin-top: 25px; color: #666; }
.contact-form .content { margin-top: 60px; }
.contact-form .wrap { margin: 0 -20px; }
.contact-form label { border: 1px solid #e0e0e0; display: block; margin: 0 20px 18px; padding:0 10px; line-height: 33px; }
.contact-form label input { width: 100%; font-size: 18px; vertical-align: middle; margin-top: -2px; background:none; font-family:"Microsoft YaHei"; }
.contact-form textarea { width: 100%; height: 160px; line-height: 20px; font-size: 18px; background:none; font-family:"Microsoft YaHei"; }

.contact-form label input::-webkit-input-placeholder {color:#ccc !important; }
.contact-form label input:-moz-input-placeholder {color:#ccc !important; }
.contact-form label input:-ms-input-placeholder {color:#ccc !important; }
.contact-form label input:-o-input-placeholder {color:#ccc !important; }
.contact-form label input:input-placeholder {color:#ccc !important; }
.contact-form textarea::-webkit-input-placeholder {color:#ccc !important; }
.contact-form textarea:-moz-input-placeholder {color:#ccc !important; }
.contact-form textarea:-ms-input-placeholder {color:#ccc !important; }
.contact-form textarea:-o-input-placeholder {color:#ccc !important; }
.contact-form textarea:input-placeholder {color:#ccc !important; }

.contact-form .col12 { float:left; }
.contact-form .col12.col12-4  { width: 33.33%; *margin-right:-1px; }
.contact-form .col12.col12-8  { width: 66.66%; *margin-right:-1px; }
.contact-form .col12.col12-12 { clear: both;  float: none; border: 1px solid #e0e0e0; margin: 0 20px 18px; padding:0 10px;  padding:10px; line-height: 20px; }
.contact-form .btn-wrap { display: block; text-align: center; padding-top: 40px;}
.contact-form .btn-wrap .button { width: 100%; max-width: 450px; line-height: 60px; height: 60px; font-size: 30px; background: #d6771f; color: #fff; }

@media screen and ( max-width:768px ){
.contact-form { padding:20px 0; }
.contact-form .column-descript { margin-top:0; }
.contact-form .content { margin-top:30px; }
.contact-form label { border: 1px solid #e0e0e0; display: block; margin: 0 5px 10px; padding:0 10px; line-height: 33px; }
.contact-form .wrap { margin: 0 -5px; }
.contact-form label input,
.contact-form textarea { font-size: 14px; }
.contact-form .col12.col12-12 { margin: 0 5px 10px; }
.contact-form .btn-wrap { padding-top:10px; } 
.contact-form .btn-wrap .button { max-width:9em; line-height:40px; height: 40px; font-size: 16px;  }
}


@media screen and ( max-width:480px ){
.contact-form .col12 { float:left; }
.contact-form .col12.col12-4  { width: 100%; }
.contact-form .col12.col12-8  { width: 100%; }
.contact-form .btn-wrap .button { max-width:none; }
}

.index-list01 {text-align:center;margin-top: 75px;}
.index-list01 .item { float:left; width:24.5%; height:425px; line-height:425px; margin:0 0.25%; background:#d6771f;}
.index-list01 .item .wrap { display:block;}
.index-list01 .item .inline { line-height:1.1; }
.index-list01 .item h3 { color:#fff; font-size: 26px;}
.index-list01 .item .icon { width:120px; height:120px; line-height:120px; background:url(../images/icon01.png) no-repeat; margin:15px 0 25px; }
.index-list01 .item01 .icon { background-position:0 0; }
.index-list01 .item02 .icon { background-position:33.333% 0; }
.index-list01 .item03 .icon { background-position:66.666% 0; }
.index-list01 .item04 .icon { background-position:100% 0; }
.index-list01 .item01 .icon:hover { background-position:0 100%; }
.index-list01 .item02 .icon:hover { background-position:33.333% 100%; }
.index-list01 .item03 .icon:hover { background-position:66.666% 100%; }
.index-list01 .item04 .icon:hover { background-position:100% 100%; }




.index-list01 .item p { line-height:30px; font-size:18px; color:#fff; font-family:"Microsoft YaHei"; max-width:10em; text-align:left; }
@media screen and ( max-width:1024px ){
.index-list01 .item { width:49.50%; margin-bottom: 1%;}
}
@media screen and ( max-width:768px ){
.index-list01 .container { width:auto; max-width:none; }
}
@media screen and ( max-width:480px ){
.index-list01 {text-align:center;margin-top: 30px;}
.index-list01 .item {width: 49.5%;height:220px;line-height:220px;margin-bottom: 0.5%;}
.index-list01 .item p { display:none; }
.index-list01 .item .icon { width:100px; height:100px; margin-bottom:0; background-size:400% auto; }
}



.index-list02 { text-align:center; margin-top:50px; padding: 40px 0 0px; }
.index-list02 .item { float:left; width:20%; height:300px; line-height:300px; position:relative; overflow:hidden; *margin-right:-1px; }
.index-list02 .item img { display:block; height:100%; vertical-align:top; margin:0 auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.index-list02 .item:hover img {/*put big*/
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.index-list02 .item .wrap { display:block; height:100%; }
.index-list02 .item .wrap span.showpic { display:block; margin:0 -100px; }
.index-list02 .item .wrap div.text { visibility:hidden\9; opacity:0;
	transition:opacity ease-out 300ms;
	-webkit-transition:opacity ease-out 300ms;
}
.index-list02 .item .wrap:hover div.text { visibility:visible\9; opacity:1; }
.index-list02 .item .wrap div.text span.bg { background:#000; filter:alpha(opacity:70); opacity:0.7; z-index:1; }
.index-list02 .item .wrap div.text span.bg ~ * { position:relative; z-index:99; }
.index-list02 .item .wrap .inline { width:100%; line-height:1.1; vertical-align:middle; }
.index-list02 .item .wrap .inline > * { padding:0 25px; }
.index-list02 .item .wrap .inline h3 { padding-bottom:10px; }
.index-list02 .item .icon { width:120px; height:120px; line-height:120px; background:url(../images/icon01.png) no-repeat; margin:15px 0 25px; }
.index-list02 .item01 .icon { background-position:0 0; }
.index-list02 .item02 .icon { background-position:33.333% 0; }
.index-list02 .item03 .icon { background-position:66.666% 0; }
.index-list02 .item04 .icon { background-position:100% 0; }

.index-list02 .item h3 { color:#fff; font-size:18px; text-align:left;}
.index-list02 .item p { line-height:1.65; font-size:14px; text-align:left; color:#fff; }
.index-list02 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:40px auto 0; border-radius:2px; }

@media screen and ( max-width:768px ){
.index-list02 { text-align:center; margin-top:0px; padding: 0px 0 0px; overflow-x:hidden;}
.index-list02 .column-head { padding:10px 0; }
.index-list02 .container { width:auto; max-width:none; }
.index-list02 .item { width:50%; height:auto; padding-top:50%; position:relative; }
.index-list02 .item > * { position:absolute; left:0; top:0; width:100%; height:100%; }
.index-list02 .item .wrap:hover div.text { display:none; }
.index-list02 .item .wrap div.text { visibility:hidden\9; opacity:1;
	transition:opacity ease-out 300ms;
	-webkit-transition:opacity ease-out 300ms;
}
	.index-list02 .item .wrap .inline > * { padding: 0 8px; }
	.index-list02 .item .wrap div.text span.bg { background: none; }
}
@media screen and ( max-width:480px ){
}
.more-btn:hover{ text-decoration: underline;}




.index-list03 { margin-top:100px; }
.index-list03 .left  { float:left; width:33%; margin-right:35px; }
.index-list03 .right { overflow:hidden; }
.index-list03 .right li { width:20%; padding-top:15%; overflow:hidden; float:left; position:relative; border-top:1px solid #ededed; border-left:1px solid #ededed; margin-top:-1px; margin-left:-1px; *margin-right:-1px;}
.index-list03 .right li .showpic { float:left; }
.index-list03 .right li .showpic img { width:100%; }

@media screen and ( max-width:768px ){
.index-list03 { display:none; }
.index-list03 .left { display:none; }
.index-list03 .container { width:auto; }
.index-list03 .right li { width:50%; padding-top:37.3%; *margin-right:-1px; } 
}

.index-list04 { margin-top:100px; }
.index-list04 h2 { width:auto; line-height:1.65; padding:0; border-bottom:1px solid #d6d6d6; }
.index-list04 h2 span { float:left; display:block; border-bottom:1px solid #d6771f; margin-bottom:-1px; }
.index-list04 .left { float:left; width:67.1%; margin-right:50px; }
.index-list04 .left .showpic { float:left; position:relative; width:180px; height:180px; margin-right:35px; }
.index-list04 h3 { font-size:18px; line-height:1.1; padding-bottom:5px; }
.index-list04 h3 a:hover{ text-decoration: underline;}
.index-list04 p { font-size:16px; line-height:24px; margin-bottom:15px; color:#666; font-family:"Microsoft YaHei"; overflow:hidden; }
.index-list04 .left .cont { overflow:hidden; }
.index-list04 .left ul { margin-left:-50px; *zoom:1; }
.index-list04 .left ul li { float:left; width:50%; line-height:1.1; padding:8px 0; }
.index-list04 .left ul li .date { float:right; margin-left:30px; color:#666; }
.index-list04 .left ul li a { display:block; margin-left:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.index-list04 .left ul li a:hover{ color:#d6771f; text-decoration: underline;}

.index-list04 .right  { overflow:hidden; padding-top: 23px; }
.index-list04 .right h3 { font-weight:bold; padding:5px 0 10px; }
.index-list04 .right p { line-height:1.1; color:#666; }
.index-list04 .right .showpic {  padding-top:47.01%; position:relative; margin-bottom:15px; }

@media screen and ( max-width:1024px ){	
.index-list04 { margin-top:20px; }
.index-list04 .left .showpic { display:none; }
.index-list04 .left { float:none; width:auto; margin:0; }
.index-list04 .left ul li { width:100%; }
.index-list04 .left .content { padding-top:20px; }
.index-list04 .left .cont p { height:48px; }
.index-list04 .right { clear:both; display:none; }
.index-list04 h2 { padding:0 !important; }
.index-list04 h2 span { padding-bottom:15px; }
.index-list04 h3 a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}



/* 服务 */
.service .index-list01 { margin-top: -212px; position: relative;  }
.service-banner img { width:100%; }
.service-subnav { background:#333333; }
.service-subnav.fixed { /*position: fixed; top: 0px; left: 0px; right: 0px; z-index:10000;*/ }
.service-subnav .container { background:#5c5c5c; }
.service-subnav li { float:left; width:25%; text-align:center; *margin-right:-1px; }
.service-subnav li a { display:block; line-height:115px; font-size:24px; color:#999999; border-left:1px solid #464646; border-top:1px solid #464646;  }
.service-subnav li span { width:50px; height:50px; background:url(../images/service-subnav-icon.png) no-repeat; margin-right:5px; }
.service-subnav li.item01 span { background-position:0 0; }
.service-subnav li.item02 span { background-position:33.33% 0; }
.service-subnav li.item03 span { background-position:66.66% 0; }
.service-subnav li.item04 span { background-position:100% 0; }

.service-subnav li.item01.active a { background:#5cbbfd; color:#fff; border-color:#377f82; }
.service-subnav li.item02.active a { background:#3ac2c7; color:#fff; border-color:#377f82; }
.service-subnav li.item03.active a { background:#fe7979; color:#fff; border-color:#377f82; }
.service-subnav li.item04.active a { background:#ffa42f; color:#fff; border-color:#377f82; }




.service-subnav li.active.item01 span { background-position:0 100%; }
.service-subnav li.active.item02 span { background-position:33.33% 100%; }
.service-subnav li.active.item03 span { background-position:66.66% 100%; }
.service-subnav li.active.item04 span { background-position:100% 100%; }
@media screen and ( max-width:1366px ){	
.service .index-list01 { margin-top: -140px; }
}
@media screen and ( max-width:768px ){	
.service .index-list01 { margin-top: 0; }

.service-subnav li { width:50%; }
.service-subnav li span { width:40px; height:40px; background-size:400% auto; }
.service-subnav li a { line-height:60px; font-size:16px; text-align:left; padding-left:20px; box-sizing:border-box; }
.service-subnav .container { margin:0; width:auto; }

}
/*ui*/

.service_ui-list01 { padding:100px 0; }
.service_ui-list01 .column-head { color:#3ac2c7; position:relative; }
.service_ui-list01 .column-head span { position:absolute; top:50%; left:0; right:0; height:1px; background:#e0e0e0; }
.service_ui-list01 .column-head b { position:relative; z-index:2; background:#fff; padding:0 10px; }
.service_ui-list01 .column-descript { font-size:24px; margin: 25px 0 60px; color: #666; }
.service_ui-list01 .content { padding: 0 20px; text-align:center; }
.service_ui-list01 dl { float:left; width:25%; color:#666666;  *margin-right:-1px; }
.service_ui-list01 dl > * { margin:0 20px; }
.service_ui-list01 dl h3 { font-size:20px; padding:20px 0; }
.service_ui-list01 dl p { font-size:16px; line-height:24px; height:72px; overflow:hidden; }
@media screen and ( max-width:768px ){	
.service_ui-list01 { padding:30px 0; }
.service_ui-list01 .column-head span { }
.service_ui-list01 .column-descript { font-size:16px; margin: 15px 0 20px; }
.service_ui-list01 dl { width:50%; padding-bottom:10px; }
.service_ui-list01 dl h3 { font-size:14px; padding-bottom:10px; }
.service_ui-list01 dl p { font-size:13px; line-height:20px; height:60px; }
.service_ui-list01 dl img { width:50%; }
.service_ui-list01 .content { padding: 0 5px;}

.service_ui-list01 dl > * { margin:0 5px; }

}


.service_ui-list02 .item {}
.service_ui-list02 .item01 { float:left;  width:47%; padding-right:2.3%; }
.service_ui-list02 .item02,
.service_ui-list02 .item03 { overflow:hidden;}
.service_ui-list02 .item03 { margin-top:2.3%; }
.service_ui-list02 a { display:block; }


@media screen and ( max-width:768px ){	
}


.service_list01-bottom .container { padding: 40px 0; border-bottom: 1px solid #e0e0e0;  }
.service_list01-bottom .left { float: left; color:#d6771f; font-size: 36px; line-height: 72px; }
.service_list01-bottom .right { overflow: hidden; line-height: 24px; font-size: 18px; padding-left: 15px; color:#777; }

@media screen and ( max-width:768px ){	
.service_list01-bottom .left { float: left; color:#d6771f; font-size: 18px; line-height: 1.3; padding-bottom:10px; }
.service_list01-bottom .right { clear:both; padding:0; font-size:14px;}
}

.service_list02 { padding-top: 100px; }
.service_list02 .column-head { /*font-weight: bold; */}
.service_list02 .column-descript { margin: 25px 0; color: #666; }

@media screen and ( max-width:768px ){
.service_list02 { padding-top:50px; }	
.service_list02 .column-descript { margin:5px 0 20px;}
}

.service_list03 { }
.service_list03 .container { padding: 100px 0 0; }
.service_list03 .content { overflow: hidden; margin-top: 60px; }
.service_list03 .wrap { margin: -1px; }
.service_list03 .wrap li { float: left;  width: 16.666%; padding-top: 12.24%; position: relative; }
.service_list03 .wrap li span { border-left:1px solid #e0e0e0; border-top: 1px solid #e0e0e0; overflow: hidden; }
.service_list03 .wrap li span img { width: 100%; 
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.service_list03 .wrap li:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

@media screen and ( max-width:768px ){
.service_list03 { padding:20px  0 0; }
.service_list03 .container { width:100%; margin:0; padding:0; }
.service_list03 .column-head { padding:0; }
.service_list03 .content { margin:20px 0 0; }
.service_list03 .column-descript { margin:0; padding:5px 0 20px; }
.service_list03 .wrap li { width:33.33%; padding-top: 24.48%; }
}
@media screen and ( max-width:480px ){
.service_list03 .wrap li { width:50%; padding-top: 36.72%; }
}


.service_web-list01 { padding:100px 0; }
.service_web-list01 .column-head { color:#3eb033; position:relative; }
.service_web-list01 .column-head img { position:absolute; left:50%; bottom:100%; margin: 0 0 0 -40px }
.service_web-list01 .column-head span { position:absolute; top:50%; left:0; right:0; height:1px; background:#e0e0e0; }
.service_web-list01 .column-head b { position:relative; z-index:2; background:#fff; padding:0 10px; }
.service_web-list01 .column-descript { font-size:24px; margin: 25px 0 60px; color: #666; }
.service_web-list01 .content { padding:80px 20px; text-align:left; border-bottom:1px solid #e0e0e0; }
.service_web-list01 .left { float:left; }
.service_web-list01 .right { overflow:hidden; }
.service_web-list01 .content h4 { font-size:36px; }
.service_web-list01 .content h5,
.service_web-list01 .item01 h4,
.service_web-list01 .content p { font-size:18px; }

.service_web-list01 .item01 { padding-top:40px; }
.service_web-list01 .item01 h4 { padding-bottom:5px; }
.service_web-list01 .item01 p { height:24px; line-height:24px; margin:25px 0;  padding-left:30px; background:url(../images/service_web-list-icon.png) left center no-repeat; }
.service_web-list01 .item01 .left { width:51.5%; }
.service_web-list01 .item01 .right { padding:2.5% 0 0 5%; }
.service_web-list01 .item02 .left { width:45%; padding:0 2.5% 0 ;  }
.service_web-list01 .item02 .right li { float:left; width:50%; }
.service_web-list01 .item02 .right li a { display:block; margin:0 0 20px 20px; border:1px solid #e5e5e5; overflow:hidden; }


.service_web-list01 .item03 .right p ,
.service_web-list01 .item02 .left p { color:#444; }
.service_web-list01 .item03 .right p span,
.service_web-list01 .item02 .left p span { font-family:"Microsoft YaHei"; color:#666;  }
.service_web-list01 .item02 .right p { color:#777; }
.service_web-list01 .item02 .right p a { color:#5cbbfd; margin:40px 0 0 20px; }
.service_web-list01 .item02 h4,
.service_web-list01 .item03 h4 { font-size:36px; font-family:"Microsoft YaHei"; margin-bottom:20px; }
.service_web-list01 .item02 h5,
.service_web-list01 .item03 h5 { font-size:18px; line-height:24px; height:72px; padding-bottom:60px; font-family:"Microsoft YaHei"; }
.service_web-list01 .item02 p,

.service_web-list01 .item03 p { line-height:1.1; margin-bottom:15px; color:#777; }


@media screen and ( max-width:768px ){
	.service_web-list01 .content { padding:0; }
	.service_web-list01 .column-head img { width:60px; margin-left:-30px; }
	.service_web-list01 .item01 .left,
	.service_web-list01 .item01 .right { clear:both; float:none; width:auto; }
	.service_web-list01 .item01 h4 { font-size:16px; }
	.service_web-list01 .item01 p { font-size:14px; margin:10px 0; background-size:16px; padding-left:20px; }
}

.service_web-list02 { padding:0; }
.service_web-list02 .column-descript { font-size:18px; }
.service_web-list02 dl { width:33.33%; }
.service_web-list02 dl dt { border-radius:10px; overflow:hidden; }
.service_web-list02 .content { padding: 0 40px; text-align:center; }
.service_web-list02 dl > * { margin:0 40px; }
.service_web-list02 dl h3 { padding-bottom:10px; }
.service_web-list02 dl h3 a { font-size:24px; color:#333; }
.service_web-list02 .container { border-bottom:1px solid #e0e0e0; padding-bottom:80px; }

@media screen and ( max-width:768px ){
	.service_web-list01 { padding:20px 0; }
	.service_web-list01 .content { padding:0; }
	.service_web-list01 .column-head img { width:60px; margin-left:-30px; }
	.service_web-list01 .item01 .left,
	.service_web-list01 .item02 .left,
	.service_web-list01 .item03 .left,
	.service_web-list01 .item01 .right,
	.service_web-list01 .item02 .right,
	.service_web-list01 .item03 .right { clear:both; float:none; width:auto; }
	.service_web-list01 .item01 h4 { font-size:16px; }
	.service_web-list01 .item01 p { font-size:14px; margin:10px 0; background-size:16px; padding-left:20px; }
	
	.service_web-list01 .item02 h4, .service_web-list01 .item03 h4 { font-size:18px; line-height:1.1; padding:10px 0; margin-bottom:5px; }
	.service_web-list01 .item02 h5, .service_web-list01 .item03 h5 { font-size:16px; padding-bottom:0; }
	.service_web-list01 .item03 .right p, .service_web-list01 .item02 .left p { font-size:14px; clear:both; }
	.service_web-list01 .item02 .right p a { display:inline-block; white-space:nowrap; margin:0 10px; }
	.service_web-list02 .container { padding-bottom:40px; }
	.service_web-list02 .column-descript { font-size:14px; line-height:1.65; }
	.service_web-list02 .content { padding:0; }
	.service_web-list02 dl > * { margin:0 10px; }
	.service_web-list02 dl h3 a { font-size:16px; }
}

@media screen and ( max-width:480px ){
.service_web-list01 .item03 h5 { padding-bottom: 40px;}
.service_web-list01 .item02 h5{ padding-bottom: 20px;}
.service_web-list01 .item02 .right li a{ margin: 0 0 20px 10px;}

}

.pinpai-list01 { padding:100px 0 0; }
.pinpai-list01 .column-head { color:#fe7979; position:relative; }
.pinpai-list01 .column-head span { position:absolute; top:50%; left:0; right:0; height:1px; background:#e0e0e0; }
.pinpai-list01 .column-head b { position:relative; z-index:2; background:#fff; padding:0 10px; }
.pinpai-list01 .column-descript { font-size:24px; margin: 25px 0 60px; color: #666; }
.pinpai-list01 .content { padding: 0 20px; text-align:center; }
.pinpai-list01 .wrap { margin:0 -20px; } 
.pinpai-list01 dl { float:left; width:25%; color:#666666; text-align:left; }
.pinpai-list01 dl > * { margin:0 20px; }
.pinpai-list01 dl p { font-size:16px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.pinpai-list01 dl dd { padding-top:15px; }

@media screen and ( max-width:768px ){	
.pinpai-list01 { padding:20px 0; }
.pinpai-list01 .column-descript { font-size:14px; margin:5px 0 20px; }
.pinpai-list01 .content { padding: 0 0; text-align:center; }
.pinpai-list01 .wrap { margin:0 -5px; } 
.pinpai-list01 dl { width:50%; padding-bottom:10px; }
.pinpai-list01 dl > * { margin:0 5px; }
.pinpai-list01 dl p { font-size:14px; }
}

.pinpai-list02 { padding:100px 0; }
.pinpai-list02 .column-head { width:auto; color:#fe7979; position:relative; text-align:left; padding-bottom:20px; font-family:"Microsoft YaHei"; }
.pinpai-list02 .column-descript { font-size:24px; margin: 25px 0 60px; color: #666; }
.pinpai-list02 .content { padding: 0 20px; text-align:center; }
.pinpai-list02 .item { float:left; width:20%; }
.pinpai-list02 .item a,
.pinpai-list02 .item a img { display:block; overflow:hidden; }
.pinpai-list02 .item a img { width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.pinpai-list02 .item:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
@media screen and ( max-width:768px ){	
.pinpai-list02 .item { float:left; width:33.33%; }
}

@media screen and ( max-width:480px ){	
.pinpai-list02 { padding:0px 0; }
}

.service_jiejue-list01 .column-head { color:#ffa42f; }
.service_jiejue-list01 a { display:block; }

.service_jiejue-list02 {  font-family:"Microsoft YaHei"; }
.service_jiejue-list02 .top h1 { line-height:1.1; font-size:60px; }
.service_jiejue-list02 .top h2 { line-height:1.1; font-size:36px; }
.service_jiejue-list02 .left { float:left; }

.service_jiejue-list02 .right { line-height:105px; overflow:hidden; text-align:right; }
.service_jiejue-list02 .right .inline { text-align:left; line-height:1.2; font-size:30px; }
.service_jiejue-list02 .bottom { clear:both; padding:50px 0 100px; border-bottom:1px solid #e0e0e0; }
.service_jiejue-list02 .bottom .item { float:left; }
.service_jiejue-list02 .bottom .item01 { width:20%; padding:0 5% 0 0; }
.service_jiejue-list02 .bottom .item02,
.service_jiejue-list02 .bottom .item03 { width:27.5%; padding:0 0 0 10%; border-left:1px dashed #ccc; margin-left:-1px; }
.service_jiejue-list02 .bottom dt { line-height:1.1; font-size:30px; color:#ffa42f; padding-bottom:20px; }
.service_jiejue-list02 .bottom dd { font-size:18px; color:#555; }

@media screen and ( max-width:768px ){	
.service_jiejue-list02 .top h1 { font-size:18px; padding-bottom:5px; }

.service_jiejue-list02 .top h2 { font-size:16px; }
.service_jiejue-list02 .left { float:none; padding-bottom:5px; }
.service_jiejue-list02 .right .inline { font-size:14px; }
.service_jiejue-list02 .right { clear:both; text-align:left; line-height:1.1; }
.service_jiejue-list02 .bottom { padding:0 0 0; }
.service_jiejue-list02 .bottom .item { clear:both; float:none; width:auto; padding:10px; border:0; border-bottom:1px dashed #e0e0e0; }
.service_jiejue-list02 .bottom dt { font-size:18px; padding-bottom:10px; }

.service_jiejue-list02 .bottom dd { font-size:14px; }
}


/* 关于我们 */
.subnav { /*! border-bottom:1px solid #e5e5e5; */ /*! border-top:1px solid #e5e5e5; */ background:#fff; padding-bottom:25px; }
.subnav a { float:left; line-height:1.1; font-size:16px; color:#333; text-decoration:none; padding:6px 0; margin:15px 0 0; margin-right:50px; border-radius:3px; }
.subnav a.active { color:#fff; padding:6px 15px;  background:#999999; }
@media screen and ( max-width:768px ){	
.subnav a { margin-right:30px;}
}
.about-index { padding:100px  0;}
.about-index .column-descript { padding:15px 0 100px; }
.about-index .article { color:#888; }
.about-index .article ,
.about-index .article p { font-size:16px;}
.about-index .article > .auto-fade { float:left; width:42.1%; padding-top:42.1%; margin: 13px 40px 40px 0; position:relative; }
.about-index .article > .auto-fade > * { position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; z-index:0; overflow:hidden;
	transition:opacity linear 1500ms;
	-webkit-transition:opacity linear 1500ms;
}
.about-index .article > .auto-fade > *.active { opacity:1; z-index:2; }
.about-index .article > .auto-fade > * img { width:100%; }

.about-index02 { font-family:"Microsoft YaHei"; padding-bottom:50px; }
.about-index02 .left { float:left; }
.about-index02 .left h2  { line-height:1.1; font-size:36px; padding-bottom:10px; }
.about-index02 .left p { font-size:18px; line-height:1.1; margin:12px 0; }
.about-index02 .right { overflow:hidden; text-align:right; }

@media screen and ( max-width:768px ){	
.about-index .article > .auto-fade { width:100%; padding-top:100%; }
.about-index { padding:10px  0;}
.about-index .column-descript { padding:5px 0 10px; margin:0; }

.about-index02 { border-top:1px solid #e5e5e5; padding:10px 0 0; margin-top:10px; }
.about-index02 .left h2 { font-size:24px; padding:10px 0; }
.about-index02 .right { clear:both; }
.about-index02 .left p { font-size:14px; }
.about-index02 .right img { width:100%; }
.about-index .article, .about-index .article p { font-size:14px; }
}
@media screen and ( max-width:480px ){	
.about-index .article > img { width:100%; }
}
.about .service_list03 .column-descript { padding:15px 0 0; }

.about-join { padding:100px 0 0; font-family:"Microsoft YaHei"; color:#555;}
.about-join .column-descript { padding:15px 0 100px; }
.about-join .content { padding:0 0 100px; }
.about-join .content + .content { border-top:1px solid #e5e5e5; padding:100px 0 100px;}
.about-join dl { float:left; width:45%; margin-right:10%; }
.about-join dl + dl { float:none; width:45%; margin-right:-1px; overflow:hidden; }
.about-join dt { font-size:30px; color:#e14135; }
.about-join dd { font-size:16px; line-height:1.8; }
.about-join h4 { font-size:16px; margin-top:40px; }
.about-join h5 { font-size:16px; margin-top:60px; }
.about-join h5 span { font-size:16px; color:#e14135; }
.about-join .content > .auto-fade  { float:left; width:30%; padding-top:44%; margin-right:8%; position:relative; }

.about-join .content > .auto-fade img { width:100%; }
.about-join .content > .auto-fade > *{ position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; z-index:0; overflow:hidden;
	transition:opacity linear 1500ms;
	-webkit-transition:opacity linear 1500ms;
}
.about-join .article > .auto-fade > *.active { opacity:1; z-index:2; }

.about-join .content h2 { font-size:30px; color:#333; }
.about-join .content { color:#888; }
.about-join .content,
.about-join .content p { font-size:18px; }

@media screen and ( max-width:768px ){
.about .service_list03 .column-descript { padding:5px 0 0; }

.about-join { padding:20px  0 0; }
.about-join .content { padding:0; }
.about-join .column-descript { margin:0; padding:5px 0 20px; }
.about-join .content h2 { font-size:16px; }
.about-join .content,
.about-join .content p { font-size:14px; }
.about-join dl { width:auto; clear:both; float:none; width:auto; padding:0 0 15px; margin: 0 0 15px; border-bottom:1px solid #e0e0e0; }
.about-join dl + dl { width:auto; }
.about-join .content + .content { padding:0; border:0; }
.about-join dt { font-size:18px; }
.about-join h4 { font-size:16px; margin-top:15px; }
.about-join h5 { margin-top:20px; }
}
@media screen and ( max-width:480px ){
	
}
.about-contact { padding:50px 0; font-family:"Microsoft YaHei"; color:#555;}
.about-contact .column-descript { padding:15px 0 100px; }
.about-contact img { float:right; }
.about-contact .cont { overflow:hidden; float: left; width: 43%; padding-right: 7%; }
.about-contact h2 { line-height:1.1; font-size:30px; padding-bottom:10px; }
.about-contact h2 ~ h2 { margin-top:80px; }
.about-contact p { font-size:18px; line-height:30px; }
@media screen and ( max-width:768px ){
.about-contact { padding:45px 0;}	
.about-contact .cont { width: 100%; }
.about-contact .cont{ padding-bottom: 35px;}	
}

@media screen and ( max-width:480px ){
	.about-contact { padding:30px 0;}	
}

/* 荣誉 */
.about-honor { padding:100px 0; font-family:"Microsoft YaHei"; color:#555;}
.about-honor .column-head { padding-bottom:60px; }
.about-honor .wrap { margin:0 -20px; text-align:center; }
.about-honor .wrap li { float:left; width:33.33%; }
.about-honor .wrap dl { margin:0 20px 40px; }
.about-honor .wrap dl dt { padding-top:67.5%; position:relative; }
.about-honor .wrap dl dt a { overflow:hidden; cursor:default; }
.about-honor .wrap dl h3 { padding:20px 0;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
@media screen and ( max-width:768px ){
.about-honor { padding:20px  0 0; }
.about-honor .column-head { padding-bottom:20px; }
.about-honor .wrap { margin:0 -5px; }
.about-honor .wrap dl { margin:0 10px 20px; }
}
@media screen and ( max-width:480px ){
.about-honor .wrap li { float:left; width:50%; }
}

.about-past { padding:100px  0;}
.about-past .column-descript { padding:15px 0 100px; }
.about-past .head { margin:0 auto 40px; }
.about-past .head img { display:block; margin:0 auto; width:100%; margin-top:-10px; }
.about-past .head ul { padding-top:20px; margin-left:30%; position:relative; }
.about-past .head li { width:19%; text-align:center; position:relative; }
.about-past .head li > * { cursor:pointer; }
.about-past .head li b { display:block; position:absolute; bottom:100%; left:0; right:0; }
.about-past .head li span { display:block; width:17px; height:17px; background:#cccccc; margin:auto; border-radius:100px; }
.about-past .head li.active span { background:#e14135; }
.about-past .content { white-space:nowrap; overflow:hidden; margin:0 10%; }
.about-past .content .item { width:100%; font-size:16px; white-space:normal; vertical-align:top; }
.about-past .content .item ,
.about-past .content .item p { font-size:16px; }
.about-past .item-wrap { position:relative; }

@media screen and ( max-width:768px ){
.about-past { padding:20px  0 0; }
.about-past .column-head { padding-bottom:0; }
.about-past .column-descript { padding:5px 0 0; }
.about-past .head { margin:0; }
.about-past .head ul { position:static; margin:0 0 15px; }
.about-past .head li { float:left; display:block; width:25%; border:1px solid #ccc; background:#fff; box-sizing:border-box; margin: 0 -1px -1px 0; text-align:center; position:relative; }
.about-past .head li b { position:static; }

.about-past .head li span { display:none; }
.about-past .content { margin:0; }
.about-past .head img { display:none; }
.about-past .content .item ,
.about-past .content .item p { font-size:14px; }
.about-past .head li.active{ background-color: #CCC;}
}




/* 案例 */
.case .index-list02 {  margin-top:25px; }
.case .contact-form .column-head { color:#d6771f; }
.case .subnav { border-top: 1px solid #e5e5e5; }
.case .pinpai-list02 { padding-top:60px; }
.case .pinpai-list02 .column-head  { font-size:24px; color:#333; font-weight:lighter; }
@media screen and ( max-width:768px ){
.case .pinpai-list02{ padding:20px 0 0; }
}

@media screen and ( max-width:480px ){
.case .pinpai-list02{ padding-top:10px; }
}



/* 案例-详细 */
.case-descript .head { text-align:right; line-height:40px; padding:55px 0 30px; }
.case-descript .head ~ .head { padding:0; margin:35px 0 0; text-align:right; }
.case-descript .head h1 { float:left; font-family:"Microsoft YaHei"; }
.case-descript .head .other { vertical-align:top; white-space:nowrap; }
.case-descript .head .share b { float:left; margin-right:10px; }
.case-descript .head .share a { float:left; margin:1px 5px; }
.case-descript .head .arr a { float:left; border:1px solid #e0e0e0 !important; margin-left:10px; margin-top: -14px; }
.case-descript .icon { font-size:0; }
.case-descript .slick-slider .rsBullets { text-align:right; padding:25px 45px; }
.case-descript .slick-slider .rsBullet span { background:#fff; }
.case-descript .slick-slider .rsBullet.rsNavSelected span { background:#aeaeae; }
.case-descript .slick-slider .rsArrow { width:40px; height:110px; margin:-55px 20px; }
.case-descript .slick-slider .rsArrowLeft { background:url(../images/arr-prev2.png) center no-repeat; }
.case-descript .slick-slider .rsArrowRight { background:url(../images/arr-next2.png) center no-repeat; }
.case-descript .descript { font-family:"Microsoft YaHei"; border-bottom:1px solid #e0e0e0; padding-bottom:40px; margin-bottom:50px; }
.case-descript .descript h2 { font-size:24px; line-height:1.1; padding:25px 0 20px; }
.case-descript .descript p { font-size:16px; line-height:24px; color:#555; }
.case-descript .descript p a { line-height:1.1; margin:4px; background:#cccccc; color:#fff; padding:10px 13px; }
.case-descript .descript .left { overflow:hidden; }
.case-descript .descript .right { float:right; width:30%; margin-left:30px; }

@media screen and ( max-width:768px ){
.case-descript .head { text-align:left; padding:20px 0 }
.case-descript .descript { padding-bottom: 10px; margin-bottom: 15px; }
.case-descript .head h1 { float:none; font-size:18px; line-height: 26px; padding-bottom: 10px;}
.case-descript .head .other { text-align:right; width:100%; }
.case-descript .head .other a { width:30px; height:30px; }
.case-descript .head .other a img { display:block; }
.case-descript .head .share { float:left; }
.case-descript .head .share a { margin:5px; }
.case-descript .head .arr { }
.case-descript .descript .right { clear:both; width:100%; }
.case-descript .descript .left { clear:both; }
.case-descript .descript h2 { font-size:16px; }
.case-descript .slick-slider .rsBullets { padding:5px 10px; }
.case-descript .slick-slider .rsArrow { display:none !important; }
}
@media screen and ( max-width:480px ){
}



/* 新闻 */
.news .subnav { border-top: 1px solid #e5e5e5; }

.product-list01 { color:#555; }
.product-list01 .content{ padding: 0;}

.product-list01 .column-head { padding-bottom:60px; }
.product-list01 .wrap { margin:0 -12px; }
.product-list01 .wrap li { float:left; width:50%; *margin-right:-1px; }
.product-list01 .wrap dl { margin:0 12px 12px; }
.product-list01 .wrap dl dt { padding-top:63.4%; position:relative; border:1px solid #E8E8E9;}
.product-list01 .wrap dl dt a { overflow:hidden; }
.product-list01 .wrap dl dt img { width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;

    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.product-list01 .wrap dl:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.product-list01 .wrap dl h3 { font-size:16px; /*! height:20px; */ margin:20px 0 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.product-list01 .wrap dl h3 .date { float:right; font-size:14px; color:#666; }
.product-list01 .wrap dl h3 a { display:block; font-size: 15px; overflow:hidden; text-overflow:ellipsis; text-wrap:normal;font-weight: bold;}
.product-list01 .wrap dl p { color:#888; line-height:24px; height:72px; overflow:hidden; }
.product-list01 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:40px auto 0; border-radius:2px; }


.productlist{ margin: 30px auto;}
.productlist .left { float:left; width:25%;  text-align:center; padding-right: 3%;}
.productlist .left h3 { }
.productlist .left .top { clear:both; float:left; width:100%;}
.productlist .left .top .lefttop{ clear:both; float:left; display:block; width:90%; line-height:24px; padding:5%; background:#333; border-left:1px solid #999; border-right:1px solid #999; padding-top: 30px; padding-bottom: 30px;} 
.productlist .left .top h3 {font-size:24px; color:#fff;  }
.productlist .left .top h5{ color: #999; padding-right: 30px;}
.productlist .left .top a { display:inline-block; *display:inline; zoom:1; line-height:16px; font-size:16px; color:#494949; }
.productlist .left .top ul.menu { clear:both; float:left; width:100%; background:#fff; padding:6% 0; border:1px solid #eee; border-top:0px; }
.productlist .left .top ul.menu li { padding:4% 0;}
.productlist .left .top ul.menu li:hover,.productlist .left .top ul.menu li.on{ background: #000;}
.productlist .left .top ul.menu li a { padding-left:20px; margin-left:-20px; }
.productlist .left .top ul.menu li:hover a{ color:#fff; }
.productlist .left .top ul.menu li.on a { color:#fff;}


.productlist .right { float:right; width:72%; background:#fff;}
.productlist .right .about.nav { line-height: 60px; color:#d66824; position:relative; z-index:1;}
.productlist .right .about.nav .txt { background:#fff url(../images/about_title.png) left center no-repeat; padding: 0 15px 0 45px; position:relative; z-index:2;top: 10px;}
.productlist .right .about.nav .bg { width:100%; height:2px; background:#eee; margin-top:2px; position:absolute; left:0; top:50%; overflow:hidden; z-index:1;  }


.productdetail .headercont { margin: 0 0px 20px 0; }
.productdetail .cont, .productdetail .headercont { border:1px solid #e5e5e5;}
.productdetail .conts { margin: 0px 5px 0; padding: 20px; }
.productdetail .showpic { float:left; width:50%; max-height:100%; overflow:hidden; }
.productdetail .num { font-size:16px; text-align:center; border:1px solid #ced1d8; border-radius:3px; overflow:hidden;}
.productdetail .num,
.productdetail .num > input { line-height:36px; height:36px;}
.productdetail .num .reduction,
.productdetail .num .add { float:left; width:33px; height:100%; position:relative;}
.productdetail .num > input { float:left; width:46px; text-align:center; background:none; border:1px solid #ced1d8; margin:-1px; position:relative; z-index:1; }
.productdetail .num button {
	background:#f9f9f9;
	background: linear-gradient(top , rgb(255, 255, 255) 0% , rgb(249, 249, 249) 100%) !important;
	background: -o-linear-gradient(top , rgb(255, 255, 255) 0% , rgb(249,249, 249) 100%) !important;
	background: -ms-linear-gradient(top , rgb(255, 255, 255) 0% , rgb(249, 249, 249) 100%) !important;

	background: -moz-linear-gradient(top , rgb(255, 255, 255) 0% , rgb(249, 249, 249) 100%) !important;
	background: -webkit-linear-gradient(top , rgb(255, 255, 255) 0% , rgb(249, 249, 249) 100%) !important;
}
.productdetail .num button span { width:32px; height:32px; background: url(../images/uzoo-icon.png) no-repeat; position:absolute; top:50%; left:50%; margin:-16px;}
.productdetail .num .reduction span { background-position:-128px 0px;}
.productdetail .num .add span { background-position:-128px -32px;}
.productdetail .btn-wrap .btn { color:#fff; margin:15px 20px 15px 0; }
.productdetail .btn-wrap .btn1 { background:#d12222; }
.productdetail .btn-wrap .btn2 { background:#30bf37; }

.productdetail h3,.productdetail h1 { font-size:24px; line-height:35px; color:#333; padding: 10px 0; }
.productdetail .price { font-size:16px; line-height:45px; color:#666; }
.productdetail .price font { font-size:20px; color:#e75348; }
.productdetail .desc { padding:5px 0 25px; }

.productdetail .tophead { line-height:50px; height:50px; border-bottom:1px solid #e5e5e5; }
.productdetail .tophead > span { float:left; width:132px; color:#e75348; font-size:20px; border-bottom:1px solid #fff; text-align:center; border-right:1px solid #e5e5e5; }

.productdetail .btn { padding:0 2em; line-height:3em; height:3em; display:inline-block; *display: inline; *zoom:1; cursor: }
.productdetail .article{ padding: 35px;}



@media screen and ( max-width:768px ){
	.main{padding: 10px 0 0px;}
	.breadcrumb{ margin: 10px 5px;}
	.productlist{ margin: 0;}
	.productlist .left { display: none;}
	.productlist .right { float: none; width: 100%; margin: 0%;}
	.product-list01 .wrap dl h3 { font-size:16px; margin:5px 0;}
	.product-list01 .wrap dl p { height:48px;}
	.product-list01 {padding:10px 6px; margin: 5px;}
	.product-list01 .wrap dl { margin:0 5px 16px; }
	.productdetail .showpic { float:none; width:100%;}
	.productdetail .article{ padding: 10px;}
	.productdetail .conts { margin: 0px 0px 0; padding: 10px; }

}


.news-descript { padding:30px 0 20px; color:#555; }

.news{ padding: 10px 25px; border: 1px solid #f0f0f0; margin: 0 auto;}
.news p{ padding-bottom: 10px; text-indent:2em; }
.news .videodesc p, .news .videoBox p{ padding-bottom: 10px; text-indent:0; }
.news p img{ max-width: 96%;}
.news h1.head { line-height:1.1; text-align:center; padding-top:35px; border: none; padding-bottom: 20px; }
.news h1{ padding-bottom: 20px;}
.news p.info b { width:24px; height:24px; margin-left:10px; background:url(../images/news-descript-icon.png) no-repeat;    }
.news p.info .date { background-position:0 -0px; }
.news p.info { height:24px; line-height:24px; text-align:center; padding:5px 0 30px; color:#666; }
.news p.info .browse-num { background-position:-24px -0px; }
.news p.info .belong-class { background-position:-48px -0; }
.news .article ,
.news .article p { color:#555; line-height:2; }
.news .article ,
.news .article p { font-size:16px; }
.news h2,.news h3{ font-weight: bold; }
.videodesc{ padding: 0 5%; margin-bottom: 50px;}

.content .page { text-align:right; padding:20px 0 20px; font-size:16px; }
.content .page a { color:#888; }
.content .page a:hover{ color:#d6771f}
.content .page .prev { float:left; }


@media screen and ( max-width:768px ){
	.news-descript { padding: 2px 0 20px; color:#555; }
	.news{ padding: 10px 8px; border: 1px solid #f0f0f0; margin: 5px;}
	.news img{ padding: 5px 0 15px;}
  .news p img{ padding: 0px 0 0px; margin-left: -20px; }
	.news h1.head { padding-top:20px; font-size: 18px; line-height: 26px; padding-bottom: 10px;}
	.news p.info { padding: 5px 0 15px; }
	.news .article ,
	.news .article p { font-size:14px; }
	.content .page { padding:40px 0 0; }
	.videodesc{ padding: 0 2%;}
	.news .article p{ text-indent: 0;}
}



.side-other { position:fixed; z-index:99999; right:0; top:50%; margin-top:-150px; overflow:visible; }
.side-other .cont { width:0; background: left top no-repeat; white-space:nowrap; position:absolute; right:100%; top:0; overflow:hidden; }
.side-other > div,.side-other > a { width:60px; height:60px; line-height:60px; font-size:20px; color:#fff; margin-top:1px; cursor:pointer; position:relative; }
.side-other > a{ background: #000; display: block;}
.side-other .sider-other01 { background-image:url(../images/sider-other01.png); }
.side-other .sider-other02 { background-image:url(../images/sider-other02.png); }
.side-other .sider-other03 { background-image:url(../images/sider-other03.png); }
.side-other .sider-other04 { background-image:url(../images/sider-other04.png); }
.side-other .sider-other05 { background-image:url(../images/sider-other05.png); display: block; }
.side-other .sider-other01:hover .cont,.side-other .sider-other02:hover .cont,.side-other .sider-other04:hover .cont { width:100px; background-color:#3f3f3f;  }
.side-other .sider-other04:hover .erweima{height: 160px; padding-left: 5px; padding-top: 5px; width: 160px;}
.side-other > *:hover .top{ display: none;}
.side-other .sider-other02:hover .hotline{ padding-left: 10px; width: 180px; color: #FFF; font-weight: bold;}
.side-other .sider-other01:hover .qq{
	width: 100px;
	padding: 15px 20px;
	margin: 0px;
	font-size: 16px;	
}

.side-other .sider-other01:hover .qq img{ padding-right: 10px; width: 20px;}
.side-other .sider-other01:hover .qq a{ background:url(../images/qq.png) left top no-repeat; padding-left: 40px; margin-bottom: 5px; line-height: 30px; display: block; color: #FFF;}
.side-other .sider-other01:hover .qq a:hover{ color: #d6771f; background:url(../images/qq.png) left top no-repeat; background-position: 0 90%;}
@media screen and ( max-width:768px ){	
.side-other { display:none; }
}
#img img { height:900px; }
@media screen and ( min-height:420px ){	
	#img img { max-height:420px; }
}


@media screen and ( min-width:768px ){	
	#img img { max-height:768px; }
}



.ditu{
	padding: 20px 0;width: 100%;
    overflow: hidden;
    /*! padding-left: 85px; */}
@media screen and ( max-width:800px ){
	.ditu{ float: none; width: 100%; display: none;}
}


@media screen and ( max-width:1024px ){
.service-banner { overflow:hidden }
.service-banner > a { display:block; height:100%; margin:0 -1000%; }
.service-banner > a img { display:block; width:auto; height:100%; margin:0 auto; }
.service-banner { height:280px; }
}
@media screen and ( max-width:420px ){
.service-banner { height:168px; }
}





.main-list01 { padding:50px 0 20px; font-family:"Microsoft YaHei"; color:#555; }
.main-list01 .column-head { margin-bottom: 20px; border-bottom:1px solid #d6d6d6; }
.main-list01 .wrap li { float:left; width:25%; *margin-right:-1px; }
.main-list01 .wrap dl { margin:0 1px 0 1px; border: 1px solid #b7b8ba; }
.main-list01 .wrap dl dt { padding-top:80%; position:relative; }
.main-list01 .wrap dl dt a { overflow:hidden; }
.main-list01 .wrap dl dt img { width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main-list01 .wrap dl:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

.main-list01 .wrap dl h3 { font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align: center; padding: 8px; }
.main-list01 .wrap dl dd{background: #31353e; border-top: 1px solid #b7b8ba; margin-top: 2px;}

.main-list01 .wrap dl h3 .date { float:right; font-size:14px; color:#666; }
.main-list01 .wrap dl h3 a { overflow:hidden; text-overflow:ellipsis; text-wrap:normal; display:block; color: #fff; }
.main-list01 .wrap dl p { color:#888; line-height:24px; height:72px; overflow:hidden; }
.main-list01 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:40px auto 0; border-radius:2px; }

@media screen and ( max-width:768px ){
.main-list01 { padding:10px 2px; }
.main-list01 .column-head { margin-bottom: 10px; border-bottom:none; }

.main-list01 .wrap li { width:50%; }
.main-list01 .wrap dl { margin:0 5px 20px; }
.main-list01 .wrap  { padding:0; }
.main-list01 .wrap dl h3 .date { display:none; }
}

@media screen and ( max-width:480px ){
.main-list01 .wrap li { width:50%; }
}


.main-list02 { padding:40px 0 20px; font-family:"Microsoft YaHei"; color:#555;}
.main-list02 .wrap li { float:left; width:48%; *margin-right:-1px; background: #fff; margin: 1%; }
.main-list02 .wrap dl { margin:0 1px 0 1px; border: 1px solid #b7b8ba; }
.main-list02 .wrap dl dt { padding-top:36%; position:relative; }
.main-list02 .wrap dl dt a { overflow:hidden; }

.main-list02 .wrap dl h3 { font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align: center; padding: 8px; }
.main-list02 .wrap dl dd{background: #31353e; border-top: 1px solid #b7b8ba; margin-top: 2px;}

.main-list02 .wrap dl h3 .date { float:right; font-size:14px; color:#666; }
.main-list02 .wrap dl h3 a { overflow:hidden; text-overflow:ellipsis; text-wrap:normal; display:block; color: #fff; }
.main-list02 .wrap dl p { color:#888; line-height:24px; height:72px; overflow:hidden; }
.main-list02 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:40px auto 40px; border-radius:2px; }

@media screen and ( max-width:768px ){
.main-list02 { padding:10px 5px; }
.main-list02 .wrap li { width:50%; }
.main-list02 .wrap dl { margin:0 5px 20px; }
.main-list02 .wrap  { padding:0; }
.main-list02 .wrap dl h3 .date { display:none; }
}

@media screen and ( max-width:480px ){
.main-list02 .wrap li { width:50%; }
}



.main-list02 { text-align:center; margin-top:50px;  }
.main-list02 .list{margin: 0 -1.5%;}
.main-list02 .item { float:left; height:300px; line-height:300px; position:relative; overflow:hidden; *margin-right:-1px; background: #fff; width:47%; margin: 1.5%; }
.main-list02 .item img { display:block; height:75%; vertical-align:top; padding:20px;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	float: right;
}

.main-list02 .item:hover img {/*put big*/
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.main-list02 .item .wrap { display:block; height:100%; }
.main-list02 .item .wrap span.showpic { display:block; margin:0 -55px; }
.main-list02 .item .wrap div.text {
	transition:opacity ease-out 300ms;
	-webkit-transition:opacity ease-out 300ms;
}

.main-list02 .item .wrap .inline { width:100%; line-height:1.1; vertical-align:bottom; margin-bottom: 8%;}
.main-list02 .item .wrap .inline > * { padding:0 25px; }
.main-list02 .item .wrap .inline h3 { padding-bottom:10px; }


.main-list02 .item h3 { color:#333; font-size:26px; text-align:left;}
.main-list02 .item p { line-height:1.65; font-size:16px; text-align:left; color:#333; }
.main-list02 .more-btn { clear:both; display:block; background:#fff; color:#333; text-align:center;  border-radius:2px; }

@media screen and ( max-width:768px ){
.main-list02 { margin-top:0; overflow-x:hidden;}
.main-list02 .column-head { padding:0px 0; }
.main-list02 .container { width:auto; max-width:none; }
.main-list02 .item { width:97%; height:auto; padding-top:40%; position:relative; margin:  }
.main-list02 .item > * { position:absolute; left:0; top:0; width:100%; height:100%; }
.home .main-list02 .list div{ display:block;}
.home .main-list02 .item .wrap .inline{ padding: 16% 0 0;}
.main-list02 .item .wrap .inline > * { padding:0 10px; }
.main-list02 .item h3 { font-size:18px; line-height: 1.6}
.main-list02 .item p { font-size:14px; color: #999; line-height: 1.0;}
	
	
}


.head{ clear: both; margin: 0 auto; /*! border-bottom: 1px solid #d6d6d6; */ }
.head .headlist{ width: 50%; margin: 0 auto; height: 55px;}
.head .headlist li{ float: none;width: auto;display: inline-block; padding: 0 6px;}
.head .headlist li a.active{ padding: 12px;}
.main-list04 .head,.main-list03.videolist .head{ border: none; margin: 50px 0 20px; padding: 10px 0 20px;}
.main-list04 .head .headlist{margin: auto;text-align: center; width: 100%;}

.main-list04 .head .headlist li a{background: #333; padding: 12px 20px; color: #fff;}
.main-list04 .head .headlist li a.active,.main-list04 .head .headlist li a:hover{color: #d66824; text-decoration: underline;}

.main-list03 .head{ border: none; margin: 10px 0 30px; padding: 10px 0 0px; border-bottom: 1px solid #d6d6d6;}
.main-list03 .head .headlist{margin: auto;text-align: center; width: 100%;}

.main-list03 .head .headlist li a{padding: 12px 20px; color: #000;}
.main-list03 .head .headlist li.active a{background: #f0f0f0; color: #d66824;}
.main-list03.videolist .head .headlist li a.active,.main-list03.videolist .head .headlist li a:hover,.main-list04 .head .headlist li a:hover{color: #d66824; text-decoration: underline;}
.main-list03.videolist .head .headlist li a{background: #333; color: #fff;}




.main-list03 { padding:30px 0 0px;color:#555; }
.main-list03 .content{ padding: 0px 0;}
.main-list03 .content.search{ padding: 50px 0;}
.main-list03 .wrap li { float:left; width:48%; *margin-right:-1px; margin: 0% 1% 3%; }
.main-list03 .wrap li .col-sm-12{ float: left; width: 35%; margin-right: 3%; overflow: hidden;}
.main-list03 .wrap li .col-sm-text{ float: left; width: 60%;}
.main-list03 .wrap li .col-sm-text a{font-size: 15px;font-weight: bold; line-height: 22px}
.main-list03 .wrap li .col-sm-text a.more{ font-size: 12px; color: #999;}

.main-list03 .wrap li .col-sm-text span.date{color: #666; line-height: 30px;}
.main-list03 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:20px auto 0px; border-radius:2px; }


.main-list03 .col-sm-12 img { width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;


    -o-transition-timing-function: ease;
}
.main-list03 .col-sm-12:hover img {
	transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

#newslist .lists{ display: none;}
#newslist .lists.active{ display: block;}

@media screen and ( max-width:768px ){
	.main-list03 .col-sm-12 img{ margin: 3.5% 0;}
.main-list03 .wrap li { float:left; width:100%; *margin-right:-1px; margin: 0% 1% 3%; border-bottom: 1px dotted #333; }
.main-list03 .wrap li .col-sm-12{ width: 40%; overflow: hidden;}
.main-list03 .wrap li .col-sm-text{ width: 55%; line-height: 20px; overflow: hidden; }
.main-list03 .wrap li .col-sm-text p{height: 36px;
line-height: 18px;
overflow: hidden;
color: #767A7C;}
	.main-list03 { padding: 10px 0 0px; overflow-x:hidden;}
	.head .headlist li{ padding: 0 3px;}
	.main-list03 .head .headlist li a{ padding: 13px 3px;}
	.main-list02 .more-btn,.main-list03 .more-btn{ margin: 15px auto; }
	.main-list03 .wrap li .col-sm-text a.more, .main-list03 .wrap li .col-sm-text .date{ font-size: 12px; color: #999; display: none}
	.main-list04 .head{ margin: 30px 0 10px; padding: 10px 0 20px;}
}

.main-list04 { padding:30px 0 20px; font-family:"Microsoft YaHei"; color:#555; }
.main-list04.videolist li{ margin-bottom: 50px;}
.main-list04.videolist .wrap li{ margin-bottom:  30px;} 
.xg_tab_l_t{text-align: center; width: 100%; line-height:20px; margin:50px 0 30px;}
.xg_tab_l_t li{
padding:5px 15px;
background: #f0f0f0; 
margin-right: 1px;
padding-left: 30px;
padding-right: 30px;
height: 35px;
float: none;
color: #333333;
line-height: 35px;
display: inline-block; }
.xg_tab_l_t li.active{background-color: #333333; color: #fff;}


.main-list04 .wrap{ margin: 0 -1%;}
.main-list04 .wrap li { float:left; width:23%; *margin-right:-1px; background: #f0f0f0; margin: 0 1%; }
.main-list04 .wrap dl { margin:0 1px 0 1px; /*! border: 1px solid #b7b8ba; */ }
.main-list04 .wrap dl dt { padding-top:80%; position:relative; }
.main-list04 .wrap dl dt a { overflow:hidden; }
.main-list04 .wrap dl .player {
margin-top: -50%; 
margin-left: 50%;
position: absolute;
z-index: 3000;
}
.main-list04 .wrap dl .player img{margin-left: -25px;}

.main-list04 .wrap dl h3 { font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align: center; padding: 10px; }
.main-list04 .wrap dl dd{/*! background: #31353e; */ /*! border-top: 1px solid #b7b8ba; */ /*! margin-top: 2px; */}


.main-list04 .wrap dl h3 .date { float:right; font-size:14px; color:#666; }
.main-list04 .wrap dl h3 a { overflow:hidden; text-overflow:ellipsis; text-wrap:normal; display:block; color: #000;}
.main-list04 .wrap dl h3 a:hover{ text-decoration:underline; color: #d6771f; }
.main-list04 .wrap dl p { color:#888; line-height:24px; height:72px; overflow:hidden; }
.main-list04 .more-btn { clear:both; display:block; background:#e7e7e7; color:#666666; width:145px; height:40px; line-height:40px; text-align:center; margin:40px auto 0; border-radius:2px; }


.main-list04 .row.downtop div{float: left; background: #d5d5d5; margin-bottom: 0px; padding: 5px 0 6px;}
.main-list04 .row div{ float: left; background: #f0f0f0; margin-bottom: 12px; padding: 5px 0 0; width:100%;  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.main-list04 .row:first-child div{ font-weight: bold;}
.main-list04 .row div.col-sm-7{position: relative; width: 66%; padding-left: 15px;}
.main-list04 .row div.col-sm-3,.main-list04 .row div.col-sm-2{width: 16%; text-align: center;}

@media screen and ( max-width:768px ){
.main-list04 { padding:10px 5px; overflow-x:hidden;}
.main-list04 .wrap li { width: 48%; float: left; }
.main-list04 .wrap dl { margin:0 5px 0px; }
.main-list04 .wrap  { padding:0; }
.main-list04 .wrap dl h3 .date { display:none; }
.main-list03.videolist .head{ border: none; margin: 30px 0 20px; padding: 10px 0 10px;}
.main-list04 .row div.col-sm-7{width: 63%;}
}






.about-list01{margin:50px 0 20px; overflow-x:hidden;}
.about-list01 .column-head { text-align: left; padding:0; margin:0; padding-bottom: 15px; }
.about-list01 .column-head span{ color: #d66824;}
.about-list01 .left{ float: left; width: 52%; padding-right: 3%;}
.about-list01 .right{ float: left;width: 42%; padding-left: 2%; border-left: 1px solid #d5d5d5;}
.about-list01 p{ padding: 12px 0; text-indent: 28px;}


.about-list01 h3,.about-list01 h2{ text-indent: 28px; font-weight: bold;}
.about-list01 a{ color: #d66824; text-decoration: underline;}

@media screen and ( max-width:768px ){	
.about-list01{padding:0px 0 20px;}
.about-list01 .column-head { padding: 2.5%;}
.about-list01 .left{ width: 96%; padding: 0% 2.5%;}
.about-list01 .right{ width: 96%; padding: 2.5%; border-left: 1px solid #d5d5d5;}

}


/* 分页 */
#page { clear:both; width:100%; text-align:center; font-size:0; padding:3% 0 0 ; }
#page * { text-decoration:none; vertical-align:middle; }
#page > * {font-size:14px; line-height:30px; display:inline-block; *display:inline; *zoom:1; }
#page a { display:block; line-height:2em; height:2em; min-width:2em; border-radius:2em; border:1px solid #e0e0e0; margin:3px; }
#page li:hover a,
#page .active a {
	border:1px solid #333333;
	background:#333333;
	color:#fff;

}
#page .first,
#page .last,
#page .prev,
#page .next { padding:0 0.5em; overflow:hidden; *zoom:1; }
#page .prev,
#page .next { display:block;}


@media screen and  (max-width: 800px) {
	#page { padding:3% 0 3% ; }
	#page a { display:none; }
	#page .first,
	#page .last,
	#page .prev,
	#page .next { display:block; }
}


.videoplay { margin: 10px auto; padding-bottom: 20px; text-align: center;}
.videoplay .videoBox video{ border: 2px solid #f0f0f0; border-radius: 10px; background: #000; width: 90%;}

@media screen and  (max-width: 800px) {
.videoplay .videoBox video{ width: 96%;}
}


.navside0001 .menu li.active { position:relative; z-index:3; }
.navside0001 .menu li:hover { position:relative; z-index:2; }

/* 二级 */
.navside0001 .menu li ul { display:none; width:200px; font-size:14px; position:absolute; top:0; left:100%; background:#999; padding:0px 0; }
.navside0001 .menu li:hover > ul { display:block;}
.navside0001 .menu li > ul li { line-height:31px; height:31px; background: #676767; }
.navside0001 .menu li ul a { color:#E5EEF8/* 二级文字颜色 */; }
.navside0001 .menu li ul a:hover { color:#fff /* 二级鼠标经过颜色 */; }


.subnav form { display:block; max-width:540px; margin:auto; white-space:nowrap; }
.subnav form > div { position:relative; width:100%; border-radius:3px; overflow:hidden;}
.subnav form input { border:0; }
.subnav form label.text { display:block;  margin-right:80px; line-height:30px; height:30px; padding:5px 10px; background:#f0f0f0; }
.subnav form label.text input { font-size:14px; color:#5a3431; width:100%;line-height:30px; height:30px; background:none; }
.subnav form .button { width:80px; height:100%; background:#d5d5d5; position:absolute; top:0; right:0; }
.subnav form .button input { width:32px; height:32px; background:url(../images/searchicon.png) center no-repeat ;background-size: 70%; position:absolute; top:50%; left:50%; margin:-16px; }