.banner1 { width:100%; height:503px; background:url(../../images/website/introduction-banner1.jpg) no-repeat center; background-size:1920px 503px; overflow:hidden;}
.banner2 { width:100%; height:503px; background:url(../../images/website/introduction-banner.jpg) no-repeat center; background-size:1920px 503px; overflow:hidden;}
.banner3 { width:100%; height:503px; background:url(../../images/website/introduction-banner3.jpg) no-repeat center; background-size:1920px 503px; overflow:hidden;}
.banner-box { max-width:1190px; margin:0 auto;}
.banner-box .text-box { margin-left:50px; padding-top:80px;}
.banner-box .text-box h2 { font-size:40px; color:#000; line-height:40px; margin-bottom:15px;}
.banner-box .text-box p { font-size:14px; line-height:24px; color:#333;}

.tab-title { width:1190px; box-sizing:border-box; margin:0 auto; height:68px; border-top:1px solid rgba(255,255,255,.5); margin-top:-67px; z-index:99; position:relative;}
.tab-title a { width:33.3333%; display:block; float:left; text-align:center; line-height:66px; background:rgba(0,0,0,.5); font-size:18px; color:#fff;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease; cursor:pointer; border-right:1px solid rgba(255,255,255,.5); box-sizing:border-box;}
.tab-title a:last-child { border:none;}
.tab-title a.active{ background:#fff; color:#333;}

.section-container1 { max-width:1100px; margin:0 auto; overflow:hidden; height:100%;}

.section1 h2 { font-size:40px; color:#000; line-height:40px; text-align:center; padding-top:78px;}
.section1 p { font-size:14px; color:#666; line-height:14px; margin-top:26px; text-align:center;}
.section1 dl { padding:80px 0;}
.section1 dl dt { width:740px;}
.section1 dl dd { width:340px;}
.section1 dl dd img { width:340px; height:640px;}
.section1 dl dt a { display:block; margin-bottom:20px;}

.section2,.section4 { background:#f3f8fc;}

.text-box1 { margin-left:10px; width:370px;}
.text-box1 h2 { font-size:32px; color:#1d85da; line-height:32px; margin-top:160px; margin-bottom:28px;}
.text-box1 ul li { float:left; line-height:20px; font-size:14px; color:#666; margin-right:20px; margin-bottom:15px;}
.text-box1 ul li span { width:20px; height:20px; border-radius:20px; display:block; float:left; text-align:center; line-height:20px; background:#fff; font-size:12px; color:#666; margin-right:7px;}
.text-box1 dl { width:370px;min-height:140px; border:1px solid #e4e9ea; border-radius:4px; background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1); margin-top:50px; padding:30px; box-sizing:border-box; position:relative;}
.text-box1 dl dt { position:absolute; top:50%; left:30px; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.text-box1 dl dt img {width:80px; height:80px; border-radius:80px;}
.text-box1 dl dd { padding-left:90px;}
.text-box1 dl dd span { font-size:14px; color:#666; line-height:14px; display:block;}
.text-box1 dl dd p { font-size:12px; color:#333; line-height:20px; margin-top:10px;}

.text-box2 { margin-right:10px; width:370px;}
.text-box2 h2 { font-size:32px; color:#1d85da; line-height:32px; margin-top:160px; margin-bottom:28px;}
.text-box2 ul li { float:left; line-height:20px; font-size:14px; color:#666; margin-right:20px; margin-bottom:15px;}
.text-box2 ul li span { width:20px; height:20px; border-radius:20px; display:block; float:left; text-align:center; line-height:20px; background:#fafafa; font-size:12px; color:#666; margin-right:7px;}
.text-box2 dl { width:370px;min-height:140px; border:1px solid #e4e9ea; border-radius:4px; background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1); margin-top:50px; padding:30px; box-sizing:border-box; position:relative;}
.text-box2 dl dt { position:absolute; top:50%; left:30px; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.text-box2 dl dt img {width:80px; height:80px; border-radius:80px;}
.text-box2 dl dd { padding-left:90px;}
.text-box2 dl dd span { font-size:14px; color:#666; line-height:14px; display:block;}
.text-box2 dl dd p { font-size:12px; color:#333; line-height:20px; margin-top:10px;}

.section6 {width:100%;height:800px;background:url(../../images/website/pic9.jpg) no-repeat center;background-size:1920px 800px;}
.section6 h2 { font-size:32px; color:#fff; line-height:32px; text-align:center; padding-top:70px;}
.section6 p { font-size:16px; color:#c4c4c4; line-height:32px; text-align:center; margin-top:20px;}
.section6 ul { width:1080px; margin:40px auto;}
.section6 li { float:left; width:231px; height:498px; margin-right:52px;}
.section6 li:last-child { margin-right:0;}

.section7 { width:100%; height:810px; background:url(../../images/website/pic14.jpg) no-repeat center; background-size:1920px 810px; text-align:center;}
.section7 h2 { font-size:40px; color:#000; line-height:40px; padding-top:78px;}
.section7 p { font-size:14px; color:#666; line-height:24px; margin-top:15px;}
.section7 h3 { font-size:32px; color:#0f74bb; line-height:32px; margin-top:30px;}

.section8 .section-container1 { border-bottom:1px solid #eaeaea;}
.section8 .section-container1:last-child { border-bottom:none;}
.section8 .text-box1 ul li span { background:#fafafa;}

.section9 {width:100%;height:508px; background:url(../../images/website/pic19.jpg) no-repeat center; background-size:1920px 508px; padding-top:52px; box-sizing:border-box; text-align:center;}
.section9 p { font-size:20px; color:#333; line-height:20px; text-align:center; margin-top:20px;}
.section9 p span { font-weight:bold; margin-right:10px;}
.section9 a { font-size:14px; color:#328cdc; display:inline-block; margin:35px auto;}
.section9 a:hover { text-decoration:underline;}

.swiper-container { width:1080px; margin:0 auto; padding:0 50px;}
.swiper-wrapper { width:1080px; margin:12px auto;}
.swiper-slide { width:326px; height:194px;}
.swiper-slide img { width:326px; height:150px; display:block;}
.swiper-slide p { font-size:16px; color:#666; text-align:center; line-height:44px; background:#fff; margin-top:0;}
.swiper-button-prev { width:38px; height:38px; background:url(../../images/website/left.png) no-repeat left center; background-size:38px; left:0;}
.swiper-button-next { width:38px; height:38px; background:url(../../images/website/right.png) no-repeat left center; background-size:38px; right:0;}
.swiper-button-prev, .swiper-button-next { margin-top:-19px;}

.section10 {width:100%;height:890px;background:url(../../images/website/pic23.jpg) no-repeat center;background-size:1920px 890px;}
.section10 h2 { color:#000; font-size:40px; line-height:40px; text-align:center; margin-top:78px; margin-bottom:24px;}
.section10 p { text-align:center; font-size:14px; line-height:24px; color:#666;}
.section10 .img-bg { width:809px; height:428px; background:url(../../images/website/pic25.jpg) no-repeat center; background-size:809px 428px; margin-top:55px;}
.section10 .text-list { border:1px solid #dbdbdb; border-radius:8px; padding:20px 70px; display:inline-block; margin-left:55px; margin-top:25px; box-shadow:5px 7px 10px rgba(0,0,0,0.07);}
.section10 .text-list p { font-size:16px; color:#666; margin-bottom:8px;}
.section10 .text-list span { font-size:14px; color:#0f74bb;}

.section11 {width:100%;height:794px;background:url(../../images/website/pic24.jpg) no-repeat center;background-size:1920px 794px;}
.section11-box { height:602px; background:rgba(255,255,255,.5); margin-top:95px; display:inline-block}
.section11-box h2 { text-align:center; line-height:120px; font-size:32px; color:#000;}
.section11-box ul { padding:0 60px;}
.section11-box ul li { width:241px; height:425px; float:left; margin-right:30px;}
.section11-box ul li:last-child { margin-right:0;}