@font-face
{
font-family:SourceHanSansCN-Regular; src:url(../fonts/SourceHanSansCN-Regular.otf);
}

/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}



.header{ height:90px; position:fixed; width:100%; background:#fff; left:0; top:0; z-index:999;}
.header .logo{ float:left; height:60px; margin-top:15px;}
.header .logo img{ height:60px;}

/*menu*/
.menu{height:88px;line-height:88px; float:left; margin-left:100px;}
.menu ul li{ float:left; position:relative; width:120px;}
.menu a{ font-size:18px; color:#2a2a2a; text-decoration:none; display:block;text-align:center;}
.active{ color:#4581fb; border-bottom:#4581fb solid 2px;}
.active a{ color:#4581fb;}

.header .zc{ float:right;}
.header .zc a{ display:block; width:116px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; background:#f99a12; margin-top:27px;}


.b_bg{ height:666px; margin-top:90px;}
.b_bg .left{ float:left; width:40%; padding:120px 0 150px 0;}
.b_bg .left h2{ height:60px; line-height:60px; color:#fff; font-size:48px;}
.b_bg .left h3{ height:40px; line-height:40px; font-size:28px; color:#fff; font-weight:normal; margin-top:35px;}
.b_bg .left img{ width:85%; margin-top:50px;}
.b_bg .left a{ display:block; width:187px; height:52px; line-height:52px; background:#fff; color:#4581fb; font-size:18px; text-align:center; margin-top:90px;}	
	
.b_bg .biaodan{ float:right; background:#fff; width:32%; padding:100px 3%; margin-top:40px;}
.b_bg .biaodan h2{ height:50px; line-height:50px; text-align:center; font-size:28px; text-align:center; color:#4581fb;}
.b_bg .biaodan dl{ margin-top:60px;}
.b_bg .biaodan dl dd{ width:100%; margin-top:30px;}
.b_bg .biaodan dl dd span{ display:block; float:left; width:10px; height:34px; line-height:34px; color:#f00; font-size:14px;}
.b_bg .biaodan dl dd .input_text{ display:block; float:right; width:97%; height:33px; line-height:33px; background:none; border-bottom:#e3e6ed solid 1px; outline:none; color:#aaa9b5; font-size:20px;}
.b_bg .biaodan dl dt{ margin-top:80px;}
.b_bg .biaodan dl dt .input_button{ display:block; width:100%; height:50px; line-height:50px; background:#4581fb; color:#fff; font-size:20px; font-weight:bold;}


.con01{ margin-top:6%;}
.con01 h2{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#1a1a1a;}
.con01 h3{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#4581fb; margin-top:6px; margin-bottom:5%;}
.con01 ul li{ float:left; padding:5% 0; width:30%; margin-right:5%;}
.con01 ul li:nth-child(3){ margin-right:0;}
.con01 ul li img{ display:block; height:110px; margin:0 auto;}
.con01 ul li strong{ display:block; width:90%; height:40px; line-height:40px; color:#1a1a1a; margin:16px auto 0 auto; text-align:center; font-size:32px; overflow:hidden; font-weight:normal;}
.con01 ul li span{display:block; width:90%; height:40px; line-height:40px; color:#4581fb; margin:10px auto 0 auto; text-align:center; font-size:26px; overflow:hidden;}
.con01 ul li font{ display:block; width:90%; margin:40px auto 0 auto; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#7d7d7d;}
.con01 ul li:hover{ -webkit-box-shadow: #ccc 0px 0px 15px;   -moz-box-shadow: #ccc 0px 0px 15px;  box-shadow: #ccc 0px 0px 15px; }


.con02{ margin-top:6%;}
.con02 h2{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#1a1a1a;}
.con02 h3{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#4581fb; margin-top:6px; margin-bottom:5%;}
.con2bg{ background:#f5f5f5; margin-top:3%; }
.con02 .left{ float:left; width:38%; padding:7% 0 5% 0;}
.con02 .left h4{ height:40px; line-height:40px; color:#000; font-size:34px; color:#1a1a1a; margin-bottom:10%;}
.con02 .left dl{ margin-top:5%;}
.con02 .left dl dt{ height:40px; line-height:40px; font-size:20px; color:#4581fb; font-weight:bold;}
.con02 .left dl dd{ max-height:64px; line-height:32px; font-size:22px; color:#1a1a1a; overflow:hidden;font-family:SourceHanSansCN-Regular}
.con02 .left .link{ margin-top:10%;}
.con02 .left .link a{ display:block; float:left; margin-right:5%; width:140px; height:48px; line-height:48px; border:#8c8c8c solid 1px; font-size:16px; text-align:center; color:#8c8c8c;}
.con02 .left .link a.active{ width:140px; height:48px; line-height:48px; background:#4581fb; border:#4581fb solid 1px; color:#fff; font-size:16px; text-align:center;}
.con02 .right{ float:right; width:47%;}
.con02 .right img{ width:100%;}


.con03{ margin-top:10%;}
.con03 .left{ float:left; width:60%; margin-left:-10%;}
.con03 .left img{ width:100%;}
.con03 .right{ float:right; width:45%; }
.con03 .right h4{ height:40px; line-height:40px; color:#000; font-size:34px; color:#1a1a1a; margin-bottom:10%;}
.con03 .right dl{ margin-top:5%;}
.con03 .right dl dt{ height:40px; line-height:40px; font-size:20px; color:#4581fb; font-weight:bold;}
.con03 .right dl dd{ max-height:64px; line-height:32px; font-size:22px; color:#1a1a1a; overflow:hidden;font-family:SourceHanSansCN-Regular}
.con03 .right .link{ margin-top:10%;}
.con03 .right .link a{ display:block; float:left; margin-right:5%; width:140px; height:48px; line-height:48px; border:#8c8c8c solid 1px; font-size:16px; text-align:center; color:#8c8c8c;}
.con03 .right .link a.active{ width:140px; height:48px; line-height:48px; background:#4581fb; border:#4581fb solid 1px; color:#fff; font-size:16px; text-align:center;}


.con04{ background:#f5f5f5; margin-top:10%; }
.con04 .left{ float:left; width:38%; padding:7% 0 5% 0;}
.con04 .left h4{ height:40px; line-height:40px; color:#000; font-size:34px; color:#1a1a1a; margin-bottom:10%;}
.con04 .left dl{ margin-top:5%;}
.con04 .left dl dt{ height:40px; line-height:40px; font-size:20px; color:#4581fb; font-weight:bold;}
.con04 .left dl dd{ max-height:64px; line-height:32px; font-size:20px; font-weight:500; color:#1a1a1a; overflow:hidden; font-family:SourceHanSansCN-Regular; }
.con04 .left .link{ margin-top:10%;}
.con04 .left .link a{ display:block; float:left; margin-right:5%; width:140px; height:48px; line-height:48px; border:#8c8c8c solid 1px; font-size:16px; text-align:center; color:#8c8c8c;}
.con04 .left .link a.active{ width:140px; height:48px; line-height:48px; background:#4581fb; border:#4581fb solid 1px; color:#fff; font-size:16px; text-align:center;}
.con04 .right{ float:right; width:47%; margin-top:7%;}
.con04 .right img{ width:100%;}


.con05{ margin-top:10%;}
.con05 .left{ float:left; width:48%;}
.con05 .left img{ width:100%;}
.con05 .right{ float:right; width:42%; margin-top:3%; }
.con05 .right h4{ height:40px; line-height:40px; color:#000; font-size:34px; color:#1a1a1a; margin-bottom:10%;}
.con05 .right dl{ margin-top:5%;}
.con05 .right dl dt{ height:40px; line-height:40px; font-size:20px; color:#4581fb; font-weight:bold;}
.con05 .right dl dd{ max-height:96px; line-height:32px; font-size:22px; color:#1a1a1a; overflow:hidden;font-family:SourceHanSansCN-Regular；}
.con05 .right .link{ margin-top:10%;}
.con05 .right .link a{ display:block; float:left; margin-right:5%; width:140px; height:48px; line-height:48px; border:#8c8c8c solid 1px; font-size:16px; text-align:center; color:#8c8c8c;}
.con05 .right .link a.active{ width:140px; height:48px; line-height:48px; background:#4581fb; border:#4581fb solid 1px; color:#fff; font-size:16px; text-align:center;}

.section { text-align: center; margin-top: 10%; }
.section .title-top { font-size: 36px; color: #1A1A1A; }
.section .title-bottom { font-size: 36px; color: #4581FB; margin-top: 6px; }
.section .performance-growth { margin-top: 70px; }
.section .performance-growth li { float: left; width: 20%; height: 195px; text-align: center; box-sizing: border-box; padding-top: 45px; position: relative; }
.section .performance-growth li:hover { box-shadow: 0px 3px 17px 0px #E4E4E4; }
.section .performance-growth li .num { font-size: 40px; color: #4581FB; }
.section .performance-growth li .num span{ font-size: 24px; }
.section .performance-growth li .text { font-size: 16px; color: #1A1A1A; font-weight: bold; }
.section .performance-growth li .ascension, .section ul li .falling, .section ul li .correct { position: absolute; }
.section .performance-growth li .ascension, .section ul li .falling { width: 18px; height: 28px; }
.section .performance-growth li .correct { width: 30px; height: 22px; }
.section .performance-growth li .ascension { background: url(../images/ascension.png); background-size: cover; }
.section .performance-growth li:hover .ascension { background: url(../images/ascension-active.png); background-size: cover; }
.section .performance-growth li .falling { background: url(../images/falling.png); background-size: cover; }
.section .performance-growth li:hover .falling { background: url(../images/falling-active.png); background-size: cover; }
.section .performance-growth li .correct { background: url(../images/correct.png); background-size: cover; }
.section .performance-growth li:hover .correct { background: url(../images/correct-active.png); background-size: cover; }

.section-customer { margin-top: 5%; }
.section-customer .left, .section-customer .center, .section-customer .right { float: left; }
.section-customer .left, .section-customer .right { width: 40%; }
.section-customer .center { width: 20%; height: 60px;}
.section-customer .customer-title { font-size: 20px; margin-bottom: 28px; }
.section-customer .left .customer-title { color: #565656; }
.section-customer .right .customer-title { color: #4581FB; }
.section-customer li { width: 100%; height: 30px; margin-bottom: 5px; line-height: 30px; font-size: 14px; }
.section-customer .left li { background: #F2F2F2; color: #565656; }
.section-customer .right li { background: #4581FB; color: #fff; }
.section-customer .contrast { margin-top: 126px; margin-left: 70px; width: 92px; height: 100%; background: url(../images/contrast.png); background-size: cover;}

.advantage { margin-top: 53px; }
.advantage li { float: left; width: 298px; height: 320px; border: 1px solid #D9D9D9; border-right: none; }
.advantage li:last-child { border-right: 1px solid #D9D9D9; }
.advantage li .icon-title { width: 50px; height: 50px; margin-left: 125px; margin-top: 45px; }
.advantage .guest .icon-title { background: url(../images/guest.png); background-size: cover; }
.advantage .learning .icon-title { background: url(../images/learning.png); background-size: cover; }
.advantage .work .icon-title { background: url(../images/work.png); background-size: cover; }
.advantage .cost .icon-title { background: url(../images/cost.png); background-size: cover; }
.advantage .text-title { font-size: 20px; color: #4581FB; font-weight: bold; margin-top: 10px; }
.advantage .line { width: 40px; height: 2px; margin: 20px 130px; background: #4581FB; }
.advantage .text-intro { font-size: 14px; color: #515151; }
.advantage .text-intro p { line-height: 14px; padding: 0; }
.advantage li:hover { background: #4581FB; }
.advantage li:hover .text-title { color: #fff; }
.advantage li:hover .line { background: #fff; }
.advantage li:hover .text-intro { color: #fff; }
.advantage .guest:hover .icon-title { background: url(../images/guest-active.png); background-size: cover; }
.advantage .learning:hover .icon-title { background: url(../images/learning-active.png); background-size: cover; }
.advantage .work:hover .icon-title { background: url(../images/work-active.png); background-size: cover; }
.advantage .cost:hover .icon-title { background: url(../images/cost-active.png); background-size: cover; }

.con06{ margin-top:10%;}
.con06 h2{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#1a1a1a;}
.con06 h3{ height:50px; line-height:50px; font-size:36px; text-align:center; color:#4581fb; margin-top:6px; margin-bottom:5%;}
.con6bg{ background:#f5f5f5; margin-top:3%;  padding-bottom:3%;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide{ padding:5% 0;}
.swiper-slide .left{ float:left; width:60%;}
.swiper-slide .left h4{ line-height:50px; color:#4581fb; font-size:32px;}
.swiper-slide .left dl{ margin-top:4%;}
.swiper-slide .left dl dt{ float:left; width:15%; line-height:30px; font-size:20px; color:#1a1a1a; font-weight:bold;}
.swiper-slide .left dl dd{ float:left; width:85%; line-height:30px; font-size:20px; color:#1a1a1a; font-family:SourceHanSansCN-Regular;}
.swiper-slide .right{ float:right; width:35%; margin-right:1%; -webkit-box-shadow: #b8cee1 0px 0px 20px;   -moz-box-shadow: #b8cee1 0px 0px 20px;  box-shadow: #b8cee1 0px 0px 20px; margin-top:5%;}
.swiper-slide .right img{ width:100%;}


.con07{ padding:5% 0 8% 0;}
.con07 ul li{ float:left; width:10%; height:70px; margin-top:5%; margin-right:5%; position:relative;}
.con07 ul li:nth-child(7n){ margin-right:0;}
.con07 ul li img{ max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}


.footer{ background:#111111;}
.footer .top{ padding:3% 0; background:#1a1a1a;}
.footer .top .logo{ float:left; width:20%;}
.footer .top .logo img{ width:100%;}
.footer .top .center{ float:left; margin-left:15%; width:20%; padding-left:6%; background:url(../images/tb.jpg) left center no-repeat;}
.footer .top .center span{ display:block; width:100%; height:30px; line-height:30px; color:#646464; font-size:16px; overflow:hidden;}
.footer .top .center strong{ display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:24px; font-weight:normal; overflow:hidden;}
.footer .top .right{ float:right; width:31%;}
.footer .top .right strong{ display:block; width:100%; height:30px; line-height:30px; color:#646464; font-size:18px; overflow:hidden;}
.footer .top .right span{  display:block; width:100%; height:30px; line-height:30px; color:#646464; font-size:18px; overflow:hidden;}
.footer .bottom{ padding:2% 0; background:#111;}
.footer .bottom ul li{ line-height:30px; color:#646464; text-align:center;}


.fixed{ position:fixed; width:76px; right:120px; top:70%; z-index:999; -webkit-box-shadow: #b8cee1 0px 0px 20px;   -moz-box-shadow: #b8cee1 0px 0px 20px;  box-shadow: #b8cee1 0px 0px 20px;}
.fixed ul li{ width:100%;}
.fixed ul li img{ width:100%; outline-width:0; vertical-align:top;}


.slideTxtBox_01 .hd{ width:60%; margin:0 auto 20px auto;}
.slideTxtBox_01 .hd ul li{ float:left; font-size:15px; margin-left:20%;}
.slideTxtBox_01 .hd ul li.on{ color:#409EFF; border-bottom:#409EFF solid 2px;}