/*基本样式------------------*/
*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;font-family:Arial;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#333;}
a:hover{color:#DFA285;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.7em; color:#333;}
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}

img{ max-width:100%;}
body{color:#333;font-size:12px;}
/*-------基本样式end---------*/
/*-------内容区宽度---------*/
.pageMain{width:1280px; margin:0 auto;}
.pageMain2{width:1280px; margin:0 auto;}
#goup{ width:50px; height:50px;}
/*-------顶部---------*/
.headerKong{height:120px;}
.header{height:120px; width:100%; background:#156ddf; position:absolute; top:0; left:0; z-index:99;} 
.header .logo{ width:20%;float:left;padding:25px 0;}
.header .logo img{transition:all .5s; max-width:100%; max-height:60px;}
.header .logo span{ display:block; height:16px; font-size:14px; margin-top:2px;}
.header .nav{width:75%; margin-left:5%; float:left; height:100%; position:relative; margin-top:44px; text-align:center}
.header .nav a{font-size:18px; color:#fff;box-sizing: border-box; display:inline-block; width:12%; height:38px; line-height:38px; text-align:center; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease; }
.header .nav a span{ display:block; margin-top:3px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease; width: 0%; height: 2px; background-color: rgbA(255, 255, 255, 0);
    background-image: none;background-repeat: no-repeat;background-position: center; background: -webkit-linear-gradient(none, none);background: -moz-linear-gradient(none, none);background: -ms-linear-gradient(none, none);background: linear-gradient(none, none);background-size: auto;
}
.header .nav a.ov, .header .nav a:hover{ font-weight:bold;}
.header .nav a.ov span, .header .nav a:hover span{  width: 100%;  background-color: rgbA(255, 255, 255, 1);}
/*-------顶部 end ---------*/
.banner{ width:100%; position:relative;font-size:0}
.banner2{ width:100%; position:relative;font-size:0; height:400px; overflow:hidden;}

/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 30px 0; text-align:center;}
.titleBox h1{ display:inline-block; width:20%; font-size:2em; text-align:center; color:#333; font-weight:bold;} 
.titleBox h1 img{ height:40px; margin-bottom:5px;} 
.titleBox span{ display:inline-block; width:40%; height:2px; background:#ccc; margin-top:60px;}
.titleBox span.sl{ float:left;}
.titleBox span.sr{ float:right;}
.titleBox p{ margin-top:20px;}

.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebg{ padding:80px 0;}
.pagebg8{ padding:0 0 80px;}
.page1{ background:url(../images/bgabout.jpg) no-repeat 0 center; background-size:100% 100%;}
.pagebg11{ padding:50px 0 0px;}
.page11{ background:url(../images/bgabout4.jpg) no-repeat 0 center; background-size:100% 100%;}
.page13{ background:url(../images/bgabout5.jpg) no-repeat 0 center; background-size:100% 100%;}
.pagebg2{ padding:0px;}
.page2{ background:#73ccff}
.page3{ background:#f5f4fa}
.page4{ background:#F5F5F5}
.page9{ background:#e0ecff}
.page91{ background:#e0edff}

a.more{ display:inline-block; padding:6px 20px; border:2px solid #fff; font-size:1.4em; color:#fff; margin-top:15px;}
a.more:hover{ border:2px solid #14ab04;}
a.theme_button { border-radius:50px;margin: 30px 0 0; background-color:#DFA285; color: #fff; padding: 6px 20px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.theme_button:hover { background-color:#F0AA3E;}

.InAbout{ margin:0 0px; background:url(../images/bgabout2.jpg) no-repeat 0 center; background-size:100% 100%; min-height:460px;}
.InAbout .info{ padding:40px 0 0 40px; font-size:1.8em; color:#fff; line-height:220%; letter-spacing:2px;}
.InAbout .info span{ font-size:1.2em; font-weight:bold; display:inline-block; margin:0 2px;}
.InImg ul{ margin:20px auto; }
.InImg ul li{ background:#fff; float:left; width:23%; margin-right:2.66%;padding:80px 0;  position:relative; border-radius:10px; cursor:pointer;}
.InImg ul li:nth-child(4n){margin-right:0%;}
.InImg ul li .pic{text-align:center; width:45%; margin:0 auto; padding:0px 0 30px;} 
.InImg ul li .pic img{width: 100%;}
.InImg ul li h2{ font-size:2em; text-align:center; color:#666; font-family:黑体; line-height:160%;} 
.InImg ul li:hover{ background:#156ddf;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease; }
.InImg ul li:hover h2{color:#fff;} 

.Inmoshi{ padding-top:0px;}
.Inrong{ padding-bottom:60px;}

.footer{ background:url(../images/bgabout6.jpg) no-repeat 0 center; background-size:100% 100%;padding:140px 0; }
.footer h1{ font-size:3em; margin-bottom:20px; font-weight:bold; }
.footer p{ font-size:1.7em; line-height:200%; color:#fff; margin-top:20px;}
.footer .fotL{ float:left; width:50%; margin-top:10px; color:#fff;}
.footer .fotC{ float:left; width:50%; }
.footer .lform{margin:10px 0 0;}
.footer .fcell{margin-bottom:30px; }
.footer .fcell span{ display:inline-block;color:#fff; font-size:1.5em; text-align:right; width:24%; margin-right:4%;}
.footer .fcell .int{display: inline-block;padding:10px 5px; width:70%;border:0px solid #ccc; }
.footer .fcell textarea{width:70%;display: inline-block; border:0px solid #ccc;padding:5px 5px;resize: none; height: 100px;font-size:1.2em;}
.footer .fbot{text-align:center;padding:0px 0;width: 100%; text-align:right;}
.footer .fbot .btnLogin{ cursor:pointer; border:0;margin: 0px 0 0; background-color:#059ddc; color: #fff; font-size:1.3em; padding:6px 30px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.footer .fbot .btnLogin:hover { background-color:#F0AA3E;}

.abbg1{ background:url(../images/a2.jpg) no-repeat center 0; background-size:auto 100%; min-height:790px;}
.NaAbout{ width:42%; padding:130px 0;}
.NaAbout .bigTitle{ font-family:微软雅黑}
.NaAbout .bigTitle h1{ font-size:4.8em; font-weight:bold; color:#1a6bb9;}
.NaAbout .bigTitle h2{ font-size:2em; text-transform:uppercase}
.NaAbout p{ font-size:1.8em; margin-top:20px; font-family:'黑体'}
.abbg2{ background:url(../images/a3.jpg) no-repeat center 0; background-size:auto 100%; min-height:920px;}
.abbg3{ background:url(../images/a4.jpg) no-repeat center 0; background-size:auto 100%; min-height:1475px;}
.abbg4{ background:url(../images/a5.jpg) no-repeat center 0; background-size:auto 100%; min-height:1369px;}
.abbg5{ background:url(../images/a6.jpg) no-repeat center 0; background-size:auto 100%; min-height:1203px;}
.abbg6{ background:url(../images/a7.jpg) no-repeat center 0; background-size:auto 100%; min-height:953px;}
.abbg7{ background:url(../images/a8.jpg) no-repeat center 0; background-size:auto 100%; min-height:941px;}

.buzoubox{ background:#e0ecff; padding:0 45px;}
.buzoubox .box1{ background:#f3f8ff url(../images/s6.jpg) no-repeat 0 0; height:373px;}
.buzoubox .box2{ background:#f3f8ff url(../images/s7.jpg) no-repeat 0 0; height:411px;}
.buzoubox .box3{ background:#f3f8ff url(../images/s8.jpg) no-repeat 0 0; height:475px;}
.buzoubox .box4{ background:#f3f8ff url(../images/s9.jpg) no-repeat 0 0; height:473px;}
.buzoubox .buzouInfo p{font-size:1.5em; margin-top:20px; line-height:180%; }
.buzoubox .box1 .buzouInfo{ padding:135px 0 0 30px; width:50%;}
.buzoubox .box2 .buzouInfo{ padding:135px 20px 0 0; width:45%; float:right}
.buzoubox .box3 .buzouInfo{ padding:150px 0 0 30px; width:45%;}
.buzoubox .box4 .buzouInfo{ padding:175px 20px 0 0; width:45%; float:right}

/*-------合作---------*/.eduLiBox{ margin:40px 3%; }
.InPro ul{ margin:0px auto; }
.InPro ul li{ background:#fff; float:left; width:24%;  margin-right:1.33%; margin-bottom:20px; position:relative}
.InPro ul li:nth-child(4n){margin-right:0%;}
.InPro ul li .pic{text-align:center;position: relative;overflow: hidden; } 
.InPro ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InPro ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.InPro ul li h1{ font-size:1.5em;margin:10px 0 0; color:#333; font-weight:bold;} 
.InPro ul li h2{ font-size:1.2em; height:30px; margin:5px 0; color:#666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 

.leftPro ul{ margin:0px auto; }
.leftPro ul li{ background:#fff;  margin-bottom:20px; position:relative}
.leftPro ul li .pic{text-align:center;position: relative;overflow: hidden; } 
.leftPro ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s; }
.leftPro ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.leftPro ul li h1{ font-size:1.5em;margin:10px 0 0; color:#333; font-weight:bold;} 
.leftPro ul li h2{ font-size:1.2em; height:30px; margin:5px 0;  color:#666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 

.proInfo{ float:left; width:73%;}
.proInfo h1{font-size:1.5em;margin:20px 0;text-align:center; color:#333; font-weight:bold;} 
.proInfo p{ font-size:1.2em; line-height:200%;}
.proTuiList{ float:right; width:23%;}
.proTuiList h3{border-bottom:1px solid #eee; font-size:1.5em; margin-bottom:10px; margin-top:35px; padding-bottom:10px; font-weight:bold;}

.newsList ul{ margin:0px auto; }
.newsList ul li{ background:#fff; float:left; width:24%;  margin-right:1.33%; margin-bottom:20px; position:relative}
.newsList ul li:nth-child(4n){margin-right:0%;}
.newsList ul li .pic{text-align:center;position: relative;overflow: hidden; } 
.newsList ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s; }
.newsList ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.newsList ul li h1{ font-size:1.5em;margin:10px 0 0; color:#333; font-weight:bold;} 
.newsList ul li h2{ font-size:1.2em; height:30px; margin:5px 0; color:#666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 


/*分页*/
.pager{ padding:20px 0 0; text-align:center}
.pager a{ border:1px solid #ddd; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; margin:0 3px; font-size:1.2em; }
.pager a:hover{	text-decoration: none; font-weight:600;}
.pager a.cur, .pager a:hover{ color:#fff; background:#156ddf}
.pager a.pre, .pager a.next{position:relative;}
.pager a.moreto{border:0px solid #ddd;  }
.pager a.pre em {    -webkit-backface-visibility: hidden;
    position: absolute;    right:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;border-style: solid dashed dashed;
    border-color: transparent #666 transparent transparent;    font-size: 0;    line-height: 0;}
.pager a.next em {    -webkit-backface-visibility: hidden;    position: absolute;left:12px;top: 9px;width: 0;height: 0;border-width: 7px;border-style: solid dashed dashed;border-color: transparent transparent transparent #666;    font-size: 0;    line-height: 0;
}

.titleNow{ border-bottom:1px solid #eee; line-height:40px; margin: 0px 0 10px;}
.titleNow a{ font-size:1.2em;}
.titleNow .port3{ display:inline-block; float:right; }
.titleNow .port3 span{ background:#ccc; width:5px; height:5px; border-radius:3px; display:inline-block; margin-left:5px; margin-top:18px;}

.casebox{ background:#e0ecff; padding:45px;}
.casebox .box1{}
.casebox .box2{ margin-top:40px}
.casebox .caseInfo{ position:relative}
.casebox .caseInfo .caseImg{ position:absolute; right:10px; top:140px; width:50%; z-index:2; }
.casebox .caseInfo p{font-size:1.5em;  line-height:180%;color:#156ddf; }
.casebox .caseInfo h1{ font-size:3.4em;margin:0px 0 40px; color:#156ddf; font-weight:bold; text-align:center; } 
.casebox .caseInfo h2{ font-size:3em; color:#156ddf; font-weight:bold;} 
.casebox .caseInfo .tb1{ margin-bottom:40px; width:45%;} 
.casebox .caseInfo .tb2{ margin-bottom:40px;} 

.joinbox{ background:#FAFAFA; padding:45px ;}
.joinbox ul li{ padding:80px 0; border-bottom:1px dashed #ccc;}
.joinbox ul li:last-child{border-bottom:0px dashed #ccc;}
.joinbox ul li .joInfo {float:left; width:45%;}
.joinbox ul li .joImg{ float:right; width:45%; }
.joinbox ul li:nth-child(2n) .joInfo {float:right; width:45%;}
.joinbox ul li:nth-child(2n) .joImg{ float:left; width:45%; }
.joinbox .joInfo p{font-size:1.5em; line-height:180%;}
.joinbox .joInfo h2{ font-size:3.8em; color:#156ddf; font-weight:bold;} 
.joinbox .joInfo span{ display:inline-block; width:200px; height:2px; background:#156ddf; margin:15px 0; font-family:黑体;} 


.contactBox{padding:50px 0;}
.contact{ background:#FFF; padding:30px 6% 50px;}
.contact .coTitle{ text-align:center; padding:40px 0;}
.contact .map{ float:right; width:50%;}
.contact .info{ float:left; width:45%;  font-size:1.5em; line-height:180%;}
.contact .info span{ display:inline-block; padding-left:30px;}
.contact .info p{ margin-bottom:10px;}
.contact .info .sb1 span{ background:url(../images/co5.jpg) no-repeat 0 2px;}
.contact .info .sb2 span{ background:url(../images/co5.jpg) no-repeat 0 -48px;}
.contact .info .sb3 span{ background:url(../images/co5.jpg) no-repeat 0 -100px;}
.werwei{ margin-top:20px;}
.werwei h1{ text-align:center;}
.werwei .vx1{ float:left; width:30%; margin:0 5% 0 0;}
.werwei .vx2{ float:left; width:30%;}