@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; text-decoration:none;}
img {border: 0;max-width:100%;height:auto;}
img.inherit{max-width:  inherit; *width: auto;}

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: 13px;}
*: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; }






.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;}
.coverBg{background-position: center center; background-size: cover;background-repeat: no-repeat;}






/*您可能需要修改的样式*/

body { color: #666; font-size: 13px; line-height:26px; font-family: Microsoft YaHei,Simsun,Arial,Helvetica,sans-serif; min-height:100%;background: #fff; }
div.bgWrap { width: 100%;margin: 0 auto; min-width: 800px; }
div.wrap { width: 100%; margin: 0 auto; height:40px; line-height:40px; }
.reset{ margin:0px; padding:0px; font-size: 12px;font-weight: normal;}
a { color: #716f6f;text-decoration: none;}
a:hover,a:focus { color: #bb0000;text-decoration:none;}





#topBox{background: #fff;position: fixed;height: 78px;width: 100%;left: 0;top: 0;z-index: 1000;display: none;}
#topBox .logo{float: right;padding: 5px 20px 0 0;}
#topBox .logo img{height: 68px;}
#topBox .menuBar{float: left;width: 68px;height: 68px;cursor: pointer;}
#topBox .menuBar ul{padding: 32px 0 0 32px;}
#topBox .menuBar .bar_line{ width: 25px;height: 2px;background: #bd0000;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: #f2f2f2;height: 100%;z-index: 999;display: block;}
#mainLft .logo{text-align: center; background:#fff;}
#mainLft .logo .box{padding: 0% 0;text-align: center;}
#mainLft .logo img{width: 100%;}


#Menu ul{box-shadow: inset 0 10px 15px -10px rgba(4,0,0,0.15); background:#fff;}
#Menu ul li.top_nav{position: relative;border-bottom: 2px solid #f2eeee;width: 100%;float: left;font-size: 14px; }
#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;padding-left: 28%;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 .bg{background-color: #f2f2f2;box-shadow: inset 0 0 8px #dbdbdb;width: 100%;}
#Menu ul li.top_nav.hover a.top_link{color: #bb0000;background-color: #f2f2f2;box-shadow: inset 0 0 8px #dbdbdb;}
#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: #bb0000;height: 100%;display: none;}
#Menu ul li.top_nav .childNav ul li:hover i{display: block;}






#mainRght{margin-left: 17%;position: relative;background: #fff;min-width: 360px;overflow: hidden;}
@-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 #bb0000 ;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:#fff;overflow: hidden;}
#midCon{background: #ffffff; position:relative;}



#Study{width:41.25% ;float: left;}
#Study .item_box{padding: 10% 16% 0 10%; }
#Study .item_box .item_tit{padding-bottom:10px;border-bottom: 2px solid #bb0000;}
#Study .item_box .item_tit a{text-decoration: none;color: #333333;}
#Study .item_box .item_tit span{display: block;cursor: pointer;}
#Study .item_box .item_tit span.t{font-size: 20px;height: 30px;line-height: 30px;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: 26px;overflow: hidden;font-size:13px;color: #717271;margin-top: 5%;*margin-top: 3%;}
#Study .item_box .item_more{padding-top: 5%; padding-bottom: 20px;}



#aboutBox{overflow: hidden; }
#aboutBox  .item_box{width: 36%;padding:5% 0 0 7.8% ;}
#aboutBox .item_box .item_tit{padding-bottom: 10px;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:30px;line-height: 30px;overflow: hidden;text-shadow: 0 0 2px #000;}
#aboutBox .item_box .item_con{line-height: 26px;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: 3% 0px; background:#e8e8e8;}
#footNav .elseBox{width: 92%;overflow: hidden;margin: 0 auto;}
#footNav .elseBox .navs{width: 80%; float:left;}
#footNav .elseBox .ewm{ float:right;}
#footNav .elseBox .navs .each{width: 16%;float: left;overflow:  hidden;padding-right: 1.5%; }
#footNav .elseBox .navs .each .nav_tit{font-size: 15px;line-height: 26px;overflow: hidden; }
#footNav .elseBox .navs .each .nav_tit a{color: #000;border-bottom:2px #bb0000 solid;}
.nav_tit::after{ border-bottom:2px #ccc solid; width:50px;}
#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 .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; }
#Foot, #Foot1{margin-top: 10px;background: #fff;padding: 7px 4%;line-height: 40px;color: #666666;min-height: 40px;}
#Foot1{background: #eee;}
#Foot a, #Foot1 a{color: #666666;}
#Foot a:hover, #Foot1 a:hover{ color:#bb0000;}
#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:50px;filter: alpha(opacity=80);opacity:0.8;display: none;}


/*more*/

.button {min-width: 150px;max-width: 167px;width: 100%;display: block;border: 2px solid #bb0000;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: #c64b4b;}
.button--aylen::after {background: #bb0000;}
.button--aylen:hover {color: #fff;*background: #bb0000;background: #bb0000\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;}


.nav_tit::after{ border-bottom:2px #ccc solid; width:50px;}


.abimg{ width: 56%;float: right;position: relative;padding:8% 0px 0px;}
.ind_pro{ width:100%; margin:20px auto;}
.tit{ height:50px;}
.tit h1{ font-size:26px; text-align:center; color:#bb0000; font-weight:normal !important; }
.tit h2{ font-size:18px; text-align:center; color:#666;font-weight:normal !important;}

.prolist{overflow:hidden; margin:40px auto;}
.prolist a{display:block;position:relative;overflow:hidden}
.open1{position: absolute;height: 40px;line-height: 40px;transition: bottom 0.2s ease-in-out 0.2s;width: 100%;bottom: 0;}
.open1 span{color: #fff;font-size:14px;display: inline-block;left: 0;position: relative;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis; width:100%;}
.open1 .black-screen{background: #000;left: 0;top: 0;height: 100%;position: absolute;width: 100%;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;}
.prolist li{overflow:hidden;float:left;margin-right:10px;margin-bottom:12px; width:30%; margin:1.5% 1.5% }
.pic3{ display:block; margin:0px auto; text-align:center; }
.pic3 a img{display:block;width:100%;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out; text-align:center; margin:0px auto;}
.pic3:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.pic3:hover span{ color:#bb0000;}



.dllist{ width:100%; margin:40px auto;}
.dllist li{ width:23%; float:left; margin:1% 1%;}
.dllist li img{width: 100%;height: 100%;display: block;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s}
.dllist li:hover  img{transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}


.ind_news{ background:url(../images/newsbj.jpg) no-repeat;background-position: center center;background-size: cover;background-repeat: no-repeat; padding:2% 4%;}
.newsleft{ width:62%; float:left;}
.newsleft li{ float:left; width:45%; margin-right:2.5%; position:relative; text-align:center; overflow:hidden;}
.newsleft li img{ width:100%;}
.newsleft li .tjtit{ position:absolute; bottom:50px; text-align:center; color:#fff; display:block; }
.newsleft li .tjtit .nybt{ display:table-cell; }
.newsleft img{display:block;width:100%;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out; text-align:center; margin:0px auto;}
.newsleft li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.newsleft li:hover span{ color:#bb0000;}
.newsrig{ width:35%; float:right;}
.newsrig li{ line-height:26px;}
.newsrig .newstit{ float:left; width: 68%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsrig .newstime{ float:right; color:#999; width:30%;}



.nybanner{ background:url(../images/nybanner.jpg) center center no-repeat;background-size: cover; height:120px;}
#breadCrumbTop{ padding: 10px 3%;}
#breadCrumbTop ul li {display: inline-block;font-size: 13px;line-height: 16px;color: #666;}
#breadCrumbTop ul li a {padding-bottom: 1px;color: #666;transition: border 0.3s,color 0.3s;}
#breadCrumbTop ul li:first-child::before {padding: 0;content: "";}
#breadCrumbTop ul li span{border-bottom: 1px solid #bb0000; color:#bb0000}
#breadCrumbTop ul li::before {padding: 0 5px;color: #bb0000;content: ">";}

.side_menu{background: #bb0000;}
.side_menu ul{ max-width: 94%; margin:0px auto;}
.side_menu ul li{float: left;overflow: hidden;padding: 0 1em;text-align: center;max-width:120px ;font-size: 14px;background: url(../images/sider_nav_line.png) right center no-repeat;width: 100%;}
.side_menu ul li a{display: block;color: #fff;}
.side_menu ul li.current,.side_menu ul li:hover{background: #999;}

.insider{min-height: 200px; line-height:26px; padding:20px 3%; min-height:300px;}
.line{ border-bottom:1px #ccc solid;}
.prolist h1{ font-size:24px; text-align: center; font-weight: normal; color:#333}
.prolist .proimg{ text-align:center; margin:20px auto;}
.prodet p{ line-height:26px;}


.nynewslist li{ border-bottom:1px #ccc dashed; height:35px; line-height:35px;}
.nynewslist .newstit{ font-size:14px; float:left;}
.nynewslist .newstime{ float:right; color:#999;}
.nynewslist h1{ font-size:24px; text-align: center; font-weight: normal; color:#333}
.nynewslist .nyfbtime{text-align:center; margin:5px auto; border-bottom:1px #ccc dashed; padding-bottom:10px;}
.nynewslist .nynewscon { padding-top:10px;}
.nynewslist .nynewscon p{ line-height:26px;}

.dlpp{overflow:hidden; margin:10px auto;}
.dlpp li{overflow:hidden;float:left; width:24%; margin:1% 0.5% ;}
.dlpp li .dlimg{ width:95%; text-align:center; overflow:hidden;  margin:0px auto 10px;  border:1px #ccc solid;}
.dlpp li .dlimg img{display:block;width:100%;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out; text-align:center; margin:0px auto; overflow: hidden; }
.dlpp li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);overflow: hidden;}
.dlpp p{ text-align:center;}
.dlpp li:hover p{ color:#bb0000;}
.dlpp h1{ font-size:24px; text-align: center; font-weight: normal; color:#333;}
.dlpp .dldetimg{ text-align:center; padding-top:15px;}


.downlist{ width:100%; margin:10px auto;}
.downlist li{ border-bottom:1px #ccc dashed;  margin-bottom:10px;}
.downlist .jstit{ float:left;}
.downlist .doload{ background:#bb0000; padding:5px 5px; width:80px; float:right; text-align:center; color:#fff; margin-bottom:5px;}
.downlist li a:hover .doload{ background:#999;}


.conleft{ float:left; width:45%;}
.conrig{ float:right; width:45%;}
.conrig .book p{ margin-bottom:10px;}
.book{ margin-top:20px;}
.book label{ float: left; line-height:33px;  width:15%;}
.book input{ border:1px #ccc solid; height:25px; line-height:25px; width:70%; padding:5px  5px;}
.book textarea{ width:70%; border:1px #ccc solid;padding:3px  5px;resize:none; }
.book .tj{ padding:0px; height:30px; line-height:30px; background:#bb0000; text-align:center; border:none; color:#fff; margin-left:30%; width:120px; margin-top:15px;}
.book .yzm{ width:100px; float: left;}
.book .yzmimg{ padding:5px 0px; margin-left:10px; float:left;}
 
.mss{border: 1px #c38080 solid !important;}