﻿ul,li,dl,dt,dd{list-style:none}
input,button{outline:0;border:0;font-family:"微软雅黑"}
a:focus,a:hover{text-decoration:none}
.clearfix:after{content:"";display:block;clear:both}
.left{float:left}
.right{float:right}
.about-ban{padding:0;height:450px;background:none !important;position:relative}
.about-ban #banner{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;right:0;left:0;top:0;bottom:0;z-index:-10;background-repeat:no-repeat;background-position:center top}
.about-ban .ban-slogan{position:absolute;top:50%;left:0;width:100%;height:auto;text-align:center;margin-top:-24px}
.about-ban .slogan .wz1{font-size:34px;line-height:43px;color:#fff}
.about-ban .slogan .wz3{font-size:18px;line-height:30px;color:#fff;margin:24px auto 0}
.aboutA{padding:18px 0 0}
.aboutA .weizh{height:29px;line-height:29px;text-align:left}
.aboutA .weizh .tb{background-image:url(../image/aboutwz1.png);background-repeat:no-repeat}
.aboutA .weizh a{display:block;float:left;font-size:14px;color:#999;padding:0 5px}
.aboutA .weizh a:hover,.aboutA .weizh a:last-child{color:#4b5b8f}
.aboutA .weizh em{display:block;float:left;width:11px;height:29px;background-position:right center}
.aboutA .weizh i{display:block;float:left;width:19px;height:29px;background-position:left center}
.aboutB{padding:66px 0 46px}
.aboutB .main2{margin:0 auto 54px}
.aboutB .main1{margin:0 auto 83px}
.aboutB .wenz{text-align:left;height:272px;display:table}
.aboutB .main1 .wenz{width:42%}
.aboutB .main2 .wenz{width:47%}
.aboutB .wenz dl{vertical-align:middle;display:table-cell;_position:absolute;_top:50%}
.aboutB .wenz .abxnav{margin:0 0 48px}
.abxnav h5{height:30px;line-height:30px;font-size:26px;color:#333;font-weight:bold;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 5px}
.abxnav h6{height:26px;line-height:26px;font-size:16px;color:#333;letter-spacing:1px}
.abxnav p{line-height:28px;font-size:14px;color:#333;letter-spacing:1px;margin:40px 0 0}
.aboutB .wenz dt{line-height:28px;font-size:16px;color:#333;letter-spacing:1px;font-weight:bold}
.aboutB .main2 .wenz dt{margin:0 0 8px}
.aboutB .main1 .wenz dt{margin:0}
.aboutB .wenz .xian{width:50px;height:2px;background:#7a8bfc}
.aboutB .main2 .wenz .xian{margin:0 0 19px}
.aboutB .main1 .wenz .xian{margin:16px 0 15px}
.aboutB .wenz dd{line-height:28px;font-size:14px;color:#666;letter-spacing:1px;margin:0 0 8px}
.aboutB .wenz dd:last-child{margin:0}
.aboutB .tu{width:43.04%;text-align:left}
.aboutB .main1 .tu{width:45.83%;margin:43px 0 0}
.aboutB .tu img{width:100%;height:auto}
.aboutC{padding:86px 0 99px;background:#f7fafd}
.aboutC .tu{width:80%;height:auto;overflow:hidden;margin:41px auto 0}
.aboutC .tu img{width:100%;height:auto}
.aboutD{padding:86px 0 197px;height:719px;background:url(../image/abougybj1.png) #fff center bottom no-repeat}
.aboutD .scrollBox{width:100%;max-width:1210px;padding:0 15px;height:313px;position:relative;text-align:center;margin:62px auto 0}
.aboutD .scrollBox:before{content:'';position:absolute;left:6.6%;top:50%;margin-top:-10px;width:86.8%;height:2px;background:#8998fa}
.aboutD .scrollBox .bd{position:relative}
.aboutD .scrollBox .piclist{overflow:hidden;zoom:1}
.aboutD .scrollBox .scrollWrap{padding-left:43px;overflow:hidden; width: 1200px;}
.aboutD .scrollBox ul{zoom:1;width: 2000px;}
.aboutD .scrollBox ul li{float:left;display:inline;width:172px;height:313px;position:relative;margin-left:5px;margin-right:6px}
.aboutD .scrollBox ul dl{width:172px;height:313px;position:relative}
.aboutD .scrollBox ul dl dt{width:100%;min-width:200px;height:105px;line-height:26px;font-size:14px;color:#333;font-weight:normal;text-align:left;padding:0 7px 0 15px;background:#fff;border:1px solid #8998fa;border-radius:4px;display:table;position:relative}
.aboutD .scrollBox ul dl dt p{vertical-align:middle;display:table-cell;_position:absolute;_top:50%}
.aboutD .scrollBox ul dl dt p span,.aboutD .scrollBox ul dl dt .wzv span{display:block;height:26px;line-height:26px;font-size:14px;color:#7d8189;padding-left:15px;position:relative}
.aboutD .scrollBox ul dl dt p span:before,.aboutD .scrollBox ul dl dt .wzv span:before{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;background:#666;border-radius:50%}
.aboutD .scrollBox ul dl dt .wzv span:before{top:10px;margin-top:0}
.aboutD .scrollBox ul dl dt a{font-size:14px;color:#7d8189}
.aboutD .scrollBox ul dl dt a:hover{color:#596efb}
.aboutD .scrollBox ul dl dd{height:18px;line-height:18px;font-size:16px;color:#333;font-weight:bold;text-align:center}
.aboutD .scrollBox ul dl .xian{width:1px;height:22px;background:url(../image/aboutxian1.png) center no-repeat}
.aboutD .scrollBox ul dl .dian{width:10px;height:10px;background:#fff;border:2px solid #596efb;border-radius:50%}
.aboutD .scrollBox ul dl.wzt{text-align:left}
.aboutD .scrollBox ul dl.wzt .dian{margin:0 auto 7px}
.aboutD .scrollBox ul dl.wzt .xian{margin:16px auto 0}
.aboutD .scrollBox ul dl.wzb{padding-top:143px}
.aboutD .scrollBox ul dl.wzb dd{margin:0 auto}
.aboutD .scrollBox ul dl.wzb .dian{margin:0 auto 8px}
.aboutD .scrollBox ul dl.wzb .xian{margin:0 auto 7px}
.aboutD .scrollBox ul dl.wz8{z-index:2}
.aboutD .scrollBox ul dl.wz8 dt{left:31px;width:316px}
.aboutD .scrollBox ul dl.wz8 dt span.fsA{width:272px}
.aboutD .scrollBox ul dl.wz8 .xian{margin-left:85px}
.aboutD .scrollBox ul dl.wz8 .dian{margin-left:81px}
.aboutD .scrollBox ul dl.wz8 dd{margin-left:61px;text-align:left}
.aboutD .scrollBox ul dl .hover{width:202%;height:178px}
.aboutD .scrollBox ul dl .hover dt .wzv{display:none;height:auto;overflow:hidden;padding:10px 15px 10px 10px}
.aboutD .scrollBox ul dl .hover dt .wzv span{float:left;width:49%;height:26px;text-align:left;margin:0 1% 0 2%;display:inline-block}
.aboutD .scrollBox ul dl .hover dt .wzv span.fsC{width:45%}
.aboutD .scrollBox ul dl .hover dt .wzv span.fsBt{height:52px}
.aboutD .scrollBox ul dl.wz8 .hover:hover{width:948px}
.aboutD .scrollBox ul dl.wz8 .hover:hover dt:after{display:none}
.aboutD .scrollBox ul dl.wz8 .hover:hover dt{width:917px;position:relative;z-index:2}
.aboutD .scrollBox ul dl .hover:hover dt .wzv{display:block}
.aboutD .scrollBox ul dl.wz7 dt{left:-25px;padding-right:15px}
.aboutD .scrollBox ul dl.wz6 dt{left:31px;width:292px}
.aboutD .scrollBox ul dl.wz5 dt{left:-11px;width:200px}
.aboutD .scrollBox ul dl.wz4 dt{left:6px;width:210px}
.aboutD .scrollBox ul dl.wz4 dt{padding:0 35px}
.aboutD .scrollBox ul dl.wz3 dt{left:-43px;width:200px}
.aboutD .scrollBox ul dl.wz1 dt{left:0px}
.aboutD .scrollBox .bd span.prev,.aboutD .scrollBox .bd span.next{display:block;width:30px;height:73px;position:absolute;top:50%;margin-top:-36px;background-image:url(../image/bntl.png);background-color:#f0f2f5;background-position:center;background-repeat:no-repeat;border-radius:3px;cursor:pointer;text-indent:-999em;overflow:hidden;z-index:3}
.aboutD .scrollBox .bd .prev{left:0}
.aboutD .scrollBox .bd .next{right:0;-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.aboutD .scrollBox .bd .prev:hover,.aboutD .scrollBox .bd .next:hover{background-color:#e8ebed}
.aboutD .scrollBox .bd .prevStop,.aboutD .scrollBox .bd .nextStop{background-color:#f0f2f5 !important;cursor:not-allowed !important;pointer-events:none !important}
.aboutE{padding:86px 0 70px;background:#f7fafd}
.abxnav1{line-height:26px;text-align:left;font-size:16px;letter-spacing:1px;color:#333}
.mt40{margin-top:46px}
.aboutE .main{margin:30px -10px 23px}
.aboutE .main li{padding:0 10px 16px}
.aboutE .main li dl{line-height:30px;text-align:left;border:1px solid #8998fa;background:#fff;padding:14px 30px 18px 30px}
.aboutE .main li dl dt{font-size:16px;color:#333;letter-spacing:1px;line-height:30px}
.aboutE .main li dl dd{padding-top:3px;font-size:14px;color:#666;letter-spacing:1px;line-height:24px}
.aboutE .main1{margin:28px -10px 0}
.aboutE .main1 li{padding:0 10px 20px}
.aboutE .main1 li .tu{width:100%;height:auto;overflow:hidden}
.aboutE .main1 li .tu img{width:100%;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.aboutE .main1 li:hover .tu img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
@media screen and (max-width:1920px){.about-ban{height:450px}
}
@media screen and (max-width:1440px){.about-ban{height:410px}
.aboutB{padding:61px 0 36px}
.aboutC{padding:76px 0 89px}
.aboutD{padding:76px 0 197px}
.aboutE{padding:76px 0 60px}
}
@media screen and (max-width:1280px){.about-ban{height:380px}
}
@media(max-width:1199px){.aboutD .main dl dt{height:132px}
.aboutD .main .tu{width:29.2%}
.aboutB .wenz{height:222px}
.aboutB .main1 .tu{margin:110px 0 0}
}
@media(max-width:991px){.aboutD .main dl dt{height:158px}
.aboutD .main .tu{width:44.2%}
}
@media screen and (max-width:930px){.about-ban{height:360px}
}
@media(max-width:767px){.caret{display:inline-block;margin-left:5px}
.about-ban{height:360px}
.aboutB .main2 .wenz,.aboutB .tu,.aboutB .main1 .wenz,.aboutB .main1 .tu{width:100%;float:none}
.aboutB .main1 .tu{margin:20px 0 0}
.aboutB .main1,.aboutB .main2{margin:0 auto 40px}
}
@media(max-width:715px){.aboutD .main .tu{width:49.2%}
}
@media(max-width:695px){.aboutD .main .tu{width:54%}
.aboutD .main dl dt{height:184px}
}
@media(max-width:667px){.aboutD .main .tu{display:none}
.aboutD .main dl{width:21% !important;position:inherit;left:auto !important;float:left;margin:0 2% 4%}
.aboutD .main{background:none}
}
