﻿


/*首页 banner*/
.fullSlide{width:100%;position:relative;height:750px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; width:100%; position:absolute; margin:0 auto;position:relative;z-index:0;overflow:hidden; width:1920px; position:absolute; left:50%; margin-left:-960px;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:750px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:750px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:60px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:22px;height:22px;margin:5px;overflow:hidden;background:url(../image/ggan1.png) no-repeat;line-height:999px;}
.fullSlide .hd ul .on{ background: url(../image/ggan2.png) no-repeat;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}



/*----内容区----*/
/*----个性化定制----*/
.con1{ padding-top: 100px;}
.con1 .bt{ text-align: center;}
.con1 .bt h4{ width: 675px; height: 46px; background: url(../image/bttylogo.png) left no-repeat; text-indent: 201px; font-size: 46px; color: #296dde; margin: 0 auto; line-height: 46px;}
.con1 .bt p{ width: 355px; height: 20px; background: url(../image/sy1btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px; line-height: 20px;}
.con1 .sub2_2{ position:relative; height:340px; margin-top: 50px;}
.con1 .sub2_2 a.plus{ width:40px; height:60px; display:block; position:absolute; left:-100px; top:140px; background:  url(../image/sy1jtL.png) no-repeat; cursor: pointer;}
.con1 .sub2_2 a.plus:hover{ background: url(../image/sy1jtL2.png) no-repeat;}
.con1 .sub2_2 a.minus{ width:40px; height:60px; display:block; position:absolute; right:-100px; top:140px; background:  url(../image/sy1jtR.png) no-repeat; cursor: pointer;}
.con1 .sub2_2 a.minus:hover{ background: url(../image/sy1jtR2.png) no-repeat;}
.con1 .box{ position:absolute; left:0px; top:0px; width:1200px; height:340px; overflow:hidden;}
.con1 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:340px; overflow:hidden;}
.con1 ul li{ float:left; width:300px; height:340px; position:relative; background: url(../image/sy1bg1.png) no-repeat;}
.con1 ul li:hover{ background: url(../image/sy1bg2.png) no-repeat;}
.con1 ul li dl{ width: 300px; height: 270px; padding-top:70px; text-align: center;}
.con1 ul li dl .dt1{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) no-repeat; margin: 0 auto;}
.con1 ul li dl .dt2{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -96px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt3{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -192px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt4{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -288px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt5{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -384px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt6{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -480px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt7{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -576px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt8{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -672px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dt9{ width: 96px; height: 96px; background: url(../image/sy1tb1.png) -768px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt1{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt2{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -96px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt3{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -192px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt4{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -288px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt5{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -384px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt6{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -480px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt7{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -576px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt8{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -672px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl:hover .dt9{ width: 96px; height: 96px; background: url(../image/sy1tb2.png) -768px 0 no-repeat; margin: 0 auto;}
.con1 ul li dl .dd1{ font-size: 30px; font-weight: bold; color: #296dde; margin-top: 40px;}
.con1 ul li dl .dd2{ font-size: 16px; margin-top: 15px;}
.con1 ul li:hover dl .dd1,.con1 ul li:hover dl .dd2{ color: #fff;}


.con2{ padding-top: 100px;}
.con2 .bt{ text-align: center;}
.con2 .bt h4{ width: 740px; height: 46px; background: url(../image/bttylogo.png) left no-repeat; text-indent: 201px; font-size: 46px; color: #296dde; margin: 0 auto; line-height: 46px;}
.con2 .bt p{ width: 628px; height: 20px; line-height: 20px; background: url(../image/sy2btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px;}
.con2 .nr{ height: 600px; padding: 80px 0; background: url(../image/sy2bg.jpg) center no-repeat; margin-top: 50px;}
.con2 .nr .js{ height: 600px; background: url(../image/sy2t.png) center no-repeat;}
.con2 .nr .js1{ width: 1040px; margin: 0px auto;}
.con2 .nr .js2{ width: 1200px; margin: 80px auto;}
.con2 .nr .js dl{ width: 300px; height: 150px;}
.con2 .nr .js dl .dt1{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) no-repeat;}
.con2 .nr .js dl .dt2{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) -40px 0 no-repeat;}
.con2 .nr .js dl .dt3{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) -80px 0 no-repeat;}
.con2 .nr .js dl .dt4{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) -120px 0 no-repeat;}
.con2 .nr .js dl .dt5{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) -160px 0 no-repeat;}
.con2 .nr .js dl .dt6{ width: 40px; height: 150px; float: left; background: url(../image/sy2sz.png) -200px 0 no-repeat;}
.con2 .nr .js dl dd{ width: 240px; float: left; margin-left: 20px;}
.con2 .nr .js dl .dd1{ width: 240px; height:40px; font-size: 24px; font-weight: bold; color: #fff; border-bottom: 1px solid #8a98b8;}
.con2 .nr .js dl .dd2{ width: 240px; margin-top: 20px;}
.con2 .nr .js dl .dd2 p{ background: url(../image/sy2yd.png) left no-repeat; text-indent: 16px; line-height: 30px; font-size: 15px; color: #d0d5e0;}


.con3{ height: 850px; background: url(../image/sy3bg.png) center no-repeat; padding: 100px 0;}
.con3 .bt{ text-align: center;}
.con3 .bt h4{ width: 525px; height: 46px; background: url(../image/bttylogo.png) left no-repeat; text-indent: 201px; font-size: 46px; color: #296dde; margin: 0 auto; line-height: 46px;}
.con3 .bt p{ width:495px; height: 20px; line-height: 20px; background: url(../image/sy3btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px;}

.con3 .nr{ margin-top: 50px;}
.con3 .cpul{ width:880px; margin: 0 auto;}
.con3 .cpul li{ width: 200px; height:110px; float: left; margin: 0 10px; cursor: pointer; text-indent: -200px; overflow: hidden;}
.con3 .cpul li .p1{ width: 196px; height: 106px; background: url(../image/sy3flt1.jpg) no-repeat; border: 2px solid #ddd;}
.con3 .cpul li .p2{ width: 196px; height: 106px; background: url(../image/sy3flt2.jpg) no-repeat; border: 2px solid #ddd;}
.con3 .cpul li .p3{ width: 196px; height: 106px; background: url(../image/sy3flt3.jpg) no-repeat; border: 2px solid #ddd;}
.con3 .cpul li .p4{ width: 196px; height: 106px; background: url(../image/sy3flt4.jpg) no-repeat; border: 2px solid #ddd;}
.con3 .cpul li .p4{ width: 196px; height: 106px; background: url(../image/sy3flt4.jpg) no-repeat; border: 2px solid #ddd;}
.con3 .cpul li.on{ text-indent: inherit;}
.con3 .cpul li.on .p1{ width: 200px; height: 110px; background: #296dde; text-align: center; line-height: 110px; font-size: 18px; color: #fff; border: none;}
.con3 .cpul li.on .p2{ width: 200px; height: 110px; background: #296dde; text-align: center; line-height: 110px; font-size: 18px; color: #fff; border: none;}
.con3 .cpul li.on .p3{ width: 200px; height: 110px; background: #296dde; text-align: center; line-height: 110px; font-size: 18px; color: #fff; border: none;}
.con3 .cpul li.on .p4{ width: 200px; height: 110px; background: #296dde; text-align: center; line-height: 110px; font-size: 18px; color: #fff; border: none;}
.con3 .cpt{ height: 400px; margin-top: 40px;}
.con3 .cpt ul.qh{ width:1200px;}
.con3 .cpt ul.qh .gg{ width: 1200px; height: 420px; border-radius: 30px;}
.con3 .sub2_2{ position:relative; height:310px; margin-top: 40px;}
.con3 .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;}
.con3 .sub2_2 a.plus:hover{ background: url(../image/sy3jtL2.png) no-repeat;}
.con3 .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;}
.con3 .sub2_2 a.minus:hover{ background: url(../image/sy3jtR2.png) no-repeat;}
.con3 .box{ position:absolute; left:0px; top:0px; width:1200px; height:310px; overflow:hidden;}
.con3 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:310px; overflow:hidden;}
.con3 ul.list li{ float:left; width:410px; height:340px; position:relative;}
.con3 ul.list li img{ width: 378px; height: 258px; border: 1px solid #ddd;}
.con3 ul.list li p{ width: 380px; font-size: 18px; text-align: center; margin-top: 20px;}
.con3 ul.list li:hover img{ border: 1px solid #296dde;}
.con3 ul.list li:hover p{ color: #296dde;}

.con3 .cpfl{ width: 1160px; height: 220px; border: 1px dashed #999; background: #f4f4f4; margin-top: 50px; padding:20px 19px;}
.con3 .cpfl .flbt{ width: 120px; height: 220px; background: #296dde; text-align: center;}
.con3 .cpfl .flbt h4{ font-size: 28px; font-weight: bold; color: #fff; margin-top: 50px;}
.con3 .cpfl .flbt p{ font-size: 12px; font-family: arial; color: #94b6ef; text-transform: uppercase; margin-top: 15px;}
.con3 .cpfl .list{ width: 1000px; margin-left: 30px;}
.con3 .cpfl .list .hy{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; height: 60px;}
.con3 .cpfl .list .bold{ font-size: 16px; font-weight: bold; width: 110px; line-height: 30px;}
.con3 .cpfl .list .menu{ width: 800px;}
.con3 .cpfl .list .menu a{ font-size: 14px; color: #666; margin-right: 30px; line-height: 30px;}
.con3 .cpfl .list .menu a:hover{ color: #296dde;}
.con3 .cpfl .list .gl{ margin-top: 20px; height: 36px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.con3 .cpfl .list .more{ width: 36px; height: 36px; background: url(../image/sy3gd.png) no-repeat;}
.con3 .cpfl .list .more:hover{ background: url(../image/sy3gd2.png) no-repeat;}


.con4{ margin-top: 50px;}
.con4 .bt{ text-align: center; height: 137px; background: url(../image/sy4btbg.png) center no-repeat; padding-top: 50px;}
.con4 .bt h4{ width: 385px; height: 46px; background: url(../image/bttylogo.png) left no-repeat; text-indent: 201px; font-size: 46px; color: #296dde; margin: 0 auto; line-height: 46px;}
.con4 .bt p{ width:608px; height: 20px; line-height: 20px; background: url(../image/sy4btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px;}

.con4 .ppts{ height: 660px; background: #1c4994;}
.con4 .tsul{ width:300px; height: 640px; background: #296dde; padding-top: 20px;}
.con4 .tsul li{ width: 230px; height:100px; padding-left: 30px; cursor: pointer; line-height: 100px; border-bottom: 1px solid #7fa7eb; margin-left: 40px; font-size: 20px; font-weight: bold; color: #fff;}
.con4 .tsul li.on{ background: #ffc600; color: #333; border: none;}

.con4 .tst{ width: 900px; height: 660px;}
.con4 .tst li{ width: 900px; height: 660px; position: relative;}
.con4 .tst li img{ width: 900px; height: 660px;}
.con4 .tst li .wz{ width: 830px; height: 90px; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0; padding: 45px 35px;}
.con4 .tst li .wz .bold{ font-size: 24px; font-weight: bold; color: #fff; line-height: 24px;}
.con4 .tst li .wz p{ font-size: 15px; color: #d3d4d3; line-height: 30px; margin-top: 18px;}


.con5{ padding: 100px 0;}
.con5 .bt{ text-align: center;}
.con5 .bt h4{ font-size: 40px; color: #296dde; line-height: 40px;}
.con5 .bt p{ width:385px; height: 20px; line-height: 20px; background: url(../image/sy5btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px;}
.con5 .sub2_2{ position:relative; height:540px; margin-top: 50px;}
.con5 .sub2_2 a.plus{ width:40px; height:60px; display:block; position:absolute; left:-100px; top:220px; background:  url(../image/sy1jtL.png) no-repeat; cursor: pointer;}
.con5 .sub2_2 a.plus:hover{ background: url(../image/sy1jtL2.png) no-repeat;}
.con5 .sub2_2 a.minus{ width:40px; height:60px; display:block; position:absolute; right:-100px; top:220px; background:  url(../image/sy1jtR.png) no-repeat; cursor: pointer;}
.con5 .sub2_2 a.minus:hover{ background: url(../image/sy1jtR2.png) no-repeat;}
.con5 .box{ position:absolute; left:0px; top:0px; width:1200px; height:540px; overflow:hidden;}
.con5 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:540px; overflow:hidden;}
.con5 ul.list li{ width: 300px; height: 540px; float: left;}
.con5 ul.list li img{ width: 300px; height: 340px;}
.con5 ul.list li dl{ width: 300px; height: 200px;}
.con5 ul.list li dt{ font-size: 80px; font-family: arial; color: #296dde; font-weight: bold; text-align: center; margin-top: 40px; line-height: 80px;}
.con5 ul.list li dd{ font-size: 24px; font-weight: bold; text-align: center; margin-top: 10px;}


.con6 .bt{ text-align: center;}
.con6 .bt h4{ font-size: 46px; line-height: 46px; color: #333; font-weight: normal;}
.con6 .bt h4 strong{ color: #296dde;}
.con6 .bt p{ width:385px; height: 20px; line-height: 20px; background: url(../image/sy5btx.png) center no-repeat; margin: 20px auto 0 auto; font-size: 18px;}
.con6 .nr{ height: 1000px; background: url(../image/sy6bg.jpg) center no-repeat; margin-top: 50px;}
.con6 .nr .rw{ width: 950px; height: 520px; margin: 0 auto;}
.con6 .nr .rw .tp{ width: 364px; height: 489px; margin-top:31px; }
.con6 .nr .rw .wz{ width: 350px; height: 360px; background: #296dde; padding: 80px 65px;}
.con6 .nr .rw .wz h5{ font-size: 40px; color: #fff; font-weight: normal;}
.con6 .nr .rw .wz h5 strong{ color: #ffc600;}
.con6 .nr .rw .wz .name{ height: 34px; background: url(../image/sy6xt.png) 80px 22px no-repeat; margin-top: 40px; font-size: 30px; font-weight: bold; color: #ffc600;}
.con6 .nr .rw .wz .name strong{ font-size: 18px; color: #fff; margin-left: 130px; font-weight: normal;}
.con6 .nr .rw .wz .mx{ margin-top:50px; }
.con6 .nr .rw .wz .mx p{ background: url(../image/sy6d.png) left no-repeat; text-indent: 20px; font-size: 16px; line-height: 40px; color: #fff;}

.con6 .nr .js{ width: 1200px; height: 480px; position: relative;}
.con6 .nr .js .menu{ width: 230px; height: 440px; background: #296dde; padding:20px 45px;}
.con6 .nr .js .menu li{ width: 230px; height: 100px; border-bottom: 1px solid #6a99e8; padding-top: 40px;}
.con6 .nr .js .menu li a{ width: 230px; height: 100px; display: block;}
.con6 .nr .js .menu li p{ font-size: 20px; font-family: arial; color: #8db1ed; text-transform: uppercase;}
.con6 .nr .js .menu li .bold{ font-size: 24px; color: #fff; margin-top: 6px;}
.con6 .nr .js .menu li a:hover .bold{ color: #ffc600;}
.con6 .nr .js .wz{ width: 720px; height: 480px; background: url(../image/sy6bk.png) no-repeat; padding:0 80px;}
.con6 .nr .js .wz dl{ margin-top: 80px;}
.con6 .nr .js .wz dl dt{ font-size: 24px; font-weight: bold;}
.con6 .nr .js .wz dl dd{ font-size: 16px; line-height: 36px; margin-top: 15px;}
.con6 .nr .more{ width: 60px; height: 60px; background: url(../image/sy6jh.png) no-repeat; display: block; position: absolute; left: 290px; top: 210px;}
.con6 .nr .more:hover{ background: url(../image/sy6jh2.png) no-repeat;}


.con7{ padding-top: 80px; padding-bottom: 100px;}
.con7 .bt{ width: 478px; height: 80px; background: url(../image/sy7bt.png) no-repeat; margin: 0 auto; text-align: center;}
.con7 .bt h4{ font-size: 46px; font-weight: bold; color: #296dde; line-height: 46px;}
.con7 .bt p{ font-size: 18px; margin-top: 20px;}
.con7 .nr{ height: 590px;}
.con7 .xwul{ width:720px; height: 50px; margin: 50px auto 0 auto;}
.con7 .xwul li{ width: 160px; height:50px; text-align: center; background: url(../image/sy7fl1.png) no-repeat; font-size: 20px; line-height: 50px;  float: left; margin: 0 10px; cursor: pointer;}
.con7 .xwul li.on{ background:url(../image/sy7fl2.png) no-repeat; color: #fff;}
.con7 .xwt{ margin-top: 50px; height: 490px; overflow: hidden;}
.con7 .xwt li{ width: 1200px;}
.con7 .xwt li .img{ width: 560px; height: 360px; position: relative; margin-bottom: 30px;}
.con7 .xwt li .img img{ width: 560px; height: 360px;}
.con7 .xwt li .img a{ width: 120px; height: 50px; background: url(../image/sy7xq.png) no-repeat; display: block; position: absolute; right: 0; bottom: 0;}
.con7 .xwt li .img a:hover{ background:url(../image/sy7xq2.png) no-repeat;}
.con7 .xwt li dl{ width: 560px; height: 88px; margin-bottom: 40px;}
.con7 .xwt li dl dt{ width: 88px; height: 88px; border-right: 1px solid #ddd; padding-right: 26px; float: left;}
.con7 .xwt li dl dt p{ font-size: 16px; font-family: arial; color:#666; font-weight: bold; text-align: right;} 
.con7 .xwt li dl dt .bold{ font-size: 80px; font-family: arial; color: #ccc; font-weight: bold; line-height: 80px;}
.con7 .xwt li dl dd{ width: 420px; float: left; margin-left: 25px;}
.con7 .xwt li dl .dd1 a{ width: 420px; height: 22px; font-size: 18px; font-weight: bold; overflow: hidden; display: block; line-height: 20px;}
.con7 .xwt li dl .dd2{ width: 420px; height: 50px; line-height: 25px; font-size: 15px; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box; margin-top: 15px;}








