@charset "utf-8";
/*Css Document*/
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; height: 100%;font: inherit;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
a {background: transparent;outline: none; }
a:active,a:hover {outline: 0;}
img {border: 0;height:auto;width:auto\9;}
img.inherit{max-width:  inherit; *width: auto;}
.video embed,.video object,.video iframe {width:100%;height:auto;}
svg:not(:root){overflow: hidden;}

button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0;outline: none;}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
textarea{ overflow: auto;font-size: 1em;}


*:before,*:after,.sizing{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

dl dt,dl dd,ul li,ol li { list-style:none; }
dl.grid dt,ul.grid li { float:left; }

.opacity-9 { opacity: 0.9;filter:alpha(opacity=90);}.opacity-8 { opacity: 0.8;filter:alpha(opacity=80);}.opacity-7 { opacity: 0.7;filter:alpha(opacity=70);}.opacity-6 { opacity: 0.6;filter:alpha(opacity=60);}.opacity-5 { opacity: 0.5;filter:alpha(opacity=50);}.opacity-4 { opacity: 0.4;filter:alpha(opacity=40);}.opacity-3 { opacity: 0.3;filter:alpha(opacity=30);}.opacity-2 { opacity: 0.2;filter:alpha(opacity=20);}.opacity-1 { opacity: 0.1;filter:alpha(opacity=10);}
.img-gray { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.img-circle { border-radius: 50%;}
.img-blur { filter: url(blur.svg#blur); -webkit-filter: blur(10px); -moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); }
.en-font{font-family: Arial,Verdana,sans-serif;}
.coverBg{background-position: center center; background-size: cover;background-repeat: no-repeat;}

.left ,.fl { float:left; }
.right,.fr { float:right; }
.hidden { display:none; }
.relative { position:relative;}
.absolute { position: absolute; left: 0; top: 0;}
.clear { clear:both; height:0px; overflow:hidden; }
.clearfix:after { content: " ";display: block;clear: both;height: 0;}
.clearfix { zoom: 1;}

h1,.h1 { font-size: 33px;}
h2,.h2 { font-size: 27px;}
h3,.h3 { font-size: 23px;}
h4,.h4 { font-size: 17px;}
h5,.h5 { font-size: 13px;}
h6,.h6 { font-size: 12px;}
p{ margin: 10px 0;}

@font-face
{
font-family: lighterFont;
src: url('../font/FZLTCXHJW.ttf');
}


/*鎮ㄥ彲鑳介渶瑕佷慨鏀圭殑鏍峰紡*/
body { color: #716f6f; font-size: 12px; line-height: 1.5; font-family: Microsoft YaHei,Simsun,Arial,Helvetica,sans-serif; min-height:100%; }
div.bgWrap { width: 100%;margin: 0 auto; min-width: 800px; }
div.wrap { width: 100%; margin: 0 auto;max-width: 1000px;  }
.reset{ margin:0px; padding:0px; font-size: 12px;font-weight: normal;}
a { color: #716f6f;text-decoration: none;}
a:hover,a:focus { color: #002666;}


#topBox{background: #fff;position: fixed;height: 88px;width: 100%;left: 0;top: 0;z-index: 1000;display: none;}
#topBox .logo{float: right;padding: 5px 20px 0 0;}
#topBox .logo img{height: 78px;}
#topBox .menuBar{float: left;width: 88px;height: 88px;cursor: pointer;}
#topBox .menuBar ul{padding: 32px 0 0 32px;}
#topBox .menuBar .bar_line{ width: 25px;height: 2px;background: #002666;margin-bottom: 6px;-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s }
#topBox .menuBar.open .bar_line.bar_top{
   -webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);transform:rotate(42deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left
}
#topBox .menuBar.open .bar_line.bar_mid{opacity: 0;}
#topBox .menuBar.open .bar_line.bar_foot{
   -webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left
}

#mainCon{width: 100%;position: relative;height: 100%;}

#mainLft{position: fixed;width: 17%;left: 0;top: 0;background: #fff;height: 100%;z-index: 999;display: block;}
#mainLft .logo{text-align: center;}
#mainLft .logo .box{padding: 0% 0;text-align: center;}
#mainLft .logo img{width: 100%;}

#Menu ul li.top_nav{position: relative;border-bottom: 1px solid #f2eeee;width: 100%;float: left;font-size: 18px; }
#Menu ul li.top_nav .mainIn,#Menu ul li.top_nav .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;}
#Menu ul li.top_nav .bg{z-index: -1;width: 0;background: transparent;}

#Menu ul li.top_nav a.top_link{display: block;text-decoration: none;-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
#Menu ul li.top_nav a.top_link span.t{display: block;cursor: pointer;text-align:center;height: 40px;line-height: 40px;filter: alpha(opacity=0);opacity: 0;}
#Menu ul li.top_nav a.top_link span.i{position: absolute;right: 13.4%;top: 50%;margin-top: -3.125%;width: 6.25%;filter: alpha(opacity=0);opacity: 0; }
#Menu ul li.top_nav a.top_link span.navIn{filter: alpha(opacity=100); opacity: 1;}
#Menu ul li.top_nav a.top_link span.i .white{filter: alpha(opacity=0); opacity: 0;}
#Menu ul li.top_nav a.top_link span.i img{position: absolute;left: 0;top: 0;-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}


#Menu ul li.top_nav .bg{-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
#Menu ul li.top_nav.hover  a.top_link{color: #fff;}

#Menu ul li.top_nav.hover .bg{background:#002666;color: #fff;width: 100%;}
#Menu ul li.top_nav.hover a.top_link{color: #fff; ;
    height: 50px !important;
    line-height: 50px !important;}
#Menu ul li.top_nav.hover a.top_link span.i .white{ filter: alpha(opacity=100); opacity: 1;}
#Menu ul li.top_nav.hover a.top_link span.i .green{ filter: alpha(opacity=0); opacity: 0;}

#Menu ul li.top_nav .childNav{position: absolute;left: 100%;width: 100%;background: #fff;display: none;overflow: hidden;}
#Menu ul li.top_nav .childNav ul li{position: relative;border-bottom: 2px solid #f2eeee;width: 100%;*float: left;}
#Menu ul li.top_nav .childNav ul li a{display: block;overflow: hidden;padding-left: 28%;}
#Menu ul li.top_nav .childNav ul li i{position: absolute;left: 0;top: 0;width: 5px;background: #002666;height: 100%;display: none;}
#Menu ul li.top_nav .childNav ul li:hover i{display: block;}

 .letBot{position: absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;}
 .letBot .links{height:24px ;line-height: 24px;text-align: center;font-size: 12px; }
.letBot .links em{font-style: normal;margin: 0 10px;}

 




@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to {  -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to {-webkit-transform: scale(1); transform: scale(1); }
}

#Banner{position: fixed;top: 0;right: 0;overflow: hidden;width: 83%; }
#Banner ul.bm{position: relative;width: 100%;overflow: hidden;}
#Banner ul.bm li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
#Banner ul.bm li .bg{position: relative;width: 100%;height: 100%;}
#Banner ul.bm li .mask{max-width: 32%;position: absolute;left: 15%;top: 30%;}
#Banner ul.bm li.current{z-index: 20; }
#Banner ul.bm li a.link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 21;}

#Banner ul.bm li.transition{z-index: 10;visibility: visible !important; -webkit-animation: scaleUpDown 1.2s linear; animation: scaleUpDown 1.2s forwards linear;}


#Banner .banSelector{position: absolute;width: 100%;bottom: 10px;height: 30px;z-index: 98;text-align: center;}
#Banner .banSelector a{width: 12px;height: 12px;border-radius: 50%;background: #fff;display: inline-block;margin: 0 5px;border:2px solid #fff ; cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
#Banner .banSelector a.current{border:2px solid #002666 ;background: transparent;}
#Banner .banSelector a:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}


#Banner .banLoad{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #f2eeee;z-index: 99;}
#Banner .banLoad .loading{position: absolute;left: 50%;top: 50%;margin:-2px 0 0 -19px ;}

@-webkit-keyframes mouseHold {
    0% { -webkit-transform: scale(0.9); transform: scale(1); }
    50% {  -webkit-transform: scale(1); transform: scale(0.8); }
    100% {  -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes mouseHold {
    0% { -webkit-transform: scale(0.9); transform: scale(1); }
    50% {  -webkit-transform: scale(1); transform: scale(0.8); }
    100% {  -webkit-transform: scale(1); transform: scale(1); }
}

#Banner .mouse{ text-align: center;width: 100%;position: absolute;bottom: 50px;z-index: 98; -webkit-animation: mouseHold  2s infinite;  animation: mouseHold  2s  infinite;}



#rghtCon{position: relative;z-index: 100;background:#f2eeee;overflow: hidden;}

#circleList{background-image: url(../images/bg2.jpg);position: relative;overflow: hidden;padding: 58px 0 48px; background-color: #d1cfcf;background-position: center bottom;}
#circleList ul{position: relative;}
#circleList ul li{float: left;width: 33.3%;}
#circleList ul li .item_box{width: 53%;margin: 0 auto;max-width: 275px;}
#circleList ul li .item_box .item_thumb{border-radius: 50%;overflow: hidden;}
#circleList ul li .item_box .item_thumb img{width: 100%;border-radius: 50%;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;}
#circleList ul li .item_box .item_thumb:hover{}
#circleList ul li .item_box .item_text{padding: 12px 5%;}
#circleList ul li .item_box .item_tit{text-align: center;font-size: 18px;height: 1.5em; line-height: 1.5em;overflow: hidden; }
#circleList ul li .item_box .item_tit a{color: #fff;}
#circleList ul li .item_box .item_more{text-align: center;margin-top: 8px;height: 1.5em; line-height: 1.5em;overflow: hidden;font-size: 15px;position: relative;padding-bottom: 4px;}
#circleList ul li .item_box .item_more a{color: #fff;text-decoration: none;}
#circleList ul li .item_box .item_more i{position: absolute;bottom: 0;height: 1px;background: #fff;}
#circleList ul li .item_box .item_more i.l_line{width: 50%;right: 50%;}
#circleList ul li .item_box .item_more i.r_line{width: 50%;left: 50%;}
#circleList ul li .item_box a:hover{color: #008f3a;}
#circleList ul li .item_box .item_thumb:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}


#circleList .prev{position: absolute;left: 40px;top: 50%;width: 32px;height: 60px;background: #002666 url(../images/slider_arrow_left.png) center center no-repeat;display: none;z-index: 1;border-radius: 2px;filter: alpha(opacity=80); opacity: 0.6;}
#circleList .next{position: absolute;right: 40px;top: 50%;width: 32px;height: 60px;background: #002666 url(../images/slider_arrow_right.png) center center no-repeat;display: none;z-index: 1;border-radius: 2px;filter: alpha(opacity=80); opacity: 0.6;}
#circleList .next,#circleList .prev{margin-top: -30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}


#circleList .prev:hover{filter: alpha(opacity=100); opacity: 1;-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
#circleList .next:hover{filter: alpha(opacity=100); opacity: 1;-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}


#midCon{background: #f2eeee;}

#Study{width:41.25% ;float: left;}
#Study .item_box{padding: 10% 16% 0 14.1%; }
#Study .item_box .item_tit{padding-bottom: 7%;border-bottom: 2px solid #008f3a;}
#Study .item_box .item_tit a{text-decoration: none;color: #008f3a;}
#Study .item_box .item_tit span{display: block;cursor: pointer;}
#Study .item_box .item_tit span.t{font-size: 20px;height: 1.4em;line-height: 1.4em;overflow: hidden;}
#Study .item_box .item_tit span.et{font-size: 15px;height: 1.2em;line-height: 1.2em;overflow: hidden;text-transform: uppercase;}
#Study .item_box .item_con{line-height: 2em;overflow: hidden;font-size: 1.1em;color: #717271;margin-top: 5%;text-shadow: 0 0 1px #bbbcbb;*margin-top: 3%;}
#Study .item_box .item_more{padding-top: 5%; padding-bottom: 20px;}

#Video{width: 58.5%;float: right;position: relative;}
#Video .videoList{position: relative;height: 80%;overflow: hidden;}
#Video .videoList ul{position: relative;}
#Video .videoList ul li{position: relative;overflow: hidden;}
#Video .videoAction{height:70px;background: #d4d6d7;overflow: hidden; }
#Video .videoAction .titList{width: 40%;float: left;height: 70px;overflow: hidden; }
#Video .videoAction .titList ul{position: relative;}
#Video .videoAction .titList ul li{height: 70px;line-height: 70px;overflow: hidden;padding: 0 0 0 13%;}
#Video .videoAction .titList ul li a{font-size: 15px;color: #008f3a;}
#Video .videoAction .clickBtns{float: left;margin-left: 5%;height: 70px;}
#Video .videoAction .clickBtns a{display: inline-block;width: 70px;height: 70px;border-left: 2px solid #bbbcbc;transition: all 0.5s linear;background-position:  center center; background-repeat: no-repeat;}
#Video .videoAction .clickBtns a.prev{background-image: url(../images/video_prev.png);}
#Video .videoAction .clickBtns a.next{border-right: 2px solid #bbbcbc;background-image: url(../images/video_next.png);}
#Video .videoAction .clickBtns a:hover{background-color: #68d1f2;}
#Video .videoAction .clickBtns a.prev:hover{background-image: url(../images/video_prev_hover.png);}
#Video .videoAction .clickBtns a.next:hover{background-image: url(../images/video_next_hover.png);}

#aboutBox{overflow: hidden; }
#aboutBox  .item_box{width: 36%;padding:5% 0 0 7.8% ;}
#aboutBox .item_box .item_tit{padding-bottom: 7%;border-bottom: 2px solid #fff;width: 80%;}
#aboutBox .item_box .item_tit a{text-decoration: none;color: #fff;}
#aboutBox .item_box .item_tit span{display: block;cursor: pointer;}
#aboutBox .item_box .item_tit span.t{font-size: 18px;height: 1.4em;line-height: 1.4em;overflow: hidden;text-shadow: 0 0 2px #000;}
#aboutBox .item_box .item_tit span.et{height: 1.2em;line-height: 1.2em;overflow: hidden;text-transform: uppercase;text-shadow: 1px 1px 2px #000;color: #c4dee4;}
#aboutBox .item_box .item_con{line-height: 2em;overflow: hidden;font-size: 13px;color: #fff;margin-top: 3%;text-shadow: 1px 1px 2px #000;*margin-top: 2%;min-height: 8em;padding-bottom: 2em; }


#footNav{padding-top: 5.8%;}
#footNav .logo{width:7.5%;float: left;padding: 0.5em 5% 0 5% ;overflow: hidden; *width: 7.2%; }
#footNav .logo img{width: 100%;}

#footNav .elseBox{width: 92%;overflow: hidden;margin: 0 auto;}
#footNav .elseBox .navs{}
#footNav .elseBox .navs .each{width: 11%;float: left;overflow:  hidden;padding-right: 1.5%; }
#footNav .elseBox .navs .each .nav_tit{font-size: 1.1em;height:2em ;line-height: 2em;overflow: hidden; }
#footNav .elseBox .navs .each .nav_tit a{color: #000;text-shadow: 1px 1px 0 #fff;}
#footNav .elseBox .navs .each .nav_con{padding-top: 0.5em;}

#footNav .elseBox .navs .each.end{padding-right: 0;width: 12.5%;}
#footNav .elseBox .navs .each.end .nav_con{padding-top: 0.7em;}
#footNav .elseBox .navs .each .nav_con ul li{height: 2em;line-height: 2em;overflow: hidden;}
#footNav .elseBox .navs .each .share{}
#footNav .elseBox .navs .each .share ul li{width: 36px;height: 36px;position: relative;cursor: pointer;}

#footNav .inBox{padding-top: 4%;width: 92%;margin: 0 auto;}
#footNav .inBox .comm .item_tit{max-width: 100%;cursor: pointer;font-size: 1.1em;position: relative;height: 36px;line-height: 36px; }
#footNav .inBox .comm .item_tit img{position: absolute; right: 20px;top: 50%;margin-top:-4px ;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
#footNav .inBox .comm .item_tit img.hov{filter: alpha(opacity=0); opacity: 0;}
#footNav .inBox .comm.hover .item_tit img.def{filter: alpha(opacity=0); opacity: 0;}
#footNav .inBox .comm.hover .item_tit img.hov{filter: alpha(opacity=100); opacity: 1;}
#footNav .inBox .comm.hover {position: relative;z-index: 10;}

#footFeed{width: 50%;float: left;position: relative;}
#footLinks{width: 35%;float: right;position: relative;}

#footNav .inBox .comm .item_con{position: absolute;width: 100%;left: 0;background: #fff;bottom: 38px;display: none; }
#footNav .inBox .comm .item_con .init{border: 2px solid #008f3a;border-radius: 3px;overflow: auto;max-height: 300px;overflow: auto;padding-bottom: 4px; }
#footLinks .item_con .init ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 4%;border-bottom: 1px dotted #ddd; }
#footLinks .item_con .init ul li:hover{background: #44ab6c;}
#footLinks .item_con .init ul li a{display: block;text-decoration: none;}
#footLinks .item_con .init ul li:hover a{color: #fff;}

#footNav .elseBox .inFeed{padding-left: 11.11%;margin-top:10px ;}
#footNav .elseBox .inFeed .item_tit{font-size:1.2em ;height: 2.4em;line-height: 2.4em;color: #4f8708; }
#footNav .elseBox .inFeed .item_con{}
#footNav .elseBox .inFeed .item_con .feedBox{width:60% ;float: left;}
#footNav .elseBox .inFeed .item_con .feedBox .textarea{display: block;width: 94%;border: 2px solid #9f9e9e;background: transparent; resize: none;padding: 6px 2% ;height: 110px;font-size: 1em;border-radius: 3px; }
#footNav .elseBox .inFeed .item_con .feedAct{width: 32%;float: left;margin-left: 25px;max-width:260px ;}
#footNav .elseBox .inFeed .item_con .feedAct td{padding: 4px 0;line-height: 2em;vertical-align: middle;}
#footNav .elseBox .inFeed .item_con .feedAct .t1{font-size: 1.2em;}
#footNav .elseBox .inFeed .item_con .feedAct .small-input{width:80px ;padding:2px 5px ;height:20px;line-height: 20px;border: 1px solid #9d9898;border-radius: 3px;background: transparent;}
#footNav .elseBox .inFeed .item_con .feedAct .r2{text-shadow: 1px 1px 0 #fff;}
#footNav .elseBox .inFeed .item_con .feedAct .btn{width: 90px;text-align: center;font-size: 1.1em;color: #fff;background:#002666;height: 2em;line-height: 2em;overflow: hidden;border: 0; }

#Foot{margin-top: 10px;background: #303030;padding: 7px 4%;line-height: 2em;color: #aaaaaa;min-height: 25px;}
#Foot a{color: #aaaaaa;}


#newsBar,#newsBox{position: fixed;width: 30px;right: 0;top: 0;background:  url(../images/news_trans.png) repeat;height: 100%;z-index: 999;display: block;cursor: pointer; transition: all 0.3s linear; opacity: 0.6;filter:alpha(opacity=60); display: none; }
#newsBar div{padding-top:20px ;text-align: center;}
#newsBar:hover{opacity: 1;filter:alpha(opacity=100);width: 50px;}

#newsBox{display: block;width: 346px;opacity: 1;filter:alpha(opacity=100);background:  url(../images/news_trans1.png) repeat;display: none; }
#newsBox .newsClose{margin-left: 9.8%;height: 60px;line-height: 60px;color: #4a4b4b;position: relative; }
#newsBox .newsClose #NewsClose{display: inline-block;height: 60px;line-height: 60px;background: url(../images/news_close.png) left center no-repeat;padding-left: 40px;font-size: 16px;}
#newsBox .newsList{overflow: hidden; }
#newsBox .newsList ul{position: relative;}
#newsBox .newsList ul li{border-bottom:1px  dotted #5a5b5a ;padding: 0 8.09% 0 9.8%;overflow: hidden;}
#newsBox .newsList ul li .date{height: 24px;line-height: 24px;padding: 40px 0;}
#newsBox .newsList ul li .date .d{color: #008f3a;}
#newsBox .newsList ul li .date em{font-style:  normal;margin: 0 10px;}
#newsBox .newsList ul li .item_tit{padding-bottom: 10px;border-bottom: 2px solid #008f3a;}
#newsBox .newsList ul li .item_tit a{text-decoration: none;color: #008f3a;}
#newsBox .newsList ul li .item_tit span{display: block;cursor: pointer;}
#newsBox .newsList ul li .item_tit span.t{font-size: 20px;line-height:1.2em ;max-height: 2.4em;overflow: hidden; }
#newsBox .newsList ul li .item_tit span.et{font-size: 1.1em;line-height: 1.2em;max-height: 2.4em;overflow: hidden;text-transform: uppercase;margin-top: 0.4em;color: #44ab6c;}
#newsBox .newsList ul li .item_con{line-height: 2em;max-height: 8em;overflow: hidden;font-size: 1.1em;color: #717271;margin-top: 15px;text-shadow: 0 0 1px #bbbcbb;*margin-top: 3%;}
#newsBox .newsList ul li .item_more{margin-top: 30px;}

#newsBox  .clickBtns{padding-left: 9.8%;height: 70px;background: #d4d6d7;opacity: 0.9;filter:alpha(opacity=90);position: absolute;left: 0;bottom: 0;width: 90.2%; }
#newsBox  .clickBtns a.prev,#newsBox  .clickBtns a.next{display: inline-block;width: 70px;height: 70px;float: left;border-left: 2px solid #fff;transition: all 0.5s linear;background-position:  center center; background-repeat: no-repeat;}
#newsBox  .clickBtns a.prev{background-image: url(../images/video_prev.png);}
#newsBox  .clickBtns a.next{border-right: 2px solid #fff;background-image: url(../images/video_next.png);}
#newsBox  .clickBtns a.prev:hover,#newsBox  .clickBtns a.next:hover{background-color: #68d1f2;}
#newsBox  .clickBtns a.prev:hover{background-image: url(../images/video_prev_hover.png);}
#newsBox  .clickBtns a.next:hover{background-image: url(../images/video_next_hover.png);}
#newsBox  .clickBtns a.showMore{display: inline-block;height: 70px;line-height: 70px;float: left;margin-left: 30px;color: #008f3a; }
#newsBox  .clickBtns a.showMore:hover{}

#newsBox .newsClose .clickBtns{height: 56px;background: none;width: auto;left: auto;right: 0;top: 0;display: none;}
#newsBox .newsClose .clickBtns a{height: 56px;line-height: 56px;}
#newsBox .newsClose .clickBtns a.prev,#newsBox  .newsClose .clickBtns a.next{width: 56px;}
#newsBox .newsClose .clickBtns a.showMore{margin-left: 12px;}
#newsBar{display: block;}


#indNews{display: none;}
#indNews ul li{padding: 4% 4%;border-bottom:1px  dotted #5a5b5a ;}
#indNews ul li .date{height: 2em;line-height: 2em;padding: 0 0 4%;}
#indNews ul li .date .d{color: #008f3a;}
#indNews ul li .date em{font-style:  normal;margin: 0 10px;}
#indNews ul li .item_tit{padding-bottom: 3%;border-bottom: 2px solid #008f3a;}
#indNews ul li .item_tit a{text-decoration: none;color: #008f3a;}
#indNews ul li .item_tit span{display: block;cursor: pointer;}
#indNews ul li .item_tit span.t{font-size: 1.5em;line-height:1.2em ;max-height: 2.4em;overflow: hidden; }
#indNews ul li .item_tit span.et{font-size: 1.1em;line-height:1.2em ;max-height: 2.4em;overflow: hidden;text-transform: uppercase;margin-top: 0.4em;color: #44ab6c;}
#indNews ul li .item_con{line-height: 1.5em;max-height: 6em;overflow: hidden;color: #717271;margin-top: 4%;text-shadow: 0 0 1px #bbbcbb;}
#indNews ul li .item_more{margin-top: 4%;}







/*player*/
.jwlogo{display: none;}


#fixedAction{position: fixed;z-index: 1000;width: 42px;bottom: 5px;right: 5px;height: 42px;}
#goTopLink{width: 42px;height: 42px;background:  url(../images/go_top.png) no-repeat;display: inline-block;position: absolute;right: 0;bottom: 0;filter: alpha(opacity=80);opacity:0.8;display: none;}




@media screen and (max-width: 1440px) {
    #circleList{padding: 48px 0 38px;}
    #circleList ul li .item_box .item_tit{font-size:15px}
    #circleList ul li .item_box .item_more{font-size:14px}
    
    #Study .item_box .item_tit span.t{font-size: 18px;}
    #Study .item_box .item_tit span.et{font-size: 14px;}
    #Study .item_box .item_con{font-size: 1em;}
    
}

@media screen and (max-width: 1000px) {
    #topBox{display:block;}
    #mainCon{padding-top:88px}
    #mainLft{ width:220px;left: -220px;top: 88px;filter: alpha(opacity=0);opacity: 0; }
    #newsBar,#newsBox{top: 88px;}
    #newsBox .newsClose .clickBtns{display: block;}
    #mainLft .letBot{bottom: 88px;}
    #mainLft .letEwm{bottom: 170px;}
    #mainLft.open{display: block;left: 0;transition: all 0.2s linear;filter: alpha(opacity=100);opacity: 1;}
    #mainLft .logo{display: none;height: 0;overflow: hidden;}
    #mainRght{margin-left: 0;}
    #mainRght.open{margin-left: 220px;transition: all 0.2s linear;}
    #Banner{position: absolute;width: 100%;}
    #circleList ul li .item_box .item_tit{font-size:14px}
    #circleList ul li .item_box .item_more{font-size:1em}
    
    #Video .videoAction .titList ul li a{font-size: 14px;}
    #aboutBox .item_box .item_con{font-size: 1em;}
    
  .ser{display:none;}
    
}

@media screen and (max-width: 959px) {
    #aboutBox  .item_box{width: 42%;}
    
    #footNav .logo{display: none;}
    
    
}
@media screen and (max-width: 859px){
    
}



@media screen and (max-width: 767px) {
    #Study{width:100% ;float: none;}
    #Banner ul.bm li .mask{max-width: 50%;}
    #Study .item_box{padding: 5% 4% 5% 4%; }
    #Video{width:100% ;float: none;}
    #aboutBox{}
    #aboutBox  .item_box{width: 70%;}
    #aboutBox .item_box .item_con{}
    
    #circleList .prev,#circleList .next{float: none;width: 0;height: 0;overflow: hidden;}
    
    #footNav .elseBox .navs .each{width:100% ;margin-bottom: 2%;}
    #footNav .elseBox .navs .each.end{width:100% ;}
    #footNav .elseBox .navs .each .nav_tit{border-bottom: 1px solid #ccc;padding: 6px 0;}
    #footNav .elseBox .navs .each .nav_con ul li a{display: block;}
    #footNav .elseBox .navs .each .nav_con img{max-width: 50%;}
    #footNav .elseBox .inFeed .item_con .feedBox{width: 100%;}
    #footNav .elseBox .inFeed .item_con .feedAct{width: 100%;margin-left: 0;margin-top: 3%;}
    
    #footFeed{width: 100%;float: none;}
    #footLinks{width: 100%;float: none;margin-top: 10px;}
    
    #newsBar,#newsBox{display: none;}
    #indNews{display: block;}
}

@media screen and (max-width: 600px){
    
    #footNav .elseBox .inFeed .item_con .feedBox{width: 100%;}
    #footNav .elseBox .inFeed .item_con .feedAct{width: 100%;margin-left: 0;margin-top: 3%;}
    
}



@media screen and (min-width:480px) and (max-width:767px) {
    
}

@media screen and (max-width:479px){
    #Video .videoAction .titList{display: none;}
    #aboutBox  .item_box{width: 84%;}
    #aboutBox{}
}




@media screen and (max-height:969px){
    #Menu ul li.top_nav{font-size:16px}
    #newsBox .newsList ul li .date{padding:26px 0;}
    #newsBox .newsList ul li .item_con{margin-top: 12px;max-height: 6em;}
    #newsBox .newsList ul li .item_more{margin-top: 20px;}
}

@media screen and (max-height:839px){
    #Menu ul li.top_nav{    font-size: 14px;
    height: 50px !important;
    line-height: 50px !important;}
    #newsBox .newsList ul li .date{padding:15px 0;}
    #newsBox .newsList ul li .item_tit span.t{font-size: 18px;}
    #newsBox .newsList ul li .item_con{margin-top: 10px;max-height: 6em;}
    #newsBox .newsList ul li .item_more{margin-top: 12px;}
    #newsBox .newsList ul li .item_more a.button{height: 38px;line-height: 38px;max-width: 162px;}
 
    
  
  
}

@media screen and (max-height:669px){
    #Menu ul li.top_nav{font-size:14px}
    #newsBox .newsList ul li .date{padding:15px 0;}
    #newsBox .newsList ul li .item_tit span.t,#newsBox .newsList ul li .item_tit span.et{ max-height: 1.2em; }
    #newsBox .newsList ul li .item_tit span.t{font-size: 16px;}
    #newsBox .newsList ul li .item_tit span.et{font-size: 1em;}
    #newsBox .newsList ul li .item_con{margin-top: 10px;max-height: 6em;font-size: 1em;}
    #newsBox .newsList ul li .item_more{margin-top: 10px;}
    #newsBox .newsList ul li .item_more a.button{height: 30px;line-height: 30px;max-width: 152px;}
}

@media screen and (max-height:569px){
    #newsBox .newsList ul li .date{padding:40px 0;}
    #newsBox .newsList ul li .item_tit span.t,#newsBox .newsList ul li .item_tit span.et{ max-height: 2.4em; }
    #newsBox .newsList ul li .item_tit span.t{font-size: 18px;}
    #newsBox .newsList ul li .item_tit span.et{font-size: 1.1em;}
    #newsBox .newsList ul li .item_con{margin-top: 15px;max-height: 6em;font-size: 1.1em;}
    #newsBox .newsList ul li .item_more{margin-top: 25px;}
    
}

@media screen and (max-height:469px){
    #newsBox .newsList ul li .date{padding:20px 0;}
    #newsBox .newsList ul li .item_tit span.t,#newsBox .newsList ul li .item_tit span.et{ max-height: 2.4em; }
    #newsBox .newsList ul li .item_tit span.t{font-size: 16px;}
    #newsBox .newsList ul li .item_tit span.et{font-size: 1.1em;}
    #newsBox .newsList ul li .item_con{margin-top: 15px;max-height: 6em;font-size: 1.1em;}
    #newsBox .newsList ul li .item_more{margin-top: 15px;}
    
}

@media screen and (max-height:369px){
    #newsBox .newsList ul li .date{padding:15px 0;}
    #newsBox .newsList ul li .item_tit span.t,#newsBox .newsList ul li .item_tit span.et{ max-height: 1.2em; }
    #newsBox .newsList ul li .item_tit span.t{font-size: 15px;}
    #newsBox .newsList ul li .item_tit span.et{font-size: 1em;}
    #newsBox .newsList ul li .item_con{margin-top: 15px;max-height: 6em;font-size: 1em;}
    #newsBox .newsList ul li .item_more{margin-top: 10px;}
}

@media screen and (max-height:300px){
    #newsBar,#newsBox{display:none;}
}


/* Aylen */
.button {
	min-width: 150px;
	max-width: 167px;
    width: 100%;
	display: block;
	border: 2px solid #008f3a;
	background: none;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #008f3a;
    text-decoration: none;
    border-radius: 3px;
}
.button--aylen {
	background: #fff;
	color: #37474f;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
    display: inline-block;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #44ab6c;
}
.button--aylen::after {
	background: #008f3a;
}
.button--aylen:hover {
	color: #fff;
    *background: #008f3a;
    background: #008f3a\9;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}


.button1 {
	display: block;
	border: 2px solid #008f3a;
	background: none;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #008f3a;
    text-decoration: none;
    border-radius: 3px;
}
.button--aylen1 {
	
	color: #37474f;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--aylen1.button--inverted1 {
	background: none;
	color: #fff;
}
.button--aylen1::before,
.button--aylen1::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen1::before {
	background: #44ab6c;
}
.button--aylen1::after {
	background: #008f3a;
}
.hover .button--aylen1 {
	color: #fff;
    *background: #008f3a;
    background: #008f3a\9;
}
.hover .button--aylen1::before,
.hover .button--aylen1::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.hover .button--aylen1::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
@media screen and (max-width:999px){
  div#Menu{display:none;}
  .letBot {
    display: none !important;
}
}
.ser {text-align: center; }