@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
a {	text-decoration: none;	color: #4e4e4e;  }
a:hover {	color: #1375b4;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.rela{ position:relative;}
.overflow{ overflow:hidden;}
.clear {clear: both;}
.pad70{padding:70px 0;}
.white,.white a{color:#fff !important;}
.pic100 img{width:100%;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.red{color:#e02222 !important;}



.header-box{ position:fixed; width:100%; left:0; top:0; z-index:100; background:url(../images/bannerbg.png) repeat-x top; background-size:100% 100%;}
.header-box.scollfox { animation: 850ms 350ms; background:#414140; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.header-box.scollfox .header:before{ display:none;}
.header-box.scollfox .nav >li:hover .meundown{ top:50px;}
.header{ padding:8px 0; margin:0 60px; position:relative;}
.logo{ float:left; line-height:1; overflow:hidden; width:400px; padding:0.8% 0 0.8% 0;}
.logo img{ display:block; width:100%; height:auto;}
.logo img.logo2{ display:none;}
.header-box.scollfox .logo1{ display:none;width:400px;}
.header-box.scollfox .logo2{ display:block;}
.navMenu{ padding-top:4px; position:absolute; left:35%;top:30px;width:70%;}
.scollfox .navMenu{top: 22px;}
.scollfox .toptel{margin-top: 15px;}
.nav li{ float:left; position:relative;width:9.5%; text-align:center; line-height: 42px;height: 42px; cursor:pointer;}
.nav li a{ color:#fff; font-size:16px;line-height:42px; z-index:20;}
#navlia {width: 100%;height: 100%;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;pointer-events: none;box-sizing: border-box;}
.nav li a:hover{color:#00baff;border-radius:10px;}
.toptel{ font-size:15px;float:right;height:37px;color:#fff;line-height:37px;margin-top: 37px;}
.toptel i{width:37px;height:37px; display:inline-block;margin-right:15px;background:url(../images/icon1.png) no-repeat; vertical-align:middle;-webkit-animation: iphone 2s ease-in infinite;	-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.teltel{ position:fixed; z-index:10; right:20px;bottom:75px; background-color:#0769c0;width:49px;height:49px; text-align:center;padding-top:5px; display:none;}
.teltel img{-webkit-animation: iphone 2s ease-in infinite;	-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
@-webkit-keyframes iphone {
 10% {-webkit-transform: rotate(15deg)}
 10% {-webkit-transform: rotate(15deg)}
 12% {-webkit-transform: rotate(15deg);}
 14% {-webkit-transform: rotate(-15deg);}
 16% {-webkit-transform: rotate(15deg);}
 18% {-webkit-transform: rotate(-15deg);}
 20% {-webkit-transform: rotate(15deg);}
 22% {-webkit-transform: rotate(-15deg);}
 24% {-webkit-transform: rotate(15deg);}
 26% {-webkit-transform: rotate(-15deg);}
 28% {-webkit-transform: rotate(15deg);}
 30% {-webkit-transform: rotate(-15deg);}
 32% {-webkit-transform: rotate(15deg);}
 34% {-webkit-transform: rotate(-15deg);}
 36% {-webkit-transform: rotate(15deg);}
 38% {-webkit-transform: rotate(-15deg);}
 40% {-webkit-transform: rotate(0deg);}
 100% {-webkit-transform: rotate(0deg);}
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.toptel b{ font-size:23px;}
.mtop{ display:none;}
.gotop{ position:fixed; right:20px; bottom:15px; z-index:99;}
.gotop div{background:#0769c0; position:relative; transition:320ms ease-in-out;}
.gotop div:before{ content:""; width:100%; height:100%; background:#258eea; position:absolute; left:0; top:0; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.gotop div a{ display:block; position:relative; width:49px; height:49px;background:url(../images/icon3.png) center no-repeat;}
.gotop div:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li a{ background:none; display:block;}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:24px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:10px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li a{ display:block; text-indent:999px; overflow:hidden;  background:#fff; transition:320ms; border-radius:100%;width:10px; height:10px;}
.banner .flex-control-nav li a.flex-active{ width:35px;border-radius:20px; background-color:#0769c0;}
.mouse { width: 45px; height: 45px; background: url(../images/icon2.png) no-repeat; position: absolute; left: 50%;margin-left:-22px; bottom: 80px; animation: mouse 2s linear alternate infinite running; -webkit-animation: mouse 2s linear alternate infinite running; cursor: pointer;    z-index: 2;}
@keyframes mouse {
    0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
    100% { transform: translateY(10px); -webkit-transform: translateY(10px); }
}

@-webkit-keyframes mouse {
    0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
    100% { transform: translateY(10px); -webkit-transform: translateY(10px); }
}
.h_adv{ box-shadow:3px 4px 10px #e9e9e9; background:url(../images/advbg.jpg) repeat-y left; background-size:100% 100%;position: relative;}
.h_adv .left{margin-top: 17px;}
.h_adv .right{ background-color:#0769c0;padding:39px 0;color:#fff; overflow:hidden;}
.h_adv .right dl{ margin:0 1%;float:left;min-width:31%;}
.h_adv .right dl dt{float:left;margin-right:11px;width:65px;height:65px;position: relative;z-index: 1;color: #fff; box-shadow: 0 0 0 2px #fff;background-color: #0769c0;border-radius: 100%;}
.h_adv .right dl dd h5{font-size:18px;font-weight:100;}
.h_adv .right dl dd p{font-size:14px; text-transform:uppercase;margin-top:10px;}
.h_adv dl dt:after {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: -2px;left: -2px;padding: 0;z-index: 10;border: 2px dashed #fff;}
.h_adv dl:hover dt {box-shadow: 0 0 0 0 rgba(255,255,255,0);color: #fff;-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.h_adv dl:hover dt:after {-webkit-animation: spinAround 9s linear infinite;-moz-animation: spinAround 9s linear infinite;animation: spinAround 9s linear infinite;}
.h_adv dl dt:before {font-family: 'ecoicon';speak: none;font-size: 48px;line-height: 90px;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;display: block;-webkit-font-smoothing: antialiased;}
@-webkit-keyframes spinAround {
	from {-webkit-transform: rotate(0deg)}
	to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinAround {
	from {-moz-transform: rotate(0deg)}
	to {-moz-transform: rotate(360deg);}
}
@keyframes spinAround {
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg);}
}
.h_about{ background-color:#f9f9f9;}
.h_about .container{ box-shadow:5px 5px 8px #d9d9d9; background-color:#fff;}
.h_about .left{padding:46px 46px 0 46px;}
.h_title1 a{color:#e02222; font-size:35px;}
.h_title1 span{ display:inline-block;margin-left:10px;font-size:18px;}
.h_title1 p{width:40px;height:3px; background-color:#e02222;margin-top:10px;}
.h_title1.white p{ background-color:#fff;}
.h_about article,.h_videoC article{ margin-top:40px;font-size:16px;color:#888888;line-height:36px; height:180px; overflow:hidden;}
.h_about article h5,.h_videoC article h5{font-weight:100; font-size:18px;color:#333333;}
.more{ overflow:hidden;color:#e02222; border:1px solid #e02222; border-radius:30px; display:inline-block;margin-top:20px;padding:5px 20px; position:relative;}
.more:before{border-radius: 30px; content:""; width:100%; height:100%; background:#e02222; position:absolute; left:0; top:0; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.more:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.more:hover{color:#fff;}
.more:hover span{ position:relative; z-index:1;}
.h_about .right{padding:0;}
.h_about .right a{ display:block;height:465px;}
.h_about .right a i{ width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid transparent;border-left: 20px solid #fff; position:absolute;left:0;top:50%;margin-top:-10px;}
.h_video{padding-top:70px; background-color:#f9f9f9;}
.h_title2 h2{font-size:30px; font-weight:100;color:#444444;}
.h_title2 h2 span{ font-size:18px;color:#999999; display:inline-block;margin-left:15px; text-transform:uppercase;}
.h_title2.white h2{color:#fff;}
.h_title2 p{font-size:16px; margin-top:9px;}
.h_title2 h5{ text-transform:uppercase; font-size:55px;color:#f1f1f1;margin-bottom: -64px;}
.h_C{margin-top:45px;}
.h_videobg{ position:absolute;width:100%;left:0;top:0; background:url(../images/bg1.jpg) no-repeat center center fixed;height:400px;}
.h_video .container{ position:relative; z-index:2;}
.h_videoC{ background-color:#fff;margin-top: 50px;box-shadow: 5px 5px 8px #d9d9d9;padding: 0 40px 60px;}
.h_videoC .left{margin-top:-60px;}
.h_videoC .right{margin-top: 65px;}
.h_program{background-color:#f9f9f9;}
.h_programC .left dl dd{padding:20px; background-color:#fff;}
.h_programC .left dl dd div{ display:flex;flex-direction:row; position:relative; z-index:1;}
.h_programC .left dl dd div h5{flex:1;font-size:18px;font-weight:100;}
.h_programC .left dl dd div h5 i{ display:block;width:40px;height:3px; background-color:#0769c0;margin-top:9px;}
.h_programC .left dl dd div time{color:#999999;}
.h_programC .left dl dd p{position:relative; z-index:1;margin-top:15px;color:#999999;line-height:23px;height:46px; overflow:hidden;}
.h_programC .left dl a:hover dd h5,.h_programC .left dl a:hover dd time,.h_programC .left dl a:hover dd p,.h_programC .right dl a:hover dd p,.h_programC .right dl a:hover dd h5,.announcementlist dl a:hover dd h5,.announcementlist dl a:hover dd p,.announcementlist dl a:hover dd time{color:#fff;}
.h_programC .left dl a:hover dd h5 i{ background-color:#fff;}
.h_programC .right dl {margin-bottom: 32px;}
.h_programC .right dl a{ display:block; overflow:hidden;}
.h_programC .right dl a dt{width:189px;float:left;}
.h_programC .right dl a dt img{height:144px;}
.h_programC .right dl a dd{width:calc(100% - 189px);float:right; background-color:#fff;padding:20px;}
.h_programC .right dl a dd h5{font-size:18px;font-weight:100;position:relative; z-index:1;}
.h_programC .right dl a dd p{position:relative; z-index:1;margin-top:10px;color:#999999;line-height:23px;height:69px; overflow:hidden;}
.h_programC .left dl dt div::before,
.h_programC .left dl dt div::after,.h_programC .right dl dt div::before,
.h_programC .right dl dt div::after,.announcementlist dl dt div::before,
.announcementlist dl dt div::after  { position: absolute; top: 7px; right: 5px; bottom: 7px; left: 5px; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; }
.h_programC .left dl dt div,.h_programC .right dl dt div,.announcementlist dl dt div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.h_programC .left dl dt div::before,.h_programC .right dl dt div::before,.announcementlist dl dt div::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.h_programC .left dl dt div::after,.h_programC .right dl dt div::after,.announcementlist dl dt div::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.h_programC .left dl a:hover dt div::before,
.h_programC .left dl a:hover dt div::after,.h_programC .right dl a:hover dt div::before,
.h_programC .right dl a:hover dt div::after,.announcementlist dl a:hover dt div::before,
.announcementlist dl a:hover dt div::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.h_programC .left dl a:hover dt img,.h_programC .right dl a:hover dt img,.announcementlist dl a:hover dt img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.h_programC .left dl dd:before,.h_programC .right dl dd:before,.announcementlist dl dd:before{content:"";width:100%;height:100%;background: #0769c0;position:absolute;left:0;top:0;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;}
.h_programC .left dl a:hover dd:before,.h_programC .right dl a:hover dd:before,.announcementlist dl a:hover dd:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.h_partnerC dl{padding:0 5px;}
.h_partnerC dl a{ display:block; border:1px solid #d8d8d8; overflow:hidden;}
.h_partnerC dl dd{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:#0769c0;color:#fff;font-size:16px;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
-webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;}
.h_partnerC dl dd i{width:25px;height:25px; display:block; background:url(../images/icon7.png) no-repeat;margin: 15% auto 10px;}
.h_partnerC dl a:hover dd{transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);}
footer{ background: url(../images/bg1.jpg) no-repeat center top ; background-size:100%;color:#fff;padding:20px 15px;}
.footT{ padding-bottom:20px; border-bottom:1px solid #4188c6;}
.footT h5{ font-size:18px; font-weight:100;}
.footT h5 i{width:40px; height:2px; background-color:#fff; display:block;margin-top:10px;}
.footTC{ margin-top:15px;font-size:15px;}
.footTC a{ display:inline-block;margin-right:35px;color:#fff;}
.footB{ margin-top:30px;}
.footBRT a{ display:inline-block;padding:0 10px;font-size:16px;color:#fff;}
.footBRB { margin-top:30px;}
.footBRB p{font-size:15px;line-height:35px;padding-left:30px;}
.footBRB p.p1{ background:url(../images/icon8.png) no-repeat left center;}
.footBRB p.p2{ background:url(../images/icon9.png) no-repeat left center;}
.footBRB p.p3{ background:url(../images/icon10.png) no-repeat left center;}
.footBRBR { margin-left:60px;}
.footBRBR dt{float:left;}
.footBRBR dd{float:left;margin:40px 0 0 20px;}
.footBRBR img{width:100px;}
.bq{ background-color:#202329;padding:8px 15px;color:#fff;}
.bq span{ display:inline-block;margin:0 10px;}
.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:81px;font-size:25px;text-align:center;right:0;top:0;width:50px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon:hover{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff}.mobile-inner-header-icon span:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{background-color:rgba(0,0,0,.9);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.other1{ background:url(../images/nbanner1.jpg) no-repeat center center fixed; background-size:cover;}
.other2{ background:url(../images/otherbanner2.jpg) no-repeat center center fixed; background-size:cover;}
.other3{ background:url(../images/otherbanner3.jpg) no-repeat center center fixed; background-size:cover;}
.otherbanner1 .container{padding:103px 0;color:#fff;}
.otherbanner1 h2{font-size:45px;}
.otherbanner1 h2 i{width:30px;height:3px; background-color:#fff; display:block;margin-top:6px;}
.otherbanner1 h5{ font-size:22px; font-weight:100; margin-top:25px;}
.otherbanner1 p{ font-size:12px; text-transform:uppercase;}
.otherbanner1 .arrow{ margin-top:25px; width:50px;height:50px; background-color:#0376dc; border-radius:100%; cursor:pointer;}
.otherbanner1 .arrow img{width: 40px; height: 40px; position: absolute; left:5px; top:5px;animation-delay: 0ms; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.headh{ height:89px;}
.otherbanner1 .arrow:before{ content:""; width:100%; height:100%; border-radius:100%; background:#258eea; position:absolute; left:0; top:0; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; -webkit-transform: translate3d(0px, 8px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; transform: translate3d(0px, 8px, 0px); }
}
.h_title3 a{color:#333333;}
.h_title3 a p{ background-color:#0769c0;}
.h_title3 .summary{ font-size:18px;margin-top:15px;color:#888888;}
.columnC{font-size:16px;color:#444444;line-height:34px;}
.columnC dl{ margin:15px 0; overflow:hidden;}
.columnC dl dt{width:62px;float:left; background-color:#d22027;border-radius:30px;color:#fff;padding:2px 15px;font-weight:100;}
.columnC dl dd{width:calc(100% - 72px);float:left;margin-left:9px; color:#888888;font-size:15px;line-height:30px;}
.culture{ background:url(../images/bg2.jpg) no-repeat center center fixed; background-size:cover;}
.cultureC dl dt{font-size:26px;}
.cultureC dl dd{font-size:18px;line-height:30px;margin-top:10px; border-right:1px solid #fff;padding:10px 0;}
.cultureC dl:last-child dd{ border:0;}
.announcementTop{ background-color:#f9f9f9;}
.announcementTopCL{width:599px; float:left;}
.announcementTopCR{width:calc(100% - 599px);float:right; background-color:#fff;padding:50px 25px;height:382px;}
.announcementTopCR h5{font-size:20px;font-weight:100;}
.announcementTopCR time{color:#999999; display:block;margin:10px 0 25px;padding-left:25px; background:url(../images/icon12.png) no-repeat center left;}
.announcementTopCR p{color:#666666;line-height:25px;height:75px; overflow:hidden;}
.pagelist{ text-align:center; margin:30px auto 0;}
.pagelist li{ display:inline-block; margin:3px 4px;}
.pagelist li a,.pagelist li span{ display:block;padding:8px 15px;border:1px solid #dcdcdc; color:#848383;}
.pagelist li a:hover,.pagelist li.active span{ background-color:#0376dc !important; color:#fff; border-color:#0376dc;}
.announcementlist dl a{ display:block;border:1px solid #e6e6e6;}
.announcementlist dl dd{padding:15px;}
.announcementlist dl dd h5{font-size:16px;font-weight:100; position:relative; z-index:2;}
.announcementlist dl dd time{color:#999999; display:block;margin:10px 0;padding-left:25px; background:url(../images/icon12.png) no-repeat center left;position:relative; z-index:2;}
.announcementlist dl dd p{color:#666666;line-height:25px;height:50px; overflow:hidden;position:relative; z-index:2;}
.announcementlist dl a:hover dd time{ background:url(../images/icon16.png) no-repeat center left;}
.site{ position:absolute;width:100%;bottom:0;left:0; background-color:rgba(0,0,0,0.3);padding:10px 0; overflow:hidden;}
.site .container{padding:0;}
.site p{ display:inline-block;}
.site .goback{float:right;}
.site p i{width:20px;height:20px; display:inline-block; vertical-align:middle;margin-right:5px; background:url(../images/icon10.png) no-repeat; background-size:100%;}
.announcementmain h1{ text-align:center;font-size:24px; color:#444; font-weight:100;}
.announcementmain time{ display:block;margin:20px 0; text-align:center;}
.announcementmain time span{ display:inline-block; margin:0 15px; color:#999999;}
.announcementmain time span i{ width:17px;height:17px; display:inline-block; vertical-align:middle; margin-right:7px;}
.announcementmain time span i.i1{ background:url(../images/icon12.png) no-repeat;}
.announcementmain time span i.i2{ background:url(../images/icon13.png) no-repeat;}
.announcementmain time span i.i3{ background:url(../images/icon14.png) no-repeat;}
.announcementmain .info{ background-color:#f9f9f9;padding:25px; line-height:30px; color:#999999;font-size:15px;}
.announcementmain article{ line-height:35px;color:#444; margin-top:30px; font-size:16px;}
.announcementmain article img{ max-width:100%;}
.prenext{margin-top:40px;font-size:15px; background:url(../images/icon15.png) repeat-x top; padding-top:27px;}
.prenext p{ margin:10px 0;}
.tj{ background-color:#f9f9f9;}
.hr1CL{width:599px;float:left;}
.hr1CR{width:calc(100% - 632px);float:right;height:401px;}
.hr1CR dl{padding-left:68px; margin:28px 0;}
.hr1CR dl dt{font-size:24px;color:#444444;font-weight:100;}
.hr1CR dl dd{color:#666666;font-size:16px; margin-top:10px;}
.hr1CR dl.dl1{ background:url(../images/icon17.png) no-repeat left center;}
.hr1CR dl.dl2{ background:url(../images/icon18.png) no-repeat left center;}
.hr1CR dl.dl3{ background:url(../images/icon19.png) no-repeat left center;}
.hr1CR .line{ background-color:#0376dc;height:85px; position:absolute;width:120%;bottom:-29px;right:0;z-index: -1;-webkit-animation: bian 9s linear infinite;-moz-animation: bian 9s linear infinite;animation: bian 9s linear infinite;}
@-webkit-keyframes bian {
    0% { background-color:#0376dc; }
    20% { background-color:#258eea; }
    40% { background-color:#00baff; }
	60% { background-color:#dd9d2a; }
	80% { background-color:#00baff; }
    100% { background-color:#0376dc; }
}

@keyframes bian {
    0% { background-color:#0376dc; }
    20% { background-color:#258eea; }
    40% { background-color:#00baff; }
	60% { background-color:#dd9d2a; }
	80% { background-color:#00baff; }
    100% { background-color:#0376dc; }
}
.hr2{ background:url(../images/bg3.jpg) no-repeat center center fixed; background-size:cover;}
.hr2 .container{padding:70px 0 130px;}
.hr2C{ margin-top:-58px;}
.hr2Ctitle{ background-color:#efeeee;font-size:16px;overflow:hidden;color:#444;padding: 15px 0px;}
.hr2Ctitle .div6,.hr2CCon dl dt .div7{width:25%;padding-left:4%;}
.hr2Ctitle .div1,.hr2CCon dl dt .div1{width:25%;}
.hr2Ctitle .div2,.hr2CCon dl dt .div2{width:10%; text-align:center;}
.hr2Ctitle .div3,.hr2CCon dl dt .div3{width:12%; text-align:center;}
.hr2Ctitle .div4,.hr2CCon dl dt .div4{width:12%; text-align:center;}
.hr2Ctitle .div5,.hr2CCon dl dt .div5{width:10%; text-align:center;}
.hr2CCon{margin-bottom:90px;max-height:580px; overflow-y:scroll;}
.hr2CCon dl{border-bottom:1px solid #fff; margin-bottom:0;}
.hr2CCon dl dt{ background-color:#f7f9fb; overflow:hidden; font-weight:100;font-size:16px;padding: 15px 0px;color:#444;}
.hr2CCon dl dt .div6{width:27px;height:27px; display:inline-block; background:url(../images/icon20.png) no-repeat;margin-right:3%;}
.hr2CCon dl dd{border:1px solid #e0e0e0;padding:25px;font-size:16px;line-height:35px;color:#444; display:none;}
.hr2CCon dl.open dt{ background-color:#d22027;color:#fff;}
.hr2CCon dl.open dt .div6{background:url(../images/icon21.png) no-repeat;}
.map{ position:absolute;width:100%;top:0;left:0;height:640px; opacity:0.5; border-bottom:1px solid #dfdfdf;}
.contactC{ display:inline-block; position:relative; z-index:1; margin-left:15%;}
.contactC article{width:480px; background:#fff url(../images/contact.jpg) no-repeat top left;box-shadow:0px 0px 25px #ccc;padding:94px 40px 50px;}
.contactC h2{ font-size:24px;color:#fff;}
.contactC img.wz{margin-top:20px; max-width:100%;}
.contactC h5{font-size:18px;color:#fff;margin-top:15px; font-weight:100;}
.contactC b{ color:#0376dc;font-size:30px;}
.contactC p{line-height:30px;color:#444;}
.contactcon{margin-top:90px;}
.contactcon p.p1{ background:url(../images/icon22.png) no-repeat left center; padding-left:28px;}
.contactcon p.p2{ background:url(../images/icon23.png) no-repeat left center; padding-left:28px;}
.contactcon p.p3{ background:url(../images/icon24.png) no-repeat left center; padding-left:28px;}
.contactcon p.p4{ background:url(../images/icon25.png) no-repeat left center; padding-left:28px;}
.contactcon p.p5{ background:url(../images/icon26.png) no-repeat left center; padding-left:28px;}
.contactcon p.p6{ background:url(../images/icon27.png) no-repeat left center; padding-left:28px;}
.contactcon p.p7{ background:url(../images/icon28.png) no-repeat left center; padding-left:28px;}
.code{border:1px solid #99b3cd;width:140px;margin:30px 0 0 36px; display:inline-block;}
.banners{ display:none;}

@media(max-width:1360px){
	.navMenu{width: 60%;left: 10%;}
}
@media(max-width:1199px){
	.navMenu{left: 14%;}
	.nav > li > a{padding: 0;font-size: 15px;}
	.toptel { font-size: 14px;}
	.toptel i{width: 30px; height: 30px; background-size:30px !important;margin-right: 4px;}
	.toptel b {font-size: 19px;}
	.h_programC .right dl a dd h5 { font-size: 15px;}
	.h_programC .right dl a dd p{line-height: 19px; height: 38px;}
	.h_programC .right dl a dd{padding: 17px;width: calc(100% - 161px);}
	.h_programC .right dl a dt{width: 161px;}
	.h_programC .right dl a dt img {height:103px;}
	.footBRT a{padding: 0 26px;}
	.hr1CL { width: 499px;}
	.hr1CR { width: calc(100% - 532px);    height: 361px;}
	.hr1CR dl dt { font-size: 21px;}
	.hr1CR dl{margin: 23px 0;}
	.hr1CR dl dd{font-size: 14px;}
}
@media(max-width:991px){
	.navMenu,.toptel,.logo1,.footB,.hr1CR .line,.bannerb{ display:none !important;}
	.logo2,.mobile-inner,.banners{ display:block !important;}
	.h_adv{ background:#0769c0;}
	.h_adv .right dl dt{margin:0 auto 10px;}
	.h_adv .right dl dt,.h_adv .right dl dd{float:none; text-align:center; }
	.h_adv .right dl dd p{margin-top: 4px;font-size: 13px;}
	.h_about .right a i{top:0;left:50%;margin-left:-10px;margin-top: 0;border-top: 20px solid #fff;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;}
	.h_about article, .h_videoC article{max-height: 144px;height:auto;}
	.h_videoC .right {margin-top: 20px;}
	.h_title2 h5{font-size: 47px;}
	.footT{padding-bottom: 0;border-bottom:0;}
	.mobile-inner-header-icon{height:50px;}
	.announcementTopCL { width: 399px;}
	.announcementTopCR {width: calc(100% - 399px);padding: 20px 25px; height:254px;}
	.announcementTopCR time{margin: 10px 0 10px;}
	.announcementTopCR p{height:48px;}
	.hr1CL { width: 46%;}
	.hr1CR { width: 50%;    height: auto;}
	.hr1CR dl dt { font-size: 18px;}
	.hr1CR dl{margin:0 0 23px;}
	.hr2CCon dl dt{ font-size:15px;}
	.contactC{margin-left: 0;}
	.banners{ margin-top:48px;}
	.header-box{ background-color:#414140;}
}
@media(max-width:767px){
	.h_adv .right dl dd p,.announcementTop,.hr2Ctitle .div3,.hr2CCon dl dt .div3,.hr2Ctitle .div4,.hr2CCon dl dt .div4,.hr2Ctitle .div5,.hr2CCon dl dt .div5{ display:none;}
	.h_title1 a { font-size: 24px;}
	.h_title2 h2 { font-size: 26px;}
	.teltel{ display:block;}
	.otherbanner1 .container{padding: 63px 30px;}
	.otherbanner1 h2 {font-size: 31px;}
	.otherbanner1 h5 { font-size: 16px;}
	.logo img.logo2 {width:200px;}
	.headh{ height:50px;}
	.pad70 { padding: 35px 0;}
	.columninfo,.hr1 {padding:35px 20px;}
	.padpic{width:100%;float:none !important;padding:0 0 15px !important;}
	.cultureC dl{padding:10px 0;}
	.cultureC dl dd{border-right:0;border-bottom:1px dashed #83acd6;}
	.h_videoC{ padding:0;}
	.h_C {margin-top: 30px;}
	.hr1CL,.hr1CR{width:100%;}
	.hr1CR{ margin-top:20px;}
	.hr1CR dl{ background-size:45px !important;}
	.hr2C {padding:0 20px;}
	.hr2Ctitle .div1,.hr2CCon dl dt .div1{width:40%;}
	.hr2Ctitle .div2,.hr2CCon dl dt .div2{width:20%;}
	.hr2Ctitle .div6, .hr2CCon dl dt .div7 {width: 35%;padding-left: 4%;}
	.hr2CCon dl dt .div6{ background-size:18px !important;}
	.map{height:250px;position:inherit; opacity:1;}
	.contactC{ position:inherit;width:auto; padding:20px;display: block;margin-left:auto;}
	.contactC article { width: 100%;}
	.header{margin: 0 20px;}
}
@media(max-width:500px){
	.h_about .right a { height: 360px;}
	.h_title2 p {font-size: 14px;}
	.h_title2 h5 { font-size: 32px;margin-bottom: -47px;}
	.h_programC .right dl a dt {width: 158px;}
	.h_programC .right dl a dd { width: calc(100% - 158px);}
	.contactC article{background-size: 100% 49%;}
}
@media(max-width:400px){
	.hr2Ctitle .div1,.hr2CCon dl dt .div1{width:40%;}
	.hr2Ctitle .div6, .hr2CCon dl dt .div7 {width: 45%;}
	.hr2Ctitle .div2,.hr2CCon dl dt .div2{ display:none;}
	.contactC article{padding: 94px 30px 50px;}
	.contactC b{font-size: 27px;}
}

.pad20{ padding:20px 0;}