@charset "utf-8";
.headerbg{ width:100%;background:url(../images/headerbg.jpg) no-repeat; height: 703px; float: left; position: relative; background-size: cover;}
.Containter{ width: 70%; margin: 0 auto;}
.logo{ width: 179px; height: 53px;  margin: 100px 0 0 12%;}
.headerText{ width: 719px; height: 289px; margin:90px auto  0 auto;}
.bar{ height: 110px; background:url(../images/jb.png) repeat-y right;   width: 70%; margin: 0 auto; left: 15%; position: absolute; bottom: -50px; border-radius: 5px; }
.barInfo{ color:#fff; font-size: 40px; font-weight: bold; line-height: 110px; float: left; margin: 0 4% 0 18%;}
.barButton{ float: left; margin: 20px 0 0 0;}

.title{ width: 100%; float: left; margin: 120px 0 0 0; position: relative; opacity: 0; }
.iconCircle{ width: 30px; height: 30px; border-radius: 50%; background: #fdb70a; position: absolute; left: 31%;z-index: 1;}


.wordColor{width: 100%; text-align: center; font-size: 35px; font-weight: bold; z-index: 2;position: absolute; }
.wordColor strong{ color: #004ce7;} 
.wordColorWhite{width: 100%; color: #fff; text-align: center; font-size: 35px; font-weight: bold; z-index: 2;position: absolute; }
.wordColorWhite strong{ color: #dff9ff;} 
.wordColorRed{width: 100%;text-align: center; font-size: 35px; font-weight: bold; z-index: 2;position: absolute; }
.wordColorRed strong{ color: #e4512f;} 



.wordProfile{ color: #606266; text-align: center; margin-top: 60px; }



.programBg{ background: #ebeeff; float: left; width: 100%; padding: 0 0 50px 0;}
.programBox{ width:calc(23% - 2px); height:450px; border: 1px solid #a2a2a2; float: left; margin:70px 1% 50px 1%; position: relative; opacity: 0; top: 180px;}
.programIcon{ text-align: center; width: 100%; margin-top: 30px;} 
.horizontalLine{  text-align: center;width: 80%; margin: 0 10%;margin-top: 20px;}
.horizontalLine img{ width: 100%;}
.programName{ text-align: center;width: 100%; font-weight: bold; font-size: 22px;margin-top: 20px;}
.programConn{ font-size: 20px; text-indent: 40px; width: 80%; float: left; margin: 0 10%; line-height: 40px;margin-top: 10px;}
.blueButton{ cursor: pointer; left: 30%; position: relative; width: 40%; height: 86px; background: #004ce7; border-radius: 10px;  display: block; float: left; text-align: center; line-height: 86px; font-size: 35px; font-weight: bold; color: #fff; opacity: 0;}
.whiteButton{margin:50px 0;cursor: pointer; left: 30%; position: relative; width: 40%; height: 86px; background: #ebeeff; border-radius: 10px;  display: block; float: left; text-align: center; line-height: 86px; font-size: 35px; font-weight: bold; color: #004ce7;}

.ICSprofile{background:#e2e6fe;float: left; width: 100%; padding: 0 0 60px 0; } 

.ICSboxConn{width: 100%; float: left; }
.ICSbox{ width:23%; height:450px; background: #fff;  float: left; margin:70px 1% 50px 1%; border-radius: 15px; position: relative; opacity: 0; top: 180px;}
.ICSPhoto{ width: 100%; float: left;}
.ICSPhoto img{ width: 100%; height: 210px;border-radius:15px 15px 0 0;}
.ICSName{width: 100%; float: left; margin:20px 0 15px 0; display: block; text-align: center; font-size: 20px; font-weight: bold; color: #606266; background: url(../images/yellowline.jpg) no-repeat center bottom;}
.ICSdetail{width: 84%; float: left; margin: 0 8%; text-indent: 32px; color: #606266; line-height: 25px;}


.advantageBg{background:#ebeeff url(../images/bolangwen.jpg) repeat-x center bottom;float: left; width: 100%; padding: 0 0 60px 0;}
.tabBoxConn{ background: #fff; height:550px;border-radius:15px; float: left; width:86%; margin:50px 0 50px 7%; opacity:0;}

.learnRouteBg{background: #4c85f6; width: 100%; float: left;}
.learnBox{width: 100%; margin:60px 0 0 0; padding-top: 70px; float: left; background:url(../images/learnbox.png) no-repeat center top; background-size: 90%;  height:834px; opacity: 0;}
.learnli{ width:80%; float: left; margin: 10px 10%; padding:13px 20px;}
.learnli:nth-child(odd){background: #dff9ff; }
.learnliName{ text-indent: 40px; color: #005de4; font-weight: bold; font-size: 24px; margin: 0 0 20px 0; background:url(../images/duihao.png) no-repeat left center;}
.learnliProfile{text-indent: 40px;  color: #606266; font-size:18px;}

.expertsBg,
.CooperativeCompanyBg{background: #ebeeff; width: 100%; float: left;}
.companyLogoBg{width: 100%; float: left; margin: 50px 0 0 0; opacity: 0;}
.companyLogoBg li{ float: left; width: 18%; margin:10px 1% 10px 1%; }
.companyLogoBg li a{ border: 1px solid #fff; width: 100%; float: left; display: block;border-radius: 10px; background: #fbfcff;}
.companyLogoBg li a:hover{ border: 1px solid #1561f3;border-radius: 10px;}
.companyLogoBg li a img{ width: 100%; border-radius: 10px;}


.serviceConn{ position: relative; width: 100%; float: left; height: 316px; margin: 100px 0 20px 0; background:  url(../images/servicebg.jpg) no-repeat center bottom;}
.serviceli1{ position: absolute; left:0%; text-align: right; top: 20px;opacity: 0;}
.serviceli1 p:first-child{ font-size: 22px;}
.serviceli1 p:last-child{color: #606266; margin: 12px 0 0 0;}
.serviceli2{ position: absolute; left:0%; text-align: right; top: 150px;opacity: 0;}
.serviceli2{ position: absolute;}
.serviceli2 p:first-child{ font-size: 22px;}
.serviceli2 p:last-child{color: #606266; margin: 12px 0 0 0;}
.serviceli3{ position: absolute; left:77%; text-align: left; top: 20px;opacity: 0;}
.serviceli3{ position: absolute;}
.serviceli3 p:first-child{ font-size: 22px;}
.serviceli3 p:last-child{color: #606266; margin: 12px 0 0 0;}
.serviceli4{ position: absolute; left:82%; text-align: left; top: 150px; opacity: 0;}
.serviceli4{ position: absolute;}
.serviceli4 p:first-child{ font-size: 22px;}
.serviceli4 p:last-child{color: #606266; margin: 12px 0 0 0;}

.redButtion{ background: #e4512f; opacity: 0;  color: #fff; text-align: center;  cursor: pointer; left: 42%; position: relative; width: 20%; height: 40px;  border-radius: 10px;  display: block; float: left; text-align: center; line-height: 40px; font-size: 18px;  color: #fff; }


.footerBg{ background: url(../images/footbg.jpg) no-repeat center top;  height: 630px; width: 100%; float: left; position: relative;}
.fotweigtnormal{ font-weight: normal; text-align: center; font-size: 30px;}
.footcopy{ position: absolute; bottom: 0; height: 70px; line-height: 70px; text-align: center; color: #fff; width: 100%;}
.footwordProfile{ color: #606266; text-align: center; margin-top: 20px;}

.inputBox{ width: 40%;  float: left; margin: 40px 0 0 31%;}
.inputName{outline: none; font-size: 16px; width: 100%; border: 1px solid #dbdbdb; height: 60px; line-height: 60px; border-radius: 12px; margin:0 0 30px 0; text-indent: 20px; }
.inputBlueButton{ border-radius: 10px; height: 50px; line-height: 50px; margin: 0 20px 0 0; font-size: 18px; width: 180px; background: #0e6afb; color: #fff;border:none; outline: none; cursor: pointer;}
.inputRedButton{ border-radius: 10px; height: 50px; line-height: 50px;font-size: 18px; width: 300px; background: #e4512f; color: #fff; border:none;outline: none;cursor: pointer;}




.tabbox {width:100%;margin:50px auto;	position:relative}
#tablist{ float: left;}
#tablist li{  width: 350px; background: #fff; height:85px; line-height: 85px; font-size: 30px; font-weight: bold; cursor: pointer; margin: 0 0 5px 50px; text-indent: 45px; }

#tablist li:hover {background:#e9e9e9 url(../images/tabbg.jpg) no-repeat left center;color:#004ce7;}
#tablist li.tabin {	background:#e9e9e9 url(../images/tabbg.jpg) no-repeat left center;color:#004ce7;}
.content-box {width:690px;height:445px; background: #e9e9e9;		position:absolute;	left:400px;	top:0px; 	overflow:hidden;}
.contentTitle{ background:url(../images/squire.png) no-repeat left 14px; padding:10px 45px; color: #000; line-height: 38px;  font-size: 25px;}
.content {clear:both;	color:#000;	opacity:0;	transition:all ease .3s;	position:absolute;	top:0;	left:0; padding: 30px 45px;}
.content p{ width: 100%; text-align: center;}
.contentin {	opacity:1;}



.movePicBox {width:100%;margin:60px 0 100px 0;  float:left; opacity: 0;}
.GP_products{ width:1200px; margin:0px auto 0 auto; }
.GP_products_c{ width:100%; float:left; margin:25px 0 0 0; height:382px;position:relative; }
.Proovf {height:382px; overflow:hidden; position:relative;}
.Prolist {position: absolute;}
.Prolist ul {float:left;}
.Prolist ul li {float:left; padding:0px; text-align:center; }
.adimg{ width:269px; height:382px;  z-index:1; }
.adimg img{ border-radius:15px}
.proTextButton{ width:269px; height:80px; overflow:hidden; background-color:rgba(49,62,71,0.7); border-radius:15px;  z-index:5;position:absolute; bottom:0;}
.expertName{ cursor:pointer; color:#fff; text-align:left; padding:10px 10px 0 20px;}
.expertName strong{ font-size:26px; width:100%; direction:block;}
.hline{ width:60px; height:4px; border-radius:2px; background:#ebeeff; margin:20px 0;}
.experProfile{ line-height:30px;}



.prev{position:absolute; left:-100px; top:140px;}
.next{position:absolute; right:-100px; top:140px;}