* { 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: #333; }
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; }
.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: 335px; height:60px; background-color: #921ab5; border-radius: 27px; color: white; font-size: 24px; line-height:60px; margin: 40px auto 0; font-weight: 400;text-align: center; transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; }
.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 #c65ee4, 0 -2px 5px #c65ee4, 0 2px 5px #c65ee4, 2px 0 5px #c65ee4; }
.article { max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px; }
.article h2 { font-size: 36px; text-align: center; line-height: 1.2; background: url(../images/hbg1.jpg) no-repeat bottom center; padding-bottom: 15px; margin-bottom: 40px; }
.article h2 span { font-size: 36px; display: block; font-weight: normal; }
.over { overflow: hidden; }
.wp { width: 1180px; margin: 0 auto; }
.pb { padding: 60px 0; }
/*======*/
.banner { display: block; width: 100%; height: 800px; background: url(../images/banner.jpg) no-repeat center center; }
.section1{padding-bottom: 60px;}
.section1 ul { width: 1165px; overflow: hidden; margin: 0 auto; }
.section1 ul li { width: 233px; float: left; }
.section1 ul li dl dt { width: 172px; margin: 0 auto; margin-bottom: 5px; }
.section1 ul li dl dd h3 { font-size: 18px; text-align: center; font-weight: normal; margin-bottom: 10px; }
.section1 ul li dl dd p { background: #dadada; font-size: 16px; color: #666; padding: 15px 18px 30px; height: 90px; width: 197px; position: relative; display: none; }
.section1 ul li dl dd p span { position: absolute; left: 50%; margin-left: -12px; top: -10px; }
.section1 ul li.on dl dd p { display: block }
.section2 { background: #eeeeee; padding: 60px 0 160px; position: relative; }
.section2 .wp { height: 480px; background: url(../images/bg1.jpg) no-repeat center; padding-top: 40px; }
.section2 .wp .content { width: 1060px; margin: 0 auto; }
.section2 .wp .content ul { width: 1109px; overflow: hidden; }
.section2 .wp .content ul li { width: 321px; height: 427px; float: left; margin-right: 48px; position: relative; }
.section2 .wp .content ul li span { width: 100%; height: 210px; background: #000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; left: 0; bottom: -65px; }
.section2 .wp .content ul li div { width: 100%; height: 210px; position: absolute; left: 0; bottom: -65px; }
.section2 .wp .content ul li div h3 { font-size: 24px; color: #fff; text-align: center; padding-top: 5px; font-weight: normal; }
.section2 .wp .content ul li div p { font-size: 18px; color: #fff; padding: 0 20px; position: relative; }
.section2 .wp .content ul li div a { width: 180px; position: absolute; left: 50%; margin-left: -90px; bottom: 14px; font-size: 18px; height: 39px; line-height: 39px; }
.section2 .wp1 { width: 921px; background: none; position: absolute; left: 50%; margin-left: -460.5px; }
.section2 .wp1 ol { width: 990px; }
.section2 .wp1 ol li { width: 261px; height: 181px; background: #554e7b; border-radius: 50%; float: left; margin-right: 69px; padding-top: 80px; }
.section2 .wp1 ol li h3 { width: 130px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fff; margin: 0 auto; color: #fff; font-weight: normal; margin-bottom: 15px; }
.section2 .wp1 ol li p { font-size: 21px; text-align: center; color: #fff; }
.section2 .wp1 ol li a { font-size: 18px; text-align: center; color: #ca61e8; display: block; }
.section3 { margin-top: 240px; }
.section3 h2 { margin-bottom: 5px; }
.section3 p.p1 { width: 820px; margin: 0 auto; color: #666; padding-left: 93px; padding-top: 35px; background: url(../images/con2.png) no-repeat top left; margin-bottom: 50px; }
.item_scroll { width: 100%; position: relative; height: 825px; border-bottom: 1px dashed #c5c5c5; padding-bottom: 12px; }
.item_slider { width: 100%; height: 825px; position: relative; margin: 0 auto; overflow: hidden; }
.item_slider .bd li { width: 100%; height: 700px; }
.item_slider .bd li.l1 { background: url(../images/itembg1.jpg) no-repeat center }
.item_slider .bd li.l2 { background: url(../images/itembg2.jpg) no-repeat center }
.item_slider .bd li.l3 { background: url(../images/itembg3.jpg) no-repeat center }
.item_slider .bd li.l4 { background: url(../images/itembg4.jpg) no-repeat center }
.item_slider .bd li.l5 { background: url(../images/itembg5.jpg) no-repeat center }
.item_slider .bd li .wp .box { width: 768px; padding-top: 40px; }
.item_slider .bd li .wp .box1 { float: right; }
.item_slider .bd li .wp .box .number { width: 129px; height: 129px; border-radius: 50%; background: #921ab5; font-size: 80px; font-weight: 300; text-align: center; line-height: 129px; color: #fff; border: 4px solid #d3d3d9; margin-bottom: 10px; }
.item_slider .bd li .wp .box h3 { font-size: 36px; font-weight: normal; color: #fff; }
.item_slider .bd li .wp .box dl { overflow: hidden; font-size: 18px; color: #fff; }
.item_slider .bd li .wp .box dl dt { color: #d64cfe; float: left; width: 90px; }
.item_slider .bd li .wp .box dl dd { float: left; width: 665px; }
.item_slider .bd li .wp .box ol { width: 762px; background: #5e5d73; border-radius: 60px; overflow: hidden; margin-top: 58px; opacity: 0.9; }
.item_slider .bd li .wp .box ol li { height: 62px; color: #fff; font-size: 18px; float: left; line-height: 62px; padding: 10px 0 10px 58px; }
.item_slider .bd li .wp .box ol li.bl { border-right: 1px solid #000; width: 123px; background: url(../images/icon1.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n1 { width: 166px; background: url(../images/icon2.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n2 { width: 134px; background: url(../images/icon3.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n3 { width: 105px; border-radius: 0 31px 31px 0; background: url(../images/icon4.png) no-repeat left 13px center; background-color: #921ab5; cursor: pointer; }
.item_slider .bd li .wp .box ol li.n4 { background: url(../images/icon2.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n5 { background: url(../images/icon5.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n6 { background: url(../images/icon6.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n7 { background: url(../images/icon7.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n8 { background: url(../images/icon8.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n9 { background: url(../images/icon9.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n10 { background: url(../images/icon10.png) no-repeat left 13px center; }
.item_slider .bd li .wp .box ol li.n11 { background: url(../images/icon11.png) no-repeat left 13px center; }
.item_slider .hd { width: 1180px; margin: 0 auto; }
.item_slider .hd ul { vertical-align: middle; display: inline-block; *display: inline; overflow: hidden; zoom: 1; }
.item_slider .hd ul li { position: relative; width: 236px; height: 125px; float: left; font-size: 90px; color: #999; text-align: center; font-weight: 300; line-height: 130px; }
.item_slider .hd ul li span { display: block; height: 48px; width: 1px; background: #999; position: absolute; right: 0; top: 50px; }
.item_slider .hd ul li strong { width: 51px; height: 8px; background: #921ab5; position: absolute; left: 50%; margin-left: -25.5px; bottom: 0px; display: none; }
.item_slider .hd ul li.on strong { display: block; }
.item_slider .hd ul li.on { color: #921ab5; }
.section4 .wp ul { width: 1185px; overflow: hidden; }
.section4 .wp ul li { width: 291px; height: 206px; float: left; margin: 0 5px 5px 0; position: relative; cursor: pointer;}
.section4 .wp ul li span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; }
.section4 .wp ul li h3 { font-size: 24px; font-weight: normal; color: #fff; position: absolute; right: 10px; bottom: 10px; }
.section4 .wp ul li:hover span { opacity: 0; filter: alpha(opacity=0); }
.section4 .wp ul li:hover h3 { display: none; }
.section5{padding-top: 60px;}
.section5 .box1 { height: 681px; background: url(../images/bg2.jpg) no-repeat left center; margin-bottom: 135px; }
.section5 .box3 { height: 669px; background: url(../images/bg4.jpg) no-repeat left center; margin-bottom: 0; }
.section5 .wp .content { width: 590px; float: right; padding-top: 170px; }
.section5 .wp .content h3 { font-size: 30px; }
.section5 .wp .content strong { font-size: 18px; color: #921ab5; font-weight: normal; }
.section5 .wp .content span { display: block; width: 352px; height: 60px; line-height: 60px; border-radius: 60px; background: #c8c8c8; text-align: center; color: #333; font-size: 24px; margin: 10px 0 30px; }
.section5 .wp .content p { color: #333; font-size: 18px; }
.section5 .wp .content a.btn { width: 228px; height: 60px; line-height: 60px; font-size: 24px; }
.section5 .bg { background: #eeeeee; }
.section5 .box2 { height: 627px; background: url(../images/bg3.jpg) no-repeat right top; margin-bottom: 45px; }
.section5 .box2 .content { float: left; padding-top: 100px; }
.section6 .wp ul { width: 1219px; overflow: hidden; }
.section6 .wp ul li { width: 367px; float: left; height: 334px; margin-right: 39px; margin-bottom: 30px; position: relative; overflow: hidden; }
.section6 .wp ul li img { display: block; height: 234px; }
.section6 .wp ul li div { width: 100%; height: 319px; padding-top: 15px; position: absolute; left: 0; bottom: -234px; background: #554e7b; }
.section6 .wp ul li div h3 { font-size: 48px; text-align: center; color: #fff; background: url(../images/hbg2.png) no-repeat center; line-height: 0.8; font-weight: normal; }
.section6 .wp ul li div span { display: block; text-align: center; font-size: 24px; color: #fff; }
.section6 .wp ul li div p { font-size: 16px; color: #fff; padding: 5px 28px 0; }
.section6 .wp ul li div p a { color: #ca61e8; }
.section6 .wp .content_bottom { margin-top: 45px; }
.section6 .wp .content_bottom dl { border: 1px dashed #5e5782; padding-left: 15px; }
.section6 .wp .content_bottom dl dt { height: 102px; padding-top: 10px; font-size: 60px; color: #333; width: 360px; float: left; text-align: center; font-weight: 700; }
.section6 .wp .content_bottom dl dd { float: left; width: 755px; font-size: 18px; color: #666; line-height: 28px; padding: 20px; }
.section7 .wp{width: 1181px;overflow: hidden;}
.section7 .wp dl{width: 146px;height: 266px;margin-right: 1px;overflow: hidden;float: left;background: #eee;}
.section7 .wp dt{width: 146px;float: left;}
.section7 .wp dd{width: 0;height: 266px;float: left;}
.section7 .wp dl dd h3{font-size: 24px;color:#333;text-align: center;font-weight: normal;}
.section7 .wp dl dd p{font-size: 16px;color:#666;padding:0 12px;}
.section7 .wp dl.on{width: 444px;}
.section7 .wp dl.on dd{width:298px;height: 266px;float: left;}
.section8 .content{width: 100%;background:#2d274a;}
.doc_scroll{ width:1280px;position:relative; height:700px;margin:0 auto;}
.doc_scroll .prev,.doc_scroll .next{ position:absolute; display:block;top:306px;}
.doc_scroll .prev{left:0;}
.doc_scroll .next{right:0;}
.doc_slider{ width:1180px; height:700px; position:relative; margin:0 auto; overflow:hidden; }
.doc_slider .bd li{ width: 1180px;height:700px;overflow: hidden;background:url(../images/lbk.jpg) no-repeat left center;}
.doc_slider .bd li.l1{ background:url(../images/oyc.jpg) no-repeat left center;}
.doc_slider .bd li .box{ width: 716px;float: right;padding-top: 80px;}
.doc_slider .bd li .box1{ width: 716px;float: right;padding-top: 60px;}
.doc_slider .bd li .box dl dt{font-size: 48px;color:#fff;font-weight: 700;float: left;}
.doc_slider .bd li .box dl dd{font-size: 21px;color:#fff;float: left;line-height:60px;padding-top: 12px;margin-left: 20px;}
.doc_slider .bd li .box div.d1{width: 340px;float: left;background: #57526e;height: 250px;padding-top: 24px;margin-top: 15px;margin-right: 23px;}
.doc_slider .bd li .box div.d1 h4{font-size: 18px;color:#fff;font-weight:300;text-align: center;}
.doc_slider .bd li .box div.d1 h4 strong{font-size: 18px;color:#d55fea;font-weight: normal;}
.doc_slider .bd li .box div.d1 p{font-size: 16px;color:#fff;padding:10px 20px;}
.doc_slider .bd li .box div.d2{margin-right: 0;}
.doc_slider .bd li .box p.last{font-size: 18px;color:#fff;margin-top: 10px;}
.doc_slider .bd li .box p.last strong{color:#d55fea;font-weight: normal;}
.doc_slider .bd li .box a.btn{margin:20px auto 0;}
.doc_slider .bd li .box1 h3{font-size: 36px;color:#fff;text-align: center;font-weight: normal;margin-bottom: 25px;}
.doc_slider .bd li .box1 div.d1{width: 228px;margin-right: 10px;height: 234px;margin-top: 0;}
.doc_slider .bd li .box1 .box_bg{text-align: center;}
.doc_slider .bd li .box1 div.d2{margin-bottom: 20px;}
.section9 .wp{width: 1010px;background:url(../images/bg5.jpg) no-repeat top center;}
.section9 .wp ul.left{padding-top: 110px;width: 398px;float: left;}
.section9 .wp ul.right{padding-top: 30px;width: 398px;float: right;}
.section9 .wp ul li{width: 348px;background: #ebebeb;padding:10px 25px 25px;margin-bottom: 28px;position: relative;}
.section9 .wp ul li h3{font-size: 30px;color:#333;line-height: 1.8;font-weight: normal;margin-bottom: 15px;}
.section9 .wp ul li h3 span{font-size:16px;display: block;color:#666;line-height: 24px;}
.section9 .wp ul li.l1{background: #921ab5;padding:10px 25px;}
.section9 .wp ul li.l1 h3{color:#fff;}
.section9 .wp ul li.l1 span{color:#fff;}
.section9 .wp ul li i{position: absolute;right:-11px;top:42px;}
.section9 .wp ul.right li i{position: absolute;left:-11px;top:42px;}
.section_like{background: #eeeeee;margin-top: 60px;}
.quetion h2{height: 60px;background:url(../images/dp.jpg) no-repeat center;}
.youhui{width: 100%;margin: 0 auto;}
.youhui .text,.youhui a{display: block;width: 1180px;margin: 0 auto}
.youhui .text{width: 1180px;margin:50px auto;}
.youhui .text p{width: 100%;text-align: center;color: #727272;font-family: "微软雅黑";line-height: 34px;font-size: 18px}
.youhui h2{font-size:38px;color:#212121;text-align: center;margin-bottom: 10px;background: 0}
/*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*/