@charset "utf-8";
@font-face{
  font-family: 'BRLNSDB';
  src: url('../fonts/BRLNSDB.TTF');
  font-weight: normal;
  font-style: normal;
}

html,body{height:100%;}

body{padding:90px 0 0 0; margin:0px auto; font-size:14px; line-height:22px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; }
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#c5271e;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #333333;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #333333;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #8e8e8e; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#333333;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
/*::-webkit-scrollbar{
            width: 10px; height:10px;-webkit-overflow-scrolling : touch;
            background-color: #999999;}
::-webkit-scrollbar-track{
            background-color: #999999;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #143a83;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #999999;}
*/
/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1155{position:relative; clear:both; max-width:1155px; margin:0px auto;}
.w1240{position:relative; clear:both; max-width:1240px; margin:0px auto;}
.w1400{position:relative; clear:both; max-width:1400px; margin:0px auto;}
.w1600{position:relative; clear:both; max-width:1600px; margin:0px auto;}

/*font*/
.f_black{ color:#000000;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1660px){
.w1600{max-width:92%;}
}
@media ( max-width:1440px){
.w1400{max-width:92%;}
}
@media ( max-width:1280px){
.w1240{max-width:92%;}
}
@media ( max-width:1200px){
.w1155{max-width:92%;}
}
@media ( max-width:1024px){
body{ padding-top:45px;}	
.w1600,.w1400,.w1240,.w1155{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#818181; clear:both; line-height:43px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; color:#143a83; background:#fff; border:1px solid #ebebeb;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#b0b0b0; vertical-align:middle; padding:0 35px; font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#143a83; border:1px solid #143a83;}
.Pages .p_page .num a{ width:43px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#fff; background:#143a83; border:1px solid #143a83;}

.showMorehandle{ clear:both; width:400px; line-height:60px; border-radius:30px; box-shadow:0 5px 15px #aebdce; cursor:pointer; background:#004898; color:#fff; text-align:center; margin:0px auto; font-size:16px;transition: all ease 0.3s;}
.showMorehandle .iconfont{ margin-right:8px; font-size:32px;}
.showMorehandle:hover{ background:#0d6ed9;-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);}
.showMorehandle .pro{ display:none;}
.showMorehandle .pro .iconfont{ margin-left:5px; font-size:20px;}

@media ( max-width:1024px){
.Pages{line-height:25px !important;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 10px !important;}
.Pages .p_page .num a{ width:25px !important;}

.showMorehandle{ width:140px; line-height:40px; font-size:14px;}

}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:rgba(255,255,255,0.9); width:100%; height:90px;transition: all ease 0.3s;}
.Header .Logo{ position:absolute; left:0; top:0; height:90px;display: flex; align-items: center;transition: all ease 0.3s;}
.Header .Tel{ position:absolute; right:0; top:0; height:90px;display: flex; align-items: center;transition: all ease 0.3s; font-size:24px; font-weight:bold;}
.Header .Tel .iconfont{ font-size:22px;}
.Header .Tel a{ color:#2c569a;}

.MainNav{transition: all ease 0.3s; text-align:center; font-size:0;}
.MainNav li{ display:inline-block;*display:inline;zoom:1; position:relative; width:8%;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#262626; font-size:18px; height:90px; line-height:90px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; top:26px; height:37px; border-radius:18px; border-bottom:2px solid #133772; background:#2c569a;width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; text-align:center; top:90px; left:0;width:100%; padding-top:1px;}
.NavPull.null{background:none; padding:0;}
.NavPull dd { margin-bottom:1px;}
.NavPull a{ display:block; color:#fff; padding:8px; font-size:16px; background:#888888;}
.NavPull a:hover{ background:#999999;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:0; display:none; background:rgba(255,255,255,0.9);}
.openbtn span{ display:block; height:3px; background:#2c569a; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:60px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo,.Header.Fixedtop .Tel{ height:60px;}
.Header.Fixedtop .MainNav li span a{height:60px; line-height:60px;}
.Header.Fixedtop .MainNav .bg{top:11px;}
.Header.Fixedtop .NavPull{ top:60px;}

@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important;}
.Header .Contain{ max-width:none; margin:0 12px;}
.Header .Logo{ width:auto; height:45px !important;}.Header .Logo img{ height:29px;}
.Header .Tel{ height:45px !important; font-size:18px; right:40px;}.Header .Tel .iconfont{ font-size:18px;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:1000; width:100%; padding:0; left:0;background: #999;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #908f8f;border-top:1px solid #9e9d9d; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding-left:5px; color:#fff !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:20px; top:5px;transition: all ease 0.3s; color:#fff;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull dl{ padding:0 !important;}
.NavPull { position:static;text-align:left; width:100% !important; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 20px; color:#fff;}
.NavPull dd a:hover{ color:#fff; background:transparent;}

.Header.Fixedtop .Logo,.Header.Fixedtop .Toper{ height:45px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#222222; padding:35px 0; color:#7f7f7f;}
.Footer .Copyright{ padding-top:22px; float:left;}
.Footer .Copyright p{ padding:4px 0;}
.Footer .Ewm{ float:right;}
.Footer .Ewm img{ display:block; margin:0px auto; width:100px; height:100px; border:5px solid #fff;}
.Footer a{ color:#7f7f7f;}.Footer a:hover{ color:#fff;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; position:fixed; right:0; bottom:10px; z-index:99; width:55px; height:55px; line-height:55px; background:#2c569a; color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:1024px){
.Footer{padding:15px 0; font-size:12px;}
.totop{width:35px; height:35px; line-height:35px; background:#c5271e; color:#fff;}
}
@media ( max-width:768px){
.Footer .Copyright,.Footer .Ewm{ float:none; text-align:center;}
.Footer .Copyright p{ padding:0;}
}
/*Bottom*/


/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}

/*第一屏 s*/
@-webkit-keyframes shubiao
{
  from{bottom: 10%;opacity: 0;}
  to{bottom: 5%;opacity: 1;}
}
.downarr{ -webkit-animation: shubiao 1s infinite;-webkit-animation-fill-mode: both;width:17px; height:133px; background:url(../images/home/scroll.png); position:absolute; bottom:5%; right:10%; z-index:999;}
.HomeBan {overflow:hidden; clear:both; position:relative;background: url(../images/loading.gif) center center no-repeat; margin-top:90px;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.HomeBan .slides li img{ display:none;}

.HomeBan .flex-control-nav{bottom:15%; z-index:20;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ cursor:pointer; width:25px; height:25px; background:url(../images/home/ban_dow1.png) center center no-repeat; background-size:contain;}
.HomeBan .flex-control-nav li .flex-active{background:url(../images/home/ban_dot2.png) center center no-repeat; background-size:contain;}
.HomeBan .flex-control-nav li a:hover{background:url(../images/home/ban_dot2.png) center center no-repeat; background-size:contain;}

.HomeBan .flex-direction-nav a { opacity: 0;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:6.5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:6.5%;}


@media ( max-width:1024px){
.HomeBan {margin-top:45px; height:auto !important;}
.HomeBan #banner{height:auto !important;}
.HomeBan .slides li{ height:auto !important;}
.HomeBan .slides li img{ display:block;}
.HomeBan .flex-direction-nav { display:none;}
.HomeBan .flex-control-nav li a{ width:18px; height:18px;}
.HomeBan .flex-control-nav{bottom:12px;}
}
/*第一屏 end*/

.sec-2{ background:url(../images/home/sec2bg.gif) center top no-repeat; background-size:cover;}
.sec-2 .w1600{ padding-top:90px; position:static;}
.sec-2 .Aboutinfo{ padding-top:11%; font-size:16px; width:33%; float:left; line-height:28px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.sec-2 .Aboutinfo .more{}
.sec-2 .SubTit{ text-align:left;}
.sec-2 .more{ background:#2c569a; border-bottom:2px solid #12346c;text-align:center; border-radius:22px; margin-top:15%; width:150px; line-height:40px; color:#fff; font-size:16px;transition: all ease 0.3s;}
.sec-2 .more .iconfont{ margin-left:8px; font-size:20px;}
.sec-2 .scrollimg{ width:1043px; position:absolute; right:0; top:90px;transform:translateY(-200px);-webkit-transform:translateY(-200px);opacity:0;transition:all 1s 0.1s;}
.sec-2 .imgbox{ padding-top:823px; border-radius:250px 0 0 406px;}
.sec-2 .slides li{ position:relative;}
.sec-2 .flex-direction-nav a { text-indent:0em;background: rgba(0,0,0,0.5); border:0; width:50px; height:50px; line-height:50px; font-family:"宋体"; color:#fff;}
.sec-2 .scrollimg .flex-direction-nav .flex-prev { left: 8%;}
.sec-2 .scrollimg .flex-direction-nav .flex-prev:hover { background: #2c569a; border:0;}
.sec-2 .scrollimg .flex-direction-nav .flex-next { right: 14%;background: rgba(0,0,0,0.5);}
.sec-2 .scrollimg .flex-direction-nav .flex-next:hover { background: #2c569a; border:0;}
.sec-2 .scrollimg .flex-control-nav{ display:none;}
.sec-2 .scrollimg .mast{ z-index:3; position:absolute; width:100%; height:100%; background:url(../images/home/sec2_mast.png) center no-repeat; background-size:contain;}

.sec-2.active .Aboutinfo{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-2.active .scrollimg{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1600px){
.sec-2 .Aboutinfo{ padding-top:6%;}
.sec-2 .scrollimg{ margin:-42px -100px 0 0;}
.sec-2 .scrollimg .flexslider{-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);}
}
@media ( max-width:1440px){
.sec-2 .scrollimg{ margin:-78px -120px 0 0;}
.sec-2 .scrollimg .flexslider{-webkit-transform:scale(0.8); 
-moz-transform:scale(0.8); 
-o-transform:scale(0.8);}
}
@media ( max-width:1366px){
.sec-2 .Aboutinfo{ padding-top:4%;}
.sec-2 .scrollimg{ margin-top:-84px;}
.sec-2 .Aboutinfo{ font-size:14px;}
.sec-2 .more{ margin-top:5%;}
}
@media ( max-width:1200px){
.fp-scrollable{ height:auto !important;}
.sec-2 .scrollimg{ width:60%; padding-top:6%; margin:0;}
.sec-2 .imgbox{ padding-top:70%; border:11px;}
.sec-2 .scrollimg .mast{ display:none;}
.sec-2 .scrollimg .flexslider{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
}
@media ( max-width:1024px){
.sec-2 .Aboutinfo{ width:auto; float:none; font-size:14px; line-height:24px; padding-top:0;}
.sec-2 .more{ margin-top:12px;}
.sec-2 .w1600{ padding-top:35px; padding-bottom:25px;}
.sec-2 .scrollimg{ width:auto; float:none; position:relative; padding-top:12px; top:0; margin-right:-15px;}
.sec-2 .flex-direction-nav a { width:30px; height:30px; line-height:30px;}
.sec-2 .Aboutinfo{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-2 .scrollimg{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
}
/*第二屏 end*/

.sec-3{ background:url(../images/home/sec3bg.jpg) center top no-repeat; background-size:cover;}
.sec-3 .w1600{ padding-top:8%;}
.sec-3 .SubTit{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.1s;}
.sec-3 .SubTit .cn,.sec-3 .SubTit .en{ color:#fff;}
.sec-3 .HomeSer{ margin-top:-28px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.sec-3 .HomeSer .flex-viewport{ margin-left:-27px;}
.sec-3 .slides li{ padding-top:40px;transition: all ease 0.3s;}
.sec-3 .HomeSer .box{ text-align:center; padding-bottom:22px; margin-left:27px;transition: all ease 0.3s;}
.sec-3 .HomeSer .imgbox{ padding-top:65%; border-radius:11px 11px 0 0;}
.sec-3 .HomeSer .info{ background:#fff; padding:20px 8% 45px; position:relative; border-radius:0 0 11px 11px; line-height:25px;}
.sec-3 .HomeSer .tit{ font-size:20px; color:#000000; margin-bottom:16px;}
.sec-3 .HomeSer .p{ height:75px;-webkit-line-clamp: 3; color:#999999; font-size:15px;}
.sec-3 .HomeSer .ico{ display:block; position:relative;width:41px; height:41px; margin:0px auto 16px;transition: all ease 0.3s;}
.sec-3 .HomeSer .i1,.sec-3 .HomeSer li .i2{position: absolute; left:0px;top: 0px;width:41px; height:41px;}
.sec-3 .HomeSer .i1{ transition: 400ms;}
.sec-3 .HomeSer .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.sec-3 .HomeSer li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.sec-3 .HomeSer li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.sec-3 .more{ background:#2c569a; border-bottom:2px solid #12346c;text-align:center; border-radius:22px; position:absolute; left:50%; bottom:-22px; margin-left:-100px; width:200px; line-height:40px; color:#fff; font-size:16px;transition: all ease 0.3s;}
.sec-3 .more .iconfont{ margin-left:8px; font-size:20px;}
.sec-3 .HomeSer li:hover .more{ background:#f1a603;border-bottom:2px solid #dc9804;}
.sec-3 .slides li:hover{ padding-top:0px;}
.sec-3 .flex-control-nav { display:none;}
.sec-3.active .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3.active .HomeSer{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1600px){
.sec-3 .HomeSer .info{padding-top:10px; padding-bottom:30px;}
.sec-3 .HomeSer .imgbox{ padding-top:55%;}
}
@media ( max-width:1366px){
.sec-3 .HomeSer{ margin-top:-45px;}
.sec-3 .slides li{ padding-top:25px;}
}
@media ( max-width:1200px){
.sec-3 .w1600{ padding-bottom:25px;}
.sec-3 .HomeSer{ margin-top:0;}
}
@media ( max-width:1024px){
.sec-3 .w1600{ padding-top:35px;}
.sec-3 .slides li{ padding-top:0px; padding-bottom:30px;}
.sec-3 .HomeSer .flex-viewport{ margin-left:-12px;}
.sec-3 .HomeSer .box{margin-left:12px;}
.sec-3 .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3 .HomeSer{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-3 .flex-direction-nav{ display:none;}
.sec-3 .flex-control-nav{ display:block;}
.sec-3 .more{ width:120px; margin-left:-60px; font-size:14px; line-height:40px;}
.sec-3 .more .iconfont{ font-size:18px;}
.sec-3 .HomeSer .info{ padding-top:10px; padding-bottom:35px;}
.sec-3 .HomeSer .p{ font-size:14px; line-height:22px; height:auto; height:66px;}
.sec-3 .HomeSer .ico{ margin-bottom:5px;}
.sec-3 .HomeSer .ico,.sec-3 .HomeSer .i1,.sec-3 .HomeSer li .i2{ width:32px; height:32px;}
}
@media ( max-width:768px){
.sec-3 .w1600{ padding-bottom:15px;}
.sec-3 .HomeSer .tit{ font-size:16px; margin-bottom:5px;}
.sec-3 .more{ line-height:30px; bottom:-10px;}
}
/*第三屏 end*/

.sec-4{ background:url(../images/home/sec4bg.jpg) center top no-repeat; background-size:cover;}
.sec-4 .SubTit{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.1s;}
.sec-4 .w1155{ padding-top:130px;}
.sec-4 .Display{ margin:0 0 0 -5%;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.sec-4 .Display li{ width:20%; float:left; text-align:center; margin:0 0 3.5% 5%; padding-bottom:20px; position:relative;}
.sec-4 .Display .imgbox{ padding-top:112%; box-shadow:2px 5px 8px #9b9492;}
.sec-4 .Display .imgbox span{ background-size:contain;}
.sec-4 .Display .tit{ position:absolute; width:84%; left:7%; bottom:0; background:#fff; line-height:45px; background:#ff; border-radius:24px; font-size:16px;}
.sec-4 .Display li:hover .tit{ background:#f1a603; color:#fff;}
.sec-4.active .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4.active .Display{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media ( max-width:1600px){
.sec-4 .w1155{ max-width:800px;}
.sec-4 .w1155{ padding-top:120px;}
}
@media ( max-width:1366px){
.sec-4 .Display{ margin-top:-30px;}
.sec-4 .w1155{ max-width:700px;}
}
@media ( max-width:1024px){
.sec-4 .w1155{ padding-top:25px; padding-bottom:15px; max-width:none;}
.sec-4 .Display .tit{ line-height:32px; font-size:14px;}

.sec-4 .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4 .Display{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1; margin-top:0;}
}
@media ( max-width:768px){
.sec-4 .Display{ margin:0 0 0 -3%;}
.sec-4 .Display li{ width:30.3333%;margin:0 0 3% 3%;}
.sec-4 .Display li:nth-child(7),.sec-4 .Display li:nth-child(8){ display:none;}
.sec-4 .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-4 .Display{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
}
/*第四屏 end*/

.sec-5{ background:#f8f8f8;}
.sec-5 .SubTit{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.1s;}
.sec-5 .w1600{ padding-top:8%;}
.sec-5 .HomeNews{ margin-top:-48px;transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.sec-5 .HomeNews .flex-viewport{ margin-left:-50px;}
.sec-5 .slides li{ padding:50px 0 15px;transition: all ease 0.3s;}
.sec-5 .HomeNews .box{ padding-bottom:22px; margin-left:50px;transition: all ease 0.3s;}
.sec-5 .HomeNews .imgbox{ padding-top:65%; border-radius:11px 11px 0 0;}
.sec-5 .HomeNews .info{ position:relative;background:#fff; padding:36px 23px 33px 126px;}
.sec-5 .HomeNews .date{ position:absolute; width:100px; line-height:33px; color:#999999; left:6px; top:36px; text-align:center; height:100px; border-right:1px solid #dfdfdf;}
.sec-5 .HomeNews .date i{ display:block; line-height:35px; font-size:40px;}
.sec-5 .HomeNews .tit{ font-size:18px; color:#333333; margin-bottom:13px;}
.sec-5 .HomeNews .p{ color:#999999;-webkit-line-clamp: 3; height:66px;}
.sec-5 .HomeNews .more{ color:#2c569a; margin-top:24px; font-size:14px; position:absolute; opacity:0;transition: all ease 0.3s;}
.sec-5 .HomeNews .more .iconfont{ margin-left:8px; font-size:20px;}

.sec-5 .HomeNews li:hover {}
.sec-5 .HomeNews li:hover .info{ border-bottom:3px solid #2c569a; padding-bottom:20px;}
.sec-5 .HomeNews li:hover .more{ position:static; opacity:1;}
.sec-5 .HomeNews li:hover .tit{ color:#2c569a;}
.sec-5 .HomeNews li:hover .date{ color:#2c569a;}
.sec-5 .HomeNews li:hover .box{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.sec-5 .flex-control-nav { display:none;}

.sec-5.active .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5.active .HomeNews{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

@media ( max-width:1440px){
.sec-5 .HomeNews .imgbox{ padding-top:50%;}
.sec-5 .HomeNews .info{padding:15px 23px 15px 126px;}
.sec-5 .slides li{ padding:20px 0 15px;}
}

@media ( max-width:1200px){
.sec-5 .HomeNews .flex-viewport{ margin-left:-20px;}
}
@media ( max-width:1024px){
.sec-5 .HomeNews li:hover .box{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
.sec-5 .HomeNews{ margin-top:0;}
.sec-5 .w1600{ padding-top:25px; padding-bottom:15px;}
.sec-5 .flex-direction-nav{ display:none;}
.sec-5 .flex-control-nav{ display:block;}
.sec-5 .HomeNews .more{ display:none;}

.sec-5 .HomeNews .flex-viewport{ margin-left:-12px;}
.sec-5 .slides li{ padding-top:0px;}
.sec-5 .HomeNews .box{margin-left:12px;}
.sec-5 .HomeNews .info{ padding:15px 15px 20px 65px;}
.sec-5 .HomeNews .date{ width:50px; line-height:25px; top:18px; font-size:12px;}
.sec-5 .HomeNews .date i{font-size:24px;}
.sec-5 .HomeNews .tit{ font-size:16px; margin-bottom:10px;}

.sec-5 .SubTit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-5 .HomeNews{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
}
/*第五屏 end*/

.sec-6{ background:url(../images/home/sec6bg.jpg) center bottom no-repeat; background-size:cover;}
.sec-6 .Subtit{ text-align:left;transform:translateX(-120px);-webkit-transform:translateX(-120px);opacity:0;transition:all 1s 0.1s;}
.sec-6.active .Subtit{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.sec-6.active .list li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

.sec-6 .w1600{ padding-top:10%;}
.sec-6 .SubTit .cn,.sec-6 .SubTit .en{ color:#fff;}
.sec-6 .slides dl{ margin-left:-13px;}
.sec-6 .slides li dd{ width:20%; float:left;}
.sec-6 .slides li .imgbox{ padding-top:45%; margin:0 0 13px 13px; background:#fff;}
.sec-6 .slides li .imgbox span{ background-size:contain;}
.sec-6 .flex-control-nav{ display:none;}
.sec-6 .flex-direction-nav{ position:absolute; bottom:-60px; width:138px; left:50%; margin-left:-69px;}
.sec-6 .flex-direction-nav a{ border:2px solid #fff;}
.sec-6 .flex-direction-nav .flex-prev{ left:0; background:url(../images/ico/arrleft01.png) center center no-repeat;}
.sec-6 .flex-direction-nav .flex-next{ right:0; background:url(../images/ico/arrright01.png) center center no-repeat;}

@media ( max-width:1200px){
.sec-6 .w1600{ padding-bottom:60px;}
.sec-6 .flex-direction-nav{bottom:-28px; width:100px; margin-left:-50px;}
}

@media ( max-width:1024px){
.sec-6 .w1600{ padding-top:25px;}
}
/*第六屏 end*/

/*首页 end*/

/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:100px; height:100px;padding-top:3.5%;padding-bottom:3.5%;}
.SubBan{ overflow:hidden; position:relative;}
.SubBan .txt{ position:absolute; top:33%; left:0; text-align:center; width:100%; font-size:30px; color:#fff; line-height:38px;}
.SubBan .txt .en{ font-size:44px;font-family: 'BRLNSDB'; text-transform:uppercase; line-height:59px;}

.ColumnName{ text-align:center; font-size:16px; font-weight:normal; color:#fff; background:#143a83; display:none; line-height:36px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:20px;}
.ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.topblank{ position:absolute; height:60px; position:absolute; left:0; z-index:100; width:100%; top:-60px;}
.SubMenu{clear:both; text-align:center; position:relative; z-index:5; line-height:60px; height:60px;border-radius:10px 10px 0 0; box-shadow:0 5px 10px rgba(0,0,0,0.05); background:#fff; margin-top:-60px;}
.SubMenu ul{ width:100%;display: flex;display: -webkit-flex;flex-flow:row;}
.SubMenu li{position:relative;flex: 1;}
.SubMenu li a{ z-index:1; position:relative; display:block; font-size:18px; color:#000000;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:100%; bottom:0px; height:0; left:0; background:#143a83;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.active .bg{ height:100%;}
.SubMenu li a:hover,.SubMenu li.active a{ color:#fff;}
.SubMenu li:first-child .bg{ border-radius:10px 0 0 0;}
.SubMenu li:last-child .bg{ border-radius:0 10px 0 0;}
.SubMenu.Fixed{ position:fixed; top:62px; width:1400px; left:50%; margin-left:-700px; z-index:100; margin-top:0;}

.SubTit{ padding-bottom:40px; text-align:center; position:relative;}
.SubTit .cn{ color:#000000; font-size:30px; line-height:73px; font-weight:normal;}
.SubTit .p{ color:#333333; font-size:16px; line-height:28px;}
.SubTit .en{ position:relative; font-size:44px;font-family: 'BRLNSDB'; text-transform:uppercase; line-height:35px; margin-bottom:-5px; color:#004898;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:35px; font-size:16px; color:#666666;}
.newsinfo{ max-width:1200px; margin:0px auto;}

@media ( max-width:1440px){
.SubMenu.Fixed{width:92%; left:4%; margin-left:0;}
}

@media ( max-width:1024px){
.SubMenu.Fixed { top:48px; width:100%; left:0;}

.SubTit{ padding-bottom:20px;}
.SubTit .cn{font-size:18px; line-height:30px;}
.SubTit .p{font-size:14px; line-height:24px;}
.SubTit .en{ font-size:22px;}

.SubPage{padding-bottom:22px;padding-bottom:28px;}
.SubBan .txt{font-size:17px;line-height:24px;}
.SubBan .txt .en{font-size:19px; line-height:24px;}

.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; margin-top:-15px; background:none; line-height:35px; height:auto;}
.SubMenu .place{ float:none; text-align:right; background:rgba(38,160,65,0.2); border-radius:20px 0 20px 0; padding-right:10px; color:#666;}
.SubMenu .place a{color:#666;}

.SubMenu ul{ display:none; background:#fff; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd;}
.SubMenu li a{font-size:15px; padding:0 5%; border-left:0; border-right:0; line-height:36px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu li a:hover,.SubMenu li.active a{ color:#143a83;}

.SinglePage{line-height:24px; font-size:14px;}
}
@media ( max-width:768px){
.SubBan .txt .cn{ display:none;}
}
/*栏目页公用样式 end*/


/*新闻中心 s*/
.graybg{background:#f8f8f8;}
.graybg2{background:#f2f2f2;}
.NewsList{}
.NewsList ul{ padding-bottom:15px; margin-bottom:2%;}
.NewsList li{ border-radius:12px 0 0 12px; position:relative; background:#fff; height:250px; margin-bottom:3.2%;transition: all ease 0.3s;}
.NewsList .imgbox{ border-radius:10px 0 0 10px; position:absolute; left:0; top:0; width:27%; padding-top:250px;}
.NewsList .date{ width:11%; color:#999999; position:absolute; right:0; top:0; height:100%; border-left:1px solid #e7e7e7;border-right:4px solid #fff; display:flex;align-items:center;justify-content:center;flex-direction: column;}
.NewsList .date i{ display:block; line-height:63px; color:#000000; font-size:46px;}
.NewsList .date2{ display:none; color:#999;}
.NewsList .info{ padding:25px 0 0 30%; width:55%;}
.NewsList .tit{ line-height:55px; color:#333333; font-size:18px;}
.NewsList .p{-webkit-line-clamp: 2; height:44px; color:#999999; margin-bottom:41px;}
.NewsList .more{ border:1px solid #004898; text-align:center; border-radius:20px; width:148px; line-height:38px; color:#004898; font-size:16px;transition: all ease 0.3s;}
.NewsList .more .iconfont{ margin-left:8px;}
.NewsList li:hover .more{ color:#fff; background:#004898; border:1px solid #004898;}
.NewsList li:hover .tit{ color:#004898;}
.NewsList li:hover .date{ border-right:4px solid #004898; color:#004898;}
.NewsList li:hover .date i{color:#004898;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49.1%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ font-weight:bold; position:absolute; left:33px; top:0px; color:#000000;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#004898; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

@media ( max-width:768px){
.NewsList li{ height:auto;}
.NewsList .imgbox{ border-radius:10px 10px 0 0;  width:auto; padding-top:50%; position:relative;}
.NewsList .date2{ display:block;}
.NewsList .date{ display:none;}
.NewsList .info{ padding:10px 15px 15px; width:auto;}
.NewsList .p{ margin-bottom:15px;}
.NewsList .more{width:100px; line-height:32px; font-size:14px;}.NewsList .more .iconfont{ font-size:18px; margin-left:5px;}
.NewsList .tit{ line-height:35px; font-size:16px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:11px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding:8px 0 0px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
}

/*服务体系 s*/
.ServiceTxt{ background:#f8f8f8; padding:46px 0;}
.NumList{ margin:0 0 0 -3%;}
.NumList li{ width:30.333%; float:left; margin:0 0 3% 3%;}
.NumList li .box{ background:#fff; border-radius:11px; height:155px; padding:45px 6% 0;transition: all ease 0.3s;}
.NumList li .ico{ height:59px;}
.NumList li .num{ line-height:30px; font-size:16px;}
.NumList li .num b{ display:inline-block; vertical-align:bottom; color:#2c569a; font-size:60px; line-height:55px;}
.NumList li .num i{color:#2c569a; font-size:30px; vertical-align:bottom; line-height:34px;}
@media ( max-width:1024px){
.ServiceTxt{padding:20px 0;}
.NumList li .num{ font-size:14px;}
.NumList li .num b{font-size:30px; line-height:35px;}
.NumList li .box{height:100px; padding-top:20px;}
.NumList li .ico{ height:48px;}
}
@media ( max-width:768px){
.NumList li .box{ height:120px;}
.NumList li .num b{ font-size:20px; line-height:25px;}
.NumList li .num span{ display:block;}

}

/*联系剑津 s*/
.Businessbox{ background:#f8f8f8;}
.Businessbox .w1400{ background:#fff; border-radius:12px; box-shadow:0 5px 12px #dedada;}
.Businessbox .imgbox{ padding-top:480px; width:63%; float:left;border-radius:12px 0 0 12px;}
.Businessbox .form{ padding:45px 5% 0; width:27%; float:left;}
.Businessbox .form dl{ padding-top:10px;}
.input{ width:100%; text-indent:1em; height:48px; line-height:48px; border:1px solid #8e8e8e; border-radius:8px;}
.textarea{ padding:10px; border:1px solid #8e8e8e; border-radius:8px;}
.textarea textarea{ width:100%; height:125px; line-height:28px;}
.select{ width:100%; text-indent:1em; height:50px; line-height:50px; border:1px solid #8e8e8e; border-radius:11px;}
.btnbox{ clear:both; padding-top:30px !important;}
.sendbtn{ cursor:pointer; color:#fff; font-size:16px; border-radius:12px; background:#004898; box-shadow:0 5px 10px #c8d7e8; height:50px; width:100%;}
.sendbtn:hover{ background:#0b66ca;}

.Mapbox{ position:relative; height:auto !important; height:560px; min-height:560px;}
.Mapbox .info{ font-size:16px; position:absolute; z-index:10; top:20px; left:20px; padding:20px 38px 0; background:#fff; max-width:445px; border-radius:0 60px 0 60px;}
.Mapbox .item{ cursor:pointer; color:#666666; margin-bottom:20px;}
.Mapbox .item dt{ font-weight:bold; line-height:32px; color:#3468a9; font-size:20px;}
.Mapbox .ewm{ clear:both; text-align:center; border-top:1px solid #e6e6e6; margin-top:20px; padding-top:28px;}
.Mapbox .ewm ul{ margin-left:-6%;}
.Mapbox .ewm li{ float:left; width:25.333%; padding:0 0 25px 8%;}
.Mapbox .ewm li .img{margin:0px auto 15px;}
#dituContent,.map1,.map2,.map3{ height:560px; font-size:14px;}
.map1,.map2,.map3{ height:560px; width:100%;}

.ZxBooks{ background:#f8f8f8;}
.ZxBooks .w1240{ background:#fff; box-shadow:0 5px 12px #dedada;}
.forms{ max-width:78%; margin:0px auto; padding:2.8% 0;}
.forms .box{ margin-left:-10px;}
.forms dl{ position:relative; line-height:48px; margin-left:10px; margin-top:20px; font-size:16px;}
.forms .check{ padding:0 0 0 79px; margin-bottom:10px; margin-top:0; line-height:30px; position:relative;}
.forms .check dt{ position:absolute; left:0; top:0;}
.forms .check dd{ color:#999999;}
.forms .check label{ display:inline-block; min-width:98px;}
.forms .check .xx{left:-14px;}
.forms .xx{ left:5px; position:absolute; top:2px; color:#d60000;}
.forms .w50{ width:50%; float:left;}
.forms .w33{ width:33.333%; float:left;}
.forms .add{ color:#999999; padding-top:25px;}.forms .add b{ color:#333333;}
.forms .select{ width:97.5%;}
.btnbox{ padding-top:40px !important;}
.sendbtn{ width:180px;}

@media ( max-width:1024px){
.Businessbox .imgbox{ padding-top:340px;}
.Businessbox .form{ padding-top:20px;}
.input{line-height:32px; height:32px;}
.select{ height:34px; line-height:34px;}
.textarea textarea{ height:80px; line-height:24px;}
.sendbtn{font-size:14px; height:40px;}
.btnbox,.ZxBooks .btnbox{ padding-top:20px !important;}
.forms dl{line-height:32px; margin-top:10px; font-size:14px;}
.forms{ max-width:94%;}
}
@media ( max-width:768px){
.Businessbox .imgbox{ padding-top:50%; width:auto; float:none;}
.Businessbox .form{ padding:15px; width:auto; float:none;}
#dituContent,.map1,.map2,.map3{ height:300px;}
.Mapbox .info{ font-size:14px; position:static; padding:15px; box-shadow:0 0 4px #ddd; max-width:none; border-radius:0;}
.Mapbox .item dt{font-size:16px;}
.forms .check .xx{left:-6px;}
}

/*产品中心 s*/
.Protxt{ font-size:16px; line-height:30px;display: flex;display: -webkit-flex;flex-flow:row;width:100%;align-items:center;justify-content: space-between;}
.Protxt .img{ width:45%; text-align:center;}
.Protxt .img img{ border-radius:14px;}
.Protxt .info{ width:45%; padding-right:5%;}
.ProNav{ text-align:center; font-size:0; margin:-2% 0 43px; position:relative; z-index:100;}
.ProNav li{ display:inline-block;*display:inline;zoom:1; width:178px; line-height:48px; font-size:20px;}
.ProNav li a{ display:block; border-radius:25px; color:#333333; border:1px solid #5b5b5b; margin:0 5px; cursor:pointer;}
.ProNav li a.hover{ color:#fff; background:#f1a603; border:1px solid #f1a603;}
.ProList{ display:none;}
.ProList ul{ margin-left:-2%;}
.ProList li{ float:left; text-align:center; width:14.66666%; margin:0 0 3% 2%;}
.ProList .imgbox{transition: all ease 0.3s; box-shadow:0 5px 15px #ddd; border:1px solid #e7e7e7; padding-top:126%; margin-bottom:23px;}
.ProList .imgbox span{ background-size:contain; width:90%; height:90%; left:5%; top:5%;}
.ProList .tit{ line-height:29px; font-size:16px; color:#333333;}
.ProList .p{-webkit-line-clamp: 1; color:#999999; height:22px;}
.ProList li:hover .tit{ color:#2c569a;}
.ProList .showMorehandle{ width:200px; line-height:45px; border-bottom:2px solid #12356f;}
.ProList .showMorehandle .news{ display:none;}
.ProList .showMorehandle .pro{ display:block;}

.Classbox{}
.Classbox .flex-viewport{ margin-left:-24px;}
.Classbox .box{ padding:15px; background:#fff; margin-left:24px;transition: all ease 0.3s;}
.Classbox .imgbox{ padding-top:57%;}
.Classbox .flex-control-nav { display:none;}

.Classbox2{ padding:0 98px;}
.Classbox2 .flex-direction-nav .flex-prev { left: -98px;}
.Classbox2 .flex-direction-nav .flex-next { right: -98px;}
.Classbox2 .item{ margin-left:-3%;}
.Classbox2 .item dd{ width:47%; margin:0 0 3% 3%; float:left;}
.Classbox2 .item .box { background:#fff; padding:16px;transition: all ease 0.3s; font-size:16px;}
.Classbox2 .item .imgbox { height:256px; width:33%; float:left;}
.Classbox2 .item .info { line-height:26px;width:63%; float:right;}
.Classbox2 .item .tit { line-height:35px; padding-top:10px; color:#333333; font-size:20px;}
.Classbox2 .item .date {color:#999999;}
.Classbox2 .item .p { height:78px;-webkit-line-clamp: 3; margin-bottom:37px; color:#999999;}
.Classbox2 .item .more { text-align:center; color:#fff; line-height:41px; width:130px; background:#2c569a; border-bottom:2px solid #133772; border-radius:20px;}
.Classbox2 .item dd:hover .tit { color:#2c569a;}
.Classbox2 .item dd:nth-child(3),.Classbox2 .item dd:nth-child(4){ margin-bottom:0;}
.Classbox2 .flex-control-nav { display:none;}

@media ( max-width:1024px){
.Protxt{ display:block;}
.Protxt{ font-size:14px; line-height:24px;}
.Protxt .img{ width:auto;}
.Protxt .img img{ border-radius:14px;}
.Protxt .info{ width:auto; padding:15px 0 0 0;}
.ProNav{ margin:0 0 17px;}
.ProNav li{width:120px; line-height:35px; font-size:16px; margin-bottom:8px;}
.ProList .imgbox{ margin-bottom:15px;}
.Classbox .flexslider{ padding-bottom:30px;}
.Classbox .flex-direction-nav{ display:none;}
.Classbox .flex-control-nav { display:block; margin-bottom:-8px;}

.Classbox2{ padding:0 45px;}
.Classbox2 .flex-direction-nav .flex-prev { left: -40px;}
.Classbox2 .flex-direction-nav .flex-next { right: -40px;}
.Classbox2 .item .box { font-size:14px;}
.Classbox2 .item .imgbox { height:158px;}
.Classbox2 .item .tit {font-size:16px; padding-top:0;}
.Classbox2 .item .p { height:44px; line-height:22px;margin-bottom:10px;}
.Classbox2 .item .more {line-height:30px; width:100px;}
}
@media ( max-width:768px){
.Protxt .img{ width:auto; margin-bottom:8px;}
.Protxt .info{ width:auto; padding:0;}

.Classbox .flex-viewport{ margin-left:-12px;}
.Classbox .box{ padding:12px; margin-left:12px;}

.ProNav li{ width:25%; font-size:15px; line-height:28px;}
.ProList li{ width:31.3333%; padding-bottom:15px;}
.ProList .imgbox{ margin-bottom:10px;}
.ProList .showMorehandle{ width:140px; line-height:40px;}
.ProList .tit{ line-height:24px; font-size:14px;}
.ProList .p{ font-size:12px;}

.Classbox2{ padding:0;}
.Classbox2 .item .box { padding:10px;}
.Classbox2 .flexslider{ padding-bottom:20px;}
.Classbox2 .flex-direction-nav{ display:none;}
.Classbox2 .flex-control-nav { display:block; margin-bottom:0px;}
.Classbox2 .item dd{ width:auto; float:none;}
.Classbox2 .item dd:nth-child(3),.Classbox2 .item dd:nth-child(4){ margin-bottom:3%;}
}

/*教师培训 s*/
.Pxtxt{ position:relative;}
.Pxtxt .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); border-radius:10px;}
.Pxtxt .img img{border-radius:10px;}
.Pxtxt .info{ z-index:2; color:#fff; position:absolute; font-size:20px; right:0; height:100%; width:60%;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.Pxtxt .info .t1{ font-size:48px; line-height:82px;}
.Pxtxt .info .t1 b{ color:#ffb411;}
.Pxtxt .info .t2{ height:87px;}
.Pxtxt .info .btn a{ display:inline-block; width:198px; line-height:48px; text-align:center; border:1px solid #fff; border-radius:25px; margin:0 4px; font-size:20px; color:#fff;}
.Pxtxt .info .btn a:hover{ background:#ffb411; border:1px solid #ffb411;}

.Pxtxt .info2{ z-index:2; color:#fff; position:absolute; font-size:48px; line-height:61px; left:16%; height:100%; width:50%;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.Pxtxt .info2 .t2{ font-weight:bold; color:#ffcf28; font-size:70px; line-height:78px;}
.Pxtxt .form{ position:absolute; right:3.5%; top:9.8%; background:#fff; padding:3%; width:28%; border-radius:38px 0 38px 0;}
.Pxtxt .form dl{ padding-bottom:10px;}
.Pxtxt .form .btn{padding:20px 0 0 0;}
.Pxtxt .form .sendbtn{ width:100%;}
.Pxtxt .form ul{ margin-left:-2.5%;}
.Pxtxt .form li{ width:47.5%; padding-left:2.5%; float:left;}

.CourseList{ margin:0 0 0 -2%;}
.CourseList li{ width:18%; float:left; text-align:center; margin:0 0 0 2%;}
.CourseList .box{transition: all ease 0.3s; border-radius:10px; box-shadow:0 5px 12px #eee; border:1px solid #dedede; padding:0 7%; height:325px; padding-top:40px;}
.CourseList .ico{transition: all ease 0.3s; margin:0px auto 28px; width:110px; height:110px;display: flex;align-items: center;justify-content: center; background:#2c569a; border-radius:50%; box-shadow:0 6px 12px #cad3e3;}
.CourseList .ti{ font-size:22px; color:#333333; line-height:51px;}
.CourseList .p{ line-height:26px; color:#999999; font-size:16px;}
.CourseList li:hover .ico{ background:#dfa119;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
.CourseList.four li{ width:23%;}
.CourseList.four li .ico{ width:120px; height:120px;}


.StyleBox{ background:url(../images/stylebg.jpg) center top no-repeat; background-size:cover;}
.StyleBox .SubTit .cn,.StyleBox .SubTit .en{ color:#fff;}
.StyleBox .flex-viewport{ margin-left:-40px;}
.StyleBox .box{ text-align:center; border-radius:12px;background:#fff; margin-left:40px;transition: all ease 0.3s;}
.StyleBox .imgbox{ padding-top:64%;border-radius:12px 12px 0 0;}
.StyleBox .tit{ line-height:60px; font-size:16px;}
.StyleBox .flex-control-nav { display:none;}
.StyleBox .flex-direction-nav  a{ border:2px solid #fff;}
.StyleBox .flex-direction-nav .flex-prev { left: -80px; background:url(../images/ico/arrleft01.png) center center no-repeat;}
.StyleBox .flex-direction-nav .flex-next { right: -80px; background:url(../images/ico/arrright01.png) center center no-repeat;}
.StyleBox.bg2{ background:url(../images/stylebg2.jpg) center top no-repeat; background-size:cover;}

.Online .w1240{ background:#fff; box-shadow:0 5px 12px #dedada;}	

.videoinfo{ width:80%; margin:25px auto;}
.VideoInfo .video{ width:auto; float:none; height:600px;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

@media ( max-width:1366px){
.Pxtxt .form .input{ height:32px; line-height:32px;}
.Pxtxt .form .select{ height:34px; line-height:34px;}
}

@media ( max-width:1200px){
.Pxtxt .info{font-size:16px;}
.Pxtxt .info .t1{ font-size:24px; line-height:40px;}
.Pxtxt .info .btn a{width:140px; line-height:40px;font-size:16px;}
}
@media ( max-width:1024px){
.CourseList .box{ padding-top:18px; height:250px;}
.CourseList .ico{ width:70px !important; height:70px !important; margin-bottom:0;}
.CourseList .ti{ font-size:18px; line-height:35px;}
.CourseList .p{ line-height:22px; font-size:14px;}
.CourseList .ico img{ width:30px; height:30px;}
.StyleBox .flexslider{ padding-bottom:30px;}
.StyleBox .flex-direction-nav{ display:none;}
.StyleBox .flex-control-nav { display:block; margin-bottom:-8px;}
.StyleBox .flex-viewport{ margin-left:-12px;}
.StyleBox .box{  margin-left:12px;}
.Pxtxt .form{ position:static; width:auto; box-shadow:0 0 10px #ddd; border-radius:0;}
.Pxtxt .info2{font-size:18px; line-height:25px; left:0; height:50%; width:100%;}
.Pxtxt .info2 .t2{ font-weight:bold; color:#ffcf28; font-size:24px; line-height:25px;}
}
@media ( max-width:768px){
.CourseList li{ width:31.333% !important; margin-bottom:2%;}
.Pxtxt .info{ width:100%;}
.Pxtxt .info{ font-size:14px;}
.Pxtxt .info .t1{ font-size:18px; line-height:30px;}
.Pxtxt .info .t2{ height:auto; padding-bottom:10px;}
.Pxtxt .info .btn a{ width:auto; padding:0 10px; font-size:14px; line-height:28px;}
.Pxtxt .info2{ height:30%;}
}
@media ( max-width:640px){
.CourseList li{ width:48% !important;}
.CourseList .box{height:200px;}
.CourseList.four .p{ line-height:16px; font-size:13px;}
}

/*关于剑津 s*/
.Abouttxt1{ position:relative;}
.Abouttxt1 .SubTit{ text-align:left; width:50%;}
.Abouttxt1 .SubTit .line{ width:170px; height:1px; background:#000; position:absolute; left:-70%; top:50%;}
.Abouttxt1 .img{ width:65%;}
.Abouttxt1 .img img{ border-radius:11px;}
.Abouttxt1 .info{ line-height:28px; font-size:16px; border-radius:11px; background:#fff; position:absolute; right:0; top:10%; padding:4% 5% 0; height:320px; width:40%; z-index:1; box-shadow:0 5px 12px rgba(0,0,0,0.05);}
.Abouttxt1 .e{ position:absolute; right:16px; bottom:-35px; -webkit-animation: rightan 2s infinite;-webkit-animation-fill-mode: both;}
@-webkit-keyframes rightan
{
  20%{bottom: -15px;}
  50%{bottom: -0px;}
  100%{bottom: -35px;}
}

.Abouttxt2{}
.Abouttxt2 .SubTit{ text-align:left;}
.Abouttxt2 .info{ width:47.5%; float:left; font-size:16px; line-height:28px; padding-top:5%;}
.Abouttxt2 .img{ width:45%; float:right;}

.Historybox{ background:url(../images/historybg.jpg) center top no-repeat; background-size:cover;}
.Historybox .SubTit .cn,.Historybox .SubTit .en,.Historybox .SubTit .p{ color:#fff;}
.Historybox .SubTit .p{ opacity:0.6;}

#historydate{ height:169px; background:url(../images/lsline.png) 0px 64px repeat-x; z-index:10; position:relative; margin-bottom:-26px;}
#historydate .slides li{ cursor:pointer; height:169px; color:#fff; font-size:20px; text-align:center; line-height:51px; position:relative;}
#historydate .slides li span{ width:22px; height:22px; background:url(../images/dot1.png); position:absolute; background-size:contain; top:54px; left:50%; margin-left:-11px;}
#historydate .slides li.flex-active-slide { line-height:30px; font-size:30px; color:#ffaf00;}
#historydate .slides li.flex-active-slide span{ width:36px; height:36px;background:url(../images/dot2.png); background-size:contain; top:48px; margin-left:-18px;}
#historydate .slides li.flex-active-slide i{ width:4px; height:84px; top:84px; left:50%; margin-left:-2px; position:absolute; background:#f1a603;}
#historydate .flex-direction-nav  a{ border:2px solid #fff; margin-top:-40px;}
#historydate .flex-direction-nav .flex-prev {background:url(../images/ico/arrleft01.png) center center no-repeat;}
#historydate .flex-direction-nav .flex-next {background:url(../images/ico/arrright01.png) center center no-repeat;}

#historycon .flexslider{}
#historycon .box{ max-width:70%; margin:0px auto; background:#fff; border-radius:12px; padding:4.8% 5%;}
#historycon .info{ width:62%; float:right;}
#historycon .imgbox{ width:33%; float:left;border-radius:12px; box-shadow:0 5px 15px #d7d3d3;}
#historycon .imgbox img{border-radius:12px;}
#historycon .year{ line-height:55px; color:#000000; font-size:36px; font-weight:bold;}
#historycon .txt{ line-height:28px; font-size:18px;}
#historycon .txt p{ margin-top:20px; background:url(../images/dot.gif) 0 11px no-repeat; padding-left:13px;}

.JPcourse{}
.JPcourse .flex-viewport{ margin-left:-40px;}
.JPcourse .box{margin-left:40px;transition: all ease 0.3s; position:relative; font-size:20px; color:#fff;}
.JPcourse .info{ border-radius:11px; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;flex-direction: column;transition: all ease 0.3s;}
.JPcourse .imgbox{ padding-top:68%; border-radius:11px;}
.JPcourse .flex-control-nav { display:none;}
.JPcourse .play { display:block; width:80px; height:80px; background:url(../images/play.png); background-size:contain; margin:0px auto 19px;}
.JPcourse a { color:#fff;}
.JPcourse li:hover .info{background:rgba(0,0,0,0.2);}

.ProDw{ overflow:hidden; background:url(../images/prodwbg.jpg) center top no-repeat; background-size:cover;}
.ProDw .SubTit .cn,.ProDw .SubTit .en,.ProDw .SubTit .p{ color:#fff;}
.ProDw .SubTit .p{ max-width:490px; margin:0px auto; opacity:0.6;}

.ProDw .content{ height:666px; position:relative;}
.ProDw li{ width:31.333%; position:absolute;}
.ProDw .info{border-radius:0 0 11px 11px; background:#fff; padding:8% 5% 8% 8%; height:200px;}
.ProDw .tit{ line-height:30px; font-size:20px; color:#000000; padding-bottom:5px;}
.ProDw p{ font-size:16px; background:url(../images/dot2.gif) 0px 8px no-repeat; padding-left:11px; margin-top:12px;}
.ProDw .imgbox{ padding-top:65%; border-radius:11px 11px 0 0;}
.ProDw li.li1{ left:34.333%; top:0;}
.ProDw li.li2{ right:0; top:60px;}
.ProDw li.li3{ left:0; top:110px;}
.ProDw .jt1{ position:absolute; top:-22px; right:24%; width:10%;}
.ProDw .jt2{ position:absolute; bottom:-8px; left:32.5%; width:35.5%;}

.ServerYs{ margin:0 0 0 -2%;}
.ServerYs li{ width:23%; float:left; margin:0 0 0 2%;}
.ServerYs .box{transition: all ease 0.3s; position:relative; background:#fff; padding:0 9%; height:260px; line-height:30px; font-size:16px; color:#444444;}
.ServerYs .tit{ padding-top:12px; line-height:73px; color:#000000; font-size:28px; background:url(../images/jia.png) right center no-repeat;}
.ServerYs .ico{ width:23%; text-align:right; position:absolute; right:9%; bottom:15%;transition: all ease 0.3s;}
.ServerYs li:hover .ico{ bottom:20%;}

.ewmlist li{ width:31.333%; float:left; text-align:center; padding:0 1%;}

@media ( max-width:1200px){
.ProDw .tit{font-size:16px; padding-bottom:0;}
.ProDw p{ font-size:14px; margin-top:5px;}
.ProDw .content{ height:555px;}
}

@media ( max-width:1024px){
.Abouttxt1 .img{ width:auto;}
.Abouttxt2 .info{ font-size:14px; line-height:24px;}

#historydate{ height:60px; background-position:center 35px; margin:0;}
#historydate .slides li{ height:60px;font-size:16px; line-height:20px;}
#historydate .slides li span{ width:12px; height:12px; top:30px;margin-left:-5px;}
#historydate .slides li.flex-active-slide { line-height:30px; font-size:22px; color:#ffaf00;}
#historydate .slides li.flex-active-slide span{ width:18px; height:18px; top:30px; margin-left:-9px;}
#historydate .slides li.flex-active-slide i{ display:none;}
#historydate .flex-prev { left: 0px;}
#historydate .flex-next { right: 0px;}

#historycon .year{ line-height:30px; font-size:20px;}
#historycon .txt{ line-height:24px; font-size:16px;}
#historycon .txt p{ margin-top:12px;}

.JPcourse .flex-viewport{ margin-left:-12px;}
.JPcourse .box{margin-left:12px; font-size:16px;}
.JPcourse .flex-direction-nav{ display:none;}
.JPcourse .flex-control-nav{ display:block;}
.JPcourse .flexslider{ padding-bottom:30px;}
.JPcourse .play { width:42px; height:42px; margin-bottom:5px;}

.ProDw .content{ height:auto;}
.ProDw .imgbox{ padding-top:50%;}
.ProDw li{ width:auto; position:static; margin-bottom:12px;}
.ProDw .info{ padding:12px; height:auto;}

.ServerYs .box{line-height:24px; font-size:14px; height:200px;}
.ServerYs .tit{line-height:40px; font-size:20px;}
}

@media ( max-width:768px){
.Abouttxt1 .info{ position:static; width:auto; height:auto; padding:15px 15px 15px 15px; font-size:14px; line-height:24px;}
.Abouttxt1 .e{ width:60px; right:5px;}
.Abouttxt1 .SubTit{ width:auto;}
.Abouttxt1 .SubTit .line{ display:none;}

.Abouttxt2 .info{ width:auto; float:none; padding-bottom:10px;}
.Abouttxt2 .img{ width:auto; float:none; width:60%; margin:0px auto;}

#historydate .flex-direction-nav a { margin-top:-11px;}
#historydate .flex-next { right: 0px;}
#historycon .info{ width:auto; float:none;}
#historycon .imgbox{ width:auto; float:none; text-align:center; margin-bottom:10px;}
#historycon .txt{font-size:14px;}

.ProDw .jt1,.ProDw .jt2{ display:none;}

.ServerYs .tit{font-size:17px;}
.ServerYs li{ width:48%; margin-bottom:2%;}
.ServerYs .ico{ right:5%; bottom:5%;}
}