@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;  }
a:hover { color:#249edd;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

.index footer{margin-top:-60px!important;}
.focus input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0;}
.focus input:-moz-placeholder, textarea:-moz-placeholder {opacity:0;}
.focus input::-moz-placeholder, textarea::-moz-placeholder { opacity:0;}
.focus input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0;}

.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(/css/backgroundsize.min.htc);
behavior: url(/css/backgroundsize.min.htc);}

a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
button,
button:active,
button:focus,
button:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plainteeet-only;outline:none;-webkit-tap-highlight-color: transparent;}

.select-box { width: 100%; position: relative; z-index: 100; border-radius: 1px; line-height: 35px; height: 35px; color: #000; }
.select-box:hover { z-index: 101; }
.select-box dt { margin-right: 1px; padding: 0 5px; cursor: pointer; }
.select-box dt b { font-weight: normal; display: block; margin-right: 15px; color: #fff; }
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out; background: url(/images/icon.png) no-repeat -41px -10px; width: 12px; height: 6px; right: 10px; top: 50%; margin-top: -4px; }
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { position: absolute; max-height: 200px; opacity:0.8; filter:alpha(opacity=80); z-index: 102; overflow-y: auto; background: #000; padding: 0 0; overflow-x: hidden; right: 0; left: 0; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 1.8; color: #fff; font-weight: normal; white-space: normal; padding: 0 5px; margin-top: 0px; }
.select-box dd a:hover, .select_0 dd a.on { color: #000; background: #fff; }

.mousebox { width: 50px; height: 50px; position: fixed; left: 50%; bottom: 130px; margin: 0 0 0 -25px; z-index: 100; background:rgba(255,255,255,0.2); border-radius:100%; box-shadow:0 0 5px rgba(255,255,255,0.8); }
.lt9 .mousebox { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#22ffffff", EndColorStr="#22ffffff");}
.mouse { display: block; width: 20px; height: 45px; margin:5px auto 0; background: url(/images/m.png) no-repeat;  cursor: default; }

body { background:#fff;}

.index .header { position:fixed;  top:-50px; left:0; right:0; z-index:11;}
.header{position:fixed;  top:0px; left:0; right:0; z-index:10001;}
.header .w { margin:0 50px; background:rgba(255,255,255,0.8); position:relative; height:50px;}
.lt9 .header .w { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#ccffffff", EndColorStr="#ccffffff");}
.header .w .logo { float:left; margin-left:55px; margin-top:10px; margin-right:50px;}
.header .w nav { float:left; margin-top:13px;}
.header .w nav ul { }
.header .w nav li { float:left; padding:0 30px; position:relative; height:37px; }
.header .w nav li > .arrow-up { position:absolute; left:50%; bottom:0; margin-left:-8px; display:none; }
.header .w nav li .l { position:absolute; background:#888; width:1px; height:16px; top:30%; right:0; margin-top:-6px;}
.header .w nav li > a { display:block; height:1.5em; overflow:hidden; text-align:center; font-size:16px; position:relative; color:#888;}
.header .w nav li > a span{ display:block; position:relative; transition:0.2s all ease; -webkit-transition:0.2s all ease; }
.header .w nav li:hover > a span{ margin-top:-1.5em; color:#0096db;}
.header .w nav li:hover > .arrow-up { display:block;}
.header .w nav li > a span em { display:block;}
.header .w nav li > a span b { display:block;}
.header .w .top-search { position:absolute; right:300px;  transition:0.3s all;  -webkit-transition:0.3s all; overflow:hidden; height:21px; top:14px; width:22px;  border-radius:22px; padding:2px 5px 2px 0;}
.header .w .top-search.hover {background:#fff; width:200px; padding-left:10px; box-shadow:0 0 3px #0096db; }
.header .w .top-search.hover .inp { width:170px;   }
.header .w .top-search.hover .bon { }
.header .w .top-search .bon { border:0; transition:0.3s all; background:url(/images/icon.png) no-repeat -8px -151px; width:22px; height:21px; position:absolute; right:5px; top:2px;}
.header .w .top-search .inp { width:0px; height:21px; line-height:21px; border:0; background:no-repeat; float:left;	transition:0.3s all;	-webkit-transition:0.3s all;}
.header .w .top-share { position:absolute; right:180px; top:15px; }
.header .w .top-share a { background:url(/images/icon.png) no-repeat 0 -178px; width:24px; height:22px; margin:0 2px; display:inline-block;}
.header .w .top-share a.wb { background-position: 0 -178px; }
.header .w .top-share a.wbq {background-position: -37px -178px; }
.header .w .top-share a.wx {background-position: -73px -178px; }
.header .w .top-share a.dy {background-position: -73px -122px; }
.header .w .top-share a.wb:hover { background-position: 0 -204px; }
.header .w .top-share a.wbq:hover {background-position: -37px -204px; }
.header .w .top-share a.wx:hover {background-position: -73px -204px; }
.header .w .top-share a.dy:hover {background-position: -73px -148px; }
.header .w .nav_member{position:absolute;right:100px;top:14px;height:21px;line-height:21px; }
.header .w .nav_member a { margin-left:10px; display:inline-block;}
.header .w .language { float:right;  height:47px; min-width:90px;  border-bottom:3px solid #0096db;}
.header .w .language .select-box { height:47px; }
.header .w .language dt {line-height:47px; text-align:center;  font-size:12px; }
.header .w .language dt b {color:#000; }
.header .w .language dd { margin-top:3px; }
.header .w .language dd a {line-height:30px; text-align:center;}
.header .w .twoG{display:none;}

.header .w nav li:hover { }
.header .w nav li:hover .navbar { opacity:1; filter:alpha(opacity=100); visibility:visible; height:320px;}
.header .w nav li:hover .navbar .arrow-up { display:block; }
.navbar{ opacity:0; filter:alpha(opacity=0); visibility:hidden; height:0; transition:0.5s all; -webkit-transition:0.5s all;  position:absolute;width:980px;padding:30px 0px 0px 50px;border-top:2px solid #0195DB;box-sizing:border-box;background:#fff; left:0; top:100%;}
.header .w nav li:first-child .navbar { left:0; }
.header .w nav li:first-child + li + li .navbar { left:-100%; }
.header .w nav li:first-child + li + li + li .navbar { left:-200%; }
.header .w nav li:first-child + li + li + li + li .navbar { left:-300%; }
.header .w nav li:first-child + li + li + li + li + li .navbar { left:-400%; }
.header .w nav li:first-child + li + li + li + li + li + li .navbar { left:-500%; }
.navbar h2{font-size:18px;padding-bottom:20px;}
.navbar .left li{width:100px;float:none;padding-left:35px;padding-bottom:20px; padding-left:20px !important;  height:auto;background:url(/images/navbar_icon.png) no-repeat 0 5px; text-align:left; font-size:14px;}
.header .navbar .left li a{text-align:left;font-size:14px;color:#000;}
.header .navbar .left li a:hover{color:#0195DB;}
.navbar .left{width:20%;float:left;padding-top:30px;}
.navbar .right{width:80%;float:left;}
.navbar .right .r_a,#navbar .right .r_b{float:left;}
.navbar .right .r_a{margin-right:20px;}
.navbar .right .r_a p,#navbar .right .r_b p{padding:15px 0px;text-align:center;}
.navbar .arrow-up { display:none;}
.arrow-up {
    width:0; 
    height:0; 
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #0195DB;
				
}

.index-bk { position:fixed; z-index:1; width:100%; height:100%; left:0; top:0; background-color:#fff;}
.index-bk.index-1 { z-index:2; }
.index-1 { }
.banner {}
.ban-mask { position:absolute; z-index:29; border:500px solid #fff; border-right-width:1000px; border-left-width:1000px; left:-10px; top:-10px; right:-10px; bottom:-10px; border-radius:10px; background:no-repeat; transition:1.5s all ease-out; -webkit-transition:1.5s all ease-out;  }
.start .ban-mask { border:0 solid #fff; opacity:0.7; }
.start .header { top:0;  transition:0.5s all; -webkit-transition:0.5s all; transition-delay:1.6s; -webkit-transition-delay:1.6s;}
.start .index-1 .in-news { bottom:0; transition:0.8s all; -webkit-transition:0.8s all; transition-delay:1.8s; -webkit-transition-delay:1.8s;}
.start .index-1 .banner li { width:100%; height:100%; left:0; top:0; transition:1s all; -webkit-transition:1s all;}
.index-1 .banner li{ position:absolute;  width:120%; height:120%; left:-10%; top:-10%; z-index:1; opacity:0; filter:alpha(opacity=0);}
.index-1 .banner li:first-child { z-index:2; opacity:1; filter:alpha(opacity=100);}
.index-1 .banner .bon { position:absolute; left:50px; bottom:125px; z-index:10; opacity:0.5; filter:alpha(opacity=50);}
.index-1 .banner .bon span { cursor:pointer; display:inline-block; width:10px; background:#fff; box-shadow:0 0 3px #888; border-radius:100%; height:10px; display:inline-block; margin:0 5px;}
.index-1 .banner .bon span.on { background:#0096db; }
.index-1 .in-news {   position:absolute; z-index:30; bottom:-120px; left:0; width:100%;}
.index-1 .in-news .w { position:relative; margin:0 50px; height:120px; overflow:hidden; background:rgba(0,150,209,0.9);}
.lt9 .index-1 .in-news .w{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#dd0096db", EndColorStr="#dd0096db");}
.in-news-l { margin:0 240px 0 100px;}
.in-news-l ul{ color:#fff;}
.in-news-l ul li {height:120px; }
.in-news-l ul li .l { position:relative; width:100px; height:90px; margin-top:15px; float:left; margin-right:50px;}
.in-news-l ul li .l i { background:url(/images/icon.png) no-repeat -1px -41px; width:57px; height:57px; position:absolute; left:28px; top:30px;
}
.in-news-l ul li .l em { font-size:50px; position:absolute; left:0; top:0; line-height:1.18}
.in-news-l ul li .l b { font-size:14px; font-weight:normal; position:absolute; right:0; bottom:0;}
.in-news-l ul li .r { overflow:hidden; margin-top:28px; padding-left:20px; border-left:5px solid #fff; padding-bottom:5px; }
.in-news-l ul li .r h3 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:30px; font-weight:normal;}
.in-news-l ul li .r h3 a { color:#fff; border-radius:2px; padding:0 2px;}
.in-news-l ul li .r h3 a:hover { background:#006999;}
.in-news-l ul li .r div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.in-news-l .bx-wrapper .bx-pager { display:none;}
.in-news .more { position:absolute; right:50px; top:50%; margin-top:-25px; width:180px; transition:0.2s all; -webkit-transition:0.2s all; line-height:48px;  height:48px; border:1px solid #fff; color:#fff; text-align:center; border-radius:1px; -webkit-border-radius:1px;}
.in-news .more i { display:inline-block; transition:0.2s all; -webkit-transition:0.2s all; background:url(/images/icon.png) -11px -8px no-repeat; width:14px; height:13px; margin-left:10px;}
.in-news .more:hover{ background:#006999; }
.in-news .more:hover i { margin-left:18px;}
.in-news-l .bx-wrapper .bx-controls-direction a.disabled { display:block;}
.in-news-l .bx-wrapper .bx-controls-direction a { display:block; background:url(/images/icon.png) no-repeat -5px -105px; width:20px; height:20px; border:1px solid #70c3e3;}
.in-news-l .bx-wrapper .bx-controls-direction .bx-prev { left:-50px; top:50%; margin-top:-21px; border-bottom:0; height:21px;  }
.in-news-l .bx-wrapper .bx-controls-direction .bx-next { left:-50px; right:auto; top:50%; margin-top:0; background-position:-5px -127px; }
.in-news-l .bx-wrapper .bx-controls-direction a:hover { background-color:#bae2f1;}

.right-button { position:fixed; right:10px; top:50%; height:60px; margin-top:-30px;  z-index:100;}
.right-button i { display:block; border-radius:8px; box-shadow:0 0 2px #888; width:8px; height:20px; margin-bottom:5px; transition:0.2s all; -webkit-transition:0.2s all; background:#fff; cursor:pointer;  opacity:0.5; filter:alpha(opacity=50);}
.right-button i.on { height:8px; opacity:0.8; filter:alpha(opacity=80); cursor:default;}

.index-2 { top:100%; }
.index-2 .bg-list li{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; opacity:0; filter:alpha(opacity=0);}
.index-2 .bg-list li .txt { position:absolute; z-index:2; left:28%; top:30%; color:#fff; opacity:0; margin-left:-200px; filter:alpha(opacity=0);}
.index-2 .bg-list li:first-child .txt { opacity:1; filter:alpha(opacity=100); margin-left:0;}
.index-2 .bg-list li:first-child { z-index:9; opacity:1; filter:alpha(opacity=100);}
.index-2 .bg-list li .txt h4 { font-size:48px; }
.index-2 .bg-list li .txt h3 {font-size:72px; }
.index-2 .bg-list li .txt .p { font-size:16px; line-height:1.8 }
.index-2 .bg-list li .txt .more { width:205px; line-height:40px; border:1px solid #fff; color:#fff; text-align:center; display:block; border-radius:1px; margin-top:50px;}
.index-2 .bg-list li .txt .more:hover { background:#fff; color:#0096db; font-size:16px;}

.index-2 .tit { position:absolute; left:160px; height:680px; margin:-300px 0 0 0; top:50%; z-index:10;}
.index-2 .tit li { position:relative; margin-top:20px; color:#a1dbff; cursor:pointer;}
.index-2 .tit .t{ height:108px; width:108px; position:relative; z-index:3; padding-top:5px; }
.index-2 .tit .t .icon { background:url(/images/i1.png) no-repeat; display:block; width:50px; height:50px; margin:0 auto 0; }
.index-2 .tit .t .icon.ic-1 { background-position:3px 7px;}
.index-2 .tit .t .icon.ic-2 { background-position:1px -138px;}
.index-2 .tit .t .icon.ic-3 { background-position:1px -285px;}
.index-2 .tit .t .icon.ic-4 { background-position:1px -458px;}
.index-2 .tit .t .icon.ic-5 { background-position:1px -602px;}
.index-2 .tit .t em { font-size:12px; text-align:center; display:block;}
.index-2 .tit .lin { z-index:1; width:4px; height:40px; background:url(/images/d2.png); display:block; margin:0 auto; position:absolute; top:100%; left:50%; margin-top:-20px; margin-left:-2px;}
.index-2 .tit .i { z-index:2; position:absolute; top:-7px; left:0; background:url(/images/y3.png) no-repeat; width:108px; height:108px; opacity:0; filter:alpha(opacity=0); transition:0.2s all; -webkit-transition:0.2s all; transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);}
.index-2 .tit li:first-child + li +li .i { top:0; }
.index-2 .tit li:hover,
.index-2 .tit li.on { color:#0096db; }
.index-2 .tit li:hover .i,
.index-2 .tit li.on  .i { opacity:1; filter:alpha(opacity=100); transform:scale(1,1); -webkit-transform:scale(1,1); }
/*
.index-2 .tit li.on .t .icon.ic-1,
.index-2 .tit li:hover .t .icon.ic-1 { background-position:-65px 7px;}
.index-2 .tit li.on .t .icon.ic-2,
.index-2 .tit li:hover .t .icon.ic-2 { background-position:-67px -138px;}
.index-2 .tit li.on .t .icon.ic-3,
.index-2 .tit li:hover .t .icon.ic-3 { background-position:-67px -285px;}
.index-2 .tit li.on .t .icon.ic-4,
.index-2 .tit li:hover .t .icon.ic-4 { background-position:-67px -458px;}
.index-2 .tit li.on .t .icon.ic-5,
.index-2 .tit li:hover .t .icon.ic-5 { background-position:-67px -602px;}
*/

.index-3 {top:100%; }
.index-3 .title { text-align:center; font-size:60px; margin:100px 0 50px; text-align:center; color:#0096db; font-weight:bold; position:relative;}
.index-3 .box { margin:0 180px;}
.index-3 .box ul { margin:0 -20px;text-align: center;
    font-size: 0;
}
.index-3 .box ul li { float:none; width:20%; position:relative;display: inline-block;}
.index-3 .box ul li .x { margin:0 20px;}
.index-3 .box .x .t { width:249px; height:249px; position:relative; margin:0 auto;}
.index-3 .box .x .t .i1 { position:absolute; left:0; top:0; width:100%; z-index:1; height:100%; transition:0.3s all; -webkit-transition:0.3s all;}
.index-3 .box .x .t .i2 { position:absolute; left:0; top:0; width:100%; z-index:2; height:100%; opacity:0; filter:alpha(opacity=0); transition:0.3s all; -webkit-transition:0.3s all;  transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);}
.index-3 .box .x:hover .t .i2 { opacity:1; filter:alpha(opacity=100); transform:scale(1,1); -webkit-transform:scale(1,1);}
.index-3 .box .x:hover .t .i1 { transform:scale(0.95,0.95); -webkit-transform:scale(0.95,0.95); }
.index-3 .box .x:hover .t a .icon  { transform:scale(1,1); -webkit-transform:scale(1,1);}
.index-3 .box .x .d1{display:inline-block}
.index-3 .box .x .d2{display:none;}
.index-3 .box .x:hover .d2{display:inline-block;}
.index-3 .box .x:hover .d1{display:none;}
.index-3 .box .x:hover .t a b{color:#00acf6;}
.index-3 .box .x .t a { display:block; position:relative; z-index:3; color:#fff;}
.index-3 .box .x .t a .icon { display:block; transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); text-align:center; padding-top:45px; transition:0.3s all; -webkit-transition:0.3s all; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.index-3 .box .x .t a .icon img{ width:137px; height:107px; }
.index-3 .box .x .t a b { display:block; text-align:center; font-size:20px; font-weight:bold; margin:6px 0;}
.index-3 .box .x .t a i {display:block; text-align:center; margin:0 auto; background:url(/images/icon.png) no-repeat -68px -4px; width:21px; height:21px;}
.index-3 .box .x .p { font-size:16px; text-align:center; text-shadow:1px 1px 1px #ccc; margin:20px 0; min-height:7.5em; overflow:hidden;}
.index-3 .box .x .more { width:125px; line-height:40px; text-align:center; margin:0 auto; display:block; border:1px solid #0096db; color:#0096db; border-radius:1px;font-size:14px;}
.index-3 .box .x .more:hover { background:#0096db; border:1px solid #0096db; color:#fff;}

.index footer { position:absolute; width:100%; top:100%; left:0; z-index:99; }
footer { width:100%;z-index:99; }
.index footer .w { height:60px; margin:0 50px; background:#0096db; color:#fff;}
footer .w { height:60px; background:#0096db; color:#fff;}
footer .w a { color:#fff; display:inline-block;}
footer .w .l a { line-height:30px;}
footer .w a:hover { color:#69d2ff;}
footer .w a.enter { border:1px solid #fff; border-radius:1px; border-radius:2px; padding:0 20px; margin-left:50px;}
footer .w a.enter:hover { background:#69d2ff; color:#fff;}
footer .w a.enter .icon { background:url(/images/icon.png) no-repeat -71px -37px; width:18px; height:17px; display:inline-block;  position:relative; left:0; top:2px; margin-right:10px;}
footer .w .l {position:relative; float:left; margin:14px 0 0 50px;}
footer .w .l a { display:inline-block; padding:0 5px; position:relative; }
footer .w .l a i { width:1px; height:12px; background:#fff; position:absolute; left:-1px; top:50%; margin-top:-6px;}
footer .w .r { float:right; margin:14px 50px 0 0 ; width:60%; text-align:right;}
footer .w .r span { display:inline-block; margin:0 10px;}



.weixin{ position:fixed; width:400px; height:300px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -200px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:1px 1px 2px #aaa; text-align:center; }
.weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin .img p { width:100%; margin:0 1.5%; text-align:center;}
.weixin .img img{ width:80px; height:80px; display:block; margin:0 auto 10px; }

.enter-list{position:absolute;width:116px;top:-123px;right:0px;background:#fff;border-radius: 4px;}
.enter-list li{padding:5px 0px;text-align:center;border-bottom: 1px dashed #e3e3e3;}
.enter-list li a{color:#000;}



@media only screen and (max-width: 1600px) {
	.header .w nav li { padding:0 20px;}
	footer .w .r { font-size:12px; margin-top:12px; }
}
@media only screen and (max-width: 1440px){
	footer .w .r{
		letter-spacing: -1px;
	}
	.index-3 .box .x .t{
		width:220px;height:225px;
	}
}
@media only screen and (max-width: 1430px) {
	.header .w .logo { margin:10px 30px 0;}
	.in-news-l ul li .r h3 { font-size:24px;}
	.index-3 .box { margin:0 80px;}
	footer .w .l{margin-left:20px;}
	footer .w .r{width:58%;margin-right:20px;}
}
@media only screen and (max-width: 1428px) {
	.header .w nav li { padding:0 10px;}
	.header .w nav li .navbar { margin-left:-100%; }
}
@media only screen and (max-height: 720px) {
	.index-2 .tit { height:560px; margin-top:-240px;}
	.index-2 .tit li { margin-top:0;}
.index-2 .tit .lin { height:24px; }
	.index-3 .box .x .t { width:200px; height:200px;}
	.index-3 .box .x .t a .icon img { width:100px; height:78px;}
	.index-3 .box .x .t a b { font-size:18px;}
	.index-3 .title { font-size:50px;}
	.index-2 .bg-list li .txt { top:24%;}
	.index-3 .box .x .p { font-size:12px; min-height:6em;}
}

@media only screen and (max-height: 670px) {
	.index-3 .box .x .t a .icon { padding-top:22px;}
		.index-3 .box .x .t { width:160px; height:160px;}
			.index-3 .box .x .t a .icon img { width:80px; height:62px;}
			.index-3 .box .x .t a b { font-size:13px;}
	.index-3 .title { margin:80px 0 30px;}
	
}

@media only screen and (max-width: 1300px) {
	footer .w,
	.index-1 .in-news .w,
	.header .w { margin:0 20px;}
	.index-2 .tit { left:90px;}
	.header .w .logo{margin:10px 0px 0px;}
	.header .w nav li{}
	.header .w .top-search{right:290px!important;}
	.header .w .top-share{right:188px!important;}
}
@media only screen and (max-width: 1280px){

}
@media screen and (max-width: 1200px) {
	.header .w nav li > a { font-size:14px;}
	.header .w nav li { padding:0 5px;}
	.header .w .logo { margin:10px 10px 0;}
	.header .w .top-share { right:88px;}
	.header .w .top-search { right:190px;}
	.header .w nav { margin-top:16px;}
	footer .w .r { width:450px; margin-right:10px;}
	footer .w .l { margin-left:10px;}
	footer .w a.enter { margin-left:10px;}

	.index-3 .box { margin:0 50px;}

	.index-3 .box .x .t { width:150px; height:150px;}
	.index-3 .box .x .t a .icon img { width:60px; height:46px;}
	.index-3 .box .x .t a b { font-size:16px;}
	.index-3 .box .x .t a .icon { padding-top:22px;}
	.index-3 .box .x .more { width:80px; line-height:30px;}
		.index-3 .box .x .p { font-size:12px; min-height:9em;}

	.mousebox {  display:none;}

	.index-bk { position:relative; width:auto; height:auto; top:0; left:0;}
	.index-bk.index-1 { height:700px;  top:0; left:0;}
	.index-bk.index-2 { height:700px;  top:0; left:0;}
	.index-bk.index-3 { padding-bottom:80px;  top:0; left:0;}
	footer { position:relative!important;  top:0!important; left:0!important; z-index:9;}
.index footer{margin-top: 0 !important;}
	footer .w{ margin:0; padding-bottom:20px;}
	.index-1 .in-news { bottom:0;}
	.right-button { display:none;}
	.header { top:0; }
	

	.enter-list {top:-72px}
	.header .w {height:80px; }
	.header .w nav { position:absolute; left:0; bottom:0; right:0; margin-top:0; padding-top:10px;}
	.header .w nav > ul > li { padding:0; width:14%; height:28px;}
	.header .w nav li .l { margin-top:-5px;}
		.navbar {  position:fixed; width:auto; left:20px !important; right:20px !important; top:80px; margin-left:0 !important;}

	.in-news-l ul li .l em { font-size:30px;}
	.in-news-l ul li .l { width:70px; height:50px;}
	.in-news-l ul li .l i { display:none;}
	.in-news-l { margin:0 140px 0 60px;}
	.index-1 .in-news .w { height:80px; margin:0;}
	.in-news-l ul li { height:80px;}
	.in-news-l ul li .r { margin-top:10px;}
	.in-news-l ul li .l { margin-right:10px;}
	.in-news .more { right:10px; width:120px; line-height:30px; height:30px; margin-top:-15px;}
	.index-2 .tit li { margin-top:0;}

	.index-2 .tit { height:550px; left:30px;}
	.index-2 .bg-list li .txt { top:25%;}
	.index-2 .bg-list li .txt h4 { font-size:24px;}
	.index-2 .bg-list li .txt h3 { font-size:40px;}
	.index-3 .title { font-size:40px; margin:40px 0 30px;}

	.index-3 .box .x .p { margin:10px 0;}
	.index-3 .box .x .t { width:120px; height:120px;}
	.index-3 .box .x .t a .icon img { width:40px; height:31px;}
	.index-3 .box .x .t a b { font-size:12px;}
	.index-3 .box ul li .x { margin:0 10px;}
	.index-3 .box .x .t a .icon { padding-top:16px;}
	.index footer .w{
			margin:0px;
			height:auto;
		}
	footer .w .l,footer .w .r{width:100%;}
	footer .w { padding-top:10px;}
	.enter-list { right:50%; margin-right:-58px;}
	footer .w a.enter { display:block; margin:20px auto 0; width:85px;}
	footer .w .l { margin:0; text-align:center;}
	footer .w .r { text-align:center;}
}



.menu__handle {display:none;	background: #fff; box-shadow:0 0 2px #aaa;	border: none;	width: 50px;	height: 40px; border-radius:2px;	padding: 0;	outline: none;	position:fixed;	top: 5px;	left:100%; margin-left:-60px;	z-index: 200000; overflow:hidden;}
.menu__handle::before,
.menu__handle::after,
.menu__handle span {	background: #5f656f; }
.menu__handle::before,
.menu__handle::after {	content: '';	position: absolute;	height: 4px;	left: 5px; right:5px;	top: 50%;	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
}
.menu__handle span {
	position: absolute; right:5px;	height: 4px;	left: 5px; top:18px;	overflow: hidden;	text-indent: 200%;	-webkit-transition: opacity 0.25s;	transition: opacity 0.25s;
}
.menu__handle::before {
	-webkit-transform: translate3d(0, -13px, 0);	transform: translate3d(0, -13px, 0);
}
.menu__handle::after {
	-webkit-transform: translate3d(0, 9px, 0);	transform: translate3d(0, 9px, 0);
}
.menu--open .menu__handle span {
	opacity: 0;
}
.menu--open .menu__handle::before,.menu--open .menu__handle::after { top:46%;}
.menu--open .menu__handle::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);	transform: rotate3d(0, 0, 1, 45deg);
}
.menu--open .menu__handle::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);	transform: rotate3d(0, 0, 1, -45deg);
}
.menu--open footer{display:none;}
.mobile-blank { position: fixed; display:none;  background:#000; transition:0.2s all; opacity:0.9; left:0; top:0; bottom:0; right:0; visibility:hidden; z-index:-10; }
@media only screen and (max-width: 768px) {
	.index footer .w{
		margin:0px;
		height:auto;
	}
	.menu--open .header .w .nav_member{
		display:block;
	}
	.header .w nav li{

	}
	#navbar{
		
	}
	.arrow-up{}
	
}

@media only screen and (max-width: 760px) {
	.header .w .twoG{
		display:block;
	}
	.header .w .twoG a{
		display:inline-block;
		padding:5px 10px 0px;
		color:#0195DB;
		font-size:12px;
	}
	.header .w .nav_member{
		text-align:center;
		display:none;
		position:fixed;
		right:50%;
		top:-1px;
		margin-right:-45px;
		height:21px;
		line-height:21px;
		color:#fff;
		z-index:1001;
	}
	.header .w .nav_member a{
		color:#888;
		display:inline-block;
		margin-right:10px;
	}

	.header .w nav li > a span { transition:none; -webkit-transition:none;}

	.start .index-1 .banner li { transition:none; -webkit-transition:none;}
	.start .header { transition:none; -webkit-transition:none; }
	.header .w .logo img { width:240px; height:auto;}
	.navbar{display:none!important;}
	.menu__handle { display: block; }
	.menu--open .mobile-blank { display: block; z-index: 100; visibility: visible; }
	.menu--open .header .w nav,
	.menu--open .header .w .top-search,
	.menu--open .header .w .top-share,
	.menu--open .header .w .language { display:block;   }

	.header .w nav { position: fixed; top: 120px; left: 0; right: 0; bottom:0; overflow-y:auto; z-index:1001; display:none; }
	.header .w nav ul { padding-bottom:50px;}
	.header .w nav li { float:none !important; text-align:center; margin:15px 0; width:auto !important; height:auto !important;  }
	.header .w nav li > .arrow-up { display:none !important;}
	.header .w nav li .navbar { display:block !important; opacity:1; background:none; border:0; height:auto !important; padding:0 !important; top:0 !important; visibility:visible;  left:0 !important; right:0 !important; margin-left:0 !important; position:relative;}
	.header .w nav li .navbar .left { float:none; width:auto; padding-top:0;}
	.header .w nav li .navbar .left ul { padding-bottom:0;}
	.header .w nav li .navbar .left ul li { display:inline-block; background:none; margin:5px 0;  }
	.header .w nav li .navbar .left ul li a {color:#006999;font-size:12px; }
	.header .w nav li .navbar .right { display:none;}
	.header .w nav li a { display:inline-block;}
	.header .w nav li .l { display:none;}
	.header .w .top-search { position:fixed; z-index:1001;  left:50%; margin-left:-100px; top:60px;  display:none;}
	.header .w .top-search {background:#fff; width:200px; padding-left:10px; box-shadow:0 0 3px #0096db; }
 .header .w .top-search .inp { width:170px;   }
 .header .w .top-search .bon { }
	.header .w .top-share { position:fixed; z-index:1001; left:50%; width:95px; margin-left:-40px;  top:20px;  display:none;}
	.header .w .language { position:fixed; z-index:1001; left:0; right:0; top:90px; border:0;  display:none;}
	.header .w .language dt { display:none;}
	.header .w .language dd { display:block !important; text-align:center; position:relative; top:0; left:0; background:no-repeat;}
	.header .w .language dd a { display:inline-block;}

	.index-3 .box ul li { width:auto; float:none;}
	.index-3 .box ul li .x { margin:0; position:relative; padding-left:130px;}
	.index-3 .box ul li .x .t { position:absolute; left:0; top:0;}
	.index-3 .box { margin:0 10px;}
	.index-3 .box ul { margin:0;}
	.index-3 .box ul li { min-height:130px; margin-bottom:30px;}
	.index-3 .box .x .p { min-height:0;  margin:0; padding:10px 0 10px; text-align:left; }
	.index-3 .box .x .more { margin-left:0;}

	.index-2 .tit .t { width:80px; height:90px;}
	.index-2 .tit .t .icon { transform:scale(0.6,0.6);}

	.index-2 .tit { left:15px; top:5%; margin:0; height:auto;}
	.index-2 .tit li .i { left:-14px; }
		.index-2 .tit li { margin-top:10px;}
	.index-2 .tit .lin { display:none;}
	.index-2 .bg-list li .txt { left:40%; right:10px; margin-left:0 !important;}
	.index-2 .bg-list li .txt h3 { font-size:18px;}
	.index-2 .bg-list li .txt h4 { font-size:16px;}
	.index-2 .bg-list li .txt .p { font-size:14px;}
	.index-2 .bg-list li .txt .more { width:120px;}
	.index-bk.index-2 { height:600px;}

.index-1 .in-news { top:100%;}
	.index-bk.index-1 { margin-bottom:80px;}
	.start .ban-mask { display:none;}
	.index-2 .tit { width:auto; left:0; top:20px; right:0; overflow:hidden;}
	.index-2 .tit li { float:left; width:20%; margin-left:-1px;}
	.index-2 .tit li:first-child + li,
	.index-2 .tit li:first-child + li + li + li { margin-top:30px; }
	.index-2 .tit li:first-child + li + li  { margin-top:46px; }
	.index-2 .tit .t em { text-shadow:0 0 3px #000}

	.index-2 .tit li:hover .i, .index-2 .tit li.on .i,
	.index-2 .tit li:first-child + li + li .i,
	.index-2 .tit .i { opacity:1; top:-23px; transform:scale(0.4,0.4);}
	.index-2 .bg-list li .txt { left:10%; right:10%; top:30%; }

	.main { margin-top:50px;}
	.header .w { height:50px; margin:0;}
	.index-1 .banner .bon { bottom:5px; left:5px;}
	.in-news .more { width:40px; line-height:1.2; height:5em; margin-top:-2.5em; right:5px;}
	.in-news-l { margin:0 60px 0 30px;}
	.in-news-l .bx-wrapper .bx-controls-direction .bx-prev ,
	.in-news-l .bx-wrapper .bx-controls-direction .bx-next{ left:-25px;}
	.in-news-l ul li .l { display:none;}
	.in-news-l ul li .r h3 { font-size:16px;}
	.in-news-l ul li .r { border:0; padding-left:10px; margin-top:16px;}

	.in-news .more { font-size:0; height:30px; margin-top:-15px; width:30px; }
	.in-news .more i { position:relative; top:8px; right:5px;}

	footer .w { padding-top:10px;}
	footer .w a.enter { display:block; margin:20px auto 0; width:85px;}
		footer .w .l { margin:0; text-align:center;}
	footer .w .r { text-align:center;}
}
@media only screen and (max-width: 350px) {

	footer .w .l a { padding: 0 10px; }
}

/*--layout--*/
.top_bg {width:100%;max-height:none;z-index:-1;}
.top_bg img{width:100%; height:auto;}
.content{width:1675px;margin:0 auto;}
.content .site{padding:15px;text-align: right;}
.content .site span{color:#269ddd;}
/*--layout end--*/

/*--page--*/
.g_page {width:100%;text-align:center;margin:35px 0;}
.g_page .prev,
.g_page .next{display:block;width:50px;height:35px;line-height:35px;text-align:center;border:1px solid #B5B5B5;}
.g_page .prev:hover,
.g_page .next:hover{color:#fff;background:#0195DB;border:1px solid #0195DB}
.g_page li{display:inline-block;margin-right:10px;}
.g_page li a{display:block;width:35px;height:35px;text-align:center;line-height:35px;border:1px solid #B5B5B5;}
.g_page li a.on{background:#0195DB;border:1px solid #0195DB;color:#fff;}
/*--page end--*/

/*--page2--*/
.page { vertical-align: middle; text-align: center; margin: 20px 0px; }
.page input { vertical-align: middle; }
.page span { margin-right: 12px; }
.page a { vertical-align: middle; display: inline-block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #636363; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; }
.page a.on { width: 27px; height: 29px; line-height: 29px; text-align: center;  color: #0195DB; font-weight:bold;border:1px solid #e3e3e3;}
.page a.prev { width: 14px; height: 14px; background: url(/images/p_prev.jpg) no-repeat; margin: 0px 5px 0px 0px; }
.page a.next { width: 14px; height: 14px; background: url(/images/p_next.jpg) no-repeat; margin: 0px 0px 0px 5px; }
.page a.first { width: 40px; height: 17px; font-size: 12px; font-family: "微软雅黑"; }
.page a.last { width: 40px; height: 17px; font-size: 12px; font-family: "微软雅黑"; }
.page span.txtnum { display: inline-block; width: 21px; height: 22px; line-height: 22px; background: url(/images/txtnum.jpg) no-repeat; margin: 0px 8px; vertical-align: middle; }
.page span.txtnum input { width: 20px; height: 22px; line-height: 22px; text-align: center; color: #aaa; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: none; border: none; }
.page a.go { font-size: 13px; }
/*end*/


/*20210330*/
.wx_bg{ display:none; position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.wx_tcbox{ display:none; position:fixed; z-index:10001; left:50%; top:50%;width:680px; height:230px; margin:-165px 0 0 -340px; text-align:center; border:2px solid #0095DD; background:#fff;}
.wx_tcbox a.tclose{ float:right;width:35px; height:35px; margin:-18px -18px 0 0; background:url(../images/tc_close.png) no-repeat;border:none;}
.wx_tcbox img{max-width:100%; margin-top:25px;margin-bottom:25px;}

@media only screen and (max-width: 760px) {
.wx_tcbox{width:90%;left:5%;margin-left:0; height:auto; margin-top:-60px;}
.wx_tcbox a.tclose{margin:-36px 0 0 0;}
}