.header { width: 100%; max-width: 1920px;height: 310px; background: url("../images/header-bg.png") repeat; position: absolute; top: 0; z-index: 10; }

.header .container { position: relative; }

.header .color { display: none; }

.header.index { height: 86px; }

.header.white { position: static; height: 86px; background: #fff; }

.header.white .white { display: none; }

.header.white .color { display: block; }

.header.white .header-btn a.f { color: #333333; }

.header.white .phone-menu-btn { background: url("../images/menu-black.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.header.white .phone-menu-btn.on { background: url("../images/close-black.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.header.white .search { background: url("../images/header-search2.png") center bottom; background-size:100%; }

.header.white .lang { color: #333333; }

.header.white .line { background: #dddddd; }

.header.white .search-box .search-text .btn {background: url("../images/header-search2.png") no-repeat center;}

.header.white .search-box .search-text input{ color: #333333}

.header.white .search-box .sb-close {background: url("../images/sb-close2.png") no-repeat center;}

.header.fixed { position: fixed; top: 0; left: 0; }

.header .wrap { height: 85px; }

.header .hl { float: left; height: 100%;}

.header .hr { float: right; height: 100%; position: relative;}

.header .hr ul li:last-child a { padding-right: 0;  }

.header .logo { position: absolute; top: 30px; left: 50%; margin-left: -68px; }

.header .logo img{width: 136px;height: auto;}

.header a { font-size: 14px; }

.header .phone-menu-btn { display: none; width: 16px; height: 16px; float: left; margin-top: 30px; background: url("../images/menu-white.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.header .phone-menu-btn.on { background: url("../images/close-white.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.header .nav { height: 100%; }

.header .header-btn { display: inline-block; height: 100%; }

.header .header-btn ul { height: 100%; }

.header .header-btn ul li { float: left; position: relative; height: 110px; }

.header .header-btn ul li:hover .sub-nav { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; z-index: 10; display: block; }

.header .header-btn ul li .sub-nav { display: none; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: -1; opacity: 0; position: absolute; top: 105px; left: 50%; width: 190px; margin-left: -122px; background: #fff; padding: 30px 0; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); }

.header .header-btn ul li .sub-nav.on { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 10; opacity: 1; }

.header .header-btn ul li .sub-nav .arrows { position: absolute; top: -9px; left: 50%; margin-left: -7.6px; display: block; width: 16px; height: 10px; background: url("../images/header-arrows.png") no-repeat center; }

.header .header-btn ul li .sub-nav dl dd { padding: 10px 0; text-align: center; }

.header .header-btn ul li .sub-nav dl dd a { line-height: 1; font-size: 14px; color: #333; width: 150px; display: inline-block; text-align: left; background: url("../images/icon-subnav-right.png") no-repeat center right; }

.header .header-btn ul li .sub-nav dl dd a:hover{ color: #c01621}

.header .header-btn a.f { padding-top: 40px; display: inline-block; padding-right: 50px; line-height: 1; color: #fff; }

/*.header .header-btn a.f:hover{ color: #c01621}*/

.header .search { float: right; display: inline-block; width: 12px; height: 12px; top: 13px; right: 30px; background: url("../images/header-search.png") center bottom; background-size:100%; position: absolute; }

.header .lang { padding-top: 10px; padding-left: 12px; float: right; margin-right: 0; color: #fff; position:absolute; right: 0; }

.header .search-box { display: none; position: absolute; right: 0; top: 24px; height: 40px; overflow: hidden; z-index: 6; }

.header .search-box .search-text { float: left; width: 420px; height: 40px; padding: 0 15px; border: 1px solid #d4d4d4; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .search-box .search-text .btn { float: left; display: block; width: 21px; height: 100%; background: url("../images/header-search-box.png") no-repeat center; }

.header .search-box .search-text input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; width: 360px; height: 100%; border: none; outline: none; background: none; color: #fff; }

.header .search-box .sb-close { margin-left: 15px; float: left; width: 20px; height: 40px; background: url("../images/sb-close.png") no-repeat center; }

.header .line { width: 100%; height: 1px; background: url("../images/header-line.png") repeat; }

@media screen and (max-width: 1024px) { .header .search-box .search-text { width: 300px; }
  .header .search-box .search-text input { width: 240px; } }

@media screen and (max-width: 768px) { .header .search-box { top: auto; bottom: -50px; }
  .header .search-box .search-text { width: 300px; }
  .header .search-box .search-text input { width: 240px; } }

.material-content .item1{background: #fff;padding-top: 80px;padding-bottom: 100px;}

.material-content .item1 .item-text{background: #fbfdff;padding: 70px 0 60px 0;text-align: center;}

.material-content .item1 .item-text .wrap{width: 980px;margin: 0 auto;}

.material-content .item1 .item-text .t{font-size: 36px;color: #333333;line-height: 1;padding-bottom: 25px;}

.material-content .item1 .item-text .d{font-size: 16px;color: #333333;line-height: 1.8;}

.material-content .item1 .item-pic img{width: 100%;}

.material-content .item2{padding: 100px 0;background: #fafafa;overflow: hidden;}

.material-content .item2 .item-text {width: 50%;float: left;padding-right: 130px;padding-top: 50px;box-sizing:border-box;}

.material-content .item2 .item-pic {width: 50%;float: right}

.material-content .item2 .item-pic img{width: 100%;}

.material-content .item2 .item-text .t{font-size: 36px;color: #333333;padding-bottom: 45px;line-height: 1;}

.material-content .item2 .item-text .d {font-size: 14px;color: #333333;line-height: 1.8}

.material-content .item3{padding-top: 100px; padding-bottom: 40px;}

.material-content .item3 .t{font-size: 36px;color: #333333;line-height: 1;padding-bottom: 55px;text-align: center;}

.material-content .item3 .item-list{overflow: hidden;}

.material-content .item3 .item-list ul {width: 102%}

.material-content .item3 .item-list ul li{ width: 31.3%;margin-right: 2%;float: left;padding-bottom: 50px;}

.material-content .item3 .item-list ul li .item-text{font-size: 16px;color: #333333;padding: 25px 0;}

.material-content .item3 .item-list ul li img{width: 100%;}

.material-content .item4 {background: url("../images/material-item4-pic.jpg") no-repeat center;height: 536px;}

.material-content .item4 .wrap{width: 800px;margin: 0 auto;padding-top: 130px;}

.material-content .item4 .t{font-size: 36px;color: #ffffff;text-align: center;padding-bottom: 30px;line-height: 1;}

.material-content .item4 .d{font-size: 14px;color: #ffffff;text-align: center;line-height: 1.8;}

.body-hover-bg { z-index: 5; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/body-hover-bg.png") repeat; }

.sub-banner { width: 100%; height: 500px; background-repeat: no-repeat; background-position: center; display: table; }

.sub-banner .container { height: auto; }

.sub-banner .wrap { display: table-cell; vertical-align: middle; text-align: center; line-height: 1; }

.sub-banner .wrap .t { font-size: 14px; color: #ffffff; }

.sub-banner .wrap .line { display: inline-block; width: 35px; height: 1px; background: url("../images/header-line.png") repeat; margin: 20px 0 30px 0; }

.sub-banner .wrap .s { font-size: 48px; color: #ffffff; }

.sub-banner2 { width: 100%; height: 400px; background-repeat: no-repeat; background-position: center; }

.footer { background: #f1f1f1; width: 100%; border-bottom: 13px solid #2e93d0; }

.footer .wrap { display: table; width: 100%; height: 100%; padding: 20px 0; }

.footer .f-logo { width: 136px; display: table-cell; vertical-align: middle; padding-right: 40px; }

.footer .f-logo img { width: 136px; height: auto; }

.footer .f-text { display: table-cell; vertical-align: middle; }

.footer .f-text .link ul { overflow: hidden; }

.footer .f-text .link ul li { float: left; }

.footer .f-text .link ul li:first-child a { padding-left: 0; border: none; }

.footer .f-text .link ul li a { padding: 0 20px; font-size: 12px; color: #333333; line-height: 1; border-left: 1px solid #dddddd; }

.footer .f-text .link ul li a:hover{color: #c01621}

.footer .f-text .copy-right { padding-top: 3px; font-size: 10px; color: #999999; }

.footer .f-text .copy-right span { padding-right: 10px; }

.footer .f-focus { display: table-cell; vertical-align: middle; text-align: right; position: relative; }

.footer .f-focus .ewm-box { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0; width: 205px; height: 211px; right: 0; bottom: 50px; position: absolute; display: inline-block; background: url("../images/ewm-bg.png"); }

.footer .f-focus .ewm-box.on { opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.footer .f-focus .ewm-box .pic { padding: 11px;  }

.footer .f-focus .ewm-box img { width: 100%; height: auto; }

.footer .f-focus span { display: block; font-size: 12px; color: #999999; float: right; padding-top: 10px; }

.footer .f-focus a { display: block; float: right; display: block; width: 35px; height: 35px; background-position: center; background-repeat: no-repeat; padding: 0 5px; position: relative;}

.footer .f-focus .ewm-box { position: absolute;  }

.footer .f-focus a.wechat { background-image: url("../images/icon-wechat.png"); }

.footer .f-focus a.mail { background-image: url("../images/icon-mail.png"); }

.footer .f-focus a.dy { background-image: url("../images/icon-dy.png"); }

.footer .f-focus a.sp { background-image: url("../images/icon-sp.png"); }

.footer .f-focus a.wb { background-image: url("../images/icon-wb.png"); }

.tab-nav { border-bottom: 1px solid #dddddd; overflow: hidden; background: #fff; padding-bottom: 1px; }

.tab-nav .swiper-container { text-align: center; overflow: visible; }

.tab-nav .swiper-container .swiper-wrapper { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tab-nav .swiper-container .swiper-slide { display: inline-block; width: 150px; }

.tab-nav .swiper-container .swiper-slide.job a span { border: 2px solid #cccccc; padding: 10px 20px; }

.tab-nav .swiper-container .swiper-slide.on a, .tab-nav .swiper-container .swiper-slide:hover a { color: #c01621; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.tab-nav .swiper-container .swiper-slide.on .line, .tab-nav .swiper-container .swiper-slide:hover .line { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; }

.tab-nav .swiper-container .swiper-slide .line { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background: #c01621; }

.tab-nav .swiper-container .swiper-slide a { display: block; padding: 40px 0; color: #333333; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; line-height: 1; }

.pic-text-list-1 ul { overflow: hidden; width: 105%; }

.pic-text-list-1 ul li { float: left; width: 30%; margin-right: 2.5%; margin-bottom: 2.5%; background: #fff; overflow: hidden; }

.pic-text-list-1 ul li .pic img { width: 100%; height: auto; }

.pic-text-list-1 ul li .text { background: #fff; padding: 30px; }

.pic-text-list-1 ul li .text .title { display: block; font-size: 20px; color: #000000; padding-bottom: 12px; font-weight: bolder; }

.pic-text-list-1 ul li .text .desc { font-size: 14px; color: #333333; margin-bottom: 25px; line-height: 1.5; height: 66px; overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }

.pic-text-list-1 ul li .text .info { font-size: 12px; color: #666666; }

.pic-text-list-1 ul li .text .info dl { padding: 5px 0; overflow: hidden; }

.pic-text-list-1 ul li .text .info dl dt {
  width: 65px; color: #000000; font-weight: bolder; float: left;

}

.pic-text-list-1 ul li .text .info dl dd { padding-left: 60px; }

.page { padding: 25px 0; }

.page ul { text-align: center; }

.page ul li { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: inline-block; min-width: 30px; height: 30px; line-height: 30px; }

.page ul li.prev { background: url("../images/icon-page-left.png") no-repeat center; }

.page ul li.next { background: url("../images/icon-page-right.png") no-repeat center; }

.page ul li a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: block; color: #666666; width: 100%; height: 100%; }

.page ul li:hover, .page ul li.on { background: #555555; }

.page ul li:hover.next, .page ul li.on.next { background: url("../images/icon-page-right.png") no-repeat center; }

.page ul li:hover.prev, .page ul li.on.prev { background: url("../images/icon-page-left.png") no-repeat center; }

.page ul li:hover a, .page ul li.on a { color: #ffffff; }

.about-co-detail { width: 990px; margin: 0 auto; padding-bottom: 90px; }

.about-co-detail .title { font-size: 24px; color: #000000; padding: 40px 0; text-align: center; border-bottom: 1px solid #dddddd; }

.about-co-detail .content { font-size: 14px; color: #333333; line-height: 2; padding-top: 60px; }

.about-co-detail .content p { padding-bottom: 35px; text-indent: 2em; }

.about-co-detail .info { font-size: 14px; color: #666666; padding-top: 35px; }

.about-co-detail .info p { padding: 3px 0; }

.about-co-detail .info span { color: #000000; font-weight: bolder; }

.team-list ul { width: 103%; overflow: hidden; }

.team-list ul li { width: 31%; float: left; background: #fff; padding: 40px; margin-right: 2%; margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.team-list ul li .top { padding-bottom: 20px; border-bottom: 1px solid #dddddd; }

.team-list ul li .top .name { font-size: 24px; color: #333333; line-height: 1; padding-bottom: 10px; }

.team-list ul li .top .title { font-size: 14px; color: #333333; line-height: 1; }

.team-list ul li .content { padding-top: 20px; font-size: 14px; color: #333333; line-height: 2; height: 360px; }

.text-list-1 ul { padding-bottom: 55px; }

.text-list-1 ul li { overflow: hidden; padding: 30px 0; border-bottom: 1px solid #eeeeee; }

.text-list-1 ul li .data { width: 130px; float: left; color: #666666; font-size: 12px; padding-top: 5px; }

.text-list-1 ul li .text { padding-left: 130px; }

.text-list-1 ul li .text .title { display: block; font-size: 20px; color: #000; font-weight: bolder; padding-bottom: 28px; }

.text-list-1 ul li .text .go { padding-right: 60px; display: inline-block; font-size: 12px; color: #666666; background: url("../images/icon-news-list-more.png") no-repeat center right; }

.pic-text-list-2 ul { overflow: hidden; width: 104%; }

.pic-text-list-2 ul li { width: 22.5%; float: left; margin-right: 2%; margin-bottom: 4%; }

.pic-text-list-2 ul li .data { font-size: 12px; color: #666666; padding-bottom: 20px; }

.pic-text-list-2 ul li .pic img { width: 100%; }

.pic-text-list-2 ul li .title { display: block; font-size: 18px; color: #000000; font-weight: bolder; padding: 20px 0; height: 75px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.pic-text-list-2 ul li .go { padding-right: 60px; display: inline-block; font-size: 12px; color: #666666; background: url("../images/icon-news-list-more.png") no-repeat center right; }

.about-news-detail { padding: 50px 0; background: #fff; }

.about-news-detail .data { font-size: 12px; color: #666666; text-align: center; padding-bottom: 25px; }

.about-news-detail .title { font-size: 24px; color: #000000; text-align: center; font-weight: bolder; padding-bottom: 35px; border-bottom: 1px solid #dddddd; }

.about-news-detail .content { padding: 30px 0; }

.about-news-detail .content p { color: #333333; font-size: 14px; line-height: 2; padding-bottom: 50px; text-indent: 2em; }

.about-news-detail .content img { display: inline-block; }

.about-news-detail .content em { font-style: italic; }

.about-news-detail .content .pic { padding-bottom: 50px; text-align: center; }

.about-news-detail .content .pic img { width: 70%; display: inline-block; }

.pic-list-1 ul { overflow: hidden; width: 101%; }

.pic-list-1 ul li { width: 24%; float: left; margin-right: 1%; margin-bottom: 1%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pic-list-1 ul li .pic { padding: 50px; }

.pic-list-1 ul li .pic img { width: 100%; height: auto; }

.pic-list-1 ul li .title { display: block; font-size: 18px; color: #000000; font-weight: bolder; padding: 0 30px 40px 30px; text-align: center; height: 55px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.about-course { background: #fff; }

.about-course .wrap { padding-top: 55px; width: 1075px; margin: 0 auto; }

.about-course .tab { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; background: url("../images/about-course-tab.jpg"); }

.about-course .tab .swiper-container .swiper-wrapper { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.about-course .tab .swiper-container .swiper-wrapper .swiper-slide { display: inline-block; width: auto; }

.about-course .tab .swiper-container .swiper-wrapper .swiper-slide:hover a, .about-course .tab .swiper-container .swiper-wrapper .swiper-slide.on a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #c01621; }

.about-course .tab .swiper-container .swiper-wrapper .swiper-slide a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-size: 14px; color: #333333; padding: 15px 18px; display: block; }

.about-course .time-line { padding-left: 60px; }

.about-course .time-line .t { font-size: 36px; color: #c01621; line-height: 1; padding: 50px 0 50px 30px; position: relative; }

.about-course .time-line .t:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #dddddd; }

.about-course .time-line .t:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -14px; left: 0; width: 1px; height: 28px; background: #c01621; z-index: 2; }

.about-course .time-line .item { position: relative; padding-left: 30px; padding-bottom: 50px; }

.about-course .time-line .item.item-pic { padding-bottom: 0; }

.about-course .time-line .item:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #dddddd; }

.about-course .time-line .item .y { width: 80px; height: 30px; line-height: 30px; font-size: 18px; color: #333333; background: #ebf1f4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; margin-bottom: 25px; position: relative; }

.about-course .time-line .item .y:before { content: ''; display: block; position: absolute; top: 50%; left: -30px; width: 30px; height: 1px; background: #ebf1f4; z-index: 2; }

.about-course .time-line .item .text p { font-size: 14px; color: #333333; padding: 5px 0 5px 15px; margin-left: 10px; background: url("../images/icon-dot-red.png") no-repeat left 14px; }

.about-course .time-line .item .text-pic { font-size: 14px; color: #333333; line-height: 2; overflow: hidden; padding-bottom: 40px; }

.about-course .time-line .item .text-pic .text { width: 73%; float: left; }

.about-course .time-line .item .text-pic .pic { width: 23%; float: right; }

.about-course .time-line .item .text-pic .pic img { width: 100%; }

.files-list ul { overflow: hidden; }

.files-list ul li { padding: 30px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; }

.files-list ul li .data { font-size: 12px; color: #666666; padding-right: 40px; padding-top: 15px; float: left; }

.files-list ul li .flag { float: left; width: 26px; height: 26px; margin-top: 9px; background-repeat: no-repeat; background-position: center; }

.files-list ul li .flag.pdf { background-image: url("../images/icon-pdf.png"); }

.files-list ul li .title { float: left; width: 55%; line-height: 2; padding-left: 10px; padding-top: 5px; font-size: 18px; color: #000000; font-weight: bolder; }

.files-list ul li .btn { float: right; }

.files-list ul li .btn a { display: inline-block; width: 125px; height: 40px; line-height: 40px; border: 2px solid #cccccc; text-align: center; font-size: 14px; }

.files-list ul li .btn a.view { color: #c01621; margin-right: 20px; }

.files-list ul li .btn a.download { color: #000000; }

.bonus-table { padding: 20px 0; }

.bonus-table table { width: 100%; }

.bonus-table table tr th { font-size: 16px; color: #000000; background: #f7f7f7; height: 70px; line-height: 1; text-align: center; }

.bonus-table table tr td { font-size: 18px; color: #000000; height: 110px; border-bottom: 1px solid #eeeeee; text-align: center; }

.hotline { width: 1300px; margin: 0 auto; position: relative; }

.hotline .pic img { width: 100%; }

.hotline .text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; background: url("../images/hot-line-bg.png") repeat; text-align: center; padding-bottom: 25px; }

.hotline .text .wrap { width: 380px; display: inline-block; }

.hotline .text .tel { font-size: 20px; padding: 25px 0; margin-bottom: 25px; border-bottom: 1px solid #dddddd; }

.hotline .text .tel span { display: inline-block; height: 26px; line-height: 26px; color: #007ccb; }

.hotline .text .tel span.p { padding-left: 40px; color: #000000; background: url("../images/icon-phone.png") no-repeat center left; }

.hotline .text p { font-size: 16px; color: #000000; padding: 5px 0; }

.hotline .text p a, .hotline .text p span { color: #007ccb; }

.job-table .mobile-table { overflow: hidden; display: none; }

.job-table .mobile-table .mt-field { float: left; width: 40%; background: #f7f7f7; font-size: 16px; color: #000000; }

.job-table .mobile-table .mt-field .item { height: 70px; width: 100%; display: table; border-bottom: 1px solid #eee; }

.job-table .mobile-table .mt-field .item span { text-align: center; display: table-cell; vertical-align: middle; }

.job-table .mobile-table .mt-content { float: left; width: 60%; text-align: center; overflow-y: scroll; }

.job-table .mobile-table .mt-content .item { float: left; border-right: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.job-table .mobile-table .mt-content .item .item-data { height: 70px; width: 100%; display: table; border-bottom: 1px solid #eee; }

.job-table .mobile-table .mt-content .item .item-data span { text-align: center; display: table-cell; vertical-align: middle; }

.job-table table { width: 100%; margin-bottom: 55px; }

.job-table table tr th { font-size: 16px; color: #000000; background: #f7f7f7; height: 70px; text-align: center; }

.job-table table tr th.pos { text-align: left; padding-left: 45px; }

.job-table table tr td { text-align: center; font-size: 18px; height: 110px; border-bottom: 1px solid #eeeeee; }

.job-table table tr td a { color: #000000; }

.job-table table tr td.pos { text-align: left; padding-left: 45px; }

.job-table table tr td.time { font-size: 14px; }

.job-table table tr td.time a { color: #999999; }

.job-detail .top { padding-bottom: 30px; border-bottom: 1px solid #dddddd; }

.job-detail .top .title { font-size: 24px; color: #000000; font-weight: bolder; }

.job-detail .top .info { padding-top: 10px; }

.job-detail .top .info span { display: inline-block; font-size: 14px; color: #666666; padding-left: 23px; padding-right: 25px; height: 16px; line-height: 16px; }

.job-detail .top .info span.l { background: url("../images/icon-job-l.png") no-repeat center left; }

.job-detail .top .info span.e { background: url("../images/icon-job-e.png") no-repeat center left; }

.job-detail .top .info span.n { background: url("../images/icon-job-n.png") no-repeat center left; }

.job-detail .center { padding-top: 45px; border-bottom: 1px solid #dddddd; }

.job-detail .center .item { padding-bottom: 45px; }

.job-detail .center .item .t { font-size: 18px; color: #000000; font-weight: bolder; padding-bottom: 10px; }

.job-detail .center .item .c p { font-size: 14px; color: #333333; padding: 7px 0; }

.job-detail .bottom { padding-top: 35px; padding-bottom: 30px; overflow: hidden; }

.job-detail .bottom .btn { float: left; }

.job-detail .bottom .btn a { width: 190px; height: 50px; display: block; background: #c01621; color: #fff; line-height: 50px; text-align: center; }

.job-detail .bottom .email { float: right; font-size: 16px; color: #000000; font-weight: bolder; padding-top: 10px; }

.job-detail .bottom .email a { color: #007ccb; }

.sub-law .title { font-size: 24px; color: #000000; font-weight: bolder; padding-bottom: 40px; border-bottom: 1px solid #dddddd; }

.sub-law .content { padding-top: 20px; }

.sub-law .content .t { font-size: 18px; color: #000000; padding: 20px 0; line-height: 1; font-weight: bolder; }

.sub-law .content p { font-size: 14px; color: #333333; line-height: 2; padding-bottom: 25px; }

.sub-law .link ul { overflow: hidden; width: 102.2%; }

.sub-law .link ul li { width: 12%; float: left; margin-right: 2.2%; margin-bottom: 2.2%; }

.sub-law .link ul li .logo { height: 100px; background-position: center; -moz-background-size: 80%; background-size: 80%; background-repeat: no-repeat; }

.sub-law .link ul li .text { font-size: 14px; color: #333333; text-align: center; }

.hr-idea { overflow: hidden; }

.hr-idea .top { margin-top: -1px; padding: 80px 0 130px 0; background: #f2fafd; text-align: center; }

.hr-idea .top .t { font-size: 40px; color: #333333; padding-bottom: 20px; line-height: 1; }

.hr-idea .top .d { font-size: 18px; color: #333333; line-height: 2; }

.hr-idea .center .item { background: #fff; overflow: hidden; }

.hr-idea .center .item.r .pic { float: right; }

.hr-idea .center .item.r .text { float: left; }

.hr-idea .center .item .pic { width: 50%; float: left; }

.hr-idea .center .item .pic img { width: 100%; }

.hr-idea .center .item .text { width: 50%; float: right; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hr-idea .center .item .text .t { font-size: 36px; color: #333333; padding-bottom: 30px; }

.hr-idea .center .item .text .d { font-size: 14px; color: #333333; line-height: 2; }

.hr-idea .bottom { height: 325px; background: #007ccb; text-align: center; position: relative; }

.hr-idea .bottom .bg { width: 962px; height: 325px; position: absolute; left: -145px; background: url("../images/hr-idea-bottom-bg.jpg") no-repeat center; }

.hr-idea .bottom .t { font-size: 24px; color: #ffffff; line-height: 1; padding-top: 70px; position: relative; z-index: 1; }

.hr-idea .bottom .btn { position: relative; z-index: 1; text-align: center; padding-top: 70px; }

.hr-idea .bottom .btn a { display: inline-block; margin: 0 30px; width: 270px; height: 70px; line-height: 70px; border: 2px solid #fff; font-size: 16px; color: #fff; cursor: pointer; }

.hr-idea .bottom .btn a span { cursor: pointer; display: inline-block; height: 70px; padding-left: 30px; background: url("../images/icon-social.png") no-repeat center left; }

.hr-idea .bottom .btn a.campus span { padding-left: 40px; background: url("../images/icon-campus.png") no-repeat center left; }

.hr-gold .item1 { padding: 55px 0; background: #f2fafd; text-align: center; }

.hr-gold .item1 .text { color: #333333; font-size: 30px; line-height: 2; }

.hr-gold .item2 { background: #ffffff; font-size: 18px; color: #333333; text-align: center; line-height: 2; padding: 65px 0 45px 0; }

.hr-gold .item2 .text { padding: 0 16%; }

.hr-gold .item3 { background: #fff; padding-bottom: 100px; }

.hr-gold .item3 .title { font-size: 24px; color: #333333; text-align: center; padding-bottom: 40px; font-weight: bolder; }

.hr-gold .item3 .content img { width: 100%; }

.hr-gold .item3 .content .pc { display: block; }

.hr-gold .item3 .content .mobile { display: none; }

.pic-text-list-3 ul li { overflow: hidden; background: #fff; margin-bottom: 20px; }

.pic-text-list-3 ul li .pic { width: 50%; float: left; }

.pic-text-list-3 ul li .pic img { width: 100%; }

.pic-text-list-3 ul li .text { width: 50%; float: left; padding: 5%; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pic-text-list-3 ul li .text .data { font-size: 12px; color: #666666; }

.pic-text-list-3 ul li .text .title { padding: 10px 0 15px 0; overflow: hidden; }

.pic-text-list-3 ul li .text .title i { margin-top: 3px; display: block; width: 22px; height: 26px; float: left; background: url("../images/icon-pdf.png") no-repeat center left; }

.pic-text-list-3 ul li .text .title a { display: inline-block; padding-left: 10px; font-size: 22px; color: #000000; font-weight: bolder; }

.pic-text-list-3 ul li .text .desc { font-size: 14px; color: #333333; line-height: 2; height: 140px; overflow: hidden; }

.pic-text-list-3 ul li .text .btn { padding-top: 40px; }

.pic-text-list-3 ul li .text .btn a { display: inline-block; width: 186px; height: 46px; border: 2px solid #999999; text-align: center; line-height: 46px; font-size: 14px; }

.pic-text-list-3 ul li .text .btn a span { cursor: pointer; }

.pic-text-list-3 ul li .text .btn a.view { color: #c01621; margin-right: 20px; }

.pic-text-list-3 ul li .text .btn a.download { color: #333333; }

.pic-text-list-3 ul li .text .btn a.download span { display: inline-block; padding-left: 30px; background: url("../images/icon-pdf.png") no-repeat center left; }

.culture-content-ewm {  padding: 70px 0; overflow: hidden;padding-left: 30%}

.culture-content-ewm .pic { display: inline-block; }

.culture-content-ewm .text { padding-top: 20px; font-size: 16px; color: #000000; text-align: center}

.culture-content-ewm .left{float: left}

.culture-content-ewm .right{padding-left: 270px;padding-top: 40px;}

.culture-content-ewm .title{font-size: 18px; color: #333333; padding-bottom: 5px;}

.culture-content-ewm .co-item{font-size: 14px;color: #333333;overflow: hidden; padding: 3px 0}

.culture-content-ewm .l{float: left}

.culture-content-ewm .r{float: left;color: #007ccb}

.culture-content-ewm .r.b{color: #666666}

.hockey, .football, .product-power { background: #fff; }

.hockey .item-text, .football .item-text, .product-power .item-text { padding-top: 30px; }

.hockey .item-text .t, .football .item-text .t, .product-power .item-text .t { font-size: 36px; color: #333333; padding-bottom: 30px; }

.hockey .item-text .d, .football .item-text .d, .product-power .item-text .d { font-size: 14px; color: #000000; line-height: 2; }

.hockey .item1, .football .item1, .product-power .item1 { padding: 80px 0; height: 865px; text-align: center; background-image: url("../images/hockey-item1-bg.jpg"); background-position: center; background-repeat: no-repeat; }

.hockey .item1 .item-pic, .football .item1 .item-pic, .product-power .item1 .item-pic{display: none}

.hockey .item1 .item-pic img, .football .item1 .item-pic img, .product-power .item1 .item-pic img{width: 100%;}

.hockey .item1 .item-text, .football .item1 .item-text, .product-power .item1 .item-text { padding-top: 70px; }

.hockey .item1 .item-text .d, .football .item1 .item-text .d, .product-power .item1 .item-text .d { font-size: 18px; }

.hockey .item2, .football .item2, .product-power .item2 { background: #fafafa; overflow: hidden; padding: 100px 0; }

.hockey .item2.re, .football .item2.re, .product-power .item2.re { background: #fff; }

.hockey .item2.re .item-text, .football .item2.re .item-text, .product-power .item2.re .item-text { float: right; padding-right: 0; padding-left: 7%; }

.hockey .item2.re .pic, .football .item2.re .pic, .product-power .item2.re .pic { float: left; }

.hockey .item2 .item-text, .football .item2 .item-text, .product-power .item2 .item-text { width: 50%; float: left; padding-right: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hockey .item2 .pic, .football .item2 .pic, .product-power .item2 .pic { width: 50%; float: right; }

.hockey .item2 .pic img, .football .item2 .pic img, .product-power .item2 .pic img { width: 100%; }

.hockey .item3, .football .item3, .product-power .item3 { text-align: center; height: 1000px; background-image: url("../images/hockey-item3-bg.jpg"); background-repeat: no-repeat; background-position: center; }

.hockey .item3 .item-pic, .football .item3 .item-pic, .product-power .item3 .item-pic {display: none}

.hockey .item3 .item-pic img, .football .item3 .item-pic img, .product-power .item3 .item-pic img {width: 100%}

.hockey .item3 .item-text, .football .item3 .item-text, .product-power .item3 .item-text { width: 750px; margin: 0 auto; padding-top: 70px; }

.hockey .item4, .football .item4, .product-power .item4 { background: url("../images/hockey-item4-bg.png") repeat center bottom #fff; overflow: hidden; padding-bottom: 30px; }

.hockey .item4 .item-pic, .football .item4 .item-pic, .product-power .item4 .item-pic { padding-top: 10%; }

.hockey .item4 .item-pic .text, .football .item4 .item-pic .text, .product-power .item4 .item-pic .text { padding-top: 20px; font-size: 14px; color: #333333; }

.hockey .item4 .left, .football .item4 .left, .product-power .item4 .left { width: 50%; float: left; }

.hockey .item4 .right, .football .item4 .right, .product-power .item4 .right { width: 50%; float: right; }

.hockey .item4 .right img, .football .item4 .right img, .product-power .item4 .right img { width: 100%; }

.hockey .item5, .football .item5, .product-power .item5 { padding-bottom: 80px; }

.hockey .item5 ul, .football .item5 ul, .product-power .item5 ul { width: 103%; overflow: hidden; }

.hockey .item5 ul li, .football .item5 ul li, .product-power .item5 ul li { width: 31%; margin-right: 2%; float: left; }

.hockey .item5 ul li .pic img, .football .item5 ul li .pic img, .product-power .item5 ul li .pic img { width: 100%; }

.hockey .item5 ul li .text, .football .item5 ul li .text, .product-power .item5 ul li .text { padding-top: 45px; }

.hockey .item5 ul li .text .t, .football .item5 ul li .text .t, .product-power .item5 ul li .text .t { font-size: 24px; color: #333333; padding-bottom: 30px; }

.hockey .item5 ul li .text .d, .football .item5 ul li .text .d, .product-power .item5 ul li .text .d { font-size: 14px; color: #333333; line-height: 2; }

.hockey .item6, .football .item6, .product-power .item6 { background: #fafafa; padding: 80px 0; overflow: hidden; }

.hockey .item6 .t, .football .item6 .t, .product-power .item6 .t { font-size: 36px; color: #333333; padding-bottom: 70px; text-align: center; }

.hockey .item6 .item, .football .item6 .item, .product-power .item6 .item { width: 46%; margin-right: 8%; float: left; }

.hockey .item6 .item.r, .football .item6 .item.r, .product-power .item6 .item.r { float: right; margin-right: 0; }

.hockey .item6 .item .pic img, .football .item6 .item .pic img, .product-power .item6 .item .pic img { width: 100%; }

.hockey .item6 .item .text, .football .item6 .item .text, .product-power .item6 .item .text { padding-top: 40px; }

.hockey .item6 .item .text .data, .football .item6 .item .text .data, .product-power .item6 .item .text .data { font-size: 12px; color: #666666; line-height: 1; padding-bottom: 10px; }

.hockey .item6 .item .text .title, .football .item6 .item .text .title, .product-power .item6 .item .text .title { font-size: 24px; color: #333333; padding-bottom: 15px; }

.hockey .item6 .item .text .desc, .football .item6 .item .text .desc, .product-power .item6 .item .text .desc { font-size: 14px; color: #333333; line-height: 2; }

.hockey .item7, .football .item7, .product-power .item7 { overflow: hidden; background: #ecf0f3; position: relative; padding: 80px 0; }

.hockey .item7 .item-house, .football .item7 .item-house, .product-power .item7 .item-house { position: absolute; bottom: 0; left: -200px; }

.hockey .item7 .item-text, .football .item7 .item-text, .product-power .item7 .item-text { float: left; width: 50%; position: relative; z-index: 2; }

.hockey .item7 .right, .football .item7 .right, .product-power .item7 .right { float: right; width: 33%; position: relative; z-index: 2; }

.hockey .item7 .right .item, .football .item7 .right .item, .product-power .item7 .right .item { border-top: 1px solid #d3d3d3; padding-top: 20px; padding-bottom: 60px; font-size: 12px; color: #333333; line-height: 2; }

.hockey .item7 .right .item p, .football .item7 .right .item p, .product-power .item7 .right .item p { padding-bottom: 10px; }

.football .item2 { background: #fff; }

.product-power .item1 { height: 800px; }

.investor-collaboration .item { padding-bottom: 50px; }

.investor-collaboration .item .top { height: 530px; background-repeat: no-repeat; background-position: center top; position: relative; padding-top: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.investor-collaboration .item .top .box-text { width: 270px; padding: 30px; background: #1b6eae; color: #fff; }

.investor-collaboration .item .top .box-text .t { font-size: 30px; padding-bottom: 20px; }

.investor-collaboration .item .top .box-text .d { font-size: 14px; line-height: 2; }

.investor-collaboration .item .wrap { padding-top: 80px; overflow: hidden; }

.investor-collaboration .item .wrap .left { border-top: 1px solid #d1d1d1; width: 350px; float: left; padding-left: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.investor-collaboration .item .wrap .left .logo { display: inline-block; padding: 35px 0; padding-bottom: 15px; }

.investor-collaboration .item .wrap .left .num { color: #41b252; position: relative; line-height: 1; margin-bottom: 15px; margin-top: 25px; }

.investor-collaboration .item .wrap .left .num span { display: inline-block; }

.investor-collaboration .item .wrap .left .num span.n { font-size: 54px; width: 150px; }

.investor-collaboration .item .wrap .left .num span.flag { font-size: 24px; position: absolute; top: 5px; padding: 0; }

.investor-collaboration .item .wrap .left .text { font-size: 12px; color: #333333; }

.investor-collaboration .item .wrap .right { padding-left: 400px; font-size: 14px; color: #000; line-height: 2; margin-top: -8px; }

.investor-collaboration .item .wrap .right p { padding-bottom: 40px; }

.about-idea { background: #fff; }

.about-idea .item { margin-bottom: 10px; height: 875px; background-position: center; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 80px; }

.about-idea .item.n { margin-bottom: 0; }

.about-idea .item .text-item { text-align: center; }

.about-idea .item .text-item .s { font-size: 16px; color: #333333; line-height: 1; padding-bottom: 20px; }

.about-idea .item .text-item .t { font-size: 36px; color: #333333; }

.about-idea .item .text-item .d { padding-top: 50px; line-height: 2; font-size: 14px; color: #333333; }

.product-center { background: #fff; padding-top: 80px; overflow: hidden; }

.product-center .top { padding-bottom: 80px; overflow: hidden; }

.product-center .top .title { font-size: 36px; color: #333333; text-align: center; width: 800px; margin: 0 auto; padding-bottom: 80px; }

.product-center .top .item { width: 46%; float: left; }

.product-center .top .item.r { float: right; }

.product-center .top .item .pic img { width: 100%; }

.product-center .top .item .text { padding-top: 30px; }

.product-center .top .item .text .t { font-size: 24px; color: #333333; padding-bottom: 20px; }

.product-center .top .item .text .d { font-size: 14px; color: #333333; }

.product-center .bottom { height: 280px; background: url("../images/product-center-bottom-bg.jpg") no-repeat center; }

.product-center .bottom .text { padding-top: 70px; text-align: center; }

.product-center .bottom .text .t1 { font-size: 24px; color: #ffffff; }

.product-center .bottom .text .t2 { padding-top: 10px; font-size: 36px; color: #ffffff; }

.product-results .text { text-align: center; }

.product-results .text .t { font-size: 36px; color: #333333; }

.product-results .text .d { padding-top: 30px; font-size: 14px; color: #333333; line-height: 2; }

.product-results .num { width: 490px; margin: 0 auto; padding-top: 100px; }

.product-results .num .n1 { border-bottom: 1px solid #ebebeb; padding-bottom: 40px; text-align: center; }

.product-results .num .n2 { padding-top: 40px; text-align: center; }

.product-results .num .item { width: 120px; padding-right: 60px; display: inline-block; text-align: left; }

.product-results .num .item.e { padding-right: 0; }

.product-results .num .item .top { color: #41b252; font-size: 60px; line-height: 1; position: relative; }

.product-results .num .item .top span { display: inline-block; }

.product-results .num .item .top .flag { font-size: 24px; position: absolute; top: 5px; }

.product-results .num .item .bottom { padding-top: 10px; font-size: 14px; line-height: 1; color: #333333; }

.product-results .num .item .bottom p { text-align: left; line-height: 1.5; }

.item8 { overflow: hidden; text-align: center; padding-bottom: 80px; }

.item8 .item { overflow: hidden; display: inline-block; padding-right: 10%; }

.item8 .item.e { padding-right: 0; }

.item8 .item .left { float: left; padding-right: 30px; }

.item8 .item .left .icon { width: 88px; height: 72px; -moz-background-size: auto 100%; background-size: auto 100%; }

.item8 .item .left .icon.i1 { background: url("../images/icon-item8-1.png") no-repeat center; }

.item8 .item .left .icon.i2 { background: url("../images/icon-item8-2.png") no-repeat center; }

.item8 .item .left .icon.i3 { background: url("../images/icon-item8-3.png") no-repeat center; -moz-background-size: auto 100%; background-size: auto 100%; }

.item8 .item .left span { padding-top: 10px; display: block; font-size: 12px; color: #333333; line-height: 1; text-align: center; }

.item8 .item .right { float: left; padding-top: 14px; }

.item8 .item .right .num { color: #41b252; font-size: 60px; line-height: 1; position: relative; text-align: left; }

.item8 .item .right .num span { display: inline-block; }

.item8 .item .right .num span.flag { font-size: 24px; position: absolute; top: 5px; }

.item8 .item .right .text { font-size: 12px; color: #333333; padding-top: 8px; line-height: 1; text-align: left; }

.stock .tab { padding-bottom: 30px; }

.stock .tab ul { overflow: hidden; text-align: center; }

.stock .tab ul li { display: inline-block; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; width: 22.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; margin-right: 2%; background: #fff; color: #fff; line-height: 50px; text-align: center; border: 1px solid #dadada; }

.stock .tab ul li a { color: #333; display: block; }

.stock .tab ul li.on, .stock .tab ul li:hover { background: #c01621; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.stock .tab ul li.on a, .stock .tab ul li:hover a { color: #fff; }

.stock .stock-pic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; }

.stock .stock-pic.on { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; }

.stock .stock-pic img { width: 100%; height: auto; }

.about-intro .text-item { text-align: center; }

.about-intro .text-item .t { font-size: 36px; color: #333333; padding-bottom: 30px; }

.about-intro .text-item .d { font-size: 14px; color: #333333; line-height: 2; }

.about-intro .item1 { height: 750px; background-image: url("../images/about-intro-item1.jpg?v=2"); background-position: center; background-repeat: no-repeat; }

.about-intro .item1 .text-item { padding-top: 60px; }

.about-intro .item2 { height: 762px; background: url("../images/about-intro-item2-bg.jpg") no-repeat center; }

.about-intro .item2 .mobile-pic { display: none; }

.about-intro .item2 .mobile-pic img { width: 100%; }

.about-intro .item2 .text-item { padding-top: 100px; width: 50%; text-align: left; padding-bottom: 70px; }

.about-intro .item2 .num-item { overflow: hidden; border-top: 1px solid #d1d1d1; width: 360px; padding-top: 18px; padding-bottom: 50px; }

.about-intro .item2 .num-item .num { width: 90px; float: left; padding-right: 60px; display: inline-block; }

.about-intro .item2 .num-item .num.l { width: auto; padding-right: 0; }

.about-intro .item2 .num-item .num .n { color: #41b252; font-size: 60px; line-height: 1; position: relative; text-align: left; }

.about-intro .item2 .num-item .num .n .flag { font-size: 24px; position: absolute; top: 5px; }

.about-intro .item2 .num-item .num .text { font-size: 12px; color: #333333; padding-top: 10px; }

.about-intro .item3 { padding: 100px 0; overflow: hidden; background: #fff; }

.about-intro .item3 .text-item { padding-bottom: 70px; }

.about-intro .item3 .item { width: 46%; margin-right: 4%; float: left; }

.about-intro .item3 .item.e { margin-right: 0; }

.about-intro .item3 .item .pic img { width: 100%; }

.about-intro .item3 .item .text { padding-top: 55px; }

.about-intro .item3 .item .text .t { line-height: 1; font-size: 24px; color: #333333; padding-bottom: 15px; }

.about-intro .item3 .item .text .desc { font-size: 14px; color: #333333; line-height: 2; }

.about-intro .item3 .item .text .go { display: block; margin-top: 20px; width: 41px; height: 40px; background: url("../images/icon-news-list-more.png") no-repeat center; }

.about-intro .item4 { padding: 80px 0; background: #fafafa; }

.about-intro .item4 .bottom { text-align: center; padding-top: 60px; }

.about-intro .item4 .bottom .tel { display: inline-block; font-size: 20px; color: #333333; background: url("../images/icon-phone.png") no-repeat left center; padding-left: 40px; }

.about-intro .item4 .bottom .tel span { color: #007ccb; }

.about-intro .item4 .bottom .go { width: 168px; height: 40px; line-height: 40px; margin: 40px auto 0 auto; border: 2px solid #333333; display: block; }

.slove-banner { height: 600px; background-image: url("../images/slove-banner2.jpg"); background-repeat: no-repeat; background-position: center; position: relative; }

.slove-banner .item-pic{display: none}

.slove-banner .item-pic img{width: 100%;}

.slove-banner .item-text { color: #33666d; position: absolute; top: 50%; width: 25%; margin-top: -100px; }

.slove-banner .item-text .t { font-size: 40px; padding-bottom: 15px; }

.slove-banner .item-text .d { font-size: 16px; line-height: 2; }

.slove-banner .item-text .go { margin-top: 50px; width: 187px; height: 46px; border: 2px solid #33666d; text-align: center; display: table; color: #33666d; }

.slove-banner .item-text .go span { display: table-cell; vertical-align: middle; }

.solve-case-content { padding: 70px 0; }

.solve-tab { background: #fff; border-bottom: 1px solid #dddddd; }

.solve-tab .swiper-container { overflow: visible; }

.solve-tab .swiper-wrapper { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.solve-tab .swiper-wrapper .swiper-slide { display: inline-block; width: 90px; padding-top: 25px; padding-bottom: 20px; margin-bottom: -1px; }

.solve-tab .swiper-wrapper .swiper-slide.on, .solve-tab .swiper-wrapper .swiper-slide:hover { border-bottom: 1px solid #c01621; }

.solve-tab .swiper-wrapper .swiper-slide.on .icon, .solve-tab .swiper-wrapper .swiper-slide:hover .icon { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i1, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i1 { background-image: url("../images/solve-tab-01-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i2, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i2 { background-image: url("../images/solve-tab-02-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i3, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i3 { background-image: url("../images/solve-tab-03-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i4, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i4 { background-image: url("../images/solve-tab-04-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i5, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i5 { background-image: url("../images/solve-tab-05-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i6, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i6 { background-image: url("../images/solve-tab-06-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i7, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i7 { background-image: url("../images/solve-tab-07-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i8, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i8 { background-image: url("../images/solve-tab-08-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i9, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i9 { background-image: url("../images/solve-tab-09-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i10, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i10 { background-image: url("../images/solve-tab-10-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i11, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i11 { background-image: url("../images/solve-tab-11-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i12, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i12 { background-image: url("../images/solve-tab-12-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i13, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i13 { background-image: url("../images/solve-tab-13-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on .icon.i14, .solve-tab .swiper-wrapper .swiper-slide:hover .icon.i14 { background-image: url("../images/solve-tab-14-hover.png"); }

.solve-tab .swiper-wrapper .swiper-slide.on span, .solve-tab .swiper-wrapper .swiper-slide:hover span { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #c01621; font-weight: bolder; }

.solve-tab .swiper-wrapper .swiper-slide .icon { height: 40px; background-repeat: no-repeat; background-position: center bottom; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.solve-tab .swiper-wrapper .swiper-slide .icon.i1 { background-image: url("../images/solve-tab-01.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i2 { background-image: url("../images/solve-tab-02.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i3 { background-image: url("../images/solve-tab-03.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i4 { background-image: url("../images/solve-tab-04.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i5 { background-image: url("../images/solve-tab-05.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i6 { background-image: url("../images/solve-tab-06.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i7 { background-image: url("../images/solve-tab-07.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i8 { background-image: url("../images/solve-tab-08.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i9 { background-image: url("../images/solve-tab-09.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i10 { background-image: url("../images/solve-tab-10.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i11 { background-image: url("../images/solve-tab-11.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i12 { background-image: url("../images/solve-tab-12.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i13 { background-image: url("../images/solve-tab-13.png"); }

.solve-tab .swiper-wrapper .swiper-slide .icon.i14 { background-image: url("../images/solve-tab-14.png"); }

.solve-tab .swiper-wrapper .swiper-slide span { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: block; font-size: 14px; color: #333333; line-height: 1; padding-top: 10px; text-align: center; }

.solve-tab2 {background: #fff;border-bottom: 1px solid #dddddd;padding: 10px 0;}

.solve-tab2 .item{overflow: hidden;}

.solve-tab2 .item .l{ float: left;font-size: 14px;color: #000000;padding: 5px 0;width: 75px;}

.solve-tab2 .st2-list{overflow: hidden;}

.solve-tab2 .item{padding: 10px 0;border-bottom: 1px dotted #cccccc}

.solve-tab2 .item:last-child{border-bottom: none}

.solve-tab2 .st2-list ul li{float: left;display: inline-block;margin-right: 8px;}

.solve-tab2 .st2-list ul li a{font-size: 14px; color: #666666;padding: 8px 10px;display: block;line-height: 1}

.solve-tab2 .st2-list ul li:hover , .solve-tab2 .st2-list ul li.on{ background: #e21c2a}

.solve-tab2 .st2-list ul li:hover a , .solve-tab2 .st2-list ul li.on a{ color: #fff}

.solve-case-list { padding-bottom: 45px; }

.solve-case-list ul { overflow: hidden; width: 101%; }

.solve-case-list ul li { width: 24%; margin-right: 1%; margin-bottom: 1%; float: left; background: #fff; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solve-case-list ul li .pic img { width: 100%; height: auto; }

.solve-case-list ul li .text { padding: 25px 0; text-align: center; }

.solve-case-list ul li .text .t { font-size: 20px; color: #000000; font-weight: bolder; }

.solve-case-list ul li .text .d { padding-top: 8px; font-size: 14px; color: #333333; }

.product-qrcode { background: #fff; }

.product-qrcode .item-text { text-align: center; color: #333; padding-top: 70px; padding-bottom: 90px; }

.product-qrcode .item-text .t { font-size: 36px; padding-bottom: 20px; }

.product-qrcode .item-text .d { font-size: 14px; line-height: 2; }

.product-qrcode .item1 { background: #fff; }

.product-qrcode .item1 .item { overflow: hidden; background: #f5f5f5; position: relative; margin-bottom: 10px; }

.product-qrcode .item1 .item.r .text { float: right; }

.product-qrcode .item1 .item.r .pic { float: left; }

.product-qrcode .item1 .item .wrap { display: table-cell; vertical-align: middle;padding: 0 90px;}

.product-qrcode .item1 .item .text { width: 50%; float: left; position: relative; display: table;}

.product-qrcode .item1 .item .text i { display: block; width: 23px; height: 2px; background: #d5010f; }

.product-qrcode .item1 .item .text .t { padding: 30px 0; font-size: 24px; color: #333333; }

.product-qrcode .item1 .item .text .d { font-size: 14px; color: #333333; line-height: 2; }

.product-qrcode .item1 .item .pic { width: 50%; float: right; }

.product-qrcode .item1 .item .pic img { width: 100%; }

.product-qrcode .item2 { background: #fafafa; margin-top: 90px; padding-bottom: 20px; overflow: hidden; }

.product-qrcode .item2 .item { width: 33.33%; text-align: center; float: left; padding-bottom: 80px; }

.product-qrcode .item2 .item .icon { height: 130px; background-position: center bottom; background-repeat: no-repeat; }

.product-qrcode .item2 .item .icon.i1 { background-image: url("../images/product-qrcode-item2-01.png"); }

.product-qrcode .item2 .item .icon.i2 { background-image: url("../images/product-qrcode-item2-02.png"); }

.product-qrcode .item2 .item .icon.i3 { background-image: url("../images/product-qrcode-item2-03.png"); }

.product-qrcode .item2 .item .icon.i4 { background-image: url("../images/product-qrcode-item2-04.png"); }

.product-qrcode .item2 .item .icon.i5 { background-image: url("../images/product-qrcode-item2-05.png"); }

.product-qrcode .item2 .item .icon.i6 { background-image: url("../images/product-qrcode-item2-06.png"); }

.product-qrcode .item2 .item .text { padding-top: 60px; line-height: 1; }

.product-qrcode .item2 .item .text .t { font-size: 24px; color: #333333; }

.product-qrcode .item2 .item .text .d { padding-top: 15px; font-size: 14px; color: #333333; }

.product-qrcode .item3 { padding: 30px 0; overflow: hidden; }

.product-qrcode .item3 .t { font-size: 36px; color: #333333; text-align: center; padding: 80px 0; }

.product-qrcode .item3 .item { width: 46%; margin-right: 8%; float: left; }

.product-qrcode .item3 .item.e { margin-right: 0; }

.product-qrcode .item3 .item .pic img { width: 100%; }

.product-qrcode .item3 .item .text { padding-top: 35px; padding-bottom: 60px; }

.product-qrcode .item3 .item .text .data { font-size: 12px; color: #666666; padding-bottom: 10px; }

.product-qrcode .item3 .item .text .desc { font-size: 16px; color: #333333; line-height: 2; }

.sub-contant { overflow: hidden; padding-bottom: 10px; }

.sub-contant .title { font-size: 30px; color: #333333; text-align: center; padding-bottom: 70px; }

.sub-contant .left { float: left; width: 50%; }

.sub-contant .left .t { font-size: 20px; color: #333333; padding-bottom: 20px; font-weight: bolder; }

.sub-contant .left .box { padding-bottom: 60px; }

.sub-contant .left .item { padding-bottom: 25px; }

.sub-contant .left .item p { font-size: 14px; color: #333333; padding: 3px 0; }

.sub-contant .left .item p span { color: #007ccb; padding-right: 10px; }

.sub-contant .left .qrcode { overflow: hidden; }

.sub-contant .left .qrcode .pic { width: 120px; float: left; }

.sub-contant .left .qrcode .pic img { width: 120px; height: auto; }

.sub-contant .left .qrcode .text { padding-top: 30px; float: left; padding-left: 30px; }

.sub-contant .right { width: 50%; float: right; }

.sub-contant .right .form-box { background: #fff; -webkit-box-shadow: 0px 0px 10px #eaeaea; -moz-box-shadow: 0px 0px 10px #eaeaea; box-shadow: 0px 0px 10px #eaeaea; padding: 30px; }

.sub-contant .right .form-box .t { font-size: 18px; color: #333333; padding-bottom: 10px; font-weight: bolder; }

.sub-contant .right .form-box .item { padding-top: 25px; }

.sub-contant .right .form-box .field { font-size: 14px; color: #333333; line-height: 1; padding-bottom: 10px; font-weight: bolder; }

.sub-contant .right .form-box .field i { color: #f90000; padding-left: 2px; }

.sub-contant .right .form-box .pic { display: inline-block; border: 1px solid #d4d4d4; height: 40px; margin-left: 20px; }

.sub-contant .right .form-box .pic img { width: auto; height: 100%; }

.sub-contant .right .form-box .input-text { border: 1px solid #d4d4d4; overflow: hidden; }

.sub-contant .right .form-box .input-text.yzm { width: 160px; display: inline-block; }

.sub-contant .right .form-box .input-text select { width: 100%; height: 40px; border: none; outline: none; background: #fff; }

.sub-contant .right .form-box .input-text input { border: none; outline: none; width: 100%; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; font-size: 14px; }

.sub-contant .right .form-box .input-text textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 110px; border: none; outline: none; padding: 15px; font-size: 14px; }

.sub-contant .right .form-box .submit { font-size: 14px; display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; background: #c01621; color: #fff; }

.solve-case-details { padding: 70px 0; background: #fff; }

.solve-case-details .container { overflow: hidden; }

.solve-case-details .left { width: 50%; float: left; padding-right: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solve-case-details .left .title { font-size: 30px; color: #000000; }

.solve-case-details .left .desc { font-size: 14px; color: #333333; line-height: 2; padding: 45px 0; }

.solve-case-details .field { border-top: 1px solid #dddddd; padding-top: 40px; }

.solve-case-details .field .t { font-size: 24px; color: #333333; }

.solve-case-details .field .field-icon { padding: 50px 0; text-align: center; width: 100%; }

.solve-case-details .field .field-icon .item { text-align: center; display: inline-block; width: 24%; }

.solve-case-details .field .field-icon .item .icon { display: inline-block; width: 57px; height: 57px; background-position: center; background-repeat: no-repeat; }

.solve-case-details .field .field-icon .item .icon.i1 { background-image: url("../images/solve-case-details-i1.png"); }

.solve-case-details .field .field-icon .item .icon.i2 { background-image: url("../images/solve-case-details-i2.png"); }

.solve-case-details .field .field-icon .item .icon.i3 { background-image: url("../images/solve-case-details-i3.png"); }

.solve-case-details .field .field-icon .item .icon.i4 { background-image: url("../images/solve-case-details-i4.png"); }

.solve-case-details .field .field-icon .item .t1 { font-size: 14px; color: #999999; line-height: 1; padding-top: 20px; }

.solve-case-details .field .field-icon .item .t2 { font-size: 18px; color: #000000; line-height: 1; padding-top: 10px; }

.solve-case-details .field .field-text{padding: 40px 0;border-bottom: 1px solid #dddddd}

.solve-case-details .field .field-text table tr { font-size: 14px; height: 40px; }

.solve-case-details .field .field-text table tr th { color: #999999; width: 110px; }

.solve-case-details .field .field-text table tr td { color: #333333; }

.solve-case-details .field .field-text2{overflow: hidden;}

.solve-case-details .field .field-text2{overflow: hidden;padding-top: 40px;}
.solve-case-details .field .field-text2 .item {float: left;width: 25%}
/*
.solve-case-details .field .field-text2 .item {float: left;width: 28%}
.solve-case-details .field .field-text2 .item.i1{width: 15%}
.solve-case-details .field .field-text2 .item.i2{width: 20%}
.solve-case-details .field .field-text2 .item.i3{width: 37%}
*/
.solve-case-details .field .field-text2 .item dt{font-size: 14px;color: #999999;padding-bottom: 15px;}
.solve-case-details .field .field-text2 .item dd{font-size: 12px;color: #333333;line-height: 2;}

.solve-case-details .right { float: right; width: 50%; }

.solve-case-details .right .pic img { width: 100%; }

.solve-case-contant { overflow: hidden; position: relative; }

.solve-case-contant .title { text-align: center; color: #333333; font-size: 36px; padding-bottom: 70px; padding-top: 90px; }

.solve-case-contant .item { width: 33.33%; height: 190px; float: left; }

.solve-case-contant .item .l { float: left; }

.solve-case-contant .item .r { float: left; }

.solve-case-contant .item .t { font-size: 18px; line-height: 1; color: #333333; padding-bottom: 15px; font-weight: bolder; }

.solve-case-contant .item .tel, .solve-case-contant .item .ema, .solve-case-contant .item .add { font-size: 14px; color: #333333; line-height: 25px; font-weight: bolder; overflow: hidden; }

.solve-case-contant .item .tel span { color: #007ccb; padding-right: 10px; font-weight: normal; }

.solve-case-contant .item .ema a { color: #007ccb; font-weight: normal; }

.solve-case-contant .item .ema span { font-weight: normal; color: #999999; }

.solve-case-contant .item .add span { color: #666666; font-weight: normal; }

@media screen and (max-width: 1024px) { .solve-case-contant .item { width: 50%; } }

@media screen and (max-width: 640px) { .solve-case-contant .item { width: 100%; height: auto; float: none; padding-bottom: 5%; } }

#fullpage .banner { height: 100%; }

#fullpage .banner .banner-body { height: 100%; }

#fullpage .banner .banner-body .swiper-container { height: 100%; }

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide { height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text-item { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item { position: absolute; width: 100%; top: 50%; margin-top: -100px; color: #fff; text-align: center; -webkit-transform: translate(200px, 0); -moz-transform: translate(200px, 0); -ms-transform: translate(200px, 0); -o-transform: translate(200px, 0); transform: translate(200px, 0); -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0; }

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item .title { font-size: 48px; padding-bottom: 5px; }

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item .desc { font-size: 18px; line-height: 2; }

#fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item a { margin-top: 50px; display: inline-block; width: 185px; height: 45px; line-height: 45px; border: 2px solid #fff; text-align: center; color: #fff; }

#fullpage .banner.active .banner-pagination { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

#fullpage .banner .swiper-pagination { display: none; }

#fullpage .banner .swiper-pagination .swiper-pagination-bullet { opacity: 1; display: inline-block; width: 15px; height: 15px; background: url("../images/product-pagination.png") no-repeat center; }

#fullpage .banner .swiper-pagination .swiper-pagination-bullet-active { background: url("../images/product-pagination-act.png") no-repeat center; }

#fullpage .banner .banner-pagination { width: 100%; position: absolute; bottom: 0; z-index: 5; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#fullpage .banner .banner-pagination .container { position: relative; }

#fullpage .banner .banner-pagination .line { position: absolute; top: 0; width: 100%; height: 1px; background: url("../images/icon-line.png") repeat; }

#fullpage .banner .banner-pagination .line .cur { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: 0; width: 29.5%; height: 5px; position: absolute; top: -5px; background: url("../images/icon-line.png") repeat; }

#fullpage .banner .banner-pagination .item { cursor: pointer; display: inline-block; width: 29.5%; height: 115px; padding: 40px 0; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; /* &.on{ .cur{ opacity: 1; transition: all 0.5s ease-in-out; transform: translate(0, 0); } } */ }

#fullpage .banner .banner-pagination .item.c { margin: 0 5%; }

#fullpage .banner .banner-pagination .item .num { float: left; font-size: 10px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; opacity: 0.5; background: url("../images/index-banner-num-bg.png") no-repeat center; }

#fullpage .banner .banner-pagination .item .text { font-size: 12px; padding-left: 50px; line-height: 1.5; }

#fullpage .product { position: relative; }

#fullpage .product .box { width: 100%; position: absolute; top: 50%; margin-top: -265px; }

#fullpage .product .box .swiper-container { width: 420px; float: right; background: #1b6eae; }

#fullpage .product .bg { height: 100%; }

#fullpage .product .bg .mobile-pic { display: none; }

#fullpage .product .bg .mobile-pic img { width: 100%; }

#fullpage .product .bg .swiper-container { height: 100%; }

#fullpage .product .bg .swiper-container .swiper-wrapper .swiper-slide { height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: auto 100%;}

#fullpage .product .bg .swiper-container .swiper-wrapper .swiper-slide .container { position: relative; }

#fullpage .product .my-pagination { position: absolute; text-align: right; bottom: 30px; padding-right: 30px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#fullpage .product .my-pagination .swiper-pagination-bullet { opacity: 1; display: inline-block; width: 15px; height: 15px; background: url("../images/product-pagination.png") no-repeat center; }

#fullpage .product .my-pagination .swiper-pagination-bullet-active { background: url("../images/product-pagination-act.png") no-repeat center; }

#fullpage .product .text-box { width: 420px; height: 530px; background: #1b6eae; z-index: 3; padding: 30px 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

#fullpage .product .text-box .top { padding-top: 60px; padding-bottom: 10px; font-size: 14px; line-height: 1; position: relative; }

#fullpage .product .text-box .top:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 27px; height: 1px; background: #6099c4; z-index: 2; }

#fullpage .product .text-box .title { font-size: 40px; padding: 10px 0; }

#fullpage .product .text-box .desc { font-size: 16px; line-height: 2; }

#fullpage .product .text-box .go { margin-top: 50px; width: 186px; height: 46px; border: 2px solid #fff; display: table; }

#fullpage .product .text-box .go span { display: table-cell; vertical-align: middle; text-align: center; color: #fff; }

#fullpage .business .container { height: auto; }

#fullpage .business.active .swiper-container .swiper-button-prev, #fullpage .business.active .swiper-container .swiper-button-next { opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

#fullpage .business .swiper-container { overflow: visible; }

#fullpage .business .swiper-container .swiper-button-disabled { opacity: 1; }

#fullpage .business .swiper-container .swiper-button-prev, #fullpage .business .swiper-container .swiper-button-next { width: 65px; height: 65px; z-index: 4; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#fullpage .business .swiper-container .swiper-button-prev { left: -32.5px; background: url("../images/index-business-prev.png") no-repeat center; }

#fullpage .business .swiper-container .swiper-button-next { right: -32.5px; background: url("../images/index-business-next.png") no-repeat center; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide { width: 25%; float: left; height: 708px; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide:hover { -webkit-box-shadow: 0px 2px 25px #333; -moz-box-shadow: 0px 2px 25px #333; box-shadow: 0px 2px 25px #333; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 3; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text { color: #fff; text-align: center; padding-top: 30%; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .t { font-size: 30px; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .d { font-size: 12px; padding: 20px 0; position: relative; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .d:before { content: ''; display: block; position: absolute; left: 50%; margin-left: -34px; bottom: 0; width: 68px; height: 1px; background: #95a4b4; z-index: 2; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon { margin-top: 10px; display: inline-block; width: 170px; height: 70px; background-position: center; background-repeat: no-repeat; }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon.i1 { background-image: url("../images/index-business-i-01.png"); }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon.i2 { background-image: url("../images/index-business-i-02.png"); }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon.i3 { background-image: url("../images/index-business-i-03.png"); }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon.i4 { background-image: url("../images/index-business-i-04.png"); }

#fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text .icon.i5 { background-image: url("../images/index-business-i-05.png"); }

#fullpage .news { background: #f7f7f7; }

#fullpage .news .title { font-size: 40px; color: #333333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#fullpage .news .title .more { float: right; font-size: 14px; width: 150px; height: 40px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bolder; }

#fullpage .news .title .more span { display: inline-block; width: 30px; height: 10px; background: url("../images/icon-news-list-more.png") no-repeat center; -moz-background-size: 100% auto; background-size: 100% auto; margin-left: 12px; }

#fullpage .news .list1 { overflow: hidden; margin-left: -27px; padding: 10px 0; }

#fullpage .news .list1 .item { width: 33.33%; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#fullpage .news .list1 .item:hover { background: #fff; -webkit-box-shadow: 0px 0px 20px #eaeaea; -moz-box-shadow: 0px 0px 20px #eaeaea; box-shadow: 0px 0px 20px #eaeaea; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

#fullpage .news .list1 .item .data { font-size: 20px; color: #000000; position: relative; padding-bottom: 20px; }

#fullpage .news .list1 .item .data:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 23px; height: 2px; background: #d5010f; z-index: 2; }

#fullpage .news .list1 .item .t { display: block; font-size: 20px; color: #000000; padding-top: 35px; }

#fullpage .news .list1 .item .d { padding: 40px 0; font-size: 14px; color: #666666; line-height: 2; }

#fullpage .news .list1 .item .go { display: block; width: 41px; height: 10px; background: url("../images/icon-news-list-more.png") no-repeat center; }

#fullpage .news .list2 { padding-top: 5%; overflow: hidden; }

#fullpage .news .list2 .item { width: 48%; float: left; margin-right: 2%; overflow: hidden; background: #fff; padding: 5px 0; display: table; }

#fullpage .news .list2 .item.e { margin-right: 0; }

#fullpage .news .list2 .item .left { display: table-cell; vertical-align: middle; width: 96px; text-align: center; border-right: 1px solid #e5e5e5; padding: 25px 0; }

#fullpage .news .list2 .item .left .icon { display: block; width: 100%; height: 16px; background: url("../images/index-news-list2-1.png") no-repeat center; }

#fullpage .news .list2 .item .left .icon.i2 { background: url("../images/index-news-list2-2.png") no-repeat center; }

#fullpage .news .list2 .item .left span { display: block; padding-top: 5px; line-height: 1; font-size: 14px; color: #333; }

#fullpage .news .list2 .item .right { padding-left: 30px; display: table-cell; vertical-align: middle; }

#fullpage .news .list2 .item .right span { padding-right: 20px; }

#fullpage .news .list2 .item .right a { display: inline-block; color: #000000; font-size: 16px; }

#fullpage .news .list2 .item .right .data { display: inline-block; padding-left: 20px; font-size: 14px; color: #666666; }

#fullpage .about { background-image: url("../images/index-about-bg.jpg"); background-position: center; background-repeat: no-repeat; position: relative;overflow: hidden;background-size: auto 100%;background-color: #164e89;}

#fullpage .about .wrap { margin: 5%; background: url("../images/index-about-bg-hover.png") repeat; height: 90%; width: 90%; display: table;box-sizing: border-box;}

#fullpage .about .wrap .w{display: table-cell; vertical-align: middle;}

#fullpage .about .title {font-size: 40px; color: #ffffff; text-align: center; }

#fullpage .about .desc { text-align: center; padding: 45px 0; font-size: 14px; color: #ffffff; line-height: 2; }

#fullpage .about .video-box { display: inline-block; width: 110px;cursor: pointer;}

#fullpage .about .video-box .hover-box { position: relative; }

#fullpage .about .video-box .hover-box .pic img { width: 100%; height: auto; }

#fullpage .about .video-box .hover-box .play { width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; background: url("../images/video-play.png") no-repeat center; }

#fullpage .about .num { text-align: center; }

#fullpage .about .num .item { display: inline-block; width: 160px; border-right: 1px solid #406589; }

#fullpage .about .num .item.e { border-right: none; }

#fullpage .about .num .item .n { color: #00fcff; font-size: 80px; line-height: 1; }

#fullpage .about .num .item .text { padding-top: 10px; font-size: 12px; color: #ffffff; line-height: 1; }

#fullpage .about .contact { width: 100%; /*position: absolute;*/ bottom: 15%; left: 0; text-align: center; padding-top: 150px}

#fullpage .about .contact span { padding-top: 10px; display: inline-block; font-size: 16px; color: #fff; height: 40px; padding-right: 15px; }

#fullpage .about .contact a { color: #fff; }

#fullpage .about .contact .c-btn { display: inline-block; width: 168px; height: 40px; line-height: 40px; border: 2px solid #fff; text-align: center; color: #fff; }

.speech .item1 { background: #fafafa; overflow: hidden; padding-top: 50px; }

.speech .item1 .pic { float: left; padding-left: 85px; }

.speech .item1 .text { float: left; color: #333333; line-height: 1; padding-left: 60px; padding-top: 140px; }

.speech .item1 .text .t { font-size: 30px; }

.speech .item1 .text .d { font-size: 16px; padding-top: 10px; }

.speech .item2 { background: #fff; padding-top: 50px; padding-bottom: 100px; }

.speech .item2 .box { width: 950px; margin: 0 auto; border: 1px solid #e7e7e7; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 8px 19px #999999; -moz-box-shadow: 0px 8px 19px #999999; box-shadow: 0px 8px 19px #999999; }

.speech .item2 .wrap { border: 1px solid #f3f3f3; padding: 50px; }

.speech .item2 .title { font-size: 36px; color: #333333; text-align: center; line-height: 1; padding-top: 10px; }

.speech .item2 .title span { display: block; }

.speech .item2 .title .line { margin-top: 20px; display: inline-block; width: 23px; height: 2px; background: #d5010f; }

.speech .item2 .content { font-size: 14px; color: #333333; line-height: 2; padding-top: 35px; }

.speech .item2 .content .sign { text-align: right; }

.speech .item2 .content .sign img { display: inline-block; }

.speech .item2 .content p { padding-bottom: 20px; }

.speech .item2 .content img { display: inline-block;  }

.speech .item2 .content .img-desc { margin-top: -20px;  }

.speech .item2 .content .t { padding: 20px 0; font-size: 20px; color: #000000; font-weight: bolder; }

@media screen and (max-width: 1000px) { .speech .item2 { padding: 5%; }
  .speech .item2 .box { width: 100%; } }

@media screen and (max-width: 760px) { .speech .item1 .pic { width: 60%; }
  .speech .item1 .pic img { width: 100%; }
  .speech .item1 .text { padding-left: 5%; } }

@media screen and (max-width: 640px) { .speech .item1 { padding: 5% 0; }
  .speech .item1 .pic { width: 100%; float: none; padding: 0; }
  .speech .item1 .text { width: 100%; float: none; text-align: center; padding: 5% 0 0 0; }
  .speech .item2 { padding: 10% 5% 15% 5%; }
  .speech .item2 .title { font-size: 30px; }
  .speech .item2 .wrap { padding: 5%; } }

.job-search { padding: 50px 0 70px 0; background: #ffffff; }

.job-search .search-field .wrap { overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #cccccc; }

.job-search .search-field .t { float: left; font-size: 14px; color: #000000; margin: 6px 0; }

.job-search .search-field dl { padding-left: 20px; overflow: hidden; }

.job-search .search-field dl dd { float: left; margin: 5px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.job-search .search-field dl dd.on, .job-search .search-field dl dd:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: #e21c2a; }

.job-search .search-field dl dd.on a, .job-search .search-field dl dd:hover a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #ffffff; }

.job-search .search-field dl dd a { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: block; padding: 5px 10px; font-size: 14px; color: #666666; line-height: 1; }

.job-search .search-input { margin-top: 20px; margin-bottom: 40px; width: 420px; height: 40px; border: 1px solid #d4d4d4; padding-left: 50px; padding-right: 20px; background: url("../images/job-search.png") no-repeat 15px center; }

.job-search .search-input input { width: 100%; height: 100%; border: none; outline: none; }

@media screen and (max-width: 780px) { .job-search { padding: 5% 0 10% 0; } }

@media screen and (max-width: 420px) { .job-search .search-input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.search-content { padding: 70px 0; background: #fff; }

.search-content .search-box { height: 40px; overflow: hidden; }

.search-content .search-box .search-text { float: left; width: 420px; height: 40px; padding: 0 15px; border: 1px solid #d4d4d4; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.search-content .search-box .search-text .btn { float: left; display: block; width: 21px; height: 100%; background: url("../images/job-search.png") no-repeat center; }

.search-content .search-box .search-text .clean { display: none; float: right; width: 22px; height: 100%; background: url("../images/icon-search-clean.png") no-repeat center; }

.search-content .search-box .search-text input { font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; width: 340px; height: 100%; border: none; outline: none; background: none; color: #333333; }

.search-content .tip { padding-top: 20px; padding-bottom: 30px; line-height: 1; font-size: 14px; color: #666666; }

.search-content ul.sr-list { padding-bottom: 20px; }

.search-content ul.sr-list li { padding: 25px 0; border-top: 1px solid #dddddd; }

.search-content ul.sr-list li .t { font-size: 18px; color: #000000; }

.search-content ul.sr-list li .d { font-size: 14px; color: #333333; line-height: 2; padding: 15px 0; }

.search-content ul.sr-list li .time { font-size: 14px; color: #999999; }

@media screen and (max-width: 780px) { .search-content { padding-bottom: 10%; } }

@media screen and (max-width: 640px) { .search-content .search-box .search-text { width: 100%; }
  .search-content .search-box .search-text .btn { width: 6%; }
  .search-content .search-box .search-text input { width: 80%; } }

.jar-content { background: #ffffff; }

.jar-content .jar-title { width: 100%; height: 197px; background: url("../images/jar-title.png") no-repeat center; display: table; }

.jar-content .jar-title span { display: table-cell; vertical-align: middle; text-align: center; font-size: 36px; color: #000000; }

.jar-content .item1 { overflow: hidden; position: relative; width: 100%; display: table; }

.jar-content .item1.i1-1 { height: 567px; }

.jar-content .item1.i1-2 { height: 625px; }

.jar-content .item1.i1-3 { height: 659px; }

/*.jar-content .item1.i1-3 .pic-box{ right: -100px;} */

.jar-content .item1 .text-box { /* display: table-cell; vertical-align: middle; */ position: relative; z-index: 2; width: 50%; padding-top: 90px; padding-right: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jar-content .item1 .text-box .text { color: #333333; font-size: 14px; line-height: 2; }

.jar-content .item1 .text-box .num { width: 45%; border-top: 1px solid #d1d1d1; margin-top: 135px; overflow: hidden; padding-top: 20px; }

.jar-content .item1 .text-box .num .num-item { float: left; }

.jar-content .item1 .text-box .num .num-item.r { float: right; }

.jar-content .item1 .text-box .num .num-item .top { color: #41b252; position: relative; line-height: 1; padding-right: 23px; }

.jar-content .item1 .text-box .num .num-item .top span { font-size: 60px; }

.jar-content .item1 .text-box .num .num-item .top span.flag { font-size: 24px; position: absolute; top: 0; }

.jar-content .item1 .text-box .num .num-item .bottom { font-size: 12px; color: #333333; line-height: 1; padding-top: 7px; }

.jar-content .item1 .pic-box { position: absolute; right: 0; top: 0; }

.jar-content .item2 { background: #fbfcfd; padding: 100px 0; overflow: hidden; }

.jar-content .item2.r { background: #fff; }

.jar-content .item2.r .pic-box { float: left; }

.jar-content .item2.r .text-box { float: right; }

.jar-content .item2 .pic-box { float: right; width: 50%; }

.jar-content .item2 .pic-box img { width: 100%; }

.jar-content .item2 .text-box { width: 40%; float: left; color: #333333; }

.jar-content .item2 .text-box .t { font-size: 36px; line-height: 1; padding: 40px 0; }

.jar-content .item2 .text-box .d { font-size: 14px; line-height: 2; }

@media screen and (max-width: 1024px) { .jar-content .item1 .text-box { padding-right: 0; }
  .jar-content .item1 .text-box .num { margin-top: 15%; width: 50%; }
  .jar-content .item2 .text-box { width: 45%; }
  .jar-content .item2 .text-box .t { font-size: 30px; padding: 5% 0; } }

@media screen and (max-width: 768px) { .jar-content .jar-title { height: 120px; }
  .jar-content .jar-title span { font-size: 30px; }
  .jar-content .item1 { height: auto; padding-bottom: 10%; }
  .jar-content .item1 .text-box { width: 100%; float: none; padding-top: 5%; }
  .jar-content .item1 .text-box .num { margin-top: 5%; width: 100%; }
  .jar-content .item1 .text-box .num .num-item { width: 50%; float: left }
  .jar-content .item1 .pic-box { position: static; width: 100%; }
  .jar-content .item1 .pic-box img { width: 100%; }
  .jar-content .item2 { padding: 15% 0; }
  .jar-content .item2.r .pic-box { padding-top: 0; }
  .jar-content .item2.r .text-box { padding-top: 10%; }
  .jar-content .item2 .pic-box { width: 100%; float: none; padding-top: 10%; }
  .jar-content .item2 .text-box { width: 100%; float: none; }
  .jar-content .item2 .text-box .t { line-height: 1.5; } }

.scheme-content .item1 { background: #fff; padding: 70px 0; }

.scheme-content .item1 .container { position: relative; }

.scheme-content .item1 .pic img { width: 100%; }

.scheme-content .item1 .text { position: absolute; text-align: center; top: 0; left: 50%; margin-left: -495px; padding-top: 70px; width: 990px; }

.scheme-content .item1 .text .title { font-size: 36px; color: #000000; line-height: 1; }

.scheme-content .item1 .text .desc { padding-top: 20px; font-size: 18px; color: #000000; line-height: 2; }

.scheme-content .item2 { background: #ffffff; padding: 70px 0; }

.scheme-content .item2 .pic img { width: 100%; }

.scheme-content .item2 .text { padding-bottom: 70px; }

.scheme-content .item2 .text .title { font-size: 36px; color: #000; text-align: center; line-height: 1.8; }

.scheme-content .item2 .text .title span { display: block; }

.scheme-content .item2 .text .desc { text-align: center; padding-top: 10px; font-size: 14px; color: #333333; }

.scheme-content .item3 { background: #fafafa; padding: 70px 0; }

.scheme-content .item3 .title { font-size: 36px; color: #333333; text-align: center; padding-bottom: 70px; line-height: 1; }

.scheme-content .item3 .item3-box { overflow: hidden; }

.scheme-content .item3 .item3-box .item { background: #fff; text-align: center; width: 32%; float: left; margin-right: 1%; overflow: hidden; }

.scheme-content .item3 .item3-box .item .i3b-title { text-align: center; padding: 17px 0 10px 0; border-bottom: 1px solid #f5f5f5; }

.scheme-content .item3 .item3-box .item .i3b-title .icon { padding-left: 85px; height: 73px; display: inline-block; font-size: 22px; color: #333333; }

.scheme-content .item3 .item3-box .item .i3b-title .icon.i1 { background: url("../images/item3-box-1.png") no-repeat left center; }

.scheme-content .item3 .item3-box .item .i3b-title .icon.i2 { background: url("../images/item3-box-2.png") no-repeat left center; }

.scheme-content .item3 .item3-box .item .i3b-title .icon.i3 { background: url("../images/item3-box-3.png") no-repeat left center; }

.scheme-content .item3 .item3-box .item .i3b-title .icon span { padding-top: 25px; vertical-align: middle; display: table-cell; line-height: 1; }

.scheme-content .item3 .item3-box .item .i3b-content { padding-top: 50px; height: 325px; }

.scheme-content .item3 .item3-box .item dl { width: 50%; float: left; text-align: left; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scheme-content .item3 .item3-box .item dl.l { padding-left: 70px; }

.scheme-content .item3 .item3-box .item dl.r { padding-left: 20px; }

.scheme-content .item3 .item3-box .item dl dt { font-size: 18px; color: #333333; padding-bottom: 17px; }

.scheme-content .item3 .item3-box .item dl dt .line { margin-top: 30px; width: 23px; height: 2px; background: #d5010f; }

.scheme-content .item3 .item3-box .item dl dd { padding: 12.5px 0; font-size: 14px; color: #666666; }

.scheme-content .item4 { padding: 70px 0; background: #fff; }

.scheme-content .item4 .title { font-size: 36px; color: #333333; text-align: center; line-height: 1; }

.scheme-content .item4 .item4-tab { padding-top: 5px; border-bottom: 1px solid #dddddd; background: #fff; }

.scheme-content .item4 .item4-tab .swiper-container { text-align: center; overflow: visible; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-wrapper { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide { display: inline-block; width: 150px; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide.job a span { border: 2px solid #cccccc; padding: 10px 20px; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide.on a, .scheme-content .item4 .item4-tab .swiper-container .swiper-slide:hover a { color: #c01621; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide.on .line, .scheme-content .item4 .item4-tab .swiper-container .swiper-slide:hover .line { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide .line { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background: #c01621; }

.scheme-content .item4 .item4-tab .swiper-container .swiper-slide a { display: block; padding: 40px 0; color: #333333; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; line-height: 1; }

.scheme-content .item4 .item4-list { padding-top: 140px; }

.scheme-content .item4 .item4-list ul { width: 102.3%; overflow: hidden; }

.scheme-content .item4 .item4-list ul li { width: 31%; margin-right: 2.3%; margin-bottom: 2.3%; float: left; }

.scheme-content .item4 .item4-list ul li .pic img { width: 100%; }

.scheme-content .item4 .item4-list ul li .text { padding: 30px 0; }

.scheme-content .item4 .item4-list ul li .text .t { font-size: 16px; color: #333333; }

.scheme-content .item4 .item4-list ul li .text .d { font-size: 14px; color: #666666; padding-top: 5px; height: 40px; overflow: hidden; }

@media screen and (max-width: 1024px) { .scheme-content .item1 .text { width: 100%; left: 0; margin-left: 0; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .scheme-content .item3 .item3-box .item dl.l { padding-left: 5%; }
  .scheme-content .item3 .item3-box .item dl.r { padding-left: 0; } }

@media screen and (max-width: 768px) { .scheme-content .item1 { padding: 10% 0; }
  .scheme-content .item1 .text { position: static; padding: 5% 0 0 0; }
  .scheme-content .item1 .text .title { font-size: 30px; }
  .scheme-content .item1 .text .desc { text-align: left; }
  .scheme-content .item2 { padding: 10% 0; }
  .scheme-content .item2 .text { padding: 5% 0; }
  .scheme-content .item2 .text .title { font-size: 30px; }
  .scheme-content .item2 .text .desc { line-height: 2; }
  .scheme-content .item3 { padding: 10% 0; }
  .scheme-content .item3 .title { font-size: 30px; padding-bottom: 5%; }
  .scheme-content .item3 .item3-box .item { width: 100%; float: none; margin-right: 0; margin-bottom: 5%; }
  .scheme-content .item3 .item3-box .item .i3b-content { height: auto; padding: 5% 0; overflow: hidden; }
  .scheme-content .item3 .item3-box .item dl.l { padding-left: 20%; }
  .scheme-content .item3 .item3-box .item dl.r { padding-left: 10%; }
  .scheme-content .item4 { padding: 10% 0; }
  .scheme-content .item4 .title { font-size: 30px; }
  .scheme-content .item4 .item4-tab .swiper-container .swiper-wrapper { -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; }
  .scheme-content .item4 .item4-tab .swiper-container .swiper-wrapper .swiper-slide.job a span { padding: 10px; }
  .scheme-content .item4 .item4-tab .swiper-container .swiper-wrapper .swiper-slide a { padding: 30px 0; }
  .scheme-content .item4 .item4-list { padding-top: 5%; }
  .scheme-content .item4 .item4-list ul { width: 103%; }
  .scheme-content .item4 .item4-list ul li { width: 47%; margin-right: 3%; margin-bottom: 5%; } }

@media screen and (max-width: 640px) { .scheme-content .item1 .text { padding-top: 10%; }
  .scheme-content .item2 .text .title span { display: inline; }
  .scheme-content .item3 .title { line-height: 1.5; }
  .scheme-content .item3 .item3-box .item .i3b-content { padding: 10% 0; }
  .scheme-content .item3 .item3-box .item dl.l { padding-left: 15%; }
  .scheme-content .item3 .item3-box .item dl.r { padding-left: 5%; }
  .scheme-content .item4 .item4-list { padding-top: 10%; }
  .scheme-content .item4 .item4-list ul { width: 100%; }
  .scheme-content .item4 .item4-list ul li { width: 100%; margin-right: 0; float: none; } }

  .technical .item1 {padding-top: 80px;}
  .technical .item1 .pic img{width: 100%;height: auto;}
  .technical .item2 ul{width: 103%;overflow: hidden;padding-bottom: 100px;}
  .technical .item2 ul li{width: 30.3%;margin-right: 3%;padding: 0 30px 30px 30px;box-sizing:border-box;float: left;margin-top: 3%;background: #fff;}
  .technical .item2 ul li .icon {width: 70px;height: 110px;background-image: url("../images/technical-01.png"); background-repeat: no-repeat;background-position: left center;}
  .technical .item2 ul li .icon.i2{background-image: url("../images/technical-02.png");}
  .technical .item2 ul li .icon.i3{background-image: url("../images/technical-03.png");}
  .technical .item2 ul li .icon.i4{background-image: url("../images/technical-04.png");}
  .technical .item2 ul li .icon.i5{background-image: url("../images/technical-05.png");}
  .technical .item2 ul li .icon.i6{background-image: url("../images/technical-06.png");}
  .technical .item2 ul li .t{font-size: 20px;color: #000000;padding-bottom: 5%;line-height: 1;}
  .technical .item2 ul li .desc{font-size: 14px;color: #333333;line-height: 2;}


.video-alert { display: none; position: absolute; z-index: 10; top: 0; width: 100%; height: 100%; }
.video-alert .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.video-alert .video-w { width: 70%; margin: 0 auto; position: relative; }
.video-alert .video-w .close { position: absolute; right: 15px; top: 15px; z-index: 10; width: 16px; height: 16px; background: url("../images/close-white.png") no-repeat center; }
@media screen and (max-width: 780px) { .video-alert{position: fixed;} .video-alert .video-w { width: 100%; } }



.recommend { padding: 70px 0; }

.recommend .swiper-box { padding: 0 85px; position: relative; }

.recommend .swiper-box .swiper-button-disabled { display: none; }

.recommend .swiper-box .swiper-button-next { width: 65px; height: 65px; background: url("../images/product-next.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; margin-top: -32.5px; right: 0; }

.recommend .swiper-box .swiper-button-prev { width: 65px; height: 65px; background: url("../images/product-prev.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; margin-top: -32.5px; left: 0; }

.recommend .recommend-title { font-size: 30px; font-weight: bolder; padding-bottom: 60px; }

.recommend .recommend-item { text-align: center; background: #fff; }

.recommend .recommend-item .pic img { width: 100%; height: auto; }

.recommend .recommend-item .text { padding-bottom: 25px; }

.recommend .recommend-item .text .t { font-size: 18px; color: #000000; font-weight: bolder; padding-bottom: 8px; }

.recommend .recommend-item .text .b { font-size: 14px; color: #999999; padding-bottom: 15px; }

@media screen and (max-width: 768px) { .recommend { padding: 10% 0; }
  .recommend .swiper-box { padding: 0 20px; }
  .recommend .swiper-box .swiper-button-next { width: 45px; height: 45px; margin-top: -22.5px; right: 0; }
  .recommend .swiper-box .swiper-button-prev { width: 45px; height: 45px; margin-top: -22.5px; left: 0; }
  .recommend .recommend-title { font-size: 24px; padding-bottom: 10%; } }

.index-video-list { position: relative; padding: 0 75px;}

.index-video-list .swiper-button-next { width: 55px; height: 55px; background: url("../images/index-video-next.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; margin-top: -50px; right: 0; }

.index-video-list .swiper-button-prev { width: 55px; height: 55px; background: url("../images/index-video-prev.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; margin-top: -50px; left: 0; }

.index-video-list .swiper-button-disabled { display: none; }

.index-video-list .item { text-align: center; }

.index-video-list .item .video-box { width: 100% !important; }

.index-video-list .item .text { padding-top: 15px; font-size: 14px; color: #fff; }

.index-video-list .play3 { width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; margin-top: -27.5px; margin-left: -27.5px; background: url("../images/play3.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.about-top { width: 990px; margin: 0 auto; }

@media screen and (max-width: 1024px) { .about-top { width: auto; margin: 0 5%; } }

#fullpage .about.newabout .wrap { display: block;  }
#fullpage .about.newabout .wrap .w { display: block;  }
#fullpage .about.newabout .title {padding-top:  8%}
#fullpage .about.newabout .contact {position: absolute;padding-top: 0;}

@media screen and (max-width: 640px) {
  #fullpage .about.newabout .contact {
        position: static;
            padding: 5% 0 10% 0;
  }
  
}