/*******************
 *原网站头部公用CSS
 *******************/
#head-pc { position:relative; z-index:101; font-family:Helvetica,Arial,"宋体","黑体",sans-serif; font-size:12px; height:115px;}
header#branding {display:block;width:1000px;margin:0 auto;position:relative;z-index:5;}
header .hotcall {float:right;}
header .hotcall p {width:858px;height:36px;line-height:36px;text-indent:-9999em;overflow:hidden;background:url("") right top no-repeat;}
hgroup {float:left;margin:0;}
.clear { clear:both;}
header .clear {height:12px;font-size:12px;min-height:12px;margin:0;padding:0;}
#site-title {font-size: 2em;font-weight: bold;float:left;}
#site-title a {display:block;width:144px;height:30px;text-indent:-9999em;overflow:hidden;}
#site-description {display:none;}
#web_top {width: 1000px; height: auto; float: left; margin-bottom: 10px; background-color: #fff;}
#web_top #web_logo {width: 144px; height: 35px; float: left;}
#web_top #web_logo a {width: 144px; height: 35px; float: left; display: block; background-image: url(""); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
#web_top #web_menu {width: auto; height: auto; float: right;}
#web_top #web_menu ul {width: auto; height: auto; float: left;}
#web_top #web_menu ul a {width: 59px; height: 15px; float: left; padding: 10px 15px 10px 15px; background-image: url(""); background-position: center 10px; background-repeat: no-repeat; text-indent: -999px; overflow: hidden;box-sizing:content-box !important;}
#web_top #web_menu ul.menu_a a {width: 29px; }
#web_top #web_menu ul.menu_f a {width: 105px;}
#web_top #web_menu ul.menu_a a {background-image: url("");}
#web_top #web_menu ul.menu_b a {background-image: url("");}
#web_top #web_menu ul.menu_c a {background-image: url("");}
#web_top #web_menu ul.menu_d a {background-image: url("");}
#web_top #web_menu ul.menu_e a {background-image: url("");}
#web_top #web_menu ul.menu_f a {background-image: url("");}
#web_menu ul.menu_b #menu_b_list {width: 1000px; height: auto; margin-left: -509px; +margin-left: -598px; margin-top: 35px; float: left; position: absolute; background-color: #fff; padding-top: 10px; padding-bottom: 20px; display: none;}
#web_menu ul.menu_b #menu_b_list ul {width: 155px; height: auto; float: left; margin-right: 10px;}
#web_menu ul.menu_b #menu_b_list ul.list_1 {width: 120px; margin-left: 10px;}
#web_menu ul.menu_b #menu_b_list ul.list_3 {width: 180px;}
#web_menu ul.menu_b #menu_b_list ul.list_4 {width: 135px;}
#web_menu ul.menu_b #menu_b_list ul.list_5 {width: 180px;}
#web_menu ul.menu_b #menu_b_list ul.list_6 {width: 170px; margin-right: 0px;}
#web_menu ul.menu_b #menu_b_list ul li, #web_menu ul.menu_b #menu_b_list ul li p, #web_menu ul.menu_b #menu_b_list ul li p span {width: 100%; height: auto; float: left; margin:auto;}
#web_menu ul.menu_b #menu_b_list ul li a {text-indent: 10px; width: auto; height: auto; padding: 0px; background-image: url(""); color: #666; line-height: 17px; font-weight: normal;}
#web_menu ul.menu_b #menu_b_list ul li a:hover {color: #0095DB; text-decoration: underline;}
#web_menu ul.menu_b #menu_b_list ul li.b_blue {margin-bottom: 3px;}
#web_menu ul.menu_b #menu_b_list ul li.b_blue a {text-indent: 0px; font-weight: bold; color: #147DBF; font-size: 13px;}
#web_menu ul.menu_b #menu_b_list ul li.b {margin-bottom: 3px;}
#web_menu ul.menu_b #menu_b_list ul li.b i{ font-style:normal;}
#web_menu ul.menu_b #menu_b_list ul li.b a {text-indent: 0px; font-weight: bold;}

#web_menu ul.menu_b #menu_b_list ul li.b a.no_link {cursor: default;}
#web_menu ul.menu_b #menu_b_list ul li.b a.no_link:hover {color: #666; text-decoration: none;}
#web_menu ul.menu_b #menu_b_list ul li.b p a {font-weight: normal; text-indent: 10px;}
#web_menu ul.menu_b #menu_b_list ul li.margin_top {margin-top: 60px;}
#web_menu ul.menu_b #menu_b_list ul li.b p span {display: none;}
#web_menu ul.menu_b #menu_b_list ul li.b p span a {text-indent: 20px; +width: 90%;}
#web_menu ul.menu_c #menu_c_list {width: auto; height: auto; background-color: #fff; margin-top: 35px; margin-left: -125px; +margin-left: -214px; padding: 0px 20px; float: left; position: absolute; display: none;}
#web_menu ul.menu_c #menu_c_list a {background-image: url(""); width: auto; height: 28px; line-height: 28px; float: left; text-indent: 0px; padding: 0px 15px 10px 15px; font-size: 14px; font-weight: bold; color: #666;}
#web_menu ul.menu_c #menu_c_list a:hover {color: #818181; text-decoration: underline;}
#web_menu ul.menu_b:hover #menu_b_list, #web_menu ul.menu_c:hover #menu_c_list {display: block;}
#web_menu ul.menu_b #menu_b_list ul.list_3 li.b p span.height_get {height: 68px;}
#web_menu ul.menu_b #menu_b_list ul.list_3 li.b p span.width_get {height: 34px;}
#web_menu ul.menu_b #menu_b_list ul.list_3 li.b p span.width_get a {margin-right: 75px;}
.t-mc2 .t-menub5,.t-mc2  .t-menuv8{display:none;}
.side-nav { display:none} 
/*******************
 *原网站底部公用CSS
 *******************/
#homedlqun {width:1000px;margin:0 auto;padding:12px 0;overflow:hidden;zoom:1;}
#homedlqun dl {width:150px;float:left;padding:0 25px; margin:auto !important; box-sizing:content-box !important;}
#homedlqun dt {padding:1em 0;border-bottom:1px dashed #404040;font-size:15px;color:#26A5FF;line-height:16px; font-weight:normal !important;}
#homedlqun dt a {font-size:15px;color:#26A5FF;}
#homedlqun dd {padding:0.8em 0;border-bottom:1px dashed #404040;}
#homedlqun dd a {color:#9C9C9C;}
#homedlqun dd a:hover {color:#000;}
#colophon {padding: 1em 0;background:#fff;margin:0;}
.home #colophon {background:#fff;}
#colophon #site-generator {width:1000px;margin:0 auto;overflow:hidden;zoom:1;line-height:13px; padding-top:20px;}
#colophon p {float:left;}
.home #colophon p {color:#747474;} 
#colophon ul {float:right;}
#colophon li {float:left;}
#colophon a {padding:0 1em;border-right:1px solid #787878;color:#787878;line-height:12px;}
#colophon p a {border-right:none 0;}
#colophon a:hover {color:#26A5FF;}
#colophon .lastli a{border:none 0;}

/*******************
 *
 *******************/
html { margin:0; padding:0;}
img {max-width:100%;}
input, select { outline:none}
a:focus, a:hover { text-decoration:none;}
body .container-body .to-visible { display:block !important;  height:auto !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1em; margin:auto; line-height:inherit;}
.al{ text-align:left;}
.ac{ text-align:center;}
.ar{ text-align:right;}
ol ,ul { margin:0;padding:0;}
.ol-type-square,
.ol-type-arrow,
.ol-type-arrow2,
.ol-type-circle  {list-style-type:none; padding-left:1em;}
.ol-type-square li,
.ol-type-arrow  li,
.ol-type-arrow2  li,
.ol-type-circle li{ text-indent:-1em; overflow:visible!important; display:block !important; width:auto !important; margin:auto !important;}
.ol-type-square li:before,
.ol-type-arrow  li:before,
.ol-type-arrow2  li:before,
.ol-type-circle li:before{ content:""; display:inline-block; width:1em;vertical-align:middle; margin-top:-0.4em; text-indent:0; }
.ol-type-square li:before{ content:"■";}
.ol-type-arrow  li:before{ content:"►";}
.ol-type-arrow2 li:before{ content:">"; font-family:SimSun; font-style:normal;}
.ol-type-circle li:before{ content:"●";}

.ol-type-text {padding-left:1em;list-style-type:none;}
.ol-type-text li{ text-indent:-1em;overflow:visible!important;}
.ol-type-text .ol-type-label {list-style-type:none; display:inline-block;width:1em;vertical-align:top;text-indent:0;}
.ol-type-text-1 {padding-left:1em;}
.ol-type-text-2 {padding-left:2em;}
.ol-type-text-3 {padding-left:3em;}
.ol-type-text-4 {padding-left:4em;}
.ol-type-text-5 {padding-left:5em;}
.ol-type-text-6 {padding-left:6em;}
.ol-type-text-1 li{ text-indent:-1em;}
.ol-type-text-2 li{ text-indent:-2em;}
.ol-type-text-3 li{ text-indent:-3em;}
.ol-type-text-4 li{ text-indent:-4em;}
.ol-type-text-5 li{ text-indent:-5em;}
.ol-type-text-6 li{ text-indent:-6em;}
.ol-type-text-1 .ol-type-label {width:1em;}
.ol-type-text-2 .ol-type-label {width:2em;}
.ol-type-text-3 .ol-type-label {width:3em;}
.ol-type-text-4 .ol-type-label {width:4em;}
.ol-type-text-5 .ol-type-label {width:5em;}
.ol-type-text-6 .ol-type-label {width:6em;}
/* video */
.video { position:relative;text-align:center;  cursor:pointer;}
.video img{ max-width:100%; position:relative; z-index:1;}
.video:before{ content:""; position:absolute;left:0;top:0;width:100%; height:100%; background-color:#000;filter:alpha(opacity=60);opacity:.6;}
.video:after { content:"►"; position:absolute; z-index:10;left:50%;top:50%;width:2em; height:2em; margin:-1em 0 0 -1em;border-radius:2em;font-size:36px;line-height:1.9em; text-indent:.2em;background-color:#F7B52D;  color:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.5); transition:all 100ms steps(4,end);-webkit-transition:all 100ms steps(4,end);}
.ie8 .video i { position:absolute;z-index:10;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;background-color:#F7B52D;background:url("icon_player.png");}
.video:hover:after {font-size:40px;box-shadow:0 0 0 6px rgba(255,255,255,1);}
.video h2    { position:absolute;left:0;top:50%; margin-top:40px !important; margin-bottom:0;width:100%; color:#fff; font-size:1rem;}
/* loading */
.loading{width:100%;height:100%;position:fixed;left:0;top:0; z-index:999; text-align:center;transition:opacity 800ms;-webkit-transition:opacity 800ms; background-color:rgba(0,0,0,.2);}
#loading.remove{ opacity:0;}
.loading:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.loading-title {display:inline-block;vertical-align:middle;position:relative; z-index:2; color:#fff; padding:15px; border-radius:5px;background:#fff;/*box-shadow:0 0 0 5px rgba(255,255,255,.2);-webkit-box-shadow:0 0 0 5px rgba(255,255,255,.2);*/}
.loading-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=00);opacity:.0;}
html.html-loading{ height:100%;}

/* alert */
.alert{width:100%;height:100%;position:fixed;left:0;top:0; z-index:2000; text-align:center; font-size:14px; border:none; white-space:nowrap;}
.alert:before { content:""; display:inline-block; vertical-align:middle; height:100%;}
.alert-inside {display:inline-block;vertical-align:middle;position:relative;z-index:2;min-width:300px;border-radius:3px;background:#fff; white-space:normal;}
.alert-title {display:block; margin:30px; font-size:22px;}
.alert-close {display:inline-block;position:absolute;z-index:100;right:-1em;top:-1em;width:2.4em;height:2.4em;text-align:center;line-height:1;background:#fff;border-radius:3em;color:#888;font-size:1em;cursor:pointer;white-space:nowrap;}
.alert-close:before { content:""; display:inline-block; width:0; padding-bottom:105%; vertical-align:middle;}
.alert-close:after  { content:"╳"; display:inline-block;vertical-align:middle; font-style:normal; font-family:sans-serif;}
.ie8 .alert-close {right:0;top:0;}
.ie8 .alert-close:after  { content:"☓";}
.alert-confirm {display:inline-block;line-height:1.2;padding:6px 50px 8px 50px; margin:10px 10px 30px 10px;border-radius:3px;font-size:1.2em;border-top:0px #ddd solid; background-color:#0786D3;cursor:pointer; color:#fff;}
.alert-confirm:hover { color:#fff;}
.alert-mask {position:absolute; width:100%; height:100%;left:0;top:0; background:#000;filter:alpha(opacity=60);opacity:.6;}
.alert img { max-width:90%; max-height:90%}
	
/* popup */
.popup { position:absolute;width:100%;height:100%;left:0;top:0; z-index:1050; text-align:center; white-space:nowrap;}
.popup:before { content:"";width:0%;height:100%; display:inline-block; vertical-align:middle;}
.popup-inside {display:inline-block;vertical-align:middle; padding:10px; background:#fff; position:relative; z-index:10; white-space:normal;}
.popup-mask {background:#000; position:absolute;width:100%; height:100%;left:0;top:0;;filter:alpha(opacity=80);opacity:.8}
.popup-close {display:inline-block;position:absolute; z-index:1000;right:0;top:0;width:40px;height:40px;text-align:center;line-height:1;background:#fff;color:#888;font-size:20px;cursor:pointer;font-weight:normal;white-space:nowrap;}
.popup-close:before { content:""; display:inline-block; width:0; padding-bottom:100%; vertical-align:middle;}
.popup-close i { display:inline-block;vertical-align:middle; font-style:normal;}
.popup-active,.popup-active body {height:100%; overflow:hidden;}

.popup-video .popup-inside {width:80%;max-width:1000px;position:relative;border:10px #fff solid; padding:0;}
.popup-video .popup-inside:before { content:""; display:inline-block;width:0%;height:0; vertical-align:top;overflow:hidden;padding-bottom:62.5%;}
.popup-video .popup-main { position:absolute;left:0;top:0;width:100%;height:100%;}
.popup-video .popup-close {right:-50px;top:-10px;}
/**/
.goto-top {display:block;position:fixed;right:0;bottom:0px;background:#0786D3; color:#fff; text-align:center;font-size:0; line-height:1;padding:0;cursor:pointer;}
.goto-top:hover { opacity:1;color:#fff;}
.goto-top * {box-sizing:content-box;-webkit-box-sizing:content-box;}
.goto-top b { height:0; display:block;padding-bottom:100%; font-weight:normal;}
.goto-top b:before { content:"︿"; display:block; line-height:0;margin-bottom:1em; text-align:center}
.goto-top b:after{ content:"顶部"; display:block;}
.goto-top-show {padding:10px;font-size:10px;}
/**/
.imageword { overflow:hidden; position:relative;}
.imageword .image { float:left; width:50%;}
.imageword .image img {width:100%;}
.imageword .image p img {width:auto;}
.imageword .word { position:absolute;left:50%;top:0;right:0;bottom:0; height:100%;overflow:hidden; display:block; white-space:nowrap;}
.imageword .word:before,.imageword .word:after{ content:""; display:inline-block;width:0;height:100%;vertical-align:middle;}
.imageword .word-inner { display:inline-block;margin:0 auto;padding:0 6%; white-space:normal; vertical-align: middle;}
.imageword .word h2 { margin:auto;}
.imageword .word h2 b { font-weight:normal;}
.imageword .word h2 span {}
.imageword .word p  { margin:auto;margin-top:1em; color:#777; line-height:25px;font-size: 14px; min-height: 60px;}
.imageword .word .readmore{ margin-top:2em; font-size:1.2em;}
.imageword .word .readmore img{ margin-top:-.2em; margin-right:.4em;}
.imageword .word h2 + *  {margin-top:1em;}

.imageword-left  .image { float:left;}
.imageword-left  .word  { left:50%;right:0;}
.imageword-right .image { float:right;}
.imageword-right .word  { left:0;right:50%;}

.imageword-top .word { position:relative;left:auto;right:auto;}

.imageword-list .imageword:nth-child(even) .image{float:left;}
.imageword-list .imageword:nth-child(even) .word {left:50%;right:0;}
.imageword-list .imageword:nth-child(odd)  .image{float:right;}
.imageword-list .imageword:nth-child(odd)  .word {left:0;right:50%;}

.media-pc         { display:block!important;}
.media-pc-ibk     { display:inline-block!important;}
.media-mobile     { display:none !important;}
.media-mobile-ibk { display:none !important;}
@media (min-width: 769px){
	*{  
		scrollbar-face-color:#cccccc; /*面子*/  
		scrollbar-arrow-color:#fff; /*箭头*/  
		scrollbar-3dlight-color:#ccc; /*最外左*/  
		scrollbar-highlight-color:#ccc; /*左二*/  
		scrollbar-shadow-color:#ccc; /*右二*/  
		scrollbar-darkshadow-color:#ccc; /*右一*/  
		scrollbar-track-color:#eeeeee; /*滑道*/  
	}   
	::-webkit-scrollbar{width:10px; height:10px;}/*滚动条宽度*/ 
	::-webkit-scrollbar-button{}/*滚动条按钮*/   
	::-webkit-scrollbar-track{}/*滑道全部*/ 
	::-webkit-scrollbar-track-piece{  
		background-color:#eee;  /*滑道*/  
		-webkit-border-radius:0px; /*滑道圆角宽度*/  
	}  
	::-webkit-scrollbar-thumb{  
		background-color:#ccc; /*滑动条表面*/  
		border:solid 2px #ccc; /*滑动条边框*/  
		border-radius:7px;  /*滑动条圆角宽度*/  
	}  
	/*横竖滚动条交角*/  
	::-webkit-scrollbar-corner {  
		background-color:none;  
	}  
	/*横竖滚动条交角图案*/  
	::-webkit-resizer {  
		/*background-image: url(/public/img/resizer-inactive.png);*/  
	   background-repeat: no-repeat;  
	   background-position: bottom right;  
	}  
	/*鼠标滑过滑动条*/  
	::-webkit-scrollbar-thumb:hover{  
		background-color:#bbb; 
		border:solid 2px #bbb; /*滑动条边框*/   
	}  
}
/* ipad */
@media (max-width: 768px){
.frame { width:99%; margin:auto;}
header#branding { width:100%}
header .hotcall { width:80%;}
header .hotcall p { width: 100%; background-size:100% auto;}
#web_top { width:100%;}
#web_top #web_menu ul a{ background-size:auto 35%; padding-left:5px; padding-right:5px;}
#homedlqun dl { width:10%;}
#colophon #site-generator { width:98%;}

.imageword .word p { line-height:1.5;min-height: auto;}
}

@media (max-width: 767px){
.media-pc        { display:none !important;}
.media-pc-ibk    { display:none!important;}
.media-mobile    { display:block!important;}
.media-mobile-ibk{ display:inline-block!important;}
html,body {width: 100%;height:100%;}

.frame { display:table;width: 100%; height:100%;transition:transform 300ms;will-change:transform;-webkit-will-change:transform;}
.frame-head { display: table-row;width: 100%;}
.frame-body { display: table-row;width: 100%;height: 100%;}
.frame-relative { position:relative; z-index:0;width: 100%;height: 100%;}
.iphone .frame-scroll { -webkit-overflow-scrolling:touch;}
.frame-scroll { position:absolute; z-index:1;width: 100%;height:100%;overflow:auto;box-sizing: border-box;-webkit-box-sizing: border-box; }
.frame-fixed { position:absolute;width: 100%;height: 100%;left:0;top:0; transform:translate(100%,0);-webkit-transform:translate(100%,0); transition:transform 300ms;-webkit-transition:transform 300ms;}
.frame-foot { display: table-row;width: 100%;}
.frame-head > div{ transition:height 300ms;}
.frame-foot > div{ transition:height 300ms;}
.full-screen .frame {display:block; position:relative;}
.full-screen .frame-head {display:block;position:absolute;z-index:20;width:100%;left:0;top:0;transition:transform 300ms;will-change:transform;-webkit-will-change:transform;}
.full-screen .frame-body {display:block;}
.full-screen .frame-foot {display:block;position:absolute;width:100%;left:0;bottom:0;transition:transform 300ms;will-change:transform;-webkit-will-change:transform;}
.full-screening .frame-head { transform:translate(0,-100%);}
.full-screening .frame-foot { transform:translate(0,100%);}

.header {height:60px;z-index:2;box-shadow:0 0 5px rgba(0,0,0,0.1); background:#fff;}
.mobile-logo {position:absolute;left:0;top:0;display:inline-block; width:30%;height:100%; white-space:nowrap;}
.mobile-logo:before { content:"";display:inline-block; width:1em;height:100%; vertical-align:middle;}
.mobile-logo img {height:40%;}
.side-nav-toggle { position:absolute;right:0;top:0; width:40px;height:100%;}
.side-nav-toggle span{ position:absolute;left:50%;top:50%; width:40%;height:2px; margin-left:-20%;display:block; background:#B1B1B1;}
.side-nav-toggle span:first-child{ margin-top:-5px;}
.side-nav-toggle span:last-child { margin-top: 5px;}
.side-nav { display:none;position:absolute;z-index:-1;left:100%;top:0%; width:100%; height:1000px; font-size:1.4em;background:#f9f9f9;}
.iphone .side-nav { display:block;}
.side-nav ul { padding:2em;}
.side-nav ul li a{ display:block;padding:1em; border-bottom:1px #eee solid; color:#000;}
.side-nav-mask { position:absolute;left:0;top:0; z-index:100;width:100%; height:0; overflow:hidden;background:rgba(0,0,0,0); transition:background 300ms; text-align:right;}
.side-nav-mask:before { content:"╳"; font-size:2em; color:#fff; font-family:arial; display:inline-block; width:20%; text-align:center; margin-top:.5em;}
.navbar-opened .frame { transform:translate(-80%,0);}
.navbar-opened .side-nav { display:block;}
.navbar-opened .side-nav-mask { height:1000px;background:rgba(7,134,211,.95); box-shadow:0 0 10px rgba(0,0,0,0.2);}

.imageword .image { float:none; width:auto !important;}
.imageword .word { position:relative;left:0 !important;height:auto;white-space:normal;}
.imageword .word p { line-height:inherit;}
.imageword .word:before,.imageword .word:after{display:block;width:100%;height:0;vertical-align:top;}
.imageword .word-inner { display:block;vertical-align:top;margin:auto;padding:0 !important;white-space:normal;}
/* img-arrow-bottom */
.img-arrow-bottom { position:relative; margin-bottom:15px; overflow:hidden;}
.img-arrow-bottom img{ vertical-align:bottom;}
.img-arrow-bottom:before { content:"";position:absolute; width:50.9%; height:0;left:0;bottom:-2px;border-style:solid; border-width:0 10px 10px 0; border-color:transparent transparent #fff transparent;}
.img-arrow-bottom:after  { content:"";position:absolute; width:50.9%; height:0;left:49.8%;bottom:-2px;border-style:solid; border-width:0 0 10px 10px; border-color:transparent transparent #fff transparent;}
/* popup-video */
.popup-video .popup-inside { width:100%; border:0px #fff solid; box-sizing:border-box;}
.popup-video .popup-close {right:-1px;top:-40px;background-color:rgba(255,255,255,.2); color:#fff;}
/**/
.alert-inside {min-width:0; width:100%;}
.alert-title {font-size:1.5rem; margin:10px;overflow:auto;}
.alert-confirm {display:block;padding:8px 0 10px 0; margin:0;border-radius:0;}
/**/
.goto-top { position:absolute;right:0;bottom:0; opacity:.8; z-index:10;}

	
}