/*基本样式------------------*/
*{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:#5cd1b9;}
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{ line-height:1.7em; color:#666;/*word-break:break-all;*/text-justify:inter-ideograph;}
.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:1510px; margin:0 auto;}
.pageMain2{width:1510px; margin:0 auto;}
.pageMain21{width:1680px; margin:0 auto;}
.pageMain3{width:1300px; margin:0 auto;}
.pageMain4{width:1400px; margin:0 auto;}
.pageMain5{width:1100px; margin:0 auto;}


/*-------顶部---------*/
.headerKong{height:0px;}
.header{ width:100%; background:rgba(37,38,118,0.5); position:fixed; top:0; left:0; z-index:99; height:100px;} 
.header .logo{ width:20%;float:left;padding:20px 0 0;}
.header .logo img{transition:all .5s; max-width:100%; max-height:80px;}
.header .logo span{ display:block; height:16px; font-size:14px; margin-top:2px;}
.header .nav{width:70%;float:right; height:100%; position:relative;}
.header .nav a{font-size:14px; color:#fff;box-sizing: border-box; display:inline-block; height:100px; line-height:100px; text-align:center}
.header .nav ul{ text-align:right;}
.header .nav ul li{ display:inline-block; margin:0 15px; position:relative; text-align:center; height:60px;}
.header .nav ul li div{ position:absolute; left:-50px; top:100px; width:270px; background:rgba(37,38,118,0.5); display:none; z-index:2;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.header .nav ul li div.wb4{ left:-50px;width:220px;}
.header .nav ul li div.wb5{ left:-20px;width:116px;}
.header .nav ul li:hover div{ display:block; }
.header .nav ul li div ul{ padding:5px 0; text-align:center;}
.header .nav ul li div ul li{ margin:0 0px;height:35px; display:block;}
.header .nav ul li div ul li a{font-size:12px; color:#fff; height:35px; line-height:35px;}

.header .nav a:hover{ color:#5cd1b9;}
.header .nav a.active {color:#5cd1b9;}
 
/*-------顶部 end ---------*/
.banner{ width:100%; height:930px; overflow:hidden; position:relative;background:url(../images/ban1.jpg) center no-repeat; background-size:auto 100%}

.binfo{ position:absolute; width:520px; top:350px; left:50%; margin-left:-650px; }
.binfo .infoBox{ width:100%;}
.binfo h1{ font-size:3.5em; color:#fff; margin-bottom:1em;}
.binfo p{ font-size:1.2em; color:#fff; line-height:220%;}
/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 50px 0;}
.titleBox h1{ font-size:3em; text-align:center; color:#333; font-weight:bold; margin-bottom:10px; text-transform: uppercase;} 
.titleBox h2{ font-size:2.2em; text-align:center; color:#333; text-transform: uppercase;} 
.titleBox p{font-size:1.4em; text-align:center}
.titleBox p span{ display:inline-block; width:60px; height:3px; background:#2372b9; margin-top:15px;}

.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebg{ padding:80px 0;}
.pagebg3{ padding:80px 0 40px;}
.pagebg4{ padding:80px 0 1px;}
.pagebg2{ padding:10px 0 50px;}
.page1{ background:#eaeaf8;}
.page3{ background:#6f74cf;}
.page2{ background:url(../images/bgs.jpg) center 0 no-repeat; background-size:100% 100%;}

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;}

.inPlanList{ margin-top:6em;}
.inPlanList ul li{float:left; width:33.33%;position:relative; cursor:pointer; height:310px; overflow:hidden; background:#6F74CF}
.inPlanList ul li:nth-child(2n) {background:#C5C7EC}
.inPlanList ul li .info{ width:100%; height:100%;position:absolute; top:0; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear; }
.inPlanList ul li:hover .info{ position:absolute; top:-800px; left:0;}
.inPlanList ul li .info .serpic{margin:90px auto 20px;}
.inPlanList ul li .info .serpic img{}
.inPlanList ul li .info p{ margin-top:3.5em;}
.inPlanList ul li .info p a{ font-size:1em; color:#fff;}
.inPlanList ul li .info h3{ font-size:1.5em; color:#fff; text-transform: uppercase; margin:0 20%;}
.inPlanList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}
.inPlanList ul li .infoVer{width:90%; padding:0 5%; height:100%; background:rgba(16,142,233,0.8); position:absolute; top:400px; left:0; -webkit-transition: all .2s linear;  transition: all .2s linear}
.inPlanList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.inPlanList ul li .infoVer h3{ font-size:1.6em; color:#fff; padding-top:1em; margin-bottom:15px; text-align:center; text-transform: uppercase;}
.inPlanList ul li .infoVer p{ font-size:1.1em; color:#fff; text-align:left; width:100%; margin:0 auto 10px;}
.inPlanList ul li .infoVer p a{ color:#fff; font-size:12px;}

.baoLeft{ float:left; width:56%;}
.baoLeft .pic{overflow: hidden;}
.baoLeft .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.baoLeft:hover .pic img{transform: scale(1.05);transition: all ease 0.5s;}
.baoLeft .titLi{ height:70px;}
.baoLeft .titLi ul li{ float:left; width:33.33%;height:70px; line-height:70px; text-align:center; background:#5660b3; cursor:pointer; font-size:1.3em;}
.baoLeft .titLi ul li:nth-child(2){background:#6f74cf;}
.baoLeft .titLi ul li:hover{background:#5B61C8;}
.baoLeft .titLi ul li a{ color:#fff;}
.baoRight{ float:right; width:40%;}
.baoRight .info{ margin-top:200px; width:80%}
.baoRight .info p{ color:#fff; font-size:1.3em; line-height:220%;}
a.thbutton {margin: 50px 0 0; background-color:#fff; color: #5660b3; font-size:1.8em; font-weight:300; padding: 10px 40px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.thbutton:hover { background-color:#ccc;}

.inProduct{ padding:80px 0;}
.inProduct ul li{ float:left; width:33.33%;text-align:center;}
.inProduct ul li .wyuan{ border-radius:50%; width:330px; height:330px; border:1px dashed #999; margin:0 auto;}
.inProduct ul li .nyuan{ margin:13px 0 0 13px; border-radius:50%; width:300px; height:300px; border:3px solid #878cd2;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.inProduct ul li .nyuan:hover{border:3px solid #5660b3; background:#ececec}
.inProduct ul li .nyuan .pic{ margin:45px 0 20px; }
.inProduct ul li .nyuan h3{ font-size:1.5em; color:#000; margin-bottom:10px; font-weight:600; margin:0 10%;}
.inProduct ul li .nyuan p{width:80%; margin:0 auto; font-size:1.2em; color:#000; }

/*底部*/
.footer{padding:50px 0; background:#070b41 url(../images/ftbg.jpg) 0 0 no-repeat;}
.footer .fotL{ float:left; width:36%;}
.footer .fotL .logo{ margin-bottom:20px;}
.footer .fotL .logo img{ height:45px;}
.footer .fotL a{ display:block; height:30px; line-height:30px; color:#fff; font-size:1.2em; margin-top:10px; }
.footer .fotL a.tel{ background:url(../images/tel.png) 0 2px no-repeat; padding-left:30px;}
.footer .fotL a.mail{ background:url(../images/mail.png) 0 2px no-repeat; padding-left:30px;}
.footer .fotL a.address{ background:url(../images/address.png) 0 2px no-repeat; padding-left:30px;}
.footer .fotR{ float:right; width:64%; padding-top:70px;}
.footer .fotR a{color:#fff;}
.footer .fotR .fotnav { margin-bottom:20px; text-align:center}
.footer .fotR .fotnav a{ color:#fff; display:inline-block; margin-right:10px;}
.footer .fotR .fotnav a:last-child{margin-right:0px;}
.footer .fotR p{ color:#546b8a;text-align:center; }
.footer .fotR p a{ color:#546b8a;}
.footer .fotR p img{ height:25px; vertical-align: middle;}
.footer .fotR p:last-child{ margin-top:10px;}

.banbox{ height:660px;}
.banbox a{ display:block; height:100%;  text-align:center}
.banbox .titleBig{ padding:280px 0 0; text-align:left; }
.banbox .titleBig h1{ font-size:3.4em; margin:15px 0 30px; color:#fff; font-weight:600;} 
.banbox .titleBig h2{text-transform:uppercase; font-size:1.5em;  color:#fff; background:#0e1e6c; border-radius:5px; display:inline-block; padding:5px 16px; min-width:130px;} 

.titleNow{ background:#e2e3f6; height:80px;}
.titleNow a{ display:inline-block; margin-right:20px;height:76px; line-height:76px; border-bottom:4px solid #e2e3f6; font-size:1.2em;}
.titleNow a.ov, .titleNow a:hover{border-bottom:4px solid #7273dd; color:#7273dd}

.serList1{padding:80px 0;}
.serList1 ul li .pic{ width:56%; float:right;overflow: hidden;}
.serList1 ul li .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList1 ul li:hover .pic img{transform: scale(0.95);transition: all ease 0.5s;}
.serList1 ul li .info{ width:38%; float:left; margin-top:10px;}
.serList1 ul li .info h3{ font-size:2em; color:#000; margin-bottom:30px; }
.serList1 ul li .info p{ font-size:1.1em; color:#000; line-height:200%;}

.serList2{padding:0px 0;}
.serList2 ul li .pic{ width:70%; float:left;overflow: hidden;}
.serList2 ul li .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList2 ul li:hover .pic img{transform: scale(0.95);transition: all ease 0.5s;}
.serList2 ul li .info{ width:28%; float:right; margin-top:80px;}
.serList2 ul li .info h3{ font-size:2em; color:#000; margin-bottom:30px;}
.serList2 ul li .info p{ font-size:1.1em; color:#000; line-height:200%;}
.serList5{padding:0px 0;}
.serList5 ul li .pic{ width:56%; float:left;overflow: hidden;}
.serList5 ul li .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList5 ul li:hover .pic img{transform: scale(0.95);transition: all ease 0.5s;}
.serList5 ul li .info2{ width:42%; float:right; margin-top:50px;}
.serList5 ul li .info2 h3{ font-size:2.2em; color:#000; margin-bottom:20px;}
.serList5 ul li .info2 p{ font-size:1.1em; text-indent:2em; color:#000; line-height:200%; margin-bottom:20px;}
.serList5 ul li .info3{ width:42%; float:right; margin-top:60px;}
.serList5 ul li .info3 h3{ font-size:2.5em; color:#000; margin-bottom:30px;}
.serList5 ul li .info3 p{ font-size:1.1em; color:#000; line-height:200%; margin-bottom:20px;}

.serList3 ul li .pic{overflow: hidden; text-align:center}
.serList3 ul li .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList3 ul li .pic2{overflow: hidden; text-align:center; padding:50px 0;}
.serList3 ul li .pic2 img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList3 ul li .info{ text-align:center; margin-bottom:60px;}
.serList3 ul li .info h3{ font-size:2.2em;  margin-bottom:50px;text-transform: uppercase;}
.serList3 ul li .info p{width:80%; margin:0 auto; font-size:1.3em; color:#000;line-height:200%;}

.serList4{padding:80px 0;width:82%; margin:0 auto; }
.serList4 ul li .pic{ width:56%; float:right;overflow: hidden;}
.serList4 ul li .pic img{max-width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.serList4 ul li:hover .pic img{transform: scale(0.95);transition: all ease 0.5s;}
.serList4 ul li .info{ width:38%; float:left; margin-top:10px;}
.serList4 ul li .info h3{ font-size:2em; color:#000; margin-bottom:30px; }
.serList4 ul li .info p{ font-size:1.3em; color:#000; line-height:200%;}

.jiazhiList{ border:1px solid #6f74cf;}
.jiazhiList ul li{float:left; width:20%;position:relative; cursor:pointer; }
.jiazhiList ul li .info{width:100%; height:230px;background:#6F74CF; padding-top:80px; }
.jiazhiList ul li .info .yuanb{ border:3px solid #b0b2e2; width:65px; height:65px; line-height:65px; border-radius:50%; font-size:4em; color:#b0b2e2; margin:0px auto; text-align:center}
.jiazhiList ul li .info h3{ font-size:1.5em; color:#fff; text-align:center; margin:20px 2% 0; line-height:180%; }
.jiazhiList ul li .infoVer{width:100%; height:230px;background:#fff; padding-top:70px; }
.jiazhiList ul li .infoVer p{ width:94%; margin:0 auto; font-size:1em; line-height:180%}
.jiazhiList ul li:nth-child(2) .infoVer{height:305px;padding-top:5px; }
.jiazhiList ul li:nth-child(3) .infoVer{height:200px;padding-top:110px; }
.jiazhiList ul li:nth-child(4) .infoVer{height:220px;padding-top:90px; }
.jiazhiList ul li:nth-child(5) .infoVer{height:230px;padding-top:80px; }

.ywjiazhi{ padding:20px 0;}
.ywjiazhi ul li{ float:left; width:33.33%;text-align:center; margin-bottom:50px}
.ywjiazhi ul li .nyuan{ border-radius:50%; width:300px; height:300px; border:3px dashed #999; margin:0 auto; border:3px solid #878cd2;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.ywjiazhi ul li .nyuan:hover{border:3px solid #5660b3; background:#ececec}
.ywjiazhi ul li .nyuan .pic{ margin:55px 0 20px; }
.ywjiazhi ul li .nyuan h3{ width:80%; margin:0 auto 5px; font-size:1.6em; color:#000;font-weight:600; color:#6f74cf; padding-top:50px; padding-bottom:5px; border-bottom:2px solid #ddd; }
.ywjiazhi ul li .nyuan p{width:80%; margin:0 auto; font-size:1.1em; color:#000; }

.pingList ul li{float:left; width:23.5%; margin-right:2%; cursor:pointer; margin-bottom:30px;}
.pingList ul li:nth-child(4n){margin-right:0%; }
.pingList ul li .info{height:320px;padding:10px; border:1px solid #ccc; border-radius:10px;}
.pingList ul li .info h3{ font-size:1.3em; color:#333; margin:10px 0 10px; font-weight:bold; text-align:center}
.pingList ul li .info p{ font-size:1.1em; line-height:180%}

.aqywList ul li{float:left; width:48%; margin-right:4%; cursor:pointer; margin-bottom:30px;}
.aqywList ul li:nth-child(2n){margin-right:0%; }
.aqywList ul li .yuanb{ float:left; border:2px solid #b0b2e2; width:35px; height:35px; line-height:35px; border-radius:50%; font-size:2.2em; color:#b0b2e2; margin:0px auto; text-align:center}
.aqywList ul li .info{float:left; width:80%; margin-left:2%;}
.aqywList ul li .info h3{ font-size:1.5em; color:#333; margin:0px 0 10px; font-weight:bold;}
.aqywList ul li .info p{ font-size:1.1em; line-height:180%}

.aqpxl{ padding:20px 0;}
.aqpxl ul li{ float:left; width:33.33%;text-align:center; margin-bottom:50px}
.aqpxl ul li .nyuan{ border-radius:50%; width:330px; height:330px; border:3px dashed #999; margin:0 auto; border:3px solid #878cd2;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.aqpxl ul li .nyuan:hover{border:3px solid #5660b3; background:#ececec}
.aqpxl ul li .nyuan .pic{ margin:55px 0 20px; }
.aqpxl ul li .nyuan h3{ width:70%; margin:0 auto 5px; font-size:1.5em; font-weight:600; color:#6f74cf; padding-top:30px; padding-bottom:5px; border-bottom:1px solid #ddd; }
.aqpxl ul li .nyuan p{width:86%; margin:0 auto; font-size:1.0em; color:#000; }

.cjywList ul li{float:left; width:15.66%; margin-right:1%; cursor:pointer; margin-bottom:30px; }
.cjywList ul li:nth-child(6n){margin-right:0%; }
.cjywList ul li .yuanb{border:2px solid #cccc; width:35px; height:35px; line-height:35px; border-radius:50%; font-size:2.2em; color:#666;text-align:center; margin:10px auto 10px}
.cjywList ul li .info{height:240px; padding:10px 10px; color:#fff;border:2px solid #ccc; border-radius:10px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.cjywList ul li:hover .info{ border:2px solid #7273dd;}
.cjywList ul li .info h3{ font-size:1.6em; color:#333; margin:0px 0 10px; font-weight:bold;}
.cjywList ul li .info p{ font-size:1.2em; line-height:180%}

.grxxList ul li{float:left; width:23.5%; margin-right:2%; cursor:pointer; margin-bottom:30px;}
.grxxList ul li:nth-child(4n){margin-right:0%; }
.grxxList ul li .yuanb{border:2px solid #cccc; width:35px; height:35px; line-height:35px; border-radius:50%; font-size:2.2em; color:#666;text-align:center; margin:10px auto 10px}
.grxxList ul li .info{ height:200px;padding:10px 10px; border:2px solid #ccc; border-radius:10px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.grxxList ul li:hover .info{ border:2px solid #7273dd;}
.grxxList ul li .info h3{ font-size:1.6em; color:#333; margin:0px 0 10px; font-weight:bold;}
.grxxList ul li .info p{ font-size:1.2em; line-height:180%}

.appgList ul li{float:left; width:32%; margin-right:2%; cursor:pointer; margin-bottom:30px;}
.appgList ul li:nth-child(3n){margin-right:0%; }
.appgList ul li .info{height:150px; padding:20px 30px; border:2px solid #ccc; border-radius:10px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.appgList ul li:hover .info{ border:2px solid #7273dd;}
.appgList ul li .info h3{ font-size:1.6em; color:#333; margin:10px 0 10px; font-weight:bold; text-align:center}
.appgList ul li .info p{ font-size:1.2em; line-height:180%}
.appgList ul li .info .pic{ text-align:center; margin-bottom:10px;}

.projz ul li{float:left; width:23.5%; margin-right:2%; cursor:pointer; margin-bottom:30px;}
.projz ul li:nth-child(4n){margin-right:0%; }
.projz ul li .info{height:250px;padding:30px 20px; border:2px solid #ccc; border-radius:10px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.projz ul li:hover .info{ border:2px solid #7273dd;}
.projz ul li .info h3{ font-size:1.4em; color:#333; margin:10px 0 10px; font-weight:bold; text-align:center}
.projz ul li .info p{ font-size:1.1em; line-height:180%}
.projz ul li .info .pic{ text-align:center; margin-bottom:20px;}

.proyy{padding:0px 0;}
.proyy ul li{float:left; width:48%; margin-right:4%; cursor:pointer; margin-bottom:30px; background:#6f74c7;}
.proyy ul li .box{ padding:40px;}
.proyy ul li:nth-child(2n){margin-right:0%; }
.proyy ul li .pic{ width:15%; float:left;overflow: hidden; margin-top:20px;}
.proyy ul li .info{ width:80%; float:right; }
.proyy ul li .info h3{ font-size:1.6em; color:#fff; margin-bottom:20px;}
.proyy ul li .info p{ font-size:1.1em; color:#fff; line-height:200%;}

.progn ul li{float:left; width:15.66%; margin-right:1%; cursor:pointer; margin-bottom:30px;}
.progn ul li:nth-child(6n){margin-right:0%; }
.progn ul li .info{height:260px;padding:20px 10px; border:2px solid #ccc; border-radius:10px;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.progn ul li:hover .info{ border:2px solid #7273dd;}
.progn ul li .info h3{ font-size:1.2em; color:#333; margin:10px 0 10px; font-weight:bold; text-align:center}
.progn ul li .info p{ font-size:1.1em; line-height:180%}
.progn ul li .info .pic{ text-align:center; margin-bottom:20px;}

.proys{padding:0px 0;}
.proys ul.tr1{ width:70%; margin:0 auto;}
.proys ul.tr1 li{float:left; width:46%; margin-right:8%; cursor:pointer; margin-bottom:30px; }
.proys ul.tr1 li:nth-child(2n){margin-right:0%; }
.proys ul.tr2{ width:100%; margin:30px auto;}
.proys ul.tr2 li{float:left; width:30%; margin-right:5%; cursor:pointer; margin-bottom:30px; }
.proys ul.tr2 li:nth-child(3n){margin-right:0%; }

.proys ul li .box{ padding:10px; border:2px solid #babcd2; height:140px;}
.proys ul li .info{}
.proys ul li .info h3{ font-size:1.6em; color:#7573c5; margin-bottom:20px; text-align:center}
.proys ul li .info h2{ width:25px; height:4px; background:#7573c5; margin:0 auto 10px; }
.proys ul li .info p{ font-size:1.1em; line-height:200%; text-align:center}