.sys{ padding-top:80px; background: #f5f5f5;}
.sys1 .dt .img{ width: 600px; height: 580px;}
.sys1 .dt .img img{ width: 600px; height: 580px;}
.sys1 .dt dl{ width: 480px; height: 440px; background: #fff; padding:70px 60px;}
.sys1 .dt dl dt{ font-size: 36px; font-weight: bold;}
.sys1 .dt dl dt span{ color: #296dde;}
.sys1 .dt dl .dd1{ font-size: 18px; line-height: 30px; margin-top: 30px;}
.sys1 .dt dl .dd2{ width: 40px; height: 2px; background: #296dde; margin-top: 40px;}
.sys1 .dt dl .dd3{ font-size: 15px; color: #666; line-height: 32px; margin-top: 40px;}
.sys1 .xt{ width: 1220px; margin-top: 40px;}
.sys1 .xt li{ width: 285px; float: left; margin-right: 20px;}
.sys1 .xt li img{ width: 285px; height: 185px;}
.sys1 .xt li p{ width: 285px; font-size: 16px; text-align: center; margin-top: 20px;}

.sys2{ padding-top: 80px; height: 520px; position: relative;}
.sys2 .wz{ width: 450px;}
.sys2 .wz dt{ font-size: 46px; font-weight: bold; margin-top: 20px;}
.sys2 .wz dt span{ color: #296dde;}
.sys2 .wz .dd1{ font-size: 16px; margin-top: 20px;}
.sys2 .wz .dd2{ width: 50px; height: 2px; background: #296dde; margin-top: 40px;}
.sys2 .wz .dd3{ font-size: 15px; line-height: 32px; color: #666; margin-top: 40px;}
.sys2 .img{ width: 1060px; height: 520px; position: absolute; right:50%; margin-right: -960px;}

.sys3{ position: relative;}
.sys3 .bt{ height: 670px; width: 860px; background: url(../image/fkbg.png) top no-repeat; position: absolute; left: 50%; margin-left: -960px;}
.sys3 .bt dl{ float: right;}
.sys3 .bt dl dt{ font-size: 34px; color: #fff; font-weight: bold; margin-top: 60px;}
.sys3 .bt dl dt span{ color: #ffc600;}
.sys3 .bt dl .dd1{ font-size: 16px; color: #c3d6f6; margin-top: 14px;}
.sys3 .bt dl .dd2{ width: 500px; height: 460px; margin-top: 70px;}
.sys3 .wz{ width: 650px; padding: 60px 0 0 50px;}
.sys3 .wz .text p { font-size: 15px; line-height: 32px; color: #666; margin-bottom: 22px;}
.sys3 .wz ul{ width: 660px; margin-top: 90px;}
.sys3 .wz ul li{ width: 320px; height: 210px; float: left; margin-right: 10px;}

.sys4{ padding: 80px 0;}
.sys .tybt{ text-align: center;}
.sys .tybt h4{ font-size: 46px; font-weight: bold;}
.sys .tybt h4 b{ color: #296dde;}
.sys .tybt p{ font-size: 18px; margin-top: 15px;}
.sys4 .nr{ height: 520px; margin-top: 50px;-moz-box-shadow:0px 40px 20px 10px #eee; -webkit-box-shadow:0px 10px 40px 10px #eee; box-shadow:0px 10px 40px 10px #eee;}
.sys4 .nr dl{ width: 320px; height: 420px; background: #fff; float: left; text-align: center; padding:50px 40px;}
.sys4 .nr dl dt{ border: 4px solid #ededed; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto;}
.sys4 .nr dl .dd1{ font-size: 24px; font-weight: bold; line-height: 36px; margin-top: 30px;}
.sys4 .nr dl .dd2{ width: 50px; height: 3px; background: #296dde; margin: 25px auto;}
.sys4 .nr dl .dd3{ font-size: 15px; line-height: 30px;}
.sys4 .nr dl:hover{ background: #296dde;}
.sys4 .nr dl:hover .dd1,.sys4 .nr dl:hover .dd3{ color: #fff;}
.sys4 .nr dl:hover .dd2{ background: #fff;}

.sys5 .bt{ font-size: 46px; font-weight: bold; text-align: center;}
.sys5 .bt b{ color: #296dde;}
.sys5 .nr{ width: 1200px; background: url(../image/fwbg.png) center no-repeat; margin-top: 50px;}
.sys5 .nr .fw{width: 1320px; height: 340px;}
.sys5 .nr dl{ width: 320px; float: left; margin-right: 120px; text-align: center;}
.sys5 .nr dl dt{ width: 220px; height: 220px; margin: 0 auto; position: relative;}
.sys5 .nr dl dt img{ width: 220px; height: 220px;}
.sys5 .nr dl dt p{ width: 220px; height: 220px; line-height: 220px; position: absolute; left: 0; top: 0; font-size: 26px; font-weight: bold; color: #fff;}
.sys5 .nr dl dd{ font-size: 16px; line-height: 30px; margin-top:30px;}

.sys6{ height: 700px; padding: 80px 0; background: url(../image/jcbg.jpg) center no-repeat; margin-top: 80px;}
.sys .tybt2{ text-align: center;}
.sys .tybt2 h4{ font-size: 46px; font-weight: bold; color: #fff;}
.sys .tybt2 h4 b{ color: #ffc600;}
.sys .tybt2 p{ font-size: 18px; margin-top: 15px; color: #fff;}
.sys6 .nr{ margin-top: 60px;}
.sys6 .nr .jcul{ width: 850px; margin: 0 auto;}
.sys6 .nr .jcul li{ width: 78px; height: 68px; float: left; margin: 0 20px; border: 1px solid #999; border-radius: 50%; text-align: center; line-height: 34px; font-size: 24px; font-weight: bold; color: #fff; padding:30px 25px; cursor: pointer;}
.sys6 .nr .jcul li.on{ border: 1px solid #296dde; background: #296dde;}
.sys6 .jct{ margin-top: 60px;}
.sys6 .jct ul{ width: 1200px;}
.sys6 .jct .list{ width: 1230px;}
.sys6 .jct .list li{ width: 380px; height: 64px; background:#fff; float: left; margin-right: 30px; margin-bottom: 30px; position: relative; cursor: pointer;}
.sys6 .jct .list li .bold{ height: 62px; background: url(../image/jcjh.png) right no-repeat; line-height: 62px; margin: 0 30px; font-size: 18px;}
.sys6 .jct .list li p{ width: 380px; height: 64px; background: #296dde; text-align: center; line-height: 62px; font-size: 15px; color: #fff; position: absolute; left: 0; top: 0; display: none;}
.sys6 .jct .list li:hover p{ display: block;}

.sys7{ padding: 80px 0;}
.sys7 .sub2_2{ position:relative; height:340px; margin-top:50px;}
.sys7 .sub2_2 a.plus{ width:60px; height:60px; display:block; position:absolute; left:-100px; top:100px; background:  url(../image/sy3jtL.png) no-repeat; cursor: pointer;}
.sys7 .sub2_2 a.plus:hover{ background: url(../image/sy3jtL2.png) no-repeat;}
.sys7 .sub2_2 a.minus{ width:60px; height:60px; display:block; position:absolute; right:-100px; top:100px; background:  url(../image/sy3jtR.png) no-repeat; cursor: pointer;}
.sys7 .sub2_2 a.minus:hover{ background: url(../image/sy3jtR2.png) no-repeat;}
.sys7 .box{ position:absolute; left:0px; top:0px; width:1200px; height:340px; overflow:hidden;}
.sys7 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:340px; overflow:hidden;}
.sys7 ul.list li{ float:left; width:410px; height:340px; position:relative;}
.sys7 ul.list li img{ width: 380px; height: 260px;}
.sys7 ul.list li p{ width: 380px; height: 56px; line-height: 56px; font-size: 18px; text-align: center; margin-top: 10px; border-bottom: 2px solid #ddd;}
.sys7 ul.list li:hover img{ width: 376px; height: 256px; border: 2px solid #296dde;}
.sys7 ul.list li:hover p{ color: #296dde; border-bottom: 2px solid #296dde;}


.sys8 .sub2_2{ position:relative; height:420px; margin-top: 30px;}
.sys8 .sub2_2 a.plus{ width:120px; height:50px; display:block; position:absolute; left:-170px; top:180px; background:  url(../image/zsL1.png) no-repeat; cursor: pointer;}
.sys8 .sub2_2 a.plus:hover{ background: url(../image/zsL2.png) no-repeat;}
.sys8 .sub2_2 a.minus{ width:120px; height:50px; display:block; position:absolute; right:-170px; top:180px; background:  url(../image/zsR1.png) no-repeat; cursor: pointer;}
.sys8 .sub2_2 a.minus:hover{ background: url(../image/zsR2.png) no-repeat;}
.sys8 .box{ position:absolute; left:0px; top:0px; width:1200px; height:420px;overflow: hidden;}
.sys8 ul.list{ position:absolute; left:0px; top:0px; width:200000px; overflow:hidden;  padding-top: 20px; }
.sys8 ul.list li{ float:left; width:305px; height:400px; position:relative;}
.sys8 ul.list li img{ width: 285px; height:360px;}
.sys8 ul.list li p{ width: 285px; font-size: 16px; text-align: center; margin-top: 20px;}
.sys8 ul.list li:hover p{ color: #296dde;}
.sys8 ul.list li:hover{transform:translate(0,-20px);transition:all 0.5s;}


.sys9{ margin-top: 80px; height: 1040px; padding: 100px 0; background: url(../image/ysbg.jpg) center no-repeat;}
.sys9 .nr{ margin-top: 50px;}
.sys9 .nr .ys1{ height:320px; background: url(../image/ysk.png) center no-repeat; padding: 60px 0;}
.sys9 .nr .ys1 .img{ width: 570px; height: 320px;}
.sys9 .nr .ys1 .img img{ width: 570px; height: 320px;}
.sys9 .nr .ys1 .wz{ width: 520px; height: 320px; overflow: hidden;margin-left: 60px;}
.sys9 .nr .ys1 .wz dl{ width: 520px; margin:20px 0 80px 0;}
.sys9 .nr .ys1 .wz dl dt{ width: 46px; height: 56px; border-bottom: 2px solid #ffc600; font-size: 46px; font-weight: bold; color: #ffc600; font-family: 'Oswald-Medium'; line-height: 46px; float: left;}
.sys9 .nr .ys1 .wz dl dd{ width: 454px; float: left; margin-left: 20px;}
.sys9 .nr .ys1 .wz dl .dd1{ font-size: 20px; font-weight: bold; color: #fff;}
.sys9 .nr .ys1 .wz dl .dd2{ font-size: 15px; line-height: 26px; color: #d7e4f9; margin-top: 20px;}
.sys9 .nr .ys2{ margin-top: 50px;}
.sys9 .nr .ys2 .ysnr{ width: 570px;}
.sys9 .nr .ys2 .ysnr dl{ width: 570px;}
.sys9 .nr .ys2 .ysnr dl dt{width: 46px; height: 56px; border-bottom: 2px solid #ffc600; font-size: 46px; font-weight: bold; color: #ffc600; font-family: 'Oswald-Medium'; line-height: 46px; float: left;}
.sys9 .nr .ys2 .ysnr dl dd{ width: 504px; float: left; margin-left: 20px;}
.sys9 .nr .ys2 .ysnr dl .dd1{ font-size: 20px; font-weight: bold; color: #fff;}
.sys9 .nr .ys2 .ysnr dl .dd2{ font-size: 15px; line-height: 26px; color: #dadbde; margin-top: 20px;}
.sys9 .nr .ys2 .ysnr img{ width: 570px; height: 260px; margin-top: 30px;}

.sys10{ padding-top: 80px; padding-bottom: 100px;}
.sys10 .nr{ margin-top: 50px;}
.sys10 .nr .dt{ width: 600px; height: 404px;}
.sys10 .nr .dt img{ width: 600px; height: 404px;}
.sys10 .nr ul{ width: 600px; height: 404px; overflow: hidden;}
.sys10 .nr ul li{ width: 296px; height: 200px; float: left; margin-left: 4px; margin-bottom: 4px;}
.sys10 .nr ul li img{ width: 296px; height: 200px;}