\nbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
html{background: #FFFFFF;}
body{width: 100%;color:#000000; line-height:24px;font-size: 16px;font-family:"微软雅黑", "黑体", "宋体";margin: 0;}
a{color: #000000;text-decoration: none;}
a:hover{text-decoration: none;}
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
.f-l{float:left}
.f-r{float:right}
.clear{zoom:1}
.clear:after{content: '';display: block;clear: both;}
.trans{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
#f_header,#nav_wrap,#banner_wrap{width: 100%;}
.header-inner,.nav-inner,.banner-inner,.bcolbox{width: 1200px;margin: 0 auto;}
#f_header{height: 44px;margin: 10px auto;}

.header-right{line-height: 44px;margin-right: 20px;}
.header-right a{color: #333;}
.header-right a{}
#nav_wrap{background: #131c93;height: 46px;}
#nav_wrap a{color: #FFFFFF;font-size: 16px;line-height: 46px;padding: 0px 20px;}
#nav_wrap a:hover{font-weight: bold;}
/*css for banner*/
#banner_wrap{width: 100%;background: #e0e5eb;}
.banner-inner{position: absolute; -webkit-user-select: none;	}
.oneByOne1{top: 0px;left: 50%;margin: 0;width: 1200px;height: 300px;margin-left: -600px;position: relative;overflow: hidden;}   
.banner-inner .oneByOne_item{position: absolute;width: 1200px;height:300px;overflow: hidden;}                                                                                                                           
.banner-inner .oneByOne_item a{position: relative;float: left;display: block;width: 127px;height: 36px;line-height: 36px;text-align: center;margin: 4px 12px 0 500px;color: #FFFFFF;background: #008bd0;font-size: 16px;border-radius: 2px;text-decoration: none;}              
.banner-inner img.bimg1{position: absolute;top: 0px;left: 0px;}
.banner-inner .oneByOne_item .btext1{position: relative;float: left;margin: 40px 12px 0 500px;color: #333333;	font-size: 24px;width: 650px;}
.banner-inner .oneByOne_item .btext2{clear: left;position: relative;float: left;margin: 4px 12px 0 500px;color: #666666;font-size: 20px;width: 650px;} 
.banner-inner .oneByOne_item .btext3{clear: left;position: relative;float: left;margin: 4px 12px 0 500px;color: #666666;font-size: 14px;width: 650px;}  
.banner-inner .oneByOne_item a.bbtn1{position: relative;float: left;display: block;width: 127px;height: 36px;line-height: 36px;text-align: center;margin: 4px 12px 0 500px;
color: #FFFFFF;background: #008bd0;font-size: 16px;border-radius: 2px;}           
.banner-inner .oneByOne_item a.bbtn1:hover{background: #047ab4;}
/*common part*/
.bcolbox{margin: 70px auto;text-align: center;}
.btitle{line-height: 40px;margin: 20px auto;font-weight: 600;width: 150px;color: #4d4e4e;font-size: 20px;}
.btitle span{display: inline-block;width: 40px;height: 40px;margin-right: 5px;}

/*css for intro*/
.ecard-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle;overflow:hidden;-webkit-transform:translateZ(0);margin:0 5px;color:#fff;}
.ecard-overlay h3{text-transform:uppercase;font-size: 14px;font-weight: 600;}
.ecard-overlay p{font-size:14px}
.ecard-overlay>:first-child{margin-bottom:0;}
.ecard-overlay-panel{position:absolute;top:0;bottom:0;left:0;right:0;padding:5px 5px 0px 5px;color:#fff;height:100%}
.ecard-overlay-panel>:last-child,.ecard-overlay-panel.uk-flex>*>:last-child{margin-bottom:0}
.ecard-overlay-hover:not(:hover):not(.uk-hover) .ecard-overlay-panel:not(.uk-ignore){opacity:.9}
.ecard-overlay-active :not(.uk-active)>.ecard-overlay-panel:not(.uk-ignore){opacity:.9}
.ecard-overlay-background{background:rgba(0,139,208,0.75)}
.ecard-overlay-image{padding:0}
.ecard-overlay-bottom{top:auto}
.ecard-overlay-fade,[class*='ecard-overlay-slide']{transition-duration:.3s;transition-timing-function:ease-out;transition-property:opacity,transform,filter}
.ecard-overlay-active .ecard-overlay-fade,.ecard-overlay-active .ecard-overlay-scale,.ecard-overlay-active .ecard-overlay-spin,.ecard-overlay-active [class*='ecard-overlay-slide']{transition-duration:.8s}
.ecard-overlay-fade{opacity:.7}
.ecard-overlay-hover:hover .ecard-overlay-fade,.ecard-overlay-hover.uk-hover .ecard-overlay-fade,.ecard-overlay-active .uk-active>.ecard-overlay-fade{opacity:1}
[class*='ecard-overlay-slide']{opacity:0}
.ecard-overlay-slide-bottom{-webkit-transform:translateY(80%);transform:translateY(80%)}
.ecard-overlay-hover.ni-coreblock:hover [class*='ecard-overlay-slide'],.ecard-overlay-hover:hover [class*='ecard-overlay-slide'],.ecard-overlay-hover.uk-hover [class*='ecard-overlay-slide'],.ecard-overlay-active .uk-active>[class*='ecard-overlay-slide']{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}
.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}
.ecard-overlay-title h3{margin:0px;}


/*css for vide0*/
.bvideoinner{}
.bvideoinner a{position: relative;float: left;display: block;width: 280px;height: 190px;overflow: hidden;margin-right: 25px;}
.bvideoinner a:last-child{margin-right: 0px;}
.topvideo{width: 280px;height: 190px;position: relative;border: 1px solid #DDDDDD;-webkit-transition:0.7s;transition:0.7s;}       
.topvideo:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.btnvideo {z-index: 2;position: absolute;width: 30px;height: 30px;top: 80px;left: 125px;}
.lbannertxt{display: block;width: 100%;height: auto;position: absolute;bottom: 0px;left: 0px;color: #FFFFFF;
    font-size: 13px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;   
    background: #333333;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));padding: 5px;}
/*css for book*/
#ycsc_wrap{}
.ycsc-inner{margin-bottom: 0px;padding: 0px;position: relative;}
.ycscone{float: left;width: 580px;height: 270px;border: 1px solid #9e9e9e;border-radius: 4px;background: #FFFFFF;position: relative;
margin-right: 30px;margin-bottom: 30px;}
.ycscone:nth-child(2n){margin-right: 0px;}
.bookl,.bookr{position: absolute;}
.bookl{top: 20px;left: 10px; transition:All 0.8s ease-in-out;
-webkit-transition:All 0.8s ease-in-out;
-moz-transition:All 0.8s ease-in-out;
-o-transition:All 0.8s ease-in-out;}
.bookl:hover{ transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);}
.bookr{top: 20px;left: 188px;text-align: left;}
.bookr .bookname{font-weight: bold;color: #1c48a3;font-size: 16px;}
.bookr p{font-size: 14px;width: 350px;}
.bookr .bookbtn{margin-top: 10px;display: block;width: 105px;height: 24px;}
.bookr .bookbtn:hover{background: #ffffff;transition: 0.5s;opacity: 0.9;}
.bookmore{position: absolute;right: 8px;bottom: 0;color: #1c48a3;}

.sol-inner{}
.sol-inner a{float: left;width: 380px;height: 285px; display: block;text-align: center;float: left;overflow: hidden;margin:10px 10px;
position: relative;overflow: hidden;}
.sol-inner a img{width: 380px;overflow: hidden;-webkit-transition:0.7s;transition:0.7s;}

.sol-inner a img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.sol-inner a span{display: inline-block;width:100%;position: absolute;bottom: 0px;left: 0px;color: #FFFFFF;font-size:16px;
padding:10px 5px 10px 5px;line-height:24px;height: auto;background:#333333;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));background: rgba(0,139,208,0.65);}

/*css for actv*/
.actv-inner{}
.actv-inner a{float: left;display: block;width: 575px;height: 230px;color: #FFFFFF;position: relative;margin-right: 50px;}
.actv-inner a:last-child{margin-right: 0px;}
.actv-inner a:hover{box-shadow:0 5px 15px rgba(45,50,55,.2);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);
-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
.acspan1,.acspan2,.acspan3{position: absolute;display: block;}
.actv-inner .acspan1{right: 10px;top: 10px;background: #d2d2d1; background: rgba(215,215,215,0.4);width: 60px;height: 20px;border-radius: 10px;font-size: 14px;line-height: 20px;text-align: center;}
.actv-inner .acspan2{position: absolute;left:0px;top: 60px;width: 555px;padding: 0px 10px ;font-size: 20px;}
.actv-inner .acspan3{bottom: 10px;text-align: center;font-size: 14px;left: 0;width: 575px;text-align:center}
/*css for foot*/
#footer_wrap{background: #222222;color: #FFFFFF;text-align: center;font-size: 14px;padding: 0px 0px;margin-top: 100px;}
#footer_wrap a{color: #FFFFFF;}

/*add rightactv*/
.right_actv{display: block;width:350px;height: 230px;color: #FFFFFF;position: relative;margin-bottom: 20px;text-align: center;}
.racspan1,.racspan2,.racspan3{position: absolute;display: block;}
.racspan1{right: 10px;top: 10px;background: #d2d2d1; background: rgba(215,215,215,0.4);width: 60px;height: 20px;border-radius: 10px;font-size: 14px;line-height: 20px;text-align: center;}
.racspan2{position: absolute;left:0px;top: 60px;width: 330px;padding: 0px 10px ;font-size: 20px;}
.racspan3{bottom: 10px;text-align: center;font-size: 14px;left: 75px;width: 200px;}