@charset "utf-8";
/* CSS Document */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.pace-inactive { display: none }
.pace .pace-progress { background: #22df80; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px }
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #22df80, 0 0 5px #22df80; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px) }
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #22df80; border-left-color: #22df80; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite }
@-webkit-keyframes pace-spinner { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes pace-spinner { 0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes pace-spinner { 0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes pace-spinner { 0% {
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes pace-spinner { 0% {
transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
transform:rotate(360deg);
transform:rotate(360deg)
}
}

ul, li, form, div, dd, dl, dt { border: 0; margin: 0; padding: 0; list-style: none }
img { border: 0 }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }
input, textarea, select { font-size: 12px }
.a-L { float: left }
.a-R { float: right }
.content_box {
	width: 1140px;
	height: auto;
	margin: 0 auto;
	clear: both;
	
}
.content_box_02 { width: 100%; height: 580px; overflow-y: scroll; padding: 10px 0; background: #eee }

.clear { clear: both; overflow: hidden; font-size: 0; height: 0; line-height: 0 }
.line5 { height: 5px }
.line10 { height: 10px }
.line20 { height: 20px }
.language { width: auto; line-height: 20px; font-size: 12px; height: auto; float: right; margin: 12px 0 0 0 }
.language li { width: 95px; float: left; color: #FFF; margin: 0 10px 0 0 }
.language li a { color: #FFF }
.language li a:hover { display: block; background: #666; height: 20px }
.language li img { float: left; margin: 0 5px 0 0; padding: 3px }
.header_top { display: block; clear: none; background: #181818; height: 40px }
.logo { width: 130px; height: 95px; margin: 12px 0; /* background-image: url(i-img_28.png); background-repeat: no-repeat; background-position: right top; */}
.logo img{ float:left}
.logo-R {
	width: 300px;
	float: right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height:70px;
	padding-top:30px;
	padding-right:110px;
}
.logo-R li { text-align: right; margin: 0 0 5px 0 }
.logo-R .sidad {font-size: 16px;font-weight: bold;color: #000000;background-image: url();background-repeat: no-repeat; background-position: 180px 0px;}
.logo-R .tel { font-size: 14px; font-weight: bold; color: #000000; line-height: 25px; height: 25px; background-image: url(tel.gif); background-repeat: no-repeat; background-position: left top; padding-left: 34px }
.logo-R .tel span { color: #3b6ab0; font-size: 20px }
.logo-R .place { font-size: 12px; height: 15px; background-image: url(place_ico.gif); background-repeat: no-repeat; background-position: left center; float: right }
.logo-R .place a { float: left; margin: 0 0 0 16px }
.nav { display: block; clear: both; background: #3b6ab0; height: 50px }
.nav ul { width: 1140px; margin: 0 auto; font-size: 16px; line-height: 50px; color: #FFF }
.nav ul li { width: 142px; float: left; text-align: center; font-weight: bold }
.nav ul li a { display: block; color: #FFF }
.nav ul li a:hover { display: block; color: #FFF; background: #124996 }
.nav ul li .on { display: block; color: #FFF }
.sub { width: 100%; position: absolute; z-index: 9; left: 0; top: 169px; box-shadow: 0px 20px 50px rgba(0,0,0,0.5); display: none }
.sub_bg { width: 100%; height: 180px; background: #FFF; position: absolute; left: 0; top: 0; z-index: 999999; filter: alpha(opacity=90); opacity: 0.9 }
.sub_nav { width: 1140px; margin: 0 auto; position: relative; z-index: 999999999; height: 170px }
.sub_nav .on { border-right: 1px; border-right-style: none }
.sub_nav .sub_nav_L { float: left; padding-right: 20px }
.sub_nav .sub_nav_R { float: left; width: 960px; text-align: left; background: #ccc }
.sub_nav { text-align: left }
.sub_nav b { background: #124996; margin-top: 26px; display: inline-block; width: 161px; height: 50px; line-height: 50px; text-align: center }
.nav ul li .sub_nav a { float: left; color: #d8d8d8; width: 111px; line-height: 35px; margin: 5px 0; color: #000; padding-left: 50px; font-size: 14px; font-weight: normal; background: url(sub_nav_ico.png) 27px center no-repeat }
.nav ul li .sub_nav a:hover { color: #333; text-decoration: underline }
.sub_nav_R span { float: left; width: 100%; overflow: hidden }
.nav ul li .sub_nav div { background: url(navLine.png) center no-repeat; overflow: hidden; margin-top: 10px }



/*右侧二维码*/
.side{ width:60px; position:fixed; top:200px; right:0; z-index:99999}
.side ul li{ position:relative; list-style:none; height:60px; margin-bottom:1px;}
.side ul li img{ float:left;}
.side ul li .sidebox{position:absolute;width:60px; height:60px;top:0;right:0;transition:all 0.3s;background:#7f7f7f;overflow:hidden;color:#fff; font:14px "微软雅黑";}
.side ul li .sidebox1{position:absolute;width:60px; height:60px;top:0;right:0;transition:all 0.3s;background:#7f7f7f;overflow:hidden;color:#fff; font:14px "微软雅黑";}
.side ul li .sidebox1:hover{ background:#3b6ab0;}
.side ul li .sidebox2{position:absolute;width:60px; height:60px;top:0;right:0;transition:all 0.3s;background:#7f7f7f;overflow:hidden;color:#fff; font:14px "微软雅黑";}
.side ul li .sidebox3{position:absolute;width:60px; height:60px;top:0;right:0;transition:all 0.3s;background:#7f7f7f;overflow:hidden;color:#fff; font:14px "微软雅黑";}
.mobile-container {width: 60px; height: 60px;background: url(r_qq.png) no-repeat #7f7f7f;float:left;}
.mobile-container:hover{ background:url(r_qq.png) no-repeat #3b6ab0;}
.mobile-show {width: 140px;min-height: 120px; background: #fff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -145px; top: -70px; }
.mobile-show .mobile-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 140px; top: 120px; position: absolute; z-index: 2;}
.mobile-show .mobile-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 141px; top: 118px; position: absolute; }
.mobile-show .mobile-txt{ float:left; width:114px; padding:10px 12px 10px 20px; text-align:left; font-size:15px; color:#333; line-height:35px;}
.mobile-show .mobile-txt a{font-size:15px; color:#333;}
/*自定义样式结束*/

.logo_text{height: 68px;border-left: 1px solid #a9a9a9;margin-top: 25px;}
.logo_text p{margin-left: 15px;}
.logo_text .logo_text_p1{font-size: 20px;font-weight: 600;color: #3b6ab0;margin-top: 10px;}
.logo_text .logo_text_p2{font-size: 14px;color: #000;text-align: left;}

.gywm_box h1{
    -webkit-transform: translateY(100px) translateX(0);
    -moz-transform: translateY(100px) translateX(0);
    transform: translateY(100px) translateX(0);
    opacity: 0;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
	-webkit-transition: transform .8s,opacity .8s;
    -moz-transition: transform .8s,opacity .8s;
    -o-transition: transform .8s,opacity .8s;
    transition: transform .8s,opacity .8s;
	-webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
    opacity: 1;
	overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
    font-size: 24px;
    color: #333333;
    line-height: 52px;
    margin-bottom: 15px;
	margin: 0;
    padding: 0;
	}
.gywm_box .about_tit_b{
    background: url(../images/i_bg1.png) center top no-repeat;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
	height: 50px;
    line-height: 50px;
}