*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
.fixed{position:fixed;top:0;z-index:999999;}
.navhigh{ width: 100%; display: none;}
.article h2{font-size:42px;color:#000;text-align: center;}
.white{color: #fff;}
body{overflow-x:hidden;}
.transtion{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn{display:block;width:440px;height:80px;border-radius:50px;background:#e80052;font-size:20px;line-height:80px;text-align:center;margin:30px auto;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; clear:both;}
.btn a{color:#fff;font-size: 26px;}
.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);box-shadow:-2px 0 5px #f53e7f,0 -2px 5px #f53e7f,0 2px 5px #f53e7f,2px 0 5px #f53e7f;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.over{overflow: hidden;}
.wp{width: 1180px;margin:0 auto;}
.wp i{font-style: normal;}
/*======*/
.banner{display:block;width: 100%;height: 650px;background: url(../images/banner.jpg) no-repeat center center;}
#subnav{width:100%;background:#00063e;}
#subnav ul{width:1180px;margin:0 auto;overflow:hidden;}
#subnav ul li{float:left;height:70px;line-height:70px;padding:0 44px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;background:url(../images/nav-bg.png) no-repeat right center; ;}
#subnav ul li.last{background: none;}
#subnav ul li a{font-size:22px;color:#fff;}
#subnav ul li.on{background:#023994;}
#subnav ul li:hover{background:#023994;}
#section1{padding:40px 0;}
#section1 img{margin-top: 30px;}
#section2 h3{font-size: 30px;font-weight: 700;text-align: center;width: 700px;margin:0 auto;padding-left: 30px;margin-bottom: 40px;}
#section2 h3 i{font-size: 30px;font-weight: normal;}
#section2 img{margin:0 90px 20px;}
#section3{margin-top: 60px;}
#section3 h2{line-height: 40px;}
#section3 h2 i{font-size: 16px;font-weight: normal;}


.myba{background: #e6e6e6; position: relative; width:100%; margin-top: 0px; clear: both;}
.myse{height: 660px; width: 1180px; margin: 0 auto;}
.myse .hra{width: 1px; height: 100px; position: absolute; margin-left: 55px; background: #b9c4d7;}
.rad{z-index: 10;position: absolute; top: 30px;width: 110px; height: 110px; border-radius: 110px; background-color: #5277b3; color:#fff; font-size: 28px; line-height: 110px; text-align: center;}
.radcen{width: 668px; height: 610px; position: absolute; top: 50px; margin-left: 55px; padding-left: 75px; border-left: #b9c4d7 1px solid; font-weight: bold;}
.radcen .str{font-size: 38px; font-weight: bold;}
.radcen dl dt{font-size: 20px; margin:10px 0; }
.radcen dl dd{font-size: 16px;}
.radcen img{margin: 20px 0;}
.radcen .yshi{margin: 10px 0; font-size:20px;}
.z-index{z-index:10;}
.rw{display:block;top: 1px; margin-left: 610px; position: absolute; clear:both; }

.ljzx{display:block;width:180px; top: 460px; font-size: 30px;color:#fff; margin-left: 800px;height:180px;border-radius:180px;line-height:180px;text-align:center; position: absolute;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; clear:both; }
.ljzx a{color:#fff;font-size: 26px;}
.ljzx:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);box-shadow:-2px 0 5px rgba(255,255,255,0.5),0 -2px 5px rgba(255,255,255,0.5),0 2px 5px rgba(255,255,255,0.5),2px 0 5px rgba(255,255,255,0.5);}
.rwq{width:1050px; height:63px; margin:0 auto;}
.rwq ul li{width:332px; height:63px; text-align:center;line-height:63px;font-weight:bold;font-size:28px;border-top-left-radius:30px;border-top-right-radius:30px;float:left; margin:40px 5px -5px 0; position:relative;background-color:#D6D2D3;}
.rwq ul li:after{width:332px; height:63px; border-radius:130px; }
.rwq ul li.on:after{width:332px; height:63px; border-radius:130px; background:none;background-color:#5277B3; display:block; position:absolute; top:0;color:#fff;cursor:pointer;  }
.rwq ul li.on{background-color:#5277B3;color:#fff;cursor:pointer;}

.focusBox { position: relative; width:1180px; height:234px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:972px; height:234px; margin:0 auto; display: block; }
.focusBox .prev,
.focusBox .next { width: 73px; height: 73px; margin: -73px 0 0; background: url('../images/ad_ctr.png') no-repeat 0 0; position: absolute; top: 73%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.focusBox .prev { left: 0; background-position: 0 -73px;}
.focusBox .next { background-position: 0 0; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=80) !important;opacity:0.8 !important;}



#section8 h2{padding:20px;}
#section8 .bg8{background: url('../images/zba.jpg') no-repeat center; height: 765px; width: 100%;}
#section8 ul{overflow: hidden; padding-top: 120px; height: 515px;}
#section8 ul li{width:380px; height: 100%; background: #fff; float: left; margin-right: 20px; background: rgba(142,48,193,0.5); text-align: center;}
#section8 ul li h3{font-size: 30px;color: #fff;margin-top: 30px;}
#section8 ul li img{margin: 20px 0;}
#section8 ul li p{width: 306px; margin: 0 auto; font-size: 18px; color: #fff;}
	
	
#section3 .ss{background: #204c93;font-size: 24px;color: #fff;padding:10px 20px;}
#section3 .box1 ul{margin-top: 20px;}

#section3 .box1 ul li{float: left;padding:5px;box-shadow:-2px 0 5px #dddddd,0 -2px 5px #dddddd,0 2px 5px #dddddd,2px 0 5px #dddddd;margin-right: 12px;margin-bottom: 6px;}
#section3 .box1 ul li.l1{height: 430px;}
#section3 .box1 ul li.l3{margin-right: 0;height: 272px;}
#section3 .box1 ul li.last{width: 330px;padding:21px 30px;font-size: 16px;margin-right: 0;}
#section3 .box2 {margin-top: 10px;}
#section3 .box2 img{margin-top: 20px;}
#section3 .box2 ul .left{width: 380px;float: left;margin-left: 5px;}
#section3 .box2 ul .right{width: 790px;float: right;}
#section3 .box2 ul .left p{padding:37px 30px;font-size: 16px;}
#section3 .box2 ul .right p{padding:50px;font-size: 16px;}
#section3 .box2 ul li{box-shadow:-2px 8px 5px #dddddd,0 -2px 5px #dddddd,0 2px 5px #dddddd,2px 0 5px #dddddd;}
#section3 .box3{margin-top: 30px;}
#section3 .box3 ul{margin-top: 20px;}
#section3 .box3 ul li{float: left;box-shadow:-2px 8px 5px #dddddd,0 -2px 5px #dddddd,0 2px 5px #dddddd,2px 0 5px #dddddd;}
#section3 .box3 ul li{width: 225px;height: 314px;padding:5px;margin-right:1px;}
#section3 .box3 ul .last{margin-right: 0;}
.diff{/* background:#dbdddd; */padding:20px;overflow:auto;margin-left: -20p;padding-left: -20px;}
.diff h2{
    margin-bottom: 30px;
;}
.diff div{padding:20px;background:#fff;margin-bottom:20px;text-align:center;font-size:24px;/* line-height:54px; */margin: 10px;padding-bottom: 0;/* -webkit-box-shadow: 0 0 10px 15px #d4d4d4; */-moz-box-shadow:0 0 10px 15px #0CC;/* box-shadow: 0 0 10px 15px #f3f3f3; */width: 570px;float: l;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #d4d4d4;}
.diff div img{height:216px;}

.advanced{background-color:#3b69b9;/* overflow:auto */height: 716px;}
.advanced ul{overflow:hidden;}
.advanced h2{color:#fff;padding:21px;padding-bottom: 10px;}
.advanced li{margin: 20px;/* overflow: auto; */background: #fff;/* width: 28.888888%; */float: left;width: 353px;height:420px;}
.advanced li img{width:100%;}
.advanced li .fl{width:50%;}
.advanced li h2{color:#000;font-size: 21px;}
.advanced li p{padding:35px;padding-top: 10px;text-align:center;font-size: 14px;}
.advanced li hr{height: 7px;
    background: #3f7eea;
    width: 100px;
    margin: 0 auto;
    border-radius: 30px;
    border:none;}
    .brand{
        display: block;
        width: 100%;
        height: 419px;
        background: url(../images/brand.jpg) no-repeat center center;
        position:relative;
;}
.brand .baozhang a{ position:absolute; left:945px; top:318px;border:2px solid #000; padding:5px 14px;font-weight:bold;color:#000;}

.brand .zixun{position:absolute; left:1137px; top:318px;padding:7px 14px;font-weight:bold;color:#fff;background:#f2831a;}

#section4s{width: 100%;height: 633px;background: url(../images/bg1.jpg) no-repeat center center;padding-top: 80px;}
#section4s h2{color: #fff;}
#section4s .nav{position: relative;}
#section4s .nav li{font-size: 18px;color: #fff;width:60px;height: 60px;background: url(../images/icon1.png) no-repeat center center;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;text-align: center;line-height: 60px;position: absolute;z-index: 999;}
#section4s .nav li.on{background: url(../images/icon2.png) no-repeat center center;}
#section4s .nav li:nth-child(1){left:330px;top:240px;}
#section4s .nav li:nth-child(2){left:288px;top:190px;}
#section4s .nav li:nth-child(3){left:225px;top:165px;}
#section4s .nav li:nth-child(4){left:160px;top:183px;}
#section4s .nav li:nth-child(5){left:120px;top:230px;}
#section4s .nav li:nth-child(6){left:280px;top:260px;}
#section4s .nav li:nth-child(7){left:230px;top:270px;}
#section4s .nav li:nth-child(8){left:170px;top:260px;}
#section4s .tab,#section4s .tab2{position: relative;}
#section4s .tab li{color: #fff;width: 490px;}
#section4s .tab li h3{font-size: 24px;font-weight: 700;}
#section4s .tab li p{font-size: 18px;}
#section4s .tab li{right:90px;top:140px;position: absolute;}
#section4s .tab2 li{position: absolute;}
#section4s .tab2 li:nth-child(1){left:377px;top:200px;}
#section4s .tab2 li:nth-child(2){left:330px;top:147px;}
#section4s .tab2 li:nth-child(3){left:270px;top:127px;}
#section4s .tab2 li:nth-child(4){left:188px;top:137px;}
#section4s .tab2 li:nth-child(5){left:169px;top:197px;}
#section4s .tab2 li:nth-child(6){left:331px;top:233px;}
#section4s .tab2 li:nth-child(7){left:268px;top:227px;}
#section4s .tab2 li:nth-child(8){left:207px;top:215px;}

.section h2{font-size: 30px;}
.section ul{overflow: hidden;margin-bottom: 20px;}
.section ul li{float: left;margin-right: -20px;width: 188px;text-align: center;line-height: 20px;}
.section ul li.last{margin-right: none;}
.section  h3{font-size: 24px;color: #1e4888;text-align: center;}
.section2 .over1{width: 1180px;margin-top: 20px;}
.section2 .left{width: 530px;float: left;}
.section2 .right{width: 554px;float: right;}
.section2 .left p{background: url(../images/w1_1.jpg) no-repeat left 5px center;}
.section2 .right p{background: url(../images/w2_1.jpg) no-repeat left 5px center;}
.section2 .over1 h3{font-size: 24px;text-align: center;font-weight: 700;}
.section2 .over1 p{font-size: 18px;color: #2f2f2f;width: 278px;height: 176px;padding-left: 270px;box-shadow:-2px 0 5px #dddddd,0 -2px 5px #dddddd,0 2px 5px #dddddd,2px 0 5px #dddddd;margin-top:5px;padding-top: 5px;padding-bottom: 5px;}
.section2 ul {margin-top: 30px;}
.section2 ul li{float: left;width: 250px;height: 198px;box-shadow:-2px 0 5px #dddddd,0 -2px 5px #dddddd,0 2px 5px #dddddd,2px 0 5px #dddddd;padding:5px;margin-right: 45px;position: relative;}
.section2 ul li.last{margin-right: 0;}
.section2 ul li span{font-size: 24px;font-weight: 700;color: #fff;position: absolute;left:50%;margin-left: -86.5px;;top:20px;display: block;width: 173px;height: 123px;text-align: center;background: url(../images/icon3.png) no-repeat center center;line-height: 30px;padding-top: 50px;opacity: 0;transition:all 500ms linear;-moz-transiton:all 500ms linear;-webket-transition:all 500ms linear;-o-transition:all 500ms linear;}
.section2 ul li:hover span{opacity: 1;}

#section5 {padding:40px 0;}
#section5 h2{line-height: 1.4em;margin-bottom:30px;}
#section5 ul li{width: 200px;padding:30px 30px 0 50px;float: left;height: 250px;border-radius: 50%;position: relative;margin-right: 20px;cursor: pointer;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
#section5 ul li:nth-child(1){background: #97c8f0;}
#section5 ul li:nth-child(2){background: #fe686a;}
#section5 ul li:nth-child(3){background: #00d8cf;}
#section5 ul li:nth-child(4){background: #ff814f;}
#section5 ul li:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}
#section5 ul .none{margin-right: 0;}
#section5 ul li .p1{font-size: 18px;color: #fff;margin-top: 20px;}
#section5 ul li .p2{font-size: 18px;color: #fff;line-height: 22px;background: url(../images/con2.png) no-repeat left center;padding-left:50px;position: absolute;bottom:30px;right:80px;margin-top: 50px;height: 50px;line-height: 50px;}



#section6{background: #00063e;position:relative;}
#section6 .top{padding-top: 30px;}
#section6 h2{background: url(../images/hbg7.png) no-repeat bottom center;color: #fff;}
#section6 ul{overflow:hidden;margin-top:20px;position:absolute;z-index:999;height: 200px;}
#section6 ul li{float:left;text-align: center;position: relative;}
#section6 ul li .img{position: absolute;left: 50%;margin-left: -9px;bottom:-10px;display: none;}
#section6 ul li.on .img{display: block;}
#section6 ul li p{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;text-align:center;background:#79adbc;width:144px;height:50px;line-height:50px;text-align:center;margin-right:4px;font-size:22px;color:#fff;}
#section6 ul li div{width: 84px;height: 84px;background: url(../images/ico-bg2.png) no-repeat center center;text-align: center;margin-left: 27px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
#section6 ul li div.d1 img{margin-top: 30px;}
#section6 ul li div.d2 img{margin-top: 27px;}
#section6 ul li div.d3 img{margin-top: 18px;}
#section6 ul li div.d4 img{margin-top: 24px;margin-left: 3px;}
#section6 ul li:hover div,#section6 ul li.on div{background: url(../images/ico-bg1.png) no-repeat center center;}
#section6 ul li:hover p,#section6 ul li.on p{background: #ff0060;}
#section6 ul li.last{margin-right:0;}
#section6 .insection7{width:1180px;height:520px;margin-top:140px;overflow:hidden;position:relative;}
#section6 .insection7 .scroll2{width:99999px;height:460px;margin-top:40px;overflow:hidden;position:absolute;left:0;top:0;}
#section6 .insection7 .scroll2 .inscroll{overflow:hidden;width:1180px;height:420px;float:left;background: url(../images/bg4.jpg) no-repeat center center;}
#section6 .insection7 .scroll2 .inscroll .left{float:left;}
#section6 .insection7 .scroll2 .inscroll .right{float:right;width:480px;position:relative;margin-top:30px;margin-right: 40px;}
#section6 .insection7 .scroll2 .inscroll .right h3{font-size:34px;color:#472b11;text-align:center;}
#section6 .insection7 .scroll2 .inscroll .right p{margin-top:10px;font-size:16px;color:#666;line-height:32px;}
#section6 .insection7 .scroll2 .inscroll .right span{position:absolute;left:50%;margin-left:-125px;bottom:-100px;}
#section6 .insection7 .scroll2 .inscroll .right a{display: inline-block;width: 166px;height: 40px;border:2px solid #000;text-align: center;line-height: 40px;color:#000;font-size: 20px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;margin-left: 20px;}
#section6 .insection7 .scroll2 .inscroll .right a:hover{background: #ff7e00;color: #fff;border:none;}
#section6 .insection7 .scroll2 .inscroll .right .btnss{margin-top: 30px;margin-left: 40px;}

.dbt { overflow: hidden; }
.dbt p { display: block; text-align: center; line-height: 2; }
.dbt ul { width:1180px; margin:10px auto; overflow: hidden; }
.dbt ul li { float: left; width:50%; margin: 10px 0; }
.dbt ul li img { display: block; margin:0 auto; }
/*hd*/
.case_scroll {  margin: 0 auto;  position: relative;  width: 868px;}
.case_scroll .cs-prev, .case_scroll .cs-next {  display: block;  height: 124px;  position: absolute;  top: 60px;  width: 42px;  z-index: 99;}
.case_scroll .cs-prev {  background:url("../images/prev.jpg") repeat scroll 0 0;  left: -80px;}
.case_scroll .cs-next {  background:url("../images/next.jpg") repeat scroll 0 0;  right: -80px;}
.case_scroll .slider {  height: 291px;  position: relative;  width: 868px;}
.case_scroll .slider li { display: block;height: 291px;  position: relative;  width: 868px;}
/*hd*/