@charset "utf-8";
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, ul { padding: 0; margin: 0 }

strong { font-weight: 700 }
ol, ul { list-style: none outside none }
fieldset, img { border: medium none; vertical-align: bottom }
caption, th { text-align: left }
table { border-collapse: collapse; border-spacing: 0 }
body { background: none repeat scroll 0 0 #FFF; color: #333; font: 12px/1 "微软雅黑", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif }
input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif }
a { outline: medium none }
a:active, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
cite, em, i { font-styleign: center }
html { min-height: 101% }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
*html .clearfix { height: 1% }
time { color: #777 }
article, aside, dialog, figure, footer, header, menu, nav, section { display: block }
ul { list-style: none }
a { text-decoration: none }
.clear { clear: both }
* { margin: 0; padding: 0 }
.f-l { float: left }
.f-r { float: right }
.clearfix:after { content: "/20"; display: block; visibility: hidden; clear: both; font-size: 0; line-height: 0; height: 0 }

.zy_banner0{
	width: 100%;
    height: 500px;
	margin-top:119px;
    background: url(../images/0-0.jpg)center no-repeat;
}
.zy_banner1{
	width: 100%;
    height: 600px;
	margin-top:119px;
    background: url(../images/1.jpg)center no-repeat;
}
.zy_banner2{
	width: 100%;
    height: 600px;
	margin-top:119px;
    background: url(../images/2.jpg)center no-repeat;
}
.zy_banner3{
	width: 100%;
    height: 600px;
	margin-top:119px;
    background: url(../images/6.jpg)center no-repeat;
}
.zy_banner4{
	width: 100%;
    height: 600px;
	margin-top:119px;
    background: url(../images/4.jpg)center no-repeat;
}
.zy_banner5{
	width: 100%;
    height: 600px;
	margin-top:119px;
    background: url(../images/5.jpg)center no-repeat;
}


.zy_background1{
    width: 100%;
    height: auto;
    background: url(../images/xg_1.jpg) center no-repeat;
    background-attachment: fixed;
}
.zy_background2{
    width: 100%;
    height: auto;
    background: url(../images/xg_2.jpg) center no-repeat;
    background-attachment: fixed;
}
.zy_background3{
    width: 100%;
    height: auto;
    background: url(../images/xg_3.jpg) center no-repeat;
    background-attachment: fixed;
}


@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }


.news1 li {
	width: 90%;
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    height: 30px;
    /*line-height: 15px;*/
}

.news1 li span {
	float: left;
    width: 60%;
    height: 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news1 li i {
	float: right;
    font-style: normal;
    color: #999;
}


.vpage {width:100%;text-align: center;height: 38px;}
.vpage a {display:inline-block;width: 34px;height: 34px;background-color: #00AE5D;color: #fff;text-align: center;line-height: 34px;margin-right:10px;border-radius:1px;}
.vpage b {display: inline-block;width: 30px;height: 30px;color: #000;}

.vnext_pre {display: block;margin-top: 15px;clear:both;}
.vnext_pre li {display: block;height: 30px;line-height: 30px;}

.cooperation{
	clear: both;
	width: 1200px;
	margin: 0 auto;
	height: 560px;
}
.cooperation h1{
	text-align: center;
	font-size: 30px;
	margin: 20px 0;
	font-weight: normal;
	color:#fff;
}
.cooperation ul li{
	float: left;
	width: 200px;
	height: 80px;
	margin-top: 20px;
}
.cooperation ul li img{
	width: 160px;
	height: 80px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	border: 3px solid rgba(42,34,49,0.9);
}