@charset "UTF-8";

/* submenu */
.submenu-box{ width: 100%; background:rgba(255,555,255,0.9) !important; position:absolute; top:80px; left:0; right:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; display:none; z-index:10000; }
.submenu{width: 100%; display:none; padding:40px 0px; }
.submenu.first-submenu,
.submenu.last-submenu{ padding:0; display:none !important; }
.submenu .left-nav{width:40%;}
.submenu .left-nav h2{font-size:24px; color:#333; line-height:1.2; font-weight:bold; margin-bottom:15px;}
.submenu .left-nav ul li{float:left; width:33.3333333%; margin-top:25px; line-height:1.2;}
.submenu .left-nav ul li a{font-size:15px; color:#666; line-height:1.2;}
.submenu .left-nav ul li a i{ width:0; height:0; border-width:4px 0 4px 4px; border-style:solid; border-color:transparent transparent transparent #777; display:block; float:left; margin-top:5px; margin-right:8px;}
.submenu .left-nav ul li.on a{color:rgba(19, 131, 199, 1); background:none;}
.submenu .left-nav ul li.on a i{border-color:transparent transparent transparent rgba(19, 131, 199, 1);}
.submenu .right-module{}
.submenu .right-module .item{width:400px; height:300px; position:relative;}
.submenu .right-module h2{color:#fff; line-height:1.3; text-align:center; font-weight:bold;}
.submenu .right-module p{color:#fff; line-height:1.3; font-family:"Century Gothic"; text-align:center;}
.submenu .right-module .box-left h2{font-size:24px; }
.submenu .right-module .box-left p{font-size:15px;}
.submenu .right-module .box-right{margin-left:20px;}
.submenu .right-module .box-right .layer{padding:20px;}
.submenu .right-module .box-right h2{font-size:20px; text-align:left;}
.submenu .right-module .box-right p{font-size:13px; text-align:left;}
.submenu .right-module .box-right .item{ width:400px; height:140px; margin-bottom:20px; }
.submenu .right-module .box-right .item:last-child{margin-bottom:0px;}
.submenu .right-module .item .layer{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; right:0; bottom:0; left:0; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.submenu .right-module .item .layer:hover{background:rgba(0,0,0,0.6);}
.submenu .right-module .item .layer a{width:100%; height:100%; display:block;}
.submenu .right-module .item .layer a.table-cell{display:table-cell;}
.submenu .right-module .item .video-layer .play{display:block; width:40px; height:40px; background:url("../images/play-icon.png") no-repeat center center; position:absolute; left:50%; top:50%; margin:-20px 0px 0px -20px;}


/* footer */
.footer { width: 100%; background:rgba(18, 131, 199, 1); display:none;}
.footer .follow { width: 100%; height: 50px; background: rgba(18, 131, 199, 1); line-height: 50px; }
.footer .follow span { font-size: 16px; color: #fffefe; line-height: 50px; margin-right: 10px; }
.footer .follow span a { width: 26px; height: 26px; /*background-color: #204794;*/ display: inline-block; border-radius: 50%; background-image: url("../images/footer-icon.png"); background-repeat: no-repeat; background-position: 5px 0px; margin-top: 12px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; margin-right: 4px; }
.footer .follow span a.sina { background-color: rgba(198, 0, 0, 1); background-position: -51px 0px; }
.footer .follow span a:hover { /*background-color: #252525;*/ }

.footer .follow span a{ position:relative; background-image: url("../images/wx-icon.png"); background-position:center center;}
.footer .follow span a.sina{ position:relative; background-image: url("../images/1-icon.png"); background-position:center center;}
.footer .follow span a .code{ position:absolute;width:120px;height:120px;background:#fff;opacity:0; top:-133px; left:50%;margin-left:-60px;border-radius:2px; display:block; /*padding:7px;*/ box-shadow:0px 1px 5px #888; display:none; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.footer .follow span a .code i{ width:0; height:0; border-width:7px 7px 0; border-style:solid; border-color:#fff transparent transparent; display:block; position:absolute; bottom:-7px; left:50%; margin-left:-7px; }
.footer .follow span a .code img{ width:100%; height:100%; }
.footer .follow span a:hover .code{ display:block; opacity:1;z-index:999;}

.footer .con { width: 100%; padding: 40px 0px; }
.footer .con .left .link { width: 298px; height: 38px; background: #fff; border: 1px solid #cccccc; margin-top: 20px; position: relative; }
.footer .con .left .link .more { width: 70px; height: 100%; background: #ccc; position: absolute; right: 0; top: 0; font-size: 14px; color: #333; line-height: 38px; text-align: center; cursor: pointer; }
.footer .con .left .link .more:hover { background: #007d4f; color: #fff; }
.footer .con .left .link p { line-height: 38px; font-size: 14px; color: #999; }
.footer .con .left .link p a { color: #999; width: 100%; display: block; padding-left: 10px; }
.footer .con .left .link ul { position: absolute; display: none; width: 298px; max-height: 200px; overflow-y: scroll; overflow-x: hidden; background: #fff; border: 1px solid #ccc; border-top: 0; left: -1px; }
.footer .con .left .link ul li { line-height: 38px; font-size: 14px; color: #999; }
.footer .con .left .link ul li a { color: #999; width: 100%; display: block; padding-left: 10px; }
.footer .con .left .company-info { margin-top: 55px; }
.footer .con .left .company-info li { font-size: 14px; color: #d3d3d3; margin-bottom: 10px; }
.footer .con .left .company-info li a { font-size: 14px; color: #d3d3d3; }
.footer .con .left .company-info li b { font-weight: 400; font-size: 24px; font-family: Arial; }
.footer .con .left .company-info li i { width: 25px; height: 25px; background-image: url("../images/footer-icon.png"); background-repeat: no-repeat;display: inline-block;}
.footer .con .left .company-info li i.icon-1 { background-position: -118px 0px; }
.footer .con .left .company-info li i.icon-2 { background-position: -181px 0px; }
.footer .con .left .company-info li i.icon-3 { background-position: -253px 0px; }
.footer .con .right .footer-ul { float: left; margin-right: 80px; }
.footer .con .right .footer-ul:last-child { margin-right: 0; }
.footer .con .right .footer-ul li { color: #d3d3d3; line-height: 2; font-size: 14px; }
.footer .con .right .footer-ul li a { color: #d3d3d3; }
.footer .con .right .footer-ul li a:hover { color: #FFF !important; }
.footer .con .right .footer-ul li h1 { color: #d3d3d3; font-size: 16px; font-weight: 400; line-height: 2.5; }
.footer .con .right .footer-ul li h1 sup{position: relative;top: -5px;}
.footer .bottom { border-top: 1px solid #4d4d4d; width: 100%; height: 50px; }
.footer .bottom p { font-size: 14px; color: #808080; line-height: 50px; }
.footer .bottom p a { font-size: 14px; color: #808080; }
.footer .bottom p a:hover { color: #fff !important; }
.footer .icon-1:before,.footer .icon-2:before,.footer .icon-3:before{content:'';}

/* 内页banner */
.other-banner { width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; background-size: cover; display: table; }
.other-banner .txt { display: table-cell; vertical-align: middle; text-align: center; }
.other-banner .txt .title { font-size: 40px; color: #fff; line-height: 80px; }
.other-banner .txt .line { width: 66px; height: 4px; background:#fff; border-radius: 1px; display: inline-block; margin-bottom: 10px; position: static; border: 0; }
.other-banner .txt p { font-size: 16px; color: #fff; line-height: 1.563; max-width: 600px; margin: 0 auto; }

/* 二级导航 */
.subnav { width: 100%; height: 90px; background: #fff; -webkit-box-shadow: 0px 5px 10px 0px rgba(102, 102, 102, 0.08); box-shadow: 0px 5px 10px 0px rgba(102, 102, 102, 0.08); }
.subnav .top{display:none;}
.subnav.subnav-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 10000; }
.subnav ul { text-align: center; }
.subnav ul li { display: inline-block; font-size: 16px; color: #666666; line-height: 1.75; margin: 0px 65px; }
.subnav ul li i { width: 30px; height: 30px; display: block; background: url("../images/about-icon.png") no-repeat; background-size: 1175px 82px; margin: 20px auto 0px; }
.subnav ul li i.icon-1 { background-position: 3px 0px; }
.subnav ul li i.icon-2 { background-position: -188px 0px; }
.subnav ul li i.icon-3 { background-position: -380px 0px; }
.subnav ul li i.icon-4 { background-position: -574px 0px; }
.subnav ul li i.icon-5 { background-position: -764px 0px; }
.subnav ul li i.icon-6 { background-position: -956px 0px; }
.subnav ul li i.icon-7 { background-position: -1148px 0px; }
.subnav ul li a { font-size: 16px; color: #666666; width: 100%; height: 100%; display: block; }
.subnav ul li:hover i.icon-1, .subnav ul li.on i.icon-1 { background-position: 3px -57px; }
.subnav ul li:hover i.icon-2, .subnav ul li.on i.icon-2 { background-position: -188px -57px; }
.subnav ul li:hover i.icon-3, .subnav ul li.on i.icon-3 { background-position: -380px -57px; }
.subnav ul li:hover i.icon-4, .subnav ul li.on i.icon-4 { background-position: -574px -57px; }
.subnav ul li:hover i.icon-5, .subnav ul li.on i.icon-5 { background-position: -764px -57px; }
.subnav ul li:hover i.icon-6, .subnav ul li.on i.icon-6 { background-position: -956px -57px; }
.subnav ul li:hover i.icon-7, .subnav ul li.on i.icon-7 { background-position: -1148px -57px; }
.subnav ul li i.arrowR{display:none;}
.subnav ul li:hover a, .subnav ul li.on a { color: rgba(19, 131, 199, 1); }

/* 新闻 二级导航 */
.news-subnav ul li i { background: url("../images/news-icon.png") no-repeat; background-size: 408px 82px; margin: 20px auto 0px; }
.news-subnav ul li:hover i.icon-1, .news-subnav ul li.on i.icon-1 { background-position: 3px -58px; }
.news-subnav ul li:hover i.icon-2, .news-subnav ul li.on i.icon-2 { background-position: -188px -58px; }
.news-subnav ul li:hover i.icon-3, .news-subnav ul li.on i.icon-3 { background-position: -380px -58px; }

/* 产品 二级导航 */
.product-subnav ul li i { background: url("../images/product-icon.png") no-repeat; background-size: 978px 82px; margin: 20px auto 0px; }
.product-subnav ul li i.icon-2 { background-position: -184px 0px; }
.product-subnav ul li i.icon-3 { background-position: -377px 0px; }
.product-subnav ul li i.icon-6 { background-position: -952px 0px; }
.product-subnav ul li:hover i.icon-1, .product-subnav ul li.on i.icon-1 { background-position: 3px -57px; }
.product-subnav ul li:hover i.icon-2, .product-subnav ul li.on i.icon-2 { background-position: -184px -57px; }
.product-subnav ul li:hover i.icon-3, .product-subnav ul li.on i.icon-3 { background-position: -377px -57px; }
.product-subnav ul li:hover i.icon-6, .product-subnav ul li.on i.icon-6 { background-position: -952px -57px; }

/* 客户服务 二级导航 */
.service-subnav ul li i { background: url("../images/service-icon.png") no-repeat; background-size: 1175px 82px; margin: 20px auto 0px; }
.service-subnav ul li:hover i.icon-1, .service-subnav ul li.on i.icon-1 { background-position: 3px -58px; }
.service-subnav ul li:hover i.icon-2, .service-subnav ul li.on i.icon-2 { background-position: -188px -58px; }
.service-subnav ul li:hover i.icon-3, .service-subnav ul li.on i.icon-3 { background-position: -380px -58px; }
.service-subnav ul li:hover i.icon-4, .service-subnav ul li.on i.icon-4 { background-position: -574px -58px; }
.service-subnav ul li:hover i.icon-5, .service-subnav ul li.on i.icon-5 { background-position: -764px -58px; }
.service-subnav ul li:hover i.icon-6, .service-subnav ul li.on i.icon-6 { background-position: -956px -58px; }
.service-subnav ul li:hover i.icon-7, .service-subnav ul li.on i.icon-7 { background-position: -1148px -58px; }

/* 产品 二级导航 */
.ec-subnav ul li i { background: url("../images/ec-icon.png") no-repeat; background-size: 1009px 82px; margin: 20px auto 0px; }
.ec-subnav ul li i.icon-1 { background-position: 6px 0px; }
.ec-subnav ul li i.icon-2 { background-position: -184px 3px; }
.ec-subnav ul li i.icon-3 { background-position: -377px 0px; }
.ec-subnav ul li i.icon-4 { background-position: -568px 0px; }
.ec-subnav ul li i.icon-5 { background-position: -776px 0px; }
.ec-subnav ul li i.icon-6 { background-position: -984px 0px; }
.ec-subnav ul li:hover i.icon-1, .ec-subnav ul li.on i.icon-1 { background-position: 6px -54px; }
.ec-subnav ul li:hover i.icon-2, .ec-subnav ul li.on i.icon-2 { background-position: -184px -55px; }
.ec-subnav ul li:hover i.icon-3, .ec-subnav ul li.on i.icon-3 { background-position: -377px -54px; }
.ec-subnav ul li:hover i.icon-4, .ec-subnav ul li.on i.icon-4 { background-position: -568px -54px; }
.ec-subnav ul li:hover i.icon-5, .ec-subnav ul li.on i.icon-5 { background-position: -776px -54px; }
.ec-subnav ul li:hover i.icon-6, .ec-subnav ul li.on i.icon-6 { background-position: -984px -54px; }

/* 人力资源 二级导航 */
.hr-subnav ul li i { background: url("../images/hr-icon.png") no-repeat; background-size: 598px 82px; margin: 20px auto 0px; }
.hr-subnav ul li i.icon-1 { background-position: 5px 3px; }
.hr-subnav ul li i.icon-2 { background-position: -186px 3px; }
.hr-subnav ul li i.icon-3 { background-position: -379px 3px; }
.hr-subnav ul li i.icon-4 { background-position: -571px 3px; }
.hr-subnav ul li:hover i.icon-1, .hr-subnav ul li.on i.icon-1 { background-position: 5px -55px; }
.hr-subnav ul li:hover i.icon-2, .hr-subnav ul li.on i.icon-2 { background-position: -186px -54px; }
.hr-subnav ul li:hover i.icon-3, .hr-subnav ul li.on i.icon-3 { background-position: -379px -54px; }
.hr-subnav ul li:hover i.icon-4, .hr-subnav ul li.on i.icon-4 { background-position: -571px -54px; }

/* 视频弹框 */
.video-pop { width: 960px; height: auto; position: fixed; left: 50%; top: 50%; margin: -274px 0px 0px -484.5px; z-index: 1001; display: none; }
.video-controls{ width:100%; }
.video-pop #a1 { width: 100%; height: 100%; }
.video-pop .close { position: absolute; top: -20px; right: 10px; width: 30px; height: 30px; margin: -15px; cursor: pointer; }
.video-pop .close span { display: inline-block; position: absolute; left: 50%; top: 50%; width: 30px; height: 1px; margin: -1px 0 0 -15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.video-pop .close span:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.video-pop .close span::before, .video-pop .close span::after { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.video-pop .close span::before { background-color: #fff; opacity: 1; }
.video-pop .close span::after { background-color: rgba(19, 131, 199, 1); opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.video-pop .close span:last-child::before, .video-pop .close span:last-child::after { -webkit-transition-delay: .18s; transition-delay: .18s; }
.video-pop .close:hover span::before { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.video-pop .close:hover span::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



/* 翻页 */
.page{width:100%;height:28px;text-align:center;line-height:26px; box-sizing:content-box; }
.page *{ box-sizing:content-box; }
.page-con{display:inline-block;*display:inline;*zoom:1;}
.page a{display:block;padding:0px 13px;height:26px;float:left;border:1px solid #ededed;color:#666;background:#fff;}
.page a.gofirst,
.page a.golast{width:44px;height:26px;margin-right:10px;}
.page a.goprev,
.page a.gonext{margin-right:10px;font-family:'宋体';}
.page a.num{margin-left:-1px;font-weight:bolder;}
.page a.gonext{margin-left:10px;}
.page a:hover,
.page a.on{background:rgba(19, 131, 199, 1);color:#fff !important;transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.page span{margin-left:3px;color:#666;display:block;float:left;}
.page .num.on,
.page a.non{cursor:default;}
.page a.non{color:#ccc;background:#fff;}


/* 首页 */
.banner { cursor: pointer; position: relative; cursor: url("../images/grab.png"), move; height:550px; }
.banner:active { cursor: url("../images/grabbing.png"), move; }
.banner .scrolldown { position: absolute; z-index: 200; bottom: 45px; left: 50%; margin-left: -13px; }
.banner .scrolldown img { -webkit-animation: mouse 2s infinite; animation: mouse 2s infinite; }
.banner .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.banner .swiper-button-prev, .banner .swiper-button-next { position: absolute; top: 50%; width: 28px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-size: 110px 50px; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { opacity: 1; }
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow.png") no-repeat; background-position: 0px 0px; left: 60px; right: auto; }
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow.png") no-repeat; background-position: -82px 0px; right: 60px; left: auto; }
.banner .swiper-pagination-bullet { width: 6px; height: 6px; background: rgba(255, 255, 255, 0.7); border-radius: 50%; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; border-radius: 3px; background: rgba(19, 131, 199, 1); }
.banner .swiper-slide { position: relative; }
.banner .swiper-slide .container { height: 100%; }
.banner .swiper-slide .left { display: table; height: 100%; }
.banner .swiper-slide .left .tr { display: table-cell; vertical-align: middle; }
.banner .swiper-slide .first-banner-txt { margin-bottom: 85px; }
.banner .swiper-slide .first-banner-txt h3 { font-size: 34px; color: #fff; line-height: 0.882; font-weight: 400; text-transform: uppercase; margin-bottom: 30px; }
.banner .swiper-slide .first-banner-txt h2 { font-size: 50px; color: #fff; font-family: "Microsoft JhengHei"; line-height: 1; font-weight: bold; margin-bottom: 15px; }
.banner .swiper-slide .first-banner-txt p { font-size: 17px; color: #fff; line-height: 1.647; }
.banner .swiper-slide .first-banner-txt a { width: 170px; height: 50px; border-radius: 24px; font-family: "Microsoft YaHei"; background: #fff; display: block; font-size: 14px; line-height: 50px; text-align: center; text-transform: uppercase; color: rgba(19, 131, 199, 1); margin-top: 30px; }
.banner .swiper-slide .first-banner-txt a:hover { border-radius: 0; background: none; border: 1px solid #fff; color: #fff !important; }
.banner .swiper-slide .news-slide { position: relative; }
.banner .swiper-slide .news-slide h2 { font-size: 18px; font-family: "Arial"; color: #fff; width: 320px; line-height: 2.556; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.banner .swiper-slide .news-slide .slideTxtBox { width: 320px; text-align: left; height: 103px; z-index: 1000; }
.banner .swiper-slide .news-slide .slideTxtBox .hd { height: 30px; line-height: 30px; padding: 0 10px 0 20px; position: relative; }
.banner .swiper-slide .news-slide .slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; }
.banner .swiper-slide .news-slide .slideTxtBox .bd li { height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.banner .swiper-slide .news-slide .slideTxtBox .bd li a { font-size: 14px; color: #fff; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-slide .news-slide .slideTxtBox .bd li a:hover { color: #fff !important; margin-left: 20px; }
.banner .swiper-slide .news-slide .slideTxtBox .arrow { position: absolute; left: 0px; top: 0; display: block; }
.banner .swiper-slide .news-slide .slideTxtBox .arrow a { display: block; width: 16px; height: 17px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: #fff; line-height: 17px; text-align: center; color: rgba(19, 131, 199, 1); }
.banner .swiper-slide .news-slide .slideTxtBox .arrow a:hover { background: rgba(19, 131, 199, 1); color: #fff !important; }
.banner .swiper-slide .news-slide .slideTxtBox .arrow .next { background-position: 0 -50px; }
.banner .swiper-slide .news-slide .slideTxtBox .arrow .prevStop { background-position: -60px 0; }
.banner .swiper-slide .news-slide .slideTxtBox .arrow .nextStop { background-position: -60px -50px; }
.banner .swiper-slide .right { display: table; height: 100%; }
.banner .swiper-slide .right .tr { display: table-cell; vertical-align: middle; }
.banner .swiper-slide .right .line.center { margin-top: 105px; }
.banner .swiper-slide .right .line.center a { background: none; }
.banner .swiper-slide .right .line a { width: 200px; display: block; height: 173px; background: url("../images/shape.png") no-repeat; margin-bottom: 30px; padding-top: 40px; }
.banner .swiper-slide .right .line a:hover p { color:#00a699; }
.banner .swiper-slide .right .line a i { display: block; width: 55px; height: 55px; margin: 0 auto; background: url("../images/first-banner-icon.png") no-repeat; background-size: 64px 463px; }
.banner .swiper-slide .right .line a i.icon-1 { background-position: -4px 1px; }
.banner .swiper-slide .right .line a i.icon-2 { background-position: -3px -203px; }
.banner .swiper-slide .right .line a i.icon-3 { background-position: -5px -419px; }
.banner .swiper-slide .right .line a i.icon-4 { background-position: -5px -104px; }
.banner .swiper-slide .right .line a i.icon-5 { background-position: -1px -306px; }
.banner .swiper-slide .right .line a p { font-size: 18px; color: #fff; line-height: 46px; text-align: center; }
.banner .swiper-slide .fouth-banner-txt{ text-align:center; margin-top:175px; }
.banner .swiper-slide .fouth-banner-txt img{ margin-bottom:20px; }
.banner .swiper-slide .fouth-banner-txt h2{ font-size:50px; color:#fff; font-family:"Microsoft JhengHei"; line-height:1; font-weight:bold; margin-bottom:15px; }
.banner .swiper-slide .fouth-banner-txt h2 sup{position: relative;top: -22px;font-size: 30px;font-family:"Microsoft JhengHei"; }
.banner .swiper-slide .fouth-banner-txt .line{ width:50px; height:3px; background:#fff; border-radius:1px; display:block; margin:25px auto 35px; }
.banner .swiper-slide .fouth-banner-txt p{ font-size: 17px; color: #fff; line-height: 1.647; }
.banner .swiper-slide .second-banner-txt .pro-list-box{ font-size: 17px; color: #fff; line-height: 1.647; width:245px; }
.banner .swiper-slide .second-banner-txt .pro-list-box p{ width:50%; float:left; }
.banner .swiper-slide .second-banner-txt .pro-list-box p:nth-child(2n) { float: right; }
.banner .swiper-slide .second-banner-txt .pro-list-box p a{ font-size: 17px; color: #fff; line-height: 2; display:inline-block; background:none; width:auto; height:auto; border:0; margin-top:0;  transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-slide .second-banner-txt .pro-list-box p a i{ width:4px; height:4px; border-radius:50%; background:#fff; display:inline-block; vertical-align:middle; margin-right:5px;  transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-slide .second-banner-txt .pro-list-box p a:hover{ color:rgba(19, 131, 199, 1) !important; }
.banner .swiper-slide .second-banner-txt .pro-list-box p a:hover i{ background:rgba(19, 131, 199, 1); }
.banner .swiper-slide .right .hexagon{ width:402px; height:464px; background:url("../images/hexagon.png") no-repeat; position:relative; margin-right:175px; }
.banner .swiper-slide .right .hexagon .hexagon-pic{ width:189px; height:109px; position:absolute; top:50%; margin-top:-54.5px; left:50%; margin-left:-94.4px; }
.banner .swiper-slide .right .hexagon .item{ width:66px; height:66px; padding:10px; border:1px solid #fff; background-color:rgba(255, 255, 255, 0.2); border-radius:50%; box-sizing:content-box; position:absolute; }
.banner .swiper-slide .right .hexagon .item .box{ width:66px; height:66px; background:#fff; border-radius:50%; box-sizing:content-box; line-height:66px; color:rgba(19, 131, 199, 1); text-align:center; font-size:34px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; position:relative; }
.banner .swiper-slide .right .hexagon .item .box .info{ position:absolute; text-align:left; display:none; }
.banner .swiper-slide .right .hexagon .item .box .info h2{ font-size:20px; color:rgba(19, 131, 199, 1); line-height:1.2; margin-bottom:10px; }
.banner .swiper-slide .right .hexagon .item .box .info p{ font-size:14px; color:#666; line-height:1.571; }
.banner .swiper-slide .right .hexagon .item-1{ top:-35px; left:50%; margin-left:-44px; }
.banner .swiper-slide .right .hexagon .item-1 .info{ width:355px; height:144px; background:url("../images/hexagon-info1.png") no-repeat; top:-117px; left:30px; padding:25px 20px 0px 100px; }
.banner .swiper-slide .right .hexagon .item-2{ right:-47px; top:66px; }
.banner .swiper-slide .right .hexagon .item-2 .info{ width:284px; height:222px; background:url("../images/hexagon-info2.png") no-repeat; top:-205px; left:-6px; padding:25px 20px 0px 25px; }
.banner .swiper-slide .right .hexagon .item-3{ right:-47px; top:308px; }
.banner .swiper-slide .right .hexagon .item-3 .info{ width:384px; height:206px; background:url("../images/hexagon-info3.png") no-repeat; top:30px; left:-20px; padding:90px 130px 0px 25px; }
.banner .swiper-slide .right .hexagon .item-4{ bottom:-35px; left:50%; margin-left:-44px; }
.banner .swiper-slide .right .hexagon .item-4 .info{ width:354px; height:144px; background:url("../images/hexagon-info4.png") no-repeat; top:30px; left:-320px; padding:25px 110px 0px 25px; }
.banner .swiper-slide .right .hexagon .item-5{ left:-47px; top:308px; }
.banner .swiper-slide .right .hexagon .item-5 .info{ width:368px; height:144px; background:url("../images/hexagon-info5.png") no-repeat; top:-91px; left:-370px; padding:25px 110px 0px 25px; }
.banner .swiper-slide .right .hexagon .item-6{ left:-47px; top:66px; }
.banner .swiper-slide .right .hexagon .item-6 .info{ width:369px; height:144px; background:url("../images/hexagon-info6.png") no-repeat; top:-80px; left:-375px; padding:25px 110px 0px 25px; }
.banner .swiper-slide .right .hexagon .item.on .box,
.banner .swiper-slide .right .hexagon .item:hover .box{ background:rgba(19, 131, 199, 1); color:#fff; }
.banner .swiper-slide .right .hexagon .item.on .box .info{ display:block; }

.banner .swiper-slide .three-banner-ec{ width:885px; margin:90px auto 0px; position:relative; }
.banner .swiper-slide .three-banner-ec ul{ /*width:785px;*/ height:179px; background:url("../images/three-banner-line.png") no-repeat; margin:0 auto; }
.banner .swiper-slide .three-banner-ec ul *{ transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.banner .swiper-slide .three-banner-ec ul li{ float:left; width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,0.5); padding:5px; }
.banner .swiper-slide .three-banner-ec ul li a{ width:90px; height:90px; background:#fff; text-align:center; border-radius:50%; font-size:18px; color:rgba(19, 131, 199, 1); line-height:1.111; display:table; padding:15px; }
.banner .swiper-slide .three-banner-ec ul li a span{ font-size:18px; color:rgba(19, 131, 199, 1); line-height:1.111; display:table-cell; vertical-align:middle; }
.banner .swiper-slide .three-banner-ec ul li.dot1{ margin:45px 0px 0px -35px; }
.banner .swiper-slide .three-banner-ec ul li.dot2{ margin:-13px 0px 0px 90px; }
.banner .swiper-slide .three-banner-ec ul li.dot3{ margin:74px 0px 0px 75px; }
.banner .swiper-slide .three-banner-ec ul li.dot4{ margin:5px 0px 0px 99px; }
.banner .swiper-slide .three-banner-ec ul li.dot5{ margin:55px 0px 0px 90px; }
.banner .swiper-slide .three-banner-ec ul li:hover{ background:rgba(0,125,78,0.5); }
.banner .swiper-slide .three-banner-ec ul li:hover a{ background:#007d4e; }
.banner .swiper-slide .three-banner-ec ul li:hover a span{ color:#fff; }

.home-base-title { padding-top: 40px; }
.home-base-title h2 { font-size: 24px; color: #333; line-height: 1.875; }
.home-base-title .line { width: 22px; height: 1px; background: rgba(19, 131, 199, 1); display: block; }
.home-base-title .more { width: 60px; height: 12px; display: block; background: url("../images/more-arrow.png") no-repeat; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; margin-top: 20px; }
.home-base-title .more:hover { background-position: -109px 0px; }





.about .txt { text-align: center; margin-top: 20px; }
.about .txt h2 { font-size: 24px; color: #333; line-height: 1.875; margin-bottom: 10px; }
.about .txt p { font-size: 15px; color: #666; line-height: 2.133; }
.about .txt ul { text-align: center; }
.about .txt ul li { display: inline-block; margin-right: 100px; padding: 35px 0px 35px; }
.about .txt ul li h2 { font-size: 30px; color: rgba(19, 131, 199, 1); line-height: 1; }
.about .txt ul li h2 em{ font-size: 30px; color: rgba(19, 131, 199, 1); line-height: 1; }
.about .txt ul li p { font-size: 15px; color: #666; line-height: 2; }
.about .txt ul li h2 sup{position: relative;top: -10px;}

.video { width: 100%; height: 430px; background: url("../images/home-video-bg.png") no-repeat center; background-size: cover; position: relative; }
.video .layer { text-align: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: table; }
.video .layer .tr { display: table-cell; vertical-align: middle; }
.video .layer h2 { font-size: 36px; color: #fff; line-height: 33px; margin-bottom: 25px; }
.video .layer p { font-size: 15px; color: #fff; line-height: 2.133; }
.video .layer a { width: 200px; height: 50px; display: block; border-radius: 4px; background: rgba(19, 131, 199, 1); margin: 0 auto; text-align: center; line-height: 50px; font-size: 16px; color: #fff; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; margin-top: 40px; }
.video .layer a img { margin-left: 10px; }
.video .layer a:hover { color: #fff !important; border-radius: 25px; background: none; border: 1px solid #fff; }
.about .video{ width: 100%; height: 430px; background: url("../images/home-video-bg.png") no-repeat center fixed; background-size: cover; position: relative; }

.news { padding-bottom: 100px; background: #f5f5f5; }
.news .dynamic { width: 850px; }
.news .dynamic .dynamic-list { margin-top: 30px; }
.news .dynamic .dynamic-list li { width: 270px; background: #fff; margin-right: 20px; float: left; }
.news .dynamic .dynamic-list li a { display: block; width: 100%; height: 100%; }
.news .dynamic .dynamic-list li .pic { width: 100%; height: 180px; padding: 20px 0px 0px 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.news .dynamic .dynamic-list li .pic p { font-size: 14px; color: #fff; line-height: 1.429; }
.news .dynamic .dynamic-list li .txt { width: 100%; background: #fff; padding: 15px; height: 127px; border-bottom: 2px solid #d9d9d9; }
.news .dynamic .dynamic-list li .txt h2 { font-size: 18px; color: #333; line-height: 1.389; height: 50px; }
.news .dynamic .dynamic-list li .txt span { background: url("../images/news-more-arrowR.png") no-repeat; background-size: 84px 24px; display: block; width: 24px; height: 24px; margin-top: 15px; }
.news .dynamic .dynamic-list li .txt:hover h2 { color: rgba(19, 131, 199, 1); }
.news .dynamic .dynamic-list li .txt:hover span { background-position: -60px 0px; }
.news .dynamic .dynamic-list li:last-child { margin-right: 0; }
.news .dynamic .dynamic-list li:hover .txt { border-bottom: 2px solid rgba(19, 131, 199, 1); }
.news .e-zine { width: 550px; position: relative; margin-top: 25px; }
.news .e-zine .home-base-title { position: absolute; padding-top: 20px; }
.news .e-zine .swiper-container-zine { margin-top: 30px; width: 100%; height: 370px; }
.news .e-zine .swiper-container-zine .swiper-slide { position: relative; }
.news .e-zine .swiper-container-zine .swiper-slide .txt { width: 550px; height: 309px; background: #434b4c; padding: 25px 0px 0px 30px; margin-top: 61px; }
.news .e-zine .swiper-container-zine .swiper-slide .txt h2 { font-size: 20px; color: #fefefe; line-height: 2.25; width: 220px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.news .e-zine .swiper-container-zine .swiper-slide .txt p { font-size: 14px; color: #fefefe; line-height: 1.714; width: 220px; }
.news .e-zine .swiper-container-zine .swiper-slide .txt span { background: url("../images/zine-arrowR-radiu.png") no-repeat; background-size: 24px 24px; display: block; width: 24px; height: 24px; margin-top: 25px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.news .e-zine .swiper-container-zine .swiper-slide .pic { width: 230px; height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; right: 40px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.news .e-zine .swiper-container-zine .swiper-slide:hover .txt span{ margin-top:15px; }
.news .e-zine .swiper-container-zine .swiper-button-prev, .news .e-zine .swiper-container-zine .swiper-button-next { position: absolute; top: auto; width: 16px; height: 6px; z-index: 10; cursor: pointer; background-size: 72px 6px; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; background: url("../images/zine-arrow.png") no-repeat; right: auto; left: auto; bottom: 30px; }
.news .e-zine .swiper-container-zine .swiper-button-prev:hover, .news .e-zine .swiper-container-zine .swiper-button-next:hover { opacity: 1; }
.news .e-zine .swiper-container-zine .swiper-button-prev, .news .e-zine .swiper-container-zine .swiper-container-rtl .swiper-button-next { left: 30px; background-position: 0px 0px; }
.news .e-zine .swiper-container-zine .swiper-button-next, .news .e-zine .swiper-container-zine .swiper-container-rtl .swiper-button-prev { left: 85px; background-position: -56px 0px; }
.news .e-zine .swiper-container-zine .swiper-pagination { font-size: 16px; color: #fff; line-height: 2.813; width: auto; left: 58px; }
.news .e-zine .swiper-container-zine .swiper-pagination .swiper-pagination-current { font-size: 16px; color: #fff; line-height: 2.813; }

/* 关于我们 */
.about-title.about-title-white h2 { color: #fff; }
.about-title.about-title-white p { color: #fff; }
.about-title h2 { font-size: 36px; color: #333; line-height: 1.667; margin-left:-1px; }
.about-title p { font-size: 16px; color: #666; line-height: 1; font-family: Arial; text-transform: uppercase; margin-bottom: 18px; }
.about-title .line { width: 50px; height: 3px; border-radius: 1px; background: rgba(19, 131, 199, 1); display: block; }

.about-profile { background: #fafafa; padding-bottom: 100px; padding-top: 70px; }
.about-profile .about-main .pic { position: relative; margin-top: 50px; width: 40%; }
.about-profile .about-main .pic .show { width: 274px; height: 324px; background: #666; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); background: url("../images/profile-left1.png") no-repeat center center; background-size: cover; position: relative; }
.about-profile .about-main .pic .show .box { width: 274px; height: 324px; background: url("../images/profile-left2.png") no-repeat center center; background-size: cover; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); position: absolute; top: -60px; right: -190px; }
.about-profile .about-main .pic .link { position: absolute; bottom: 0; right: 50px; }
.about-profile .about-main .pic .link a { width: 86px; height: 50px; border: 2px solid rgba(19, 131, 199, 1); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); display: block; position: absolute; font-size: 16px; color: rgba(19, 131, 199, 1); line-height: 50px; text-align: center; right: 70px; bottom: -25px; }
.about-profile .about-main .pic .link a.on { width: 100px; height: 84px; background: rgba(19, 131, 199, 1); border: 2px solid rgba(19, 131, 199, 1); color: #fff; line-height: 84px; right: 10px; bottom: 15px; }
.about-profile .about-main .pic .link a.on:hover { color: #fff !important; }
.about-profile .about-main .txt { width: 56%; }
.about-profile .about-main .txt.scrollbox { height: 326px; }
.about-profile .about-main .txt .scrollbar { width: 2px; height: 286px; position: relative; margin: 0 5px; background: #eaeaea; }
.about-profile .about-main .txt .handle { position: absolute; left: -2px; top: 0px; width: 6px; height: 15px; display: block; background: url(../images/hand_bg.png) no-repeat left top; }
.about-profile .about-main .txt .sly { width: 95%; font-size: 16px; color: #333; line-height: 2.25; height: 286px; }
.about-profile .about-main .txt .sly p { text-indent: 2em; font-size: 16px; margin-bottom: 10px; }
.about-profile .about-main .txt ul { text-align: center; }
.about-profile .about-main .txt ul li { display: inline-block; margin-right: 65px; padding: 35px 0px 35px; }
.about-profile .about-main .txt ul li h2 { font-size: 30px; color: rgba(19, 131, 199, 1); line-height: 1; }
.about-profile .about-main .txt ul li h2 em{ font-size: 30px; color: rgba(19, 131, 199, 1); line-height: 1; }
.about-profile .about-main .txt ul li p { font-size: 15px; color: #666; line-height: 2; }
.about-profile .about-main .txt ul li h2 sup{position: relative;top: -10px;}

.about-video { padding-top: 65px; }
.about-video .about-title-white { position: relative; z-index: 2; }

.about-history { width: 100%; padding-bottom: 90px; padding-top: 65px; background: url("../images/history-bg.jpg") no-repeat center center; background-size: cover; }
.about-history .history-wrap{ width:1600px; height:440px; margin:40px auto 0px; position:relative; }
.about-history .history-wrap .swiper-container{ position:static; }
.about-history .history-wrap .road-line { height: 4px; border-radius: 1px; background: #bfbfbf; width:1460px; margin:0 auto; position:relative; top:50%; margin-top:-2px; }
.about-history .develop-list{display:none;}
.about-history .swiper-container-history { width:1416px; height:440px; }
.about-history .swiper-container-history .swiper-slide { position:relative; width:20%; }
.about-history .swiper-container-history .swiper-slide .radio{ cursor:pointer; width:30px; height:30px; background:url("../images/history-li.png") no-repeat; position:relative; margin:0px auto; top:50%; margin-top:-15px; }
.about-history .swiper-container-history .swiper-slide .road-det { width:100%; height:170px; border-radius:3px; bottom:3px; background:rgba(0,125,79,0.8); position:absolute; text-align:left; padding:20px; left:0; right:0; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35); }
.about-history .swiper-container-history .swiper-slide .road-det h2 { font-size: 24px; color: #fff; line-height: 1; margin-bottom: 10px; }
.about-history .swiper-container-history .swiper-slide .road-det p { font-size: 16px; color: #fff; line-height: 1.5; }
.about-history .swiper-container-history .swiper-slide .road-det .triangle_border_up { width: 0; height: 0; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent rgba(0,125,79,0.8); /*透明 透明  灰*/ position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.about-history .swiper-container-history .swiper-slide:nth-child(2n) .road-det { top:3px; }
.about-history .swiper-container-history .swiper-slide:nth-child(2n) .road-det .triangle_border_up { width: 0; height: 0; border-width: 15px 15px 0; border-style: solid; border-color: rgba(0,125,79,0.8) transparent transparent; /*灰 透明 透明 */ position: absolute; bottom: -15px; top: auto; }
.about-history .swiper-container-history .swiper-slide.on,
.about-history .swiper-container-history .swiper-slide:hover .radio{ background-position: -64px 0px; }
.about-history .swiper-container-history .swiper-slide.on .road-det,
.about-history .swiper-container-history .swiper-slide:hover .road-det{ background: rgba(19, 131, 199, 1); }
.about-history .swiper-container-history .swiper-slide.on .road-det h2,
.about-history .swiper-container-history .swiper-slide:hover .road-det h2{ color:#fff; }
.about-history .swiper-container-history .swiper-slide.on .road-det p,
.about-history .swiper-container-history .swiper-slide:hover .road-det p {color: #fff;}
.about-history .swiper-container-history .swiper-slide.on .road-det .triangle_border_up,
.about-history .swiper-container-history .swiper-slide:hover .road-det .triangle_border_up{ border-color: transparent transparent rgba(19, 131, 199, 1); }
.about-history .swiper-container-history .swiper-slide:nth-child(2n):hover .road-det .triangle_border_up{ border-color: rgba(19, 131, 199, 1) transparent transparent;  }
.about-history .swiper-container-history .swiper-slide.on:nth-child(2n) .road-det,
.about-history .swiper-container-history .swiper-button-prev,
.about-history .swiper-container-history .swiper-button-next { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 154px 44px; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; background: url("../images/history-arrow.png") no-repeat; }
.about-history .swiper-container-history .swiper-button-prev:hover, 
.about-history .swiper-container-history .swiper-button-next:hover { opacity: 1; }
.about-history .swiper-container-history .swiper-button-prev,
.about-history .swiper-container-history .swiper-container-rtl .swiper-button-next { background-position: 0px 0px; left: 0px; right: auto; }
.about-history .swiper-container-history .swiper-button-next,
.about-history .swiper-container-history .swiper-container-rtl .swiper-button-prev { background-position: -110px 0px; right: 0px; left: auto; }

.about-honor { width: 100%; background: url("../images/honor-bg.png") no-repeat center center; background-size: cover; padding-top: 65px; padding-bottom: 100px; position: relative; }
.about-honor .about-title-white .line { background: #fff; }
.about-honor .swiper-container-honor { margin-top: 60px; }
.about-honor .swiper-container-honor .swiper-slide { width: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align:center; }
.about-honor .swiper-container-honor .swiper-button-prev, .about-honor .swiper-container-honor .swiper-button-next { position: absolute; top: 50%; width: 28px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-size: 110px 50px; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-honor .swiper-container-honor .swiper-button-prev:hover, .about-honor .swiper-container-honor .swiper-button-next:hover { opacity: 1; }
.about-honor .swiper-container-honor .swiper-button-prev, .about-honor .swiper-container-honor .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow.png") no-repeat; background-position: 0px 0px; left: 160px; right: auto; }
.about-honor .swiper-container-honor .swiper-button-next, .about-honor .swiper-container-honor .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow.png") no-repeat; background-position: -82px 0px; right: 160px; left: auto; }

.about-culture { width:100%; background: url("../images/culture-bg.png") no-repeat center center; background-size: cover; padding-top: 65px; padding-bottom: 100px; position: relative; }
.about-culture .culture-tab { margin-top: 60px; }
.about-culture .culture-tab a { display: block; float: left; border-radius: 2px; width: 110px; height: 35px; margin-left: 20px; border: 1px solid rgba(19, 131, 199, 1); font-size: 16px; color: rgba(19, 131, 199, 1); line-height: 35px; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-culture .culture-tab a:hover, .about-culture .culture-tab a.on { background: rgba(19, 131, 199, 1); color: #fff !important; }
.about-culture .culture-box .vision-item { position: relative; margin-top: 60px; }
.about-culture .culture-box .swiper-button-prev, .about-culture .culture-box .swiper-button-next { position: absolute; top: 50%; width: 32px; height: 61px; margin-top: -30.5px; z-index: 10; cursor: pointer; background-size: 134px 61px; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-culture .culture-box .swiper-button-prev:hover, .about-culture .culture-box .swiper-button-next:hover { opacity: 1; }
.about-culture .culture-box .swiper-button-prev, .about-culture .culture-box .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow2.png") no-repeat; background-position: 0px 0px; left: 160px; right: auto; }
.about-culture .culture-box .swiper-button-next, .about-culture .culture-box .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow2.png") no-repeat; background-position: -103px 0px; right: 160px; left: auto; }
.about-culture .swiper-container-vision .swiper-slide { width: 359px; height: 500px; float: left; margin-right: 1px; background-repeat: no-repeat; background-position: center center; position: relative; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-culture .swiper-container-vision .swiper-slide .box{ width: 359px; height: 500px; position:relative; margin:0 auto; }
.about-culture .swiper-container-vision .swiper-slide:hover .layer { background: url("../images/culture-hover.png") no-repeat; }
.about-culture .swiper-container-vision .swiper-slide:hover .layer span { opacity: 1; }
.about-culture .swiper-container-vision .swiper-slide:hover .layer .top { margin-top: -40px; }
.about-culture .swiper-container-vision .swiper-slide .layer { background: url("../images/culture-layer.png") no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-culture .swiper-container-vision .swiper-slide .layer .top { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-culture .swiper-container-vision .swiper-slide .layer .icon { width: 106px; height: 106px; border: 2px solid #fff; border-radius: 50%; margin: 168px auto 0px; text-align: center; line-height: 100px; }
.about-culture .swiper-container-vision .swiper-slide .layer p { font-size: 26px; color: #fff; line-height: 2.308; margin-top: 10px; }
.about-culture .swiper-container-vision .swiper-slide .layer span { font-size: 18px; color: #fff; line-height: 1.667; width: 190px; margin: 0 auto; display: block; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; opacity: 0; }
.about-culture .culture-box .idea-item { position: relative; margin-top: 60px; }
.about-culture .swiper-container-idea .swiper-slide{width:345px; margin-right:20px;}
.swiper-container-idea .swiper-slide .pic{width:345px; height:337px;}
.swiper-container-idea .swiper-slide .txt{width:345px; background:#fff; padding:20px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.swiper-container-idea .swiper-slide .txt h2{font-size:26px; color:#333; line-height:1.308; margin-bottom:10px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.swiper-container-idea .swiper-slide .txt p{font-size:18px; color:#666; line-height:1.667; height:120px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.swiper-container-idea .swiper-slide:hover .txt{ background:rgba(19, 131, 199, 1); }
.swiper-container-idea .swiper-slide:hover .txt *{ color:#fff; }
.about-culture .culture-box .item{display:none;}



.about-innovation { width: 100%; background: url("../images/innovation-bg.png") no-repeat center center; background-size: cover; padding-top: 65px; padding-bottom: 100px; position: relative; }
.about-innovation .tit { font-size: 16px; color: #666; line-height: 2.25; margin-top: 30px; }
.about-innovation .innovation-con{margin-top:60px;}
.about-innovation .innovation-con .module .pic { width: 50%; height: 350px; }
.about-innovation .innovation-con .module .txt { width: 50%; height: 350px; padding: 0 50px; background: #fff; position: relative; }
.about-innovation .innovation-con .module .txt .icon { width: 76px; height: 76px; border: 2px solid rgba(19, 131, 199, 1); border-radius: 50%; text-align: center; line-height: 76px; margin-bottom: 25px; margin-top: 65px; }
.about-innovation .innovation-con .module .txt h2 { font-size: 26px; color: #333; line-height: 1.385; margin-bottom:15px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-innovation .innovation-con .module:hover .txt h2{ color:rgba(19, 131, 199, 1); }
.about-innovation .innovation-con .module .txt p { font-size: 16px; color: #666; line-height: 2.25; text-transform: uppercase; }
.about-innovation .innovation-con .module .txt .arrow { width: 0; height: 0; border-width: 15px 0 15px 15px; border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; right: -15px; top: 50%; margin-top: -15px; }
.about-innovation .innovation-con .module:nth-child(odd) .pic { float: right; }
.about-innovation .innovation-con .module:nth-child(odd) .txt { float: left; }
.about-innovation .innovation-con .module:nth-child(even) .pic { float: left; }
.about-innovation .innovation-con .module:nth-child(even) .txt { float: right; }
.about-innovation .innovation-con .module:nth-child(even) .txt .arrow { width: 0; height: 0; border-width: 15px 15px 15px 0px; border-style: solid; border-color: transparent #fff transparent transparent; position: absolute; right: auto; left: -15px; top: 50%; margin-top: -15px; }

.about-contact { padding-top: 65px; padding-bottom: 100px; position: relative; }
.about-contact .tit { font-size: 16px; color: #666; line-height: 2.25; margin-top: 30px; }
.about-contact .contact-info { margin-top: 50px; }
.about-contact .contact-info li { width: 23.86%; height: 380px; background: #ebebeb; border-radius: 2px; text-align: center; padding: 50px 35px; margin-right: 1.5%; float: left; cursor: pointer; }
.about-contact .contact-info li:last-child { margin-right: 0; }
.about-contact .contact-info li:hover, .about-contact .contact-info li.on { background: rgba(19, 131, 199, 1); }
.about-contact .contact-info li:hover *, .about-contact .contact-info li.on * { color: #fff !important; }
.about-contact .contact-info li:hover .line, .about-contact .contact-info li.on .line { background: #fff; }
.about-contact .contact-info li:hover i, .about-contact .contact-info li.on i { background-position: 7px -79px; }
.about-contact .contact-info li:hover i.icon2, .about-contact .contact-info li.on i.icon2 { background-position: -128px -79px; }
.about-contact .contact-info li:hover i.icon3, .about-contact .contact-info li.on i.icon3 { background-position: -264px -79px; }
.about-contact .contact-info li:hover i.icon4, .about-contact .contact-info li.on i.icon4 { background-position: -389px -79px; }
.about-contact .contact-info li i { display: block; width: 50px; height: 50px; background: url("../images/contact-icon.png") no-repeat; background-position: 7px 0px; background-size: 435px 125px; margin: 0 auto; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-contact .contact-info li i.icon2 { background-position: -128px 0px; }
.about-contact .contact-info li i.icon3 { background-position: -264px 0px; }
.about-contact .contact-info li i.icon4 { background-position: -389px 0px; }
.about-contact .contact-info li h2 { font-size: 20px; color: #333; line-height: 3; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-contact .contact-info li .line { display: block; width: 50px; height: 3px; background: rgba(19, 131, 199, 1); border-radius: 1px; margin: 0 auto 10px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-contact .contact-info li p { font-size: 16px; color: #666; line-height: 2.25; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.about-contact .contact-info li p a { color: #666; line-height: 2.25; }
.contact-info-mobile{display:none;}
.about-contact .map-wrap { margin-top: 40px; }
.about-contact .map-wrap .map-list { width: 710px; height: 553px; }
.about-contact .map-wrap .message { width: 708px; height: 551px; border: 1px solid #e6e6e6; padding:10px 30px 30px 30px; }
.about-contact .map-wrap .message h2 { font-size: 26px; color: #333; line-height: 2.308; }
.about-contact .map-wrap .message p { font-size: 16px; color: #666; line-height: 3.75; }
.about-contact .map-wrap .message .row { margin-bottom: 10px; }
.about-contact .map-wrap .message .row.btn-row { text-align: center; margin-top:30px; }
.about-contact .map-wrap .message .row span { float: left; font-size: 16px; color: #666; line-height: 56px; }
.about-contact .map-wrap .message .row .text { width: 598px; height: 56px; background: #f5f5f5; border-radius: 2px; border: 0; text-indent: 20px; font-size: 16px; color: #666; }
.about-contact .map-wrap .message .row .textarea-text { height: 120px; padding: 20px; text-indent: 0; color: #666; font-size: 16px; }
.about-contact .map-wrap .message .row .button-holder { margin-top: 21px; }
.about-contact .map-wrap .message .row .button-holder li { width: 35px; height: 15px; background: url("../images/check-icon.png") no-repeat; background-position: -59px 0px; float: left; text-align: right; font-size: 16px; line-height: 16px; color: #666; margin-right: 20px; }
.about-contact .map-wrap .message .row .button-holder li.on { background-position: 0px 0px; }
.about-contact .map-wrap .message .row .btn { width: 135px; height: 35px; background: #333; font-family: "SimHei"; border-radius: 2px; border: 0; font-size: 16px; color: #fff; cursor: pointer; margin-right: 5px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; border:1px solid rgba(19, 131, 199, 1); }
.about-contact .map-wrap .message .row .btn.reset{border:1px solid #333;}
.about-contact .map-wrap .message .row .btn.refer { background: rgba(19, 131, 199, 1); }
.about-contact .map-wrap .message .row .btn:hover { background:none; color:rgba(19, 131, 199, 1); }
.about-contact .map-wrap .message .row .btn.reset:hover{color:#333;}

/* News */
.news-slide { margin-top: 80px; margin-bottom: 40px; }
.news-slide .swiper-container-news .swiper-slide .pic { width: 50%; height: 480px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; }
.news-slide .swiper-container-news .swiper-slide .txt { width: 50%; background: #f0f0f0; height: 480px; padding: 40px; }
.news-slide .swiper-container-news .swiper-slide .txt .top { border-bottom: 1px dashed #d6d6d6; padding-bottom: 25px; margin-bottom: 20px; }
.news-slide .swiper-container-news .swiper-slide .txt .top h2 { margin-bottom: 15px; color: #333; }
.news-slide .swiper-container-news .swiper-slide .txt .top h2 a { font-size: 24px; color: #333; }
.news-slide .swiper-container-news .swiper-slide .txt .top span { font-size: 14px; color: #999; line-height: 1.857; font-family: Arial; }
.news-slide .swiper-container-news .swiper-slide .txt .top span img { margin-right: 10px; }
.news-slide .swiper-container-news .swiper-slide .txt .det { font-size: 16px; color: #666; line-height: 1.875; }
.news-slide .swiper-container-news .swiper-slide .txt .more { width: 108px; height: 33px; border: 1px solid rgba(19, 131, 199, 1); border-radius: 2px; display: block; text-align: center; line-height: 33px; color: rgba(19, 131, 199, 1); font-size: 14px; margin-top: 30px; }
.news-slide .swiper-container-news .swiper-slide:hover .txt .top h2 a{color:rgba(19, 131, 199, 1);}
.news-slide .swiper-container-news .swiper-slide:hover .txt .more { background: rgba(19, 131, 199, 1); color: #fff !important; }
.news-slide .swiper-container-news .swiper-pagination { bottom: 30px; left: 68px; }
.news-slide .swiper-container-news .swiper-pagination-bullet { width: 6px; height: 6px; background: #a09c99; opacity: 1; border-radius: 50%; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.news-slide .swiper-container-news .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; border-radius: 3px; background: rgba(19, 131, 199, 1); }
.news-slide .news-list { margin-top: 40px; }
.news-slide .news-list li { width: 49%; float: left; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 30px; }
.news-slide .news-list li:nth-child(2n) { float: right; }
.news-slide .news-list li:hover .txt h2 { color: rgba(19, 131, 199, 1); }
.news-slide .news-list li .pic { width: 210px; height: 140px; background-color: #666; }
.news-slide .news-list li .txt { width: 475px; }
.news-slide .news-list li .txt h2 { font-size: 20px; color: #333; line-height: 1.3; margin-bottom: 20px; }
.news-slide .news-list li .txt p { font-size: 16px; color: #666; line-height: 1.875; }
.news-slide .news-list li .txt .date { margin-top: 12px; }
.news-slide .news-list li .txt .date .time { font-size: 14px; color: #999; line-height: 2.143; font-family: Arial; }
.news-slide .news-list li .txt .date .time img { margin-right: 10px; }
.news-slide .news-list li .txt .date .more { font-size: 14px; color: rgba(19, 131, 199, 1); line-height: 2.143; }

/* 电子刊物 */
.zine-wrap { padding-bottom: 100px; }
.zine-wrap .show { width: 100%; background:rgba(19, 131, 199, 1) url("../images/zine-show-bg.png") no-repeat center center; background-size:cover; margin-top: 80px; margin-bottom: 40px; padding: 40px; }
.zine-wrap .show .pic { width: 230px; height: 300px; display: block; }
.zine-wrap .show .txt { width: 1100px; height: 300px; position: relative; }
.zine-wrap .show .txt h2 { font-size: 30px; color: #333; line-height: 1.5; font-weight: bold; }
.zine-wrap .show .txt h2 a { font-size: 30px; color: #333; line-height: 1.5; }
.zine-wrap .show .txt h3 { font-size: 16px; color: #999; line-height: 2.813; margin-bottom: 20px; }
.zine-wrap .show .txt p { font-size: 15px; color: #666; line-height: 1.733; }
.zine-wrap .show .txt .more { width: 108px; height: 33px; border: 1px solid rgba(19, 131, 199, 1); border-radius: 2px; display: block; text-align: center; line-height: 33px; color: rgba(19, 131, 199, 1); font-size: 14px; position: absolute; bottom: 20px; }
.zine-wrap .show:hover .txt .more { background: rgba(19, 131, 199, 1); color: #fff !important; }
.zine-wrap .show:hover .txt h2 a{color:rgba(19, 131, 199, 1);}
.zine-wrap .zine-list{margin:0px -20px;}
.zine-wrap .zine-list li { width: 33.333333%; height: 260px; float: left; padding:0px 20px; margin-bottom: 40px; }
.zine-wrap .zine-list li:nth-child(3n) { margin-right: 0; }
.zine-wrap .zine-list li:hover * { color: #fff !important; }
.zine-wrap .zine-list li a { display: block; }
.zine-wrap .zine-list li .pic { width: 200px; height: 260px; }
.zine-wrap .zine-list li .txt { padding: 30px; width: 253px; height: 260px; position: relative; background: #f6f6f6; }
.zine-wrap .zine-list li .txt h2 { font-size: 20px; color: #333; line-height: 1.3; }
.zine-wrap .zine-list li .txt h3 { font-size: 14px; color: #999; line-height: 3.214; }
.zine-wrap .zine-list li .txt .more { font-size: 14px; color: rgba(19, 131, 199, 1); line-height: 2.143; position: absolute; bottom: 30px; }
.zine-wrap .zine-list li:hover .txt{ background: rgba(19, 131, 199, 1); }

/* 新闻详情 */
.det-wrap { margin-top: 80px; padding-bottom: 100px; }
.det-wrap .con { width: 75%; border-right: 1px solid #e5e5e5; padding-right: 50px; }
.det-wrap .title { text-align: center; }
.det-wrap .title h1 { font-size: 26px; color: #333; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 25px; }
.det-wrap .title span { font-size: 13px; color: #999; line-height: 1.715; margin: 0px 15px; }
.det-wrap .title span img { margin-right: 10px; }
.det-wrap .det { margin-top: 30px; font-size: 16px; color:#333; line-height:2.25; text-align:center; }
.det-wrap .det *{ font-size:18px !important; font-family:"SimHei" !important; color: #333; line-height: 2.25; text-align: left; }
.det-wrap .det img { width: 100%; margin:0px auto 20px; display:block; }
.det-wrap .det-footer { margin-top: 35px; position: relative; }
.det-wrap .det-footer a { display: block; font-size: 15px; color: #666; line-height: 2.6; }
.det-wrap .det-footer a.return { width: 160px; height: 45px; background: rgba(19, 131, 199, 1); text-align: center; border: 1px solid rgba(19, 131, 199, 1); line-height: 45px; font-size: 14px; color: #fff; margin-top: 40px; }
.det-wrap .det-footer a.return:hover { background: none; }
.det-wrap .det-footer .bdshare-button-style0-16 { position: absolute; right: 0; bottom: 0; }
.det-wrap .det-footer .bdshare-button-style0-16 span { font-size: 15px; color: #666; line-height: 45px; }
.det-wrap .det-footer .bdshare-button-style0-16 a { width: 45px; height: 45px; background: url("../images/share-icon2.png") no-repeat; margin: 0px 0.5px; }
.det-wrap .det-footer .bdshare-button-style0-16 a.bds_weixin { background-position: -46px 0px; }
.det-wrap .det-footer .bdshare-button-style0-16 a.bds_qzone { background-position: -92px 0px; }
.det-wrap .hot { width: 350px; padding-left: 50px; }
.det-wrap .hot h2 { border-top: 3px solid rgba(19, 131, 199, 1); font-size: 18px; color: #333; line-height: 56px; }
.det-wrap .hot .hot-list li { margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }
.det-wrap .hot .hot-list li:hover p { color: rgba(19, 131, 199, 1); }
.det-wrap .hot .hot-list li a { display: block; width: 100%; height: 100%; }
.det-wrap .hot .hot-list li .pic { width: 300px; height: 200px; margin-bottom: 15px; }
.det-wrap .hot .hot-list li p { font-size: 16px; color: #666; line-height: 1.625; }
.det-wrap .hot .hot-list li span { font-size: 14px; color: #999; line-height: 1.857; text-transform: uppercase; }


.related-list{margin:0px -15px; margin-top:-30px;}
.related-list .item{float: left; width:20%; padding:0px 15px; margin-top:30px;}
.related-list .item .pic{width:100%; height:205px;}
.related-list .item .txt{padding-top:10px; padding:10px 0px; background:#fff;}
.related-list .item .txt p{font-size:16px; color:#666; line-height:1.875;}
.related-list .item:hover .txt{background:#f0f0f0; padding:10px 20px;}
.recommend{ padding:80px 0px 60px; }
.recommend .h3{ position: relative; font-size:36px; margin-bottom:35px; color:#333; text-align:center; }
.recommend .h3 > a { position: absolute; top: -5px; right: 0; width: 150px; height: 40px; background: #fff; border-radius: 30px; font-size: 14px; color: #000; text-align: center; line-height: 40px; cursor: pointer; }
.recommend .h3 > a i { display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url(../images/icon_48.png) no-repeat center; background-size: 100%; vertical-align: middle; }
.recommend .swiper-container-recommend{ margin:0px -15px; height:320px; }
.recommend .swiper-container-recommend .swiper-slide { padding:0px 15px; width:25%; }
.recommend .swiper-container-recommend .swiper-slide span { display: block; height:196px; position: relative; width: 100%; background: no-repeat center; background-size: cover; }
.recommend .swiper-container-recommend .swiper-slide em { display: block; padding: 0 10px; background: #fff; box-sizing: border-box; font-size: 16px; color: #666; text-align: center; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.recommend .swiper-container-recommend .swiper-slide:hover span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); -webkit-animation: fade-in 1s forwards; animation: fade-in 1s forwards; }
.recommend .swiper-container-recommend .swiper-slide:hover span:after { position: absolute; top: 50%; left: 50%; z-index: 2; width: 56px; height: 56px; content: ''; margin-top: -28px; margin-left: -28px; background: url(../images/icon_64.png) no-repeat center; background-size: cover; -webkit-animation: fade-in 2s forwards; animation: fade-in 2s forwards; }
.recommend .swiper-container-recommend .swiper-slide:hover em { background: rgba(19, 131, 199, 1); color: #fff; }
.recommend .swiper-container-recommend .swiper-pagination-bullet { width: 6px; height: 6px; background:#333; border-radius: 50%; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.recommend .swiper-container-recommend .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; border-radius: 3px; background: rgba(19, 131, 199, 1); }


.recommend-pop{ display:none; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; -webkit-animation:fade-in 1s forwards; animation:fade-in 1s forwards; }
.recommend-pop .layerBg{ position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); }
.recommend-pop .swiper-container-pop { position: absolute; top: 50%; left: 50%; z-index: 2; width: 1440px; height: 590px; background: #fff; margin-left: -720px; margin-top: -295px; }
.recommend-pop .swiper-container-pop .recom_img { width: calc(100% - 400px); height: 590px; background: no-repeat center; background-size: cover; }
.recommend-pop .swiper-container-pop .recom_txt { width: 400px; height: 590px; padding: 110px 25px 10px; box-sizing: border-box; }
.recommend-pop .swiper-container-pop .recom_txt .tit h4 { margin-bottom: 12px; font-size: 30px; color: #333; }
.recommend-pop .swiper-container-pop .recom_txt .tit h5 { font-size: 18px; color: #666; }
.recommend-pop .swiper-container-pop .recom_txt .tig { margin: 30px 0; background: #f3f3f3; }
.recommend-pop .swiper-container-pop .recom_txt .tig span { display: block; position: relative; width: 138px; height: 40px; background: #0280CC; font-size: 14px; color: #fff; text-align: center; line-height: 40px; }
.recommend-pop .swiper-container-pop .recom_txt .tig span i { display: inline-block; margin-right: 12px; font-size: 20px; color: #fff; vertical-align: top; }
.recommend-pop .swiper-container-pop .recom_txt .tig span:before { position: absolute; left: 0; bottom: -7px; width: 7px; height: 14px; content: ''; background: url(../images/icon_9.png) no-repeat center; background-size: 100%; }
.recommend-pop .swiper-container-pop .recom_txt .mm { max-height: 200px; overflow: hidden; box-sizing: border-box; }
.recommend-pop .swiper-container-pop .recom_txt .mm p { font-size: 14px; color: #666; line-height: 24px; }
.recommend-pop .swiper-container-pop .recom_txt .mm p span { color: #333; font-weight: bold; }
.recommend-pop .swiper-container-pop .re_Close { position: absolute; top: 30px; right: 25px; z-index: 5; cursor: pointer; font-size: 30px; color: #999; }
.recommend-pop .swiper-container-pop .re_Close:hover { color: #0280CC; }
.recommend-pop .swiper-container-pop .re_Button { position: absolute; bottom: 0; right: 25px; padding: 45px 0; font-size: 0; width: 350px; border-top: 1px solid #ddd; text-align: right; }
.recommend-pop .swiper-container-pop .re_Button > a { display: inline-block; width: 38px; height: 38px; margin-left: 15px; border: 1px solid #999; background: #fff; border-radius: 50%; font-size: 18px; color: #666; text-align: center; line-height: 38px; }
.recommend-pop .swiper-container-pop .re_Button > a:hover { border-color: #0280cc; background: #0280CC; color: #fff !important; }
.recommend-pop .swiper-container-pop .swiper-button-prev,
.recommend-pop .swiper-container-pop .swiper-button-next{ margin-top:-19px; }
.recommend-pop .swiper-container-pop .swiper-button-prev{ left:auto; right:65px; }
@-webkit-keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }

/* 客户服务 */
.service-network{padding-top:65px;}
.service-network .left{float: left;}
.service-network .left .about-title{margin-bottom:50px;}
.service-network .left h3{ font-size:20px; color:#333; line-height:1.8;}
.service-network .left p{font-size:16px; color:#666; line-height:2; margin-top:10px;}
.service-network .left .list{margin-top:100px;}
.service-network .left .list li{float: left; border-right:1px solid #e6e6e6; padding-right:80px; margin-right:80px;}
.service-network .left .list li:last-child{margin-right:0; border-right:0;}
.service-network .left .list li h1{ font-size:60px; color:rgba(19, 131, 199, 1); margin-bottom:20px; height:50px;}
.service-network .left .list li h1.second{ background-position:105px 0px; }
.service-network .left .list li h1 em{ font-size:60px; color:rgba(19, 131, 199, 1); }
.service-network .left .list li p{font-size:16px; color:#666; line-height:2.25;}
.service-network .map{float: right;}
.service-network .show{margin:60px -15px 80px;}
.service-network .show li{width:33.3333333%; padding:0px 15px; float:left;}
.service-network .show li .pic{width:100%; height:250px; background-size:100% 100%; }
.service-network .show li p{font-size:20px; color:#666; line-height: 55px;}
.service-network .show li:hover p{ padding-left:20px; color:rgba(19, 131, 199, 1); }

.service-system{width:100%; background:#fff; padding-bottom:100px;}
.service-system .top{width:100%; height:450px; background:url("../images/system-bg.png") no-repeat center center; background-size:cover; padding-top:65px;}
.service-system .bottom{background:#f0f0f0; height:603px; padding:0px 40px; margin-top:-150px;}
.service-system .bottom p{font-size:16px; color:#333; line-height:92px; padding-top:10px;}
.service-system .bottom p b{color:rgba(19, 131, 199, 1); font-weight:400;}
.service-system .bottom ul li{float: left; width:25%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.service-system .bottom ul li .pic{ width:100%; height:400px; }
.service-system .bottom ul li .pic{ width:100%; height:400px; }
.service-system .bottom ul li.on{width:50%;}
.service-system .bottom ul li.on .pic{ width:50%; float:left; }
.service-system .bottom ul li .layer{width:50%; height:100%; float:right; background:rgba(19, 131, 199, 1); padding:30px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.service-system .bottom ul li .layer h2{font-size:28px; color:#fff; line-height:2.143; font-weight:bold;}
.service-system .bottom ul li .layer .line{display:block; width:50px; height:3px; border-radius:1px; background:#fff; margin:15px 0px;}
.service-system .bottom ul li .layer p{font-size:15px; color:#fff; line-height:1.875;}
.service-system .bottom ul li:hover .layer{ left:0; }

.quality{width:100%; padding-bottom:100px; background:url("../images/quality-bg.png") no-repeat center center; background-size:cover; padding-top:65px; }
.quality-tab{margin-top:60px;}
.quality-tab .tab-ul li{float: left; margin-right:60px;}
.quality-tab .tab-ul li .icon{width:60px; height:60px; border:1px solid #ccc; border-radius:50%; margin-right:15px; text-align:center; line-height:60px;}
.quality-tab .tab-ul li .icon i{display:inline-block; width:35px; height:35px; background:url("../images/quality-icon.png") no-repeat; margin-top:12px; }
.quality-tab .tab-ul li .icon i.icon-1{background-position:3px 2px;}
.quality-tab .tab-ul li .icon i.icon-2{background-position:-109px 2px;}
.quality-tab .tab-ul li .icon i.icon-3{background-position:-220px 2px;}
.quality-tab .tab-ul li h2{font-size:22px; color:#333; line-height:1.636; font-weight:bold; margin-top:3px;}
.quality-tab .tab-ul li p{font-size:16px; color:#999; line-height:1.25;}
.quality-tab .tab-ul li.on h2{color:rgba(19, 131, 199, 1);}
.quality-tab .tab-ul li.on .icon{background:rgba(19, 131, 199, 1); border:1px solid rgba(19, 131, 199, 1);}
.quality-tab .tab-ul li.on .icon i.icon-1{background-position:3px -71px;}
.quality-tab .tab-ul li.on .icon i.icon-2{background-position:-109px -71px;}
.quality-tab .tab-ul li.on .icon i.icon-3{background-position:-220px -71px;}

.quality-tab .tab-con{margin-top:40px;}
.quality-tab .tab-con li{width:720px; padding:20px 30px; background:#c2dbd0; position:relative; display:none;}
.quality-tab .tab-con li .arrow{ width:0; height:0; border-width:0 15px 15px; border-style:solid; border-color:transparent transparent #c2dbd0; position:absolute; display:block; top:-15px; left:13px; }
.quality-tab .tab-con li p{font-size:16px; color:#333; line-height:2.25;}

.pantner{width:100%; padding-top:65px; padding-bottom:100px; position:relative;}
.swiper-container-pantner{margin-top:60px; padding-bottom: 65px;}
.swiper-container-pantner .swiper-slide{width:276px; height:200px; background:#efefef; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;  }
.swiper-container-pantner .swiper-slide .pic{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; text-align:center; line-height:200px; overflow:hidden;}
.swiper-container-pantner .swiper-slide .pic img{ max-width:90%; max-height:90%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; }
.swiper-container-pantner .swiper-slide:hover .pic img{  -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s; }
.pantner .swiper-button-prev,
.pantner .swiper-button-next{ position: absolute; top: 50%; width: 32px; height: 61px; margin-top: -30.5px; z-index: 10; cursor: pointer; background-image:url("../images/slide-arrow2.png"); background-size: 134px 61px; background-position:0px 0px; background-repeat: no-repeat; opacity: 0.5; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; left:145px; }
.pantner .swiper-button-next{ background-position:-102px 0px; right:145px; left:auto; }
.pantner .swiper-button-prev:hover,
.pantner .swiper-button-next:hover{opacity:1;}
.pantner .swiper-pagination-bullet{ width:6px; height:6px; background:rgba(255,255,255,0.7); border-radius:50%; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; opacity:1; background:#a09c99;}
.pantner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:24px; background:rgba(19, 131, 199, 1); border-radius:3px; }

.service-case{position:relative;}
.service-case{width:100%; padding:65px 0px 85px 0px; background:url("../images/case-bg.jpg") no-repeat center bottom; background-size:cover;}
.service-case .tab-ul{width:495px;}
.service-case .tab-ul li{width:108px; height:33px; border:1px solid rgba(19, 131, 199, 1); border-radius:2px; float: left; line-height:33px; text-align:center; margin-left:15px; margin-bottom:15px; }
.service-case .tab-ul li a{font-size:16px; color:rgba(19, 131, 199, 1);}
.service-case .tab-ul li.on,
.service-case .tab-ul li:hover{background:rgba(19, 131, 199, 1); color:#fff;}
.service-case .tab-ul li.on a,
.service-case .tab-ul li:hover a{color:#fff !important;}
.swiper-container-case{margin-top:60px; padding-bottom:65px;}
.swiper-container-case .swiper-slide{width:460px; height:360px; background:#333; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; overflow:hidden;}
.swiper-container-case .swiper-slide .pic{width:100%; height:100%; position:relative;}
.swiper-container-case .swiper-slide .pic .layer{width:100%; height:100%; background:rgba(0,125,79,0.8); position:absolute; top:0; right:0; bottom:0; left:0; left:-100%; padding:0px 40px; display:table; overflow:hidden; }
.swiper-container-case .swiper-slide .pic .layer .tr{height:100%; display:table-cell; vertical-align: middle;}
.swiper-container-case .swiper-slide .pic .layer h2{font-size:30px; color:#fff; line-height:2;}
.swiper-container-case .swiper-slide .pic .layer .line{width: 50px; height: 3px; border-radius: 1px; background: #fff; display: block; margin:15px 0px 20px;}
.swiper-container-case .swiper-slide .pic .layer p{font-size:16px; color:#fff; line-height:2.25;}
.swiper-container-case .swiper-slide:hover .pic .layer{left:0;}
.service-case .swiper-button-prev,
.service-case .swiper-button-next{ position: absolute; top: 50%; width: 32px; height: 61px; margin-top: -30.5px; z-index: 10; cursor: pointer; background-image:url("../images/slide-arrow2.png"); background-size: 134px 61px; background-position:0px 0px; background-repeat: no-repeat; opacity: 0.5; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; left:145px; }
.service-case .swiper-button-next{ background-position:-102px 0px; right:145px; left:auto; }
.service-case .swiper-button-prev:hover,
.service-case .swiper-button-next:hover{opacity:1;}
.service-case .swiper-pagination-bullet{ width:6px; height:6px; background:rgba(255,255,255,0.7); border-radius:50%; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; opacity:1; background:#a09c99;}
.service-case .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:24px; background:rgba(19, 131, 199, 1); border-radius:3px; }

.download{width:100%; background:#fff; padding:65px 0px 100px 0px;}
.download-table{border:1px solid #dddddd; width:100%; margin-top:60px; border-collapse:collapse;}
.download-table tr{height:60px; line-height:60px; border-bottom:1px dashed #dddddd;}
.download-table tr:nth-child(odd){background:#f7fcfb;}
.download-table tr.title{background:#409e7b; border-bottom:0; height:64px; line-height:64px;}
.download-table th{font-size:18px; color:#fff;}
.download-table th:first-child{padding-left:80px;}
.download-table td{font-size:16px; color:#666;}
.download-table td:first-child{padding-left:80px;}
.download-table td span{font-size:13px; color:#FFF; font-family: "Arial Rounded MT Bold"; width:35px; height:20px; border-radius:4px; background:#ff9800; display:inline-block; line-height:20px; text-align:center; margin-right:10px; float: left; margin-top: 20px;}
.download-table tr:hover td{color:#da251d;}
.download-table tr a{font-size:16px; color:#666;}
.download-table tr a.download-btn{ color:rgba(19, 131, 199, 1); margin-left:-12px; }
.download-table tr:hover a{color:#da251d !important;}

/* 加盟 */
.join-wrap{width:100%; padding:80px 0px 100px 0px; background:#f0f0f0; text-align:center;}

/* +1服务中心 */
.service-map{padding:80px 0px 100px 0px;}
.service-map-mobile{display:none;}
.sermap{width:1080px; height:760px; background:#f3f3f3;}
.sermap #map{width:100%; height:100%;}
.scrollbox{width:330px; height:760px; padding:20px 0px 20px 20px;  background:#f3f3f3;}
.scrollbox .scrollbar { width: 2px; height: 720px; position: relative; margin: 0 5px; background: #eaeaea; }
.scrollbox .handle { position: absolute; left: -2px; top: 0px; width: 6px; height: 15px; display: block; background: url(../images/hand_bg.png) no-repeat left top; }
.scrollbox .sly { width: 95%; font-size: 16px; color: #333; line-height: 2.25; height: 720px; }
.filter_select{ width: 290px; height: 50px; line-height: 50px; font-size: 14px; color: #666; padding-left: 1em; border:0; border-radius: 2px; background: url(../images/select_icon.png) no-repeat 93% center;  background-color:#fff; margin-bottom:15px; }
.mapresult .search-btn{width:290px; height:50px; background:rgba(19, 131, 199, 1); border-radius:2px; border:0; font-size:16px; color:#fff; font-weight:bold; cursor: pointer; border:1px solid rgba(19, 131, 199, 1);}
.mapresult .search-btn:hover{background:#f3f3f3; color:rgba(19, 131, 199, 1);}
.mapresult-list h1{font-size:16px; color:#666; line-height:3.75; text-align:center;}
.mapresult-list ul li{width:290px; padding:15px 20px; background:#fff; border-radius:2px; margin-bottom:20px; cursor: pointer; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.mapresult-list ul li .icon{ width:18px; height:24px; background:url("../images/address-default.png") no-repeat; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.mapresult-list ul li .txt{width:220px;}
.mapresult-list ul li .txt a{display:block; width:100%; height:100%;}
.mapresult-list ul li .txt h2{font-size:18px; color:#333; line-height:1.333; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.mapresult-list ul li .txt p{font-size:14px; color:#666; transition:all 0.8s; -mbaoz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.mapresult-list ul li:hover{background:rgba(19, 131, 199, 1);}
.mapresult-list ul li:hover .icon{ background:url("../images/address.png") no-repeat; }
.mapresult-list ul li:hover .txt h2{color:#fff;}
.mapresult-list ul li:hover .txt p{color:#fff;}

/* 投资者关系 */
.irm-wrap{width:100%; padding:80px 0px 100px 0px; background:#f0f0f0;}
.irm-list li{width:calc(50% - 20px); padding:30px 20px; float: left; /*padding:30px;*/ background:#fff; margin-bottom:30px;}
.irm-list li a{ display:block; width:100%; height:100%; }
.irm-list li:nth-child(2n){float:right;}
.irm-list li .icon{width:60px; height:60px; background:#f0f0f0; border-radius: 50%; margin-right:15px; text-align:center; line-height:60px;}
.irm-list li .icon img{}
.irm-list li .txt{transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.irm-list li .txt h2{font-size:18px; color:#333; line-height:1.333; margin-top:3px;}
.irm-list li .txt span{font-size:14px; color:#999; line-height:3.286;}
.irm-list li .txt span i{display:block; width:16px; height:16px; background:url("../images/irm-date.png") no-repeat; float: left; margin-top:15px; margin-right:5px;}
.irm-list li:hover{background:rgba(19, 131, 199, 1);}
.irm-list li:hover .txt{ margin-left:20px;}
.irm-list li:hover h2{color:#fff;}
.irm-list li:hover span{color:#fff;}
.irm-list li:hover span i{ background:url("../images/irm-date-hover.png") no-repeat;}

/* 人力资源 */
.hr-wrap{}
.concept{padding:65px 0px 100px 0px;}
.concept-list{margin-top:60px;}
.concept-list li{float: left; width:33.333333%;}
.concept-list li .pic{width:100%; height:280px;}
.concept-list li .txt{width:100%; height:280px; border:1px solid #eeeeee; background:#fff; padding:30px; position:relative;}
.concept-list li .txt h2{font-size:28px; color:#333; line-height:1.286; font-weight:bold; margin-bottom:10px;}
.concept-list li .txt p{font-size:16px; color:#666666; line-height:1.875; }
.concept-list li .txt .arrow{ width:0; display:block; height:0; border-width:15px 15px 0; border-style:solid; border-color:#fff transparent transparent; position:absolute; bottom:-15px; left: 50%; margin-left:-15px; }
.concept-list li:nth-child(2n) .txt .arrow{ width:0; height:0; border-width:0 15px 15px; border-style:solid; border-color:transparent transparent #fff; bottom:auto; top:-15px;}
.concept-list li:hover .txt{background:rgba(19, 131, 199, 1); border-color:rgba(19, 131, 199, 1);}
.concept-list li:hover .txt h2{color:#fff;}
.concept-list li:hover .txt p{color:#fff;}
.concept-list li:hover .txt .arrow{border-color:rgba(19, 131, 199, 1) transparent transparent;}
.concept-list li:nth-child(2n):hover .txt .arrow{border-color:transparent transparent rgba(19, 131, 199, 1);}

.recruitment{ width:100%; padding:65px 0px 85px 0px; background:url("../images/recruitment-bg.png") no-repeat center center; position:relative; background-size:cover; }
.recruitment-list-mobile{display:none;}
.recruitment p.tit{font-size:16px; color:#333; line-height:1.875; margin-top:0.4rem;}
.swiper-container-recruitment{margin-top:60px; padding-bottom:65px;}
.swiper-container-recruitment .swiper-slide{width:25%; height:506px; background:#fff; position:relative; }
.swiper-container-recruitment .swiper-slide .top{width:100%; height:110px; background:#ccc;}
.swiper-container-recruitment .swiper-slide .avatar{width:120px; height: 120px; background:#fff; border-radius:50%; margin:-60px auto 0px;}
.swiper-container-recruitment .swiper-slide .avatar .icon{width:120px; height:120px; background:url("../images/recruitment-user.png") no-repeat center center; background-size:44px 54px;}
.swiper-container-recruitment .swiper-slide .name{text-align:center; font-size:18px; color:#333; line-height:1.333; margin-top:-15px; margin-bottom:15px;}
.swiper-container-recruitment .swiper-slide ul{padding:0px 30px;}
.swiper-container-recruitment .swiper-slide ul li{border-bottom:1px dashed #e6e6e6; height:40px; line-height:40px; overflow: hidden;}
.swiper-container-recruitment .swiper-slide ul li b{display:inline-block; text-align:left; font-weight:400; font-size:16px; color:rgba(19, 131, 199, 1); float: left;}
.swiper-container-recruitment .swiper-slide ul li span{display:inline-block; text-align:right; font-size:16px; color:#666; float:right;}
.swiper-container-recruitment .swiper-slide .apply-btn{display:block; border:1px solid rgba(19, 131, 199, 1); width:90px; height:30px; background:rgba(19, 131, 199, 1); border-radius:2px; text-align:center; line-height:30px; color:#fff; font-size:14px; margin:15px auto 0px;}
.swiper-container-recruitment .swiper-slide .apply-btn:hover{background:none;}
.swiper-container-recruitment .swiper-slide .layer{position:absolute; width:calc(100% + 30px); height:100%; background:#fff; padding:30px; top:0; right:0; bottom:0; left:0; z-index:-1; opacity:0;}
.swiper-container-recruitment .swiper-slide .layer h2{font-size:18px; color:rgba(19, 131, 199, 1); line-height:1.222; margin-bottom:20px;}
.swiper-container-recruitment .swiper-slide .layer p{font-size:16px; color:#666; line-height:1.625;}
.swiper-container-recruitment .swiper-slide .layer .arrow{display:block; width:0; height:0; border-width:15px 15px 15px 0; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; left:-15px;}
.swiper-container-recruitment .swiper-slide:hover .top{background-image: -moz-linear-gradient( 90deg, rgba(18, 131, 199, 1) 0%, rgba(18, 131, 199, 1) 100%);
  background-image: -webkit-linear-gradient( 90deg,  rgba(18, 131, 199, 1) 0%,  rgba(18, 131, 199, 1) 100%);
  background-image: -ms-linear-gradient( 90deg,  rgba(18, 131, 199, 1) 0%,  rgba(18, 131, 199, 1) 100%);}
.swiper-container-recruitment .swiper-slide:hover .avatar .icon{background-image:url("../images/recruitment-user-hover.png");}
.swiper-container-recruitment .swiper-slide:hover .name{color:rgba(19, 131, 199, 1);}
.swiper-container-recruitment .swiper-slide:hover .layer{left:100%; z-index:50; opacity:1;}

.recruitment .swiper-button-prev,
.recruitment .swiper-button-next{ position: absolute; top: 50%; width: 32px; height: 61px; margin-top: -30.5px; z-index: 10; cursor: pointer; background-image:url("../images/slide-arrow2.png"); background-size: 134px 61px; background-position:0px 0px; background-repeat: no-repeat; opacity: 0.5; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; left:145px; }
.recruitment .swiper-button-next{ background-position:-102px 0px; right:145px; left:auto; }
.recruitment .swiper-button-prev:hover,
.recruitment .swiper-button-next:hover{opacity:1;}
.recruitment .swiper-pagination-bullet{ width:6px; height:6px; background:rgba(255,255,255,0.7); border-radius:50%; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; opacity:1; background:#a09c99;}
.recruitment .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:24px; background:rgba(19, 131, 199, 1); border-radius:3px; }

.instructions{width:100%; padding:65px 0px 100px; background:#fff;}
.instructions-box{height:396px; background:#f0f0f0; margin-top:60px; padding:50px;}
.instructions-box .txt.scrollbox { height: 296px; background:none; padding:0; width:69%; }
.instructions-box .txt .scrollbar { width: 2px; height: 296px; position: relative; margin: 0 5px; background:#d6d6d6; }
.instructions-box .txt .handle { position: absolute; left: -2px; top: 0px; width: 6px; height: 15px; display: block; background: url(../images/hand_bg.png) no-repeat left top; }
.instructions-box .txt .sly { width: 95%; font-size: 16px; color: #333; line-height: 2.25; height: 296px; }
.instructions-box .txt .sly p { text-indent: 2em; font-size: 16px; color:#333; line-height:2.125; }
.instructions-box .pic{width:364px; height:454px; border:3px solid #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); margin-top:-160px;}
.instructions-box-mobile{display:none;}
.resumes{width:100%; padding:65px 0px 100px 0px; background:url("../images/online-bg.png") no-repeat center center; position:relative; background-size:cover; }
.resumes-box{padding:50px; background:#fff; margin-top:60px;}
.resumes-box-mobile{display:none;}
.resumes-form{border:1px solid #dfdfdf;}
.resumes-title{font-size:24px; color:#333; font-weight:bold; line-height:80px; padding-left:50px; margin-top:10px;}
.resumes-form span{font-size:16px; color:#666; line-height:43px;}
.resumes-form span i{font-style:normal; font-size:15px; color:#bb2822; line-height:43px; margin-right:5px; width:8px; display:inline-block;}
.resumes-form span b{opacity:0; font-weight:400;}
.resumes-form .tr{border-bottom:1px dashed #dfdfdf; padding:0px 40px 50px;}
.resumes-form .txt{width:79%;}
.resumes-form .text{width:370px; height:43px; border:0; background:#f7f7f7; line-height:43px; color:#333; font-size:16px; /*text-indent:1.5em;*/padding-left: 1.5em;}
.resumes-form .row{margin-bottom:10px;}
.resumes-form .line{float: left;}
.resumes-form .line:nth-child(2n){float:right;}
.resumes-form .button-holder{background:none; display:inline-block; text-indent:0;}
.resumes-form .button-holder li { width: 35px; height: 15px; background: url("../images/check-icon.png") no-repeat; background-position: -59px 0px; text-align: right; font-size: 16px; line-height: 16px; color: #666; margin-right: 20px; display:inline-block; }
.resumes-form .button-holder li.on { background-position: 0px 0px; }
.photo{width:211px; height:299px; background:#f7f7f7; text-align:center; position:relative; margin-top:27px;}
.photo h2{ font-size:16px; color:#666; line-height:3.25;}
.photo a{width:90px; height:30px; background:rgba(19, 131, 199, 1); display:block; border-radius:2px; text-align:center; line-height:30px; color:#fff; font-size:14px; margin:20px auto; border:1px solid rgba(19, 131, 199, 1); }
.photo .uploadBtn{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2; }
.photo:hover a{background:none; color:rgba(19, 131, 199, 1);}
.photo .show-img{ position:absolute; left:0px; top:0px; bottom:0; right:0; width:100%; height:100%; border:0; }
.photo .hide{display:none;}
.photo .hide1{display:none;}
.resumes-form .personal-background span{line-height:135px; float: left; margin-right:8px;}
.resumes-form .personal-background .text{height:135px; width:calc(100% - 101px); float: right;}
.resumes-form .row.btn-row { text-align: center; margin-top:45px; }
.resumes-form .row .btn { width: 135px; height: 35px; background: #333; border-radius: 2px; border: 0; font-size: 16px; color: #fff; cursor: pointer; margin-right: 5px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; border:1px solid rgba(19, 131, 199, 1); }
.resumes-form .row .btn.reset{border:1px solid #333;}
.resumes-form .row .btn.refer { background: rgba(19, 131, 199, 1); border:1px solid #; }
.resumes-form .row .btn:hover { background:none; color:rgba(19, 131, 199, 1); }
.resumes-form .row .btn.reset:hover{color:#333;}
.concept-mobile{display:none;}


/* 学院 */
.college-wrap{width:100%; height:700px; background:url("../images/college-bg.png") no-repeat scroll center center; background-size:cover;}
.college-wrap .container{height:100%; display:table;}
.college-wrap .tr{height:100%; display:table-cell; vertical-align: middle;}
.college-wrap h2{font-size:32px; color:#333; line-height:1.75; font-weight:bold;}
.college-wrap a{ width: 168px; height: 48px; border-radius: 24px; background:rgba(19, 131, 199, 1); border:1px solid rgba(19, 131, 199, 1); display:block; font-size:16px; color:#fff; line-height:50px; text-align:center;  margin-top:50px;}
.college-wrap a:hover{background:none;}

/*搜索结果页面样式*/
.search_cont{ width:100%; background:#f0f0f0; padding-bottom:100px; }
.search_cont_t1{font-size: 19px;color: #999;font-weight: bold;height: 87px;line-height: 87px;}
.search_cont_t2{font-size: 15px;height: 63px;line-height: 63px;border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;}
.search_cont_t2 span{margin-right: 30px;color: #999; cursor:pointer; font-size:14px;}
.search_cont_t2 span.licur{color: #333;}

.search_cont ul{margin-bottom: 50px; display:none;}
.search_cont ul li{ border-bottom: 1px solid #dadada;padding: 25px 0; overflow:hidden; }
.search_cont ul li a{color: #333; display:block; width:100%; height:100%; }
.search_cont ul li span.time{ font-size:14px; color:#999; }
.type{color: #007d4e;padding-right: 18px;border-right: 1px solid #ccc;font-size: 15px;font-weight: 400;}
.search_text{margin-left: 18px;font-size: 16px; color:#555; width: 80%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.search_text b{ color:#007d4e; }

/* 右侧导航 */
.right-nav{ width:70px; height:210px; background:#808080; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-radius:4px;  position:fixed; z-index:1000; right:60px; bottom:5%; margin-top:-105px; }
.right-nav ul{ width:100%; height:100%; }
.right-nav ul li{ width:100%; height:33.3333333%; border-bottom:1px solid rgba(255,255,255,0.1); }
.right-nav ul li:lastc-child{ border-bottom:0; }
.right-nav ul li .transition{ position:relative; }
.right-nav ul li .tel{ width:100%; height:100%; background:url("../images/nav-right-tel.png") no-repeat scroll center center; }
.right-nav ul li .transition .box{ width:0px; height:100%; position:absolute; background:#808080; top:0; right:67px; border-radius:4px 0px 0px 4px; font-size:15px; color:#fff; line-height:70px; text-align:center; overflow:hidden; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.right-nav ul li .transition .box a{ color:#fff; }
.right-nav ul li .qq{ width:100%; height:100%; background:url("../images/nav-right-qq.png") no-repeat scroll center center; }
.right-nav ul li .cd-top-box{ width:100%; height:100%; background:url("../images/nav-right-top.png") no-repeat scroll center center; }
.right-nav ul li:hover .transition .box{ width:218px; display:block; }

/* 动画方法 */
@-webkit-keyframes mouse { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  50% { -webkit-transform: translate(0px, -10px); transform: translate(0px, -10px); }
  100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes mouse { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  50% { -webkit-transform: translate(0px, -10px); transform: translate(0px, -10px); }
  100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }


/* 响应式 */
@media screen and (max-width:1680px) {
	.submenu-box{ top:-1px; }
    /* 首页 */
    .banner .scrolldown { position: absolute; z-index: 200; bottom: 0.45rem; left: 50%; margin-left: -0.13rem; }
    .banner .swiper-button-prev, .banner .swiper-button-next { position: absolute; top: 50%; width: 0.28rem; height: 0.5rem; margin-top: -0.25rem; z-index: 10; cursor: pointer; background-size: 1.1rem 0.5rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow.png") no-repeat; background-size: 1.1rem 0.5rem; background-position: 0px 0px; left: 0.6rem; right: auto; }
    .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow.png") no-repeat; background-size: 1.1rem 0.5rem; background-position: -0.82rem 0px; right: 0.6rem; left: auto; }
    .banner .swiper-slide .first-banner-txt { margin-bottom: 0.85rem; }
    .banner .swiper-slide .first-banner-txt h3 { font-size: 0.34rem; color: #fff; line-height: 0.882; font-weight: 400; text-transform: uppercase; margin-bottom: 0.3rem; }
    .banner .swiper-slide .first-banner-txt h2 { font-size: 0.5rem; color: #fff; font-family: "Microsoft JhengHei"; line-height: 1; font-weight: bold; margin-bottom: 0.15rem; }
    .banner .swiper-slide .news-slide { position: relative; margin-top: 0.8rem; margin-bottom: 0.4rem; }
    .banner .swiper-slide .news-slide h2 { font-size: 18px; font-family: "Arial"; color: #fff; width: 320px; line-height: 2.556; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    .banner .swiper-slide .right { display: table; height: 100%; }
    .banner .swiper-slide .right .line.center { margin-top: 1.05rem; }
    .banner .swiper-slide .right .line a { width: 2rem; display: block; height: 1.73rem; background: url("../images/shape.png") no-repeat; margin-bottom: 0.3rem; padding-top: 0.4rem; background-size:2rem 1.73rem; }
    .banner .swiper-slide .right .line a i { display: block; width: 0.55rem; height: 0.55rem; margin: 0 auto; background: url("../images/first-banner-icon.png") no-repeat; background-size: 0.68rem 4.63rem; }
    .banner .swiper-slide .right .line a i.icon-1 { background-position: -0.04rem -0.01rem; }
    .banner .swiper-slide .right .line a i.icon-2 { background-position: -0.03rem -2.03rem; }
    .banner .swiper-slide .right .line a i.icon-3 { background-position: -0.05rem -4.19rem; }
    .banner .swiper-slide .right .line a i.icon-4 { background-position: -0.05rem -1.04rem; }
    .banner .swiper-slide .right .line a i.icon-5 { background-position: -0.01rem -3.06rem; }
    .banner .swiper-slide .right .line a p { font-size: 0.24rem; color: #fff; line-height: 46px; text-align: center; }

    .product { width: 100%; padding-bottom: 1.15rem; background: #f4f4f4; background-attachment: fixed; }
    .product .swiper-container-out { margin-top: 0.5rem; }
    .product .swiper-container-out .title { padding: 0px 20px; float: left; text-align: center; height: 0.65rem; border-left: 2px solid rgba(19, 131, 199, 1); border-right: 2px solid rgba(19, 131, 199, 1); margin-left: 2.1rem; }
    .product .swiper-container-out .title h2 { font-size: 0.36rem; color: #333; line-height: 0.9; margin-bottom: 0.07rem; }
    .product .swiper-container-out .title p { font-size: 0.24rem; color: #333; text-transform: uppercase; }
    .product .swiper-container-out .swiper-button-prev, .product .swiper-container-out .swiper-button-next { position: absolute; top: 50%; width: 0.32rem; height: 0.61rem; margin-top: -0.305rem; z-index: 10; cursor: pointer; background-size: 1.34rem 0.61rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .product .swiper-container-out .swiper-button-prev, .product .swiper-container-out .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow2.png") no-repeat; background-position: 0px 0px; left: 0.6rem; right: auto; background-size: 1.34rem 0.61rem; }
    .product .swiper-container-out .swiper-button-next, .product .swiper-container-out .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow2.png") no-repeat; background-position: -1.03rem 0px; right: 0.6rem; left: auto; background-size: 1.34rem 0.61rem; }
    .product .swiper-container-in .list { margin-top: 50px; }
    .product .swiper-container-in .list li { width: 3.20rem; height: 4.23rem; background: #fff; float: left; text-align: center; margin-right: 20px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .product .swiper-container-in .list li:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2); }
    .product .swiper-container-in .list li:hover .pic { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }
    .product .swiper-container-in .list li:hover span { color: rgba(19, 131, 199, 1); background: url("../images/more-arrow2.png") no-repeat 38px center; }
    .product .swiper-container-in .list li a { width: 100%; height: 100%; display: block; }
    .product .swiper-container-in .list li h2 { font-size: 0.24rem; color: rgba(19, 131, 199, 1); line-height: 0.3rem; margin-top: 0.3rem; }
    .product .swiper-container-in .list li p { font-size: 14px; color: #999; line-height: 1.857; }
    .product .swiper-container-in .list li .pic { width: 100%; height: 2.7rem; background-repeat: no-repeat; background-position: center center; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
    .product .swiper-container-in .list li span { font-size: 14px; color: #666; width: 60px; line-height: 0.45rem; display: inline-block; text-align: left; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; background: url("../images/more-arrow2.png") no-repeat -45px center; }
    .product .swiper-container-in .list li span:hover { color: rgba(19, 131, 199, 1); background: url("../images/more-arrow2.png") no-repeat 38px center; }
    .product .swiper-container-in .list-show { position: relative; height: 5.60rem; width: 5.70rem; }
    .product .swiper-container-in .list-show li { width: 5.70rem; height: 5.60rem; position: absolute; z-index: 10; top: 0px; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: left 0.8s ease; -moz-transition: left 0.8s ease; -webkit-transition: left 0.8s ease; -o-transition: left 0.8s ease; }
    .product .swiper-container-in .list-show li.on { width: 5.70rem; height: 4.63rem; top: 0.5rem; left: -1rem; z-index: 12; }
    .product .swiper-container-in .list-show li a { display: block; width: 100%; height: 100%; }
    .product .swiper-container-in .swiper-pagination { width: 6.6rem; }
    .product .swiper-container-in .swiper-pagination-bullet { width: 6px; height: 6px; background: #a09c99; opacity: 1; border-radius: 50%; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .product .swiper-container-in .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; border-radius: 3px; background: rgba(19, 131, 199, 1); }

    .news { padding-bottom: 1rem; background: #f5f5f5; }
    .news .dynamic { width: 8.50rem; }
    .news .dynamic .dynamic-list { margin-top: 30px; }
    .news .dynamic .dynamic-list li { width: 2.70rem; background: #fff; margin-right: 0.2rem; float: left; }
    .news .dynamic .dynamic-list li a { display: block; width: 100%; height: 100%; }
    .news .dynamic .dynamic-list li .pic { width: 100%; height: 1.8rem; padding: 0.2rem 0px 0px 0.2rem; background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .news .dynamic .dynamic-list li .pic p { font-size: 0.18rem; color: #fff; line-height: 1.429; }
    .news .dynamic .dynamic-list li .txt { width: 100%; background: #fff; padding: 15px; height: 1.27rem; }
    .news .dynamic .dynamic-list li .txt h2 { font-size: 0.24rem; color: #333; line-height: 1.389; height: auto; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }
    .news .dynamic .dynamic-list li .txt span { background: url("../images/news-more-arrowR.png") no-repeat; background-size: 84px 24px; display: block; width: 24px; height: 24px; margin-top: 15px; }
    .news .dynamic .dynamic-list li .txt:hover h2 { color: rgba(19, 131, 199, 1); }
    .news .dynamic .dynamic-list li .txt:hover span { background-position: -0.6rem 0px; }
    .news .dynamic .dynamic-list li:last-child { margin-right: 0; }
    .news .e-zine { width: 6.5rem; position: relative; margin-top: 25px; }
    .news .e-zine .home-base-title { position: absolute; padding-top: 20px; }
    .news .e-zine .swiper-container-zine { margin-top: 30px; width: 100%; height: 4.02rem; }
    .news .e-zine .swiper-container-zine .swiper-slide { position: relative; }
    .news .e-zine .swiper-container-zine .swiper-slide .txt { width: 6.5rem; height: 3.09rem; background: #434b4c; padding: 0.25rem 0px 0px 0.3rem; margin-top: 61px; }
    .news .e-zine .swiper-container-zine .swiper-slide .txt h2 { font-size: 0.26rem; color: #fefefe; line-height: 2.25; width: 220px; }
    .news .e-zine .swiper-container-zine .swiper-slide .txt p { font-size: 14px; color: #fefefe; line-height: 1.714; width: 220px; }
    .news .e-zine .swiper-container-zine .swiper-slide .pic { width: 2.3rem; height: 3rem; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; right: 40px; }

    /* 关于我们 */
    .subnav ul li{margin: 0px 0.65rem;}
    .about-profile .about-main .txt ul li { display: inline-block; margin-right: 0.65rem; padding: 0.35rem 0px 0.35rem; }
    .about-title.about-title-white h2 { color: #fff; }
    .about-title.about-title-white p { color: #fff; }
    .about-title h2 { font-size: 0.36rem; color: #333; line-height: 1.667; }
    .about-title p { font-size: 0.3rem; color: #666; line-height: 1; font-family: Arial; text-transform: uppercase; margin-bottom: 0.18rem; }
    .about-title .line { width: 0.50rem; height: 0.03rem; border-radius: 1px; background: rgba(19, 131, 199, 1); display: block; }

    .about-profile { background: #fafafa; padding-bottom: 1rem; padding-top: 0.7rem; }
    .about-profile .about-main .pic { position: relative; margin-top: 0.5rem; width: 40%; }
    .about-profile .about-main .pic .show { width: 2.74rem; height: 3.24rem; background: #666; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); background: url("../images/profile-left1.png") no-repeat center center; background-size: cover; position: relative; }
    .about-profile .about-main .pic .show .box { width: 2.74rem; height: 3.24rem; background: url("../images/profile-left2.png") no-repeat center center; background-size: cover; border: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); position: absolute; top: -0.6rem; right: -1.9rem; }
    .about-profile .about-main .pic .link { position: absolute; bottom: 0; right: 0; }
    .about-profile .about-main .pic .link a { width: 86px; height: 50px; border: 2px solid rgba(19, 131, 199, 1); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); display: block; position: absolute; font-size: 16px; color: rgba(19, 131, 199, 1); line-height: 50px; text-align: center; right: 70px; bottom: -25px; }
    .about-profile .about-main .pic .link a.on { width: 100px; height: 84px; background: rgba(19, 131, 199, 1); border: 2px solid rgba(19, 131, 199, 1); color: #fff; line-height: 84px; right: 10px; bottom: 15px; }
    .about-profile .about-main .pic .link a.on:hover { color: #fff !important; }
    .about-profile .about-main .txt { width: 56%; }
    .about-profile .about-main .txt.scrollbox { height: 3.26rem; }
    .about-profile .about-main .txt .scrollbar { width: 2px; height: 2.86rem; position: relative; margin: 0 5px; background: #eaeaea; }
    .about-profile .about-main .txt .handle { position: absolute; left: -2px; top: 0px; width: 6px; height: 15px; display: block; background: url(../images/hand_bg.png) no-repeat left top; }
    .about-profile .about-main .txt .sly { width: 95%; font-size: 16px; color: #333; line-height: 2.25; height: 2.86rem; }
    .about-profile .about-main .txt .sly p { text-indent: 2em; font-size: 0.3rem; margin-bottom: 10px; }
    .about-profile .about-main .txt ul { text-align: center; }
    .about-profile .about-main .txt ul li { display: block; margin-right: 0; padding: 0.35rem .3rem 0.35rem;width: 25%;float: left; text-align: center;}
    .about-profile .about-main .txt ul li h2 { font-size: 0.3rem; color: rgba(19, 131, 199, 1); line-height: 1; }
    .about-profile .about-main .txt ul li p { font-size: 0.24rem; color: #666; line-height: 1.25; }

    .about-video { padding-top: 0.65rem; }
    .about-video .about-title-white { position: relative; z-index: 2; }

    .about-history { width: 100%; padding-bottom: 90px; padding-top: 65px; background: url("../images/history-bg.jpg") no-repeat center center; background-size: cover; }
	.about-history .history-wrap{ width:94%; height:440px; margin:40px auto 0px; position:relative; }
	.about-history .history-wrap .swiper-container{ position:static; }
	.about-history .history-wrap .road-line { height: 4px; border-radius: 1px; background: #bfbfbf; width:90%; margin:0 auto; position:relative; top:50%; margin-top:-2px; }
	.about-history .develop-list{display:none;}
	.about-history .swiper-container-history { width:90%; height:440px; }

    .about-honor { width: 100%; background: url("../images/honor-bg.png") no-repeat center center fixed; background-size: cover; padding-top: 0.65rem; padding-bottom: 1rem; position: relative; }
    .about-honor .about-title-white .line { background: #fff; }
    .about-honor .swiper-container-honor { margin-top: 0.6rem; }
    .about-honor .swiper-container-honor .swiper-slide { width: 6rem; background-repeat: no-repeat; background-position: center center; background-size: cover; /*height: 4.45rem;*//* border: 10px solid #fff; */}
    .about-honor .swiper-container-honor .swiper-button-prev, .about-honor .swiper-container-honor .swiper-button-next { position: absolute; top: 50%; width: 0.28rem; height: 0.50rem; margin-top: -0.25rem; z-index: 10; cursor: pointer; background-size: 1.10rem 0.50rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-honor .swiper-container-honor .swiper-button-prev:hover, .about-honor .swiper-container-honor .swiper-button-next:hover { opacity: 1; }
    .about-honor .swiper-container-honor .swiper-button-prev, .about-honor .swiper-container-honor .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow.png") no-repeat; background-position: 0px 0px; left: 0.60rem; right: auto; background-size: 1.10rem 0.50rem; }
    .about-honor .swiper-container-honor .swiper-button-next, .about-honor .swiper-container-honor .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow.png") no-repeat; background-position: -0.82rem 0px; right: 0.60rem; left: auto; background-size: 1.10rem 0.50rem; }

    .about-culture { width:100%; background: url("../images/culture-bg.png") no-repeat center center fixed; background-size: cover; padding-top: 0.65rem; padding-bottom: 1rem; position: relative; }
    .about-culture .culture-tab { margin-top: 0.60rem; }
    .about-culture .culture-tab a { display: block; float: left; border-radius: 2px; width: 110px; height: 35px; margin-left: 20px; border: 1px solid rgba(19, 131, 199, 1); font-size: 16px; color: rgba(19, 131, 199, 1); line-height: 35px; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-culture .culture-tab a:hover, .about-culture .culture-tab a.on { background: rgba(19, 131, 199, 1); color: #fff !important; }
    .about-culture .culture-box .vision-item { position: relative; margin-top: 0.6rem; }
    .about-culture .culture-box .swiper-button-prev, .about-culture .culture-box .swiper-button-next { position: absolute; top: 50%; width: 0.32rem; height: 0.61rem; margin-top: -0.305px; z-index: 10; cursor: pointer; background-size: 1.34rem 0.61rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-culture .culture-box .swiper-button-prev:hover, .about-culture .culture-box .swiper-button-next:hover { opacity: 1; }
    .about-culture .culture-box .swiper-button-prev, .about-culture .culture-box .swiper-container-rtl .swiper-button-next { background: url("../images/slide-arrow2.png") no-repeat; background-position: 0px 0px; left: 0.60rem; right: auto; background-size: 1.34rem 0.61rem; }
    .about-culture .culture-box .swiper-button-next, .about-culture .culture-box .swiper-container-rtl .swiper-button-prev { background: url("../images/slide-arrow2.png") no-repeat; background-position: -1.03rem 0px; right: 0.6rem; left: auto; background-size: 1.34rem 0.61rem; }
    .about-culture .swiper-container-vision{ width:14.4rem; }
    .about-culture .swiper-container-vision .swiper-slide { width: 3.59rem; height: 5rem; float: left; margin-right: 1px; background-repeat: no-repeat; background-position: center center; position: relative; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; background-size:3.59rem 5rem; }
    .about-culture .swiper-container-vision .swiper-slide .box{ width: 3.59rem; height: 5rem; background-size:3.59rem 5rem; margin:0 auto; }
    .about-culture .swiper-container-vision .swiper-slide:hover .layer { background: url("../images/culture-hover.png") no-repeat; background-size:3.59rem 5rem; }
    .about-culture .swiper-container-vision .swiper-slide:hover .layer span { opacity: 1; }
    .about-culture .swiper-container-vision .swiper-slide:hover .layer .top { margin-top: -0.40rem; }
    .about-culture .swiper-container-vision .swiper-slide .layer { background: url("../images/culture-layer.png") no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; background-size:3.59rem 5rem; }
    .about-culture .swiper-container-vision .swiper-slide .layer .top { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-culture .swiper-container-vision .swiper-slide .layer .icon { width: 1.06rem; height: 1.06rem; border: 2px solid #fff; border-radius: 50%; margin: 1.68rem auto 0px; text-align: center; line-height: 1.06rem; }
    .about-culture .swiper-container-vision .swiper-slide .layer .icon img{ width:50%; }
    .about-culture .swiper-container-vision .swiper-slide .layer p { font-size: 0.3rem; color: #fff; line-height: 2.308; margin-top: 10px; }
    .about-culture .swiper-container-vision .swiper-slide .layer span { font-size: 0.24rem; color: #fff; line-height: 1.667; width: 190px; margin: 0 auto; display: block; text-align: center; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; opacity: 0; }
    .about-culture .culture-box .idea-item { position: relative; margin-top: 60px; }
    .about-culture .swiper-container-idea{width:14.4rem;}
    .about-culture .swiper-container-idea .swiper-slide{ width:3.45rem; margin-right:0.2rem;}
    .swiper-container-idea .swiper-slide .pic{width:3.45rem; height:3.37rem;}
    .swiper-container-idea .swiper-slide .txt{width:3.45rem; background:#fff; padding:0.2rem;}
    .swiper-container-idea .swiper-slide .txt h2{font-size:0.32rem; color:#333; line-height:1.308; margin-bottom:10px;}
    .swiper-container-idea .swiper-slide .txt p{font-size:0.24rem; color:#666; line-height:1.667; height:120px;}
    .about-culture .culture-box .item{display:none;}

    .about-innovation { width: 100%; background: url("../images/innovation-bg.png") no-repeat center center fixed; background-size: cover; padding-top: 0.65rem; padding-bottom: 1rem; position: relative; }
    .about-innovation .tit { font-size: 16px; color: #666; line-height: 2.25; margin-top: 30px; }
    .about-innovation .innovation-con .module .pic { width: 50%; height: 350px; }
    .about-innovation .innovation-con .module .txt { width: 50%; height: 350px; padding: 0 50px; background: #fff; position: relative; }
    .about-innovation .innovation-con .module .txt .icon { width: 76px; height: 76px; border: 2px solid rgba(19, 131, 199, 1); border-radius: 50%; text-align: center; line-height: 76px; margin-bottom: 0.25rem; margin-top: 0.65rem; }
    .about-innovation .innovation-con .module .txt h2 { font-size: 0.36rem; color: #333; line-height: 1.385; margin-bottom:0.15rem; }
    .about-innovation .innovation-con .module .txt p { font-size: 16px; color: #666; line-height: 2.25; text-transform: uppercase; }
    .about-innovation .innovation-con .module .txt .arrow { width: 0; height: 0; border-width: 15px 0 15px 15px; border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; right: -15px; top: 50%; margin-top: -15px; }

    .about-contact { padding-top: 0.65rem; padding-bottom: 1rem; position: relative; }
    .about-contact .tit { font-size: 16px; color: #666; line-height: 2.25; margin-top: 0.3rem; }
    .about-contact .contact-info { margin-top: 0.50rem; }
    .about-contact .contact-info li { width: 23.86%; height: 380px; background: #ebebeb; border-radius: 2px; text-align: center; padding: 0.3rem 0.15rem; margin-right: 1.5%; float: left; cursor: pointer; }
    .about-contact .contact-info li:last-child { margin-right: 0; }
    .about-contact .contact-info li:hover, .about-contact .contact-info li.on { background: rgba(19, 131, 199, 1); }
    .about-contact .contact-info li:hover *, .about-contact .contact-info li.on * { color: #fff !important; }
    .about-contact .contact-info li:hover .line, .about-contact .contact-info li.on .line { background: #fff; }
    .about-contact .contact-info li:hover i, .about-contact .contact-info li.on i { background-position: 7px -79px; }
    .about-contact .contact-info li:hover i.icon2, .about-contact .contact-info li.on i.icon2 { background-position: -128px -79px; }
    .about-contact .contact-info li:hover i.icon3, .about-contact .contact-info li.on i.icon3 { background-position: -264px -79px; }
    .about-contact .contact-info li:hover i.icon4, .about-contact .contact-info li.on i.icon4 { background-position: -389px -79px; }
    .about-contact .contact-info li i { display: block; width: 50px; height: 50px; background: url("../images/contact-icon.png") no-repeat; background-position: 7px 0px; background-size: 435px 125px; margin: 0 auto; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-contact .contact-info li i.icon2 { background-position: -128px 0px; }
    .about-contact .contact-info li i.icon3 { background-position: -264px 0px; }
    .about-contact .contact-info li i.icon4 { background-position: -389px 0px; }
    .about-contact .contact-info li h2 { font-size: 0.26rem; color: #333; line-height: 3; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-contact .contact-info li .line { display: block; width: 50px; height: 3px; background: rgba(19, 131, 199, 1); border-radius: 1px; margin: 0 auto 10px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-contact .contact-info li p { font-size: 16px; color: #666; line-height: 2.25; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
    .about-contact .contact-info li p a { color: #666; line-height: 2.25; }
    .about-contact .map-wrap { margin-top: 40px; }
    .about-contact .map-wrap .map-list { width: 100%; height: 553px; margin-bottom:30px; }
    .about-contact .map-wrap .message { width: 100%; height: 551px; border: 1px solid #e6e6e6; padding: 30px; }
    .about-contact .map-wrap .message h2 { font-size: 26px; color: #333; line-height: 2.308; }
    .about-contact .map-wrap .message p { font-size: 16px; color: #666; line-height: 3.75; }
    .about-contact .map-wrap .message .row { margin-bottom: 10px; }
    .about-contact .map-wrap .message .row.btn-row { text-align: center; }
    .about-contact .map-wrap .message .row span { float: left; font-size: 16px; color: #666; line-height: 56px; }
    .about-contact .map-wrap .message .row .text { width: 92%; height: 56px; background: #f5f5f5; border-radius: 2px; border: 0; text-indent: 20px; font-size: 16px; color: #666; }
    .about-contact .map-wrap .message .row .textarea-text { height: 120px; padding: 20px; text-indent: 0; color: #666; font-size: 16px; }
    .about-contact .map-wrap .message .row .button-holder { margin-top: 21px; }
    .about-contact .map-wrap .message .row .button-holder li { width: 35px; height: 15px; background: url("../images/check-icon.png") no-repeat; background-position: -59px 0px; float: left; text-align: right; font-size: 16px; line-height: 16px; color: #666; margin-right: 20px; }
    .about-contact .map-wrap .message .row .button-holder li.on { background-position: 0px 0px; }
    .about-contact .map-wrap .message .row .btn { width: 135px; height: 35px; background: #333; border-radius: 2px; border: 0; font-size: 16px; color: #fff; cursor: pointer; margin-right: 5px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; border:1px solid rgba(19, 131, 199, 1); }
    .about-contact .map-wrap .message .row .btn.reset{border:1px solid #333;}
    .about-contact .map-wrap .message .row .btn.refer { background: rgba(19, 131, 199, 1); }
    .about-contact .map-wrap .message .row .btn:hover { background:none; color:rgba(19, 131, 199, 1); }
    .about-contact .map-wrap .message .row .btn.reset:hover{color:#333;}

    /* 新闻中心 */
    .news-slide .news-list li .pic { width:38%; }
    .news-slide .news-list li .txt { width:58%; }
    .moreNews{width:100%;}

    /* 新闻详情 */
    .det-wrap .con{width:70%; padding-right:0.5rem;}
    .det-wrap .hot{width:30%; padding-left:0.5rem;}
    .det-wrap .hot .hot-list li .pic{width:100%;}

    .zine-wrap .show .pic{width:20%;}
    .zine-wrap .show .txt{width:75%;}

    .zine-wrap .zine-list li .pic{width:40%;}
    .zine-wrap .zine-list li .txt{width:60%;}

    .submenu{width: 100%; height:3.8rem; background:rgba(255,555,255,0.8); position:absolute; top:80px; left:0; right:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:40px 0px; display:none; z-index:10000;}
    .submenu .right-module .item{width:4rem; height:3rem; position:relative;}
    .submenu .right-module .box-right .item{ width:4rem; height:1.4rem; margin-bottom:0.2rem; }

}

@media screen and (max-width: 1440px) {
    .service-network .left{width:50%;}
    .service-network .map{width:50%;}
    .service-network .left .list{margin-top:1rem;}
    .service-network .left .list li{padding-right:0.4rem; margin-right:0.4rem;}
    .service-network .left .list li h1{font-size:0.6rem; background-size:0.3rem 0.3rem; margin-bottom:0.2rem; height:auto;}
    .service-network .left .list li h1.second{background-position: 1.05rem 0px;}
    .service-network .map img{width:100%;}
    .footer .con .right .footer-ul{margin-right:0.4rem;}
    .instructions-box .txt.scrollbox{width:62%;}
    .instructions-box .pic{width:35%;}
  	.resumes-form .text{width:300px;}
  
  
}


/* 宽度小于 1366 */
@media screen and (max-width: 1366px) {
    .zine-wrap .zine-list li{width:50%;}
    .zine-wrap .zine-list li .pic{width:50%;}
    .zine-wrap .zine-list li .txt{width:50%;}
    .subnav ul li{margin:0rem 0.3rem;}
    .about-history .swiper-container-history .swiper-slide { position:relative; width:25%; }
    .about-history .swiper-container-history .swiper-slide .road-det p{ font-size:15px; }
    .resumes-form .text{width:270px;}
  	.photo{width:200px;}
  	
}

/* 宽度小于 1280 */
@media screen and (max-width: 1280px) {
  .header .nav > li { font-size: 14px; margin-right: 0.3rem; }
  .header .header-right p { padding: 0rem 0.15rem; }
  .join-wrap img{ width:100%;}
  .resumes-form .text{width:250px;}
  .photo{width:180px;height:265px;margin-top: 58px;}
}

/* 宽度小于 1150 */
@media screen and (max-width: 1150px) {
    .header .logo { padding-left:0.3rem; }
    .header .logo img { width:70%; }
    .header .nav > li { font-size: 14px; margin-right: 0.15rem; }
    .header .header-right p { padding: 0rem 0.15rem; }
  	.resumes-form .text{width:215px;}
     .photo{width:165px;height:265px;margin-top: 58px;}
}

/* 宽度小于 1024 */
@media screen and (max-width: 1024px) {
    .header{display:none;}
    body{padding-top:1.1rem;}
    .banner .swiper-slide .three-banner-ec{ display:none; }
    .right-nav{display:none !important;}
    .subnav.subnav-fixed{top:1.1rem; z-index:99;}
    .header-mobile{display:block; width:100%; height:1.1rem; line-height:1.1rem; position:fixed; top:0; left:0; right:0; z-index:1003; background:#fff;}
    .header-mobile .logo{width:1.69rem; height:1.1rem; background:url("../images/logo-mobile.png") no-repeat center; display:inline-block; background-size:1.69rem 0.5rem;}
    .header-mobile .search{ width:0.4rem; height:1.1rem; background:url("../images/search-mobile.png") no-repeat center; display:inline-block; background-size:0.4rem 0.4rem; margin-right:0.4rem; display:none;}
    .header-mobile .menu{width:0.5rem; height:1.1rem; background:url("../images/menu.png") no-repeat center; display:inline-block; background-size:0.5rem 0.4rem; cursor:pointer;}
    .header-mobile .menu.on{background:url("../images/menu-close.png") no-repeat center; background-size:0.4rem 0.4rem;}
    .header-mobile .nav{position:absolute; width:100%; height:auto; z-index:1003; top:0; left:0; right:0; background:#fff; top:1.1rem; display:none;}
    .header-mobile .nav li{width:100%; height:1rem; border-top:1px solid #e6e6e6; line-height:1rem; padding:0rem 0.3rem;}
    .header-mobile .nav li a{font-size:0.3rem; color:#333; line-height:1rem; display:block;}
    .header-mobile .nav li a i{display:block; width:0.17rem; height:1rem; float:right; background:url("../images/arrowR-mobile.png") no-repeat center;  background-size:0.17rem 0.32rem; margin:0;}
    .header-mobile .nav li.on a{color:rgba(19, 131, 199, 1);}
    .header-mobile .nav li.on a i{background:url("../images/arrowR-mobile-hover.png") no-repeat center;  background-size:0.17rem 0.32rem; }
    .header-mobile .shop{width:100%; height:1.25rem; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:0rem 0.3rem;}
    .header-mobile .shop a{display:inline-block; font-size:0.32rem; color:#333; line-height:1.25rem; width:48%;}
    .header-mobile .shop a i{width:0.5rem; height:0.5rem; display:inline-block; background:url("../images/header-icon-mobile.png") no-repeat; background-size:4.19rem 0.44rem; float:left; margin-top:0.4rem; margin-right:0.15rem;}
    .header-mobile .shop a i.icon-2{background-position:-3.75rem 0rem;}
    .header-mobile .lang{padding:0rem 0.3rem;}
    .header-mobile .lang a{font-size:0.3rem; color:#999999; line-height:1.1rem;}
    .header-mobile .lang a.on{color:rgba(19, 131, 199, 1);}
    .submenu{display:none;}
    .subnav{width:100%; height:auto;}
    .subnav .top{display:block; width:100%; background:rgba(19, 131, 199, 1); height:1rem; line-height:1rem;}
    .subnav .top a{font-size:0.32rem; color:#fff; line-height:1rem;}
    .subnav .top .arrow{display:block; width:0.32rem; height:1rem; background:url("../images/arrowB-mobile.png") no-repeat center; background-size:0.32rem 0.17rem;}
    .subnav .top.on .arrow{background:url("../images/arrowT-mobile.png") no-repeat center;}
    .subnav ul{display:none;}
    .subnav ul li{width:92%; margin:0; height:1rem; line-height:1rem; border-bottom:1px dashed #f2f2f2;}
    .subnav ul li i{display:none;}
    .subnav ul li a{float: left; font-size:0.32rem; color:#333; text-align:left;}
    .subnav ul li i.arrowR{display:block; width:0.17rem; height:1rem; float:right; background:url("../images/arrowR-mobile.png") no-repeat center;  background-size:0.17rem 0.32rem; margin:0;}
    .swiper-button-prev, 
    .swiper-button-next{display:none;}
    .news .e-zine .swiper-container-zine .swiper-button-prev, .news .e-zine .swiper-container-zine .swiper-button-next{display:block;}
    .case .swiper-button-prev, .case .swiper-button-next{display:block;}
    .banner .scrolldown{display:none;}
    .banner .swiper-slide .right{display:none;}
    .banner .swiper-slide .news-slide{display:none;}
    .banner .swiper-button-prev, .banner .swiper-button-next{display:none;}

    .product{padding-bottom:1rem;}
    .product .swiper-container-out .title{margin:0.05rem auto; float:none; display:inline-block;}
    .product .swiper-container-in{padding-bottom:0.8rem;}
    .product .swiper-container-in .left{width:100%; float:left; text-align:center;}
    
    .product .swiper-container-in .list{width:100%; margin-top:0.5rem;}
    .product .swiper-container-in .list li{width:48%; margin-right:2%; height:auto; padding-bottom:0.2rem; width:100%; margin-right:0; margin-bottom:0.3rem;}
    .product .swiper-container-in .list li .pic{margin-bottom:0.3rem;}
    .product .swiper-container-in .list li h2{font-size:0.36rem;}
    .product .swiper-container-in .list li p{font-size:0.24rem; margin-bottom: 0.2rem;}
    .product .swiper-container-in .list li span{font-size:0.28rem;}
    .product .swiper-container-in .list-show{display:none;}
    .product .swiper-container-in .swiper-pagination{width:100%;}

    .case .home-base-title{z-index:100; padding-left: 0.2rem; padding-top:0.1rem;}
    .case .home-base-title h2{font-size:0.38rem;}
    .case .swiper-slide .pic{width:100%; height:4.5rem;}
    .case .swiper-slide .txt{width:100%; height:4.5rem; padding:0.2rem;}
    .case .swiper-slide .txt h2{margin-bottom:0.15rem; line-height:0.4rem; }
    .case .swiper-slide .txt h2 a{font-size:0.38rem; line-height:0.4rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block;}
    .case .swiper-slide .txt p{font-size:0.24rem; margin-bottom:0.35rem;}
    .about .txt{width:92%; margin:0.3rem auto;}
    .about .txt h2{font-size:0.38rem;}
    .about .txt p{font-size:0.28rem;}
    .about .txt ul li{width:100%; padding:0.35rem 0px 0.35rem;}
    .video{height:4.3rem; padding-top:0.65rem;}
    .video .layer h2{font-size:0.38rem;}
    .video .layer p{font-size:0.28rem;}
    .video .layer a{width:2rem; height:0.65rem; line-height:0.65rem; font-size:0.3rem; margin-top:0.4rem;}
    .video .layer a img{width:0.23rem; height:0.23rem;}
    .news .dynamic{width:100%;}
    .news .dynamic .dynamic-list{margin:0px -10px; overflow: hidden; margin-top:0.3rem;}
    .news .dynamic .dynamic-list li{width:33.3333333%; padding:0px 10px; margin:0; background:none;}
	.news .e-zine{width:100%; float: none; position: relative; overflow: hidden;}
	.news .e-zine .swiper-container-zine .swiper-slide .txt{width:100%; height:4.09rem;}
	.news .e-zine .swiper-container-zine .swiper-slide .txt h2{width:auto;}
	.news .e-zine .swiper-container-zine .swiper-slide .txt p{width:auto;}
	.other-banner{height:5rem;}
	.other-banner .txt .title{font-size:0.4rem; line-height: 0.8rem;}
	.other-banner .txt .line{height:0.04rem;}
	.other-banner .txt p{font-size:0.28rem; max-width:92%;}
	.about-profile{padding-top:0.7rem;}
	.about-profile .container{position:relative;}
	.about-profile .about-main .pic{width:100%; margin-top:0.3rem; position: static;}
	.about-profile .about-main .pic .show{width:100%; height:4.2rem;}
	.about-profile .about-main .pic .show .box {display: none;}
	.about-profile .about-main .pic .link{top:0.1rem; bottom:auto; right:0rem;}
	.about-profile .about-main .pic .link a,
	.about-profile .about-main .pic .link a.on{position:static; width:1.7rem; height:0.65rem; font-size:0.3rem; background:none; line-height:0.65rem;  margin-left:0.15rem; border:1px solid rgba(19, 131, 199, 1); float: left; color:rgba(19, 131, 199, 1);}
	.about-profile .about-main .txt.scrollbox{width:100%; margin-top:0.2rem; height:auto; padding:0.2rem 0;}
	.about-profile .about-main .txt .sly{padding:0.2rem;}
	.about-profile .about-main .txt ul li{width:100%; margin:0;}
    .news-slide{margin-top:0.8rem;}
    .news-slide .swiper-container-news .swiper-slide .pic{width:100%; height:3.8rem;}
    .news-slide .swiper-container-news .swiper-slide .txt{width:100%; height:auto; padding:0.3rem;}
    .news-slide .swiper-container-news .swiper-slide .txt .top{padding-bottom:0.15rem; margin-bottom:0.25rem;}
    .news-slide .swiper-container-news .swiper-slide .txt .top h2{margin-bottom:0.1rem;}
    .news-slide .swiper-container-news .swiper-slide .txt .top h2 a{font-size:0.36rem; line-height:1;}
    .news-slide .swiper-container-news .swiper-slide .txt .top span{font-size:0.18rem;}
    .news-slide .swiper-container-news .swiper-slide .txt .det{font-size:0.28rem;}
    .news-slide .swiper-container-news .swiper-pagination{left:0; bottom:10px;}
    .news-slide .news-list li{width:100%;}
    .news-slide .news-list li .txt h2{font-size:0.32rem;}
    .news-slide .news-list li .txt p{font-size:0.28rem;}
    .news-slide .news-list li .txt .date .time{font-size:0.24rem;}
    .news-slide .news-list li .txt .date .more{font-size:0.24rem;}
    .moreNews{height:0.9rem; line-height:0.9rem; font-size:0.28rem;}
    .moreNews i{width:0.24rem; height:0.14rem; background-size:0.24rem 0.14rem;}
    .det-wrap{margin-top:0.8rem; padding-bottom:1rem;}
    .det-wrap .title h1{font-size:0.36rem; line-height:1.5; margin-bottom:0.25rem;}
    .det-wrap .title span{font-size:0.28rem; margin:0rem 0.15rem;}
    .det-wrap .hot{display:none;}
    .det-wrap .con{width:100%; border-right:0; padding:0;}
    .det-wrap .det{margin-top:0.3rem; font-size:0.22rem;}
    .det-wrap .det p{font-size:0.3rem;}
    .det-wrap .det-footer{margin-top:0.35rem;}
    .det-wrap .det-footer a{font-size:0.32rem; width:100%;}
    .det-wrap .det-footer a.return{width:2rem; height:0.65rem; line-height:0.65rem; font-size:0.28rem;}
    .det-wrap .det-footer .bdshare-button-style0-16{bottom:5px;}
    .det-wrap .det-footer .bdshare-button-style0-16 span{font-size:0.26rem; line-height: 0.45rem;}
    .det-wrap .det-footer .bdshare-button-style0-16 a{width:0.45rem; height:0.45rem; background-size: 1.37rem 0.45rem;}
    .det-wrap .det-footer .bdshare-button-style0-16 a.bds_weixin{background-position:-0.46rem 0rem;}
    .det-wrap .det-footer .bdshare-button-style0-16 a.bds_qzone{background-position:-0.92rem 0rem;}
    .product-wrap .module{height:5.7rem;}
    .product-wrap .module .txt{width:100%;}
    .product-wrap .module .line{margin:0.15rem 0rem 0.1rem;}
    .product-wrap .module h2{font-size:0.45rem;}
    .product-wrap .module .line{height:0.03rem;}
    .product-wrap .module h3{font-size:0.32rem; line-height:2; margin-bottom:0.2rem;}
    .product-wrap .module p{font-size:0.3rem;}
    .product-wrap .module .see{width:2rem; height:0.65rem; line-height:0.65rem; font-size:0.28rem; margin-top:0.4rem;}
    .product-new .swiper-slide{width:50%; padding:0px 15px;}
    .product-list-wrap{padding-top:0.65rem; padding-bottom:1rem;}
    .product-list li .pic{height:3.48rem;}
    .product-list li .txt{height:auto; padding:0.2rem;}
    .product-list li .txt h2{font-size:0.32rem;}
    .product-list li .txt span{font-size:0.28rem; line-height:2.214;}
    .product-det-wrap .det-banner .txt{width:100%; float: none; text-align:left; padding:0.2rem;}
    .product-det-wrap .det-banner h2{font-size:0.4rem;}
    .product-det-wrap .det-banner p{font-size:0.32rem;}
    .product-det-wrap .det-banner .pageBtn{display:none;}
    .product-det-wrap .det-banner .consult{width:2rem; height:0.65rem; line-height:0.65rem; font-size:0.28rem; margin-top:0.4rem;}
    .product-det-wrap .tab{height:1rem;}
    .product-det-wrap .tab li{line-height:0.97rem; font-size:0.28rem; padding:0px 0.3rem; margin-right:0.7rem;}
    .product-det-wrap .tab-con{padding-top:0.6rem; font-size:0.26rem;}
    .product-det-wrap .tab-con li{font-size:0.3rem;}
    .product-det-wrap .tab-con p{font-size:0.3rem;}
    .related-list .item{width:33.3333333%;}
    .service-network{padding-top:0.65rem;}
    .service-network .left{width:100%;}
    .service-network .left .about-title{margin-bottom:0.3rem;}
    .service-network .left .list{margin-top:0.5rem;}
    .service-network .left .list li{border-right:0; margin-bottom:0.3rem;}
    .service-network .left .list li h1{font-size:0.4rem;}
    .service-network .left p{font-size:0.22rem; margin-top:0;}
    .service-network .left h3{font-size:0.28rem;}
    .service-network .map{width:100%;}
    .service-network .show{margin:0.6rem -0.15rem 0.8rem;}
    .service-network .show li{width:50%;}
    .service-network .show li .pic{height:3.5rem;}
    .service-network .show li p{font-size:0.3rem;}
    .service-system .top{height:4.5rem;}
    .service-system .bottom{margin-top:-1.5rem; height:auto; padding:0 0.4rem;}
    .service-system .bottom p{font-size:0.3rem; line-height:2; margin-bottom:0.2rem;}
    .service-system .bottom ul li{width:50%;}
    .pantner{padding-top:0.65rem; padding-bottom:0.65rem;}
    .swiper-container-pantner{margin-top:0.6rem; padding-bottom:1rem;}
    .service-case{padding:0.65rem 0rem 0.65rem 0rem;}
    .download{padding-top:0.65rem; padding-bottom:1rem;}
    .download-table{margin-top:0.6rem;}
    .download-table th:first-child{padding-left:0.3rem;}
    .download-table td:first-child{padding-left:0.3rem;}
    .download-table tr a.download-btn{ color:rgba(19, 131, 199, 1); margin-left:0; }
    .footer .con .right{width:100%;}
    .about-title.about-title-white h2 { color: #fff; }
    .about-title.about-title-white p { color: #fff; }
    .about-title h2 { font-size: 0.5rem; color: #333; line-height: 1.667; }
    .about-title p { font-size: 0.24rem; color: #666; line-height: 1; font-family: Arial; text-transform: uppercase; margin-bottom: 0.18rem; }
    .about-title .line { width: 0.70rem; height: 0.04rem; border-radius: 1px; background: rgba(19, 131, 199, 1); display: block; }
    .about-contact .tit{font-size:0.3rem; line-height:1.667;}
    .about-honor{padding-top:0.65rem; padding-bottom:1rem;}
    /*.about-honor .swiper-container-honor .swiper-slide{height:4.45rem;}*/
    .about-honor .swiper-container-honor .swiper-slide img{ width:100%; height:100%; }
    .about-honor .swiper-container-honor{width:92%; margin-top:0.6rem;}
    .about-honor .swiper-container-honor .swiper-button-prev,
    .about-honor .swiper-container-honor .swiper-button-next{display:block; opacity:1;}
    .about-culture .swiper-container-vision{width:auto;}
    .about-culture .culture-tab{margin-top:0.2rem;}
    .about-culture .culture-tab a{width:1.7rem; height:0.65rem; font-size:0.3rem; background:none; color:rgba(19, 131, 199, 1) !important; line-height:0.65rem;}
    .about-culture .swiper-container-vision .swiper-slide .layer .top{margin-top:-0.2rem;}
    .about-culture .swiper-container-vision .swiper-slide .layer span{opacity:1; font-size:0.28rem; width:100%;}
    .about-culture .swiper-container-vision .swiper-slide .layer p{font-size:0.32rem;}
    .about-culture .culture-box .swiper-button-prev, 
    .about-culture .culture-box .swiper-button-next{display:block; opacity:1;}
    .about-culture .swiper-container-idea{width:auto;}
    .swiper-container-idea .swiper-slide .pic{margin:0 auto; width:4.83rem; height: 4.718rem;}
    .swiper-container-idea .swiper-slide .txt{margin:0 auto; width:4.83rem;}
    .swiper-container-idea .swiper-slide .txt p{height:auto; font-size:0.28rem;}
    .about-innovation .tit{font-size:0.3rem; margin-top:0.3rem;}
    .about-innovation .innovation-con{margin-top:0.6rem;}
    .about-innovation .innovation-con .module .pic{width:100%; float:none; height:3.5rem; background-size:cover;}
    .about-innovation .innovation-con .module .txt{width:100%; float:none; height:auto; padding:0rem 0.3rem; padding-bottom:0.3rem;}
    .about-innovation .innovation-con .module .txt .arrow{display:none;}
    .about-innovation .innovation-con .module .txt p{font-size:0.3rem; line-height:2;}
    .about-contact .contact-info{display:none;}
    .about-contact .map-wrap .map-list{display:none;}
    .about-contact .contact-info li{width:100%;}
    .contact-info-mobile{width:100%; background:#f0f0f0; display:block;}
    .contact-info-mobile li{padding:0.3rem;}
    .contact-info-mobile li h2{ font-size:0.36rem; color:#333; margin-bottom:0.2rem; }
    .contact-info-mobile li p{font-size:0.3rem; color:#666; line-height:1.667;}
    .contact-info-mobile li p a{font-size:0.3rem; color:#666; line-height:1.667;}
    .contact-info-mobile li .mapBtn{width:100%; height:0.8rem; background:rgba(19, 131, 199, 1); border-radius:0.06rem; display:block; line-height:0.8rem; text-align:center; color:#fff; font-size:0.3rem; margin-top:0.3rem;}
    .concept{padding:0.65rem 0rem 1rem 0rem; display:none;}
    .concept-mobile{display:block; padding:0.65rem 0rem 0.4rem 0rem;}
    .concept-mobile .concept-list{margin-top:0.6rem;}
    .concept-mobile .concept-list li{ width:100%; }
    .concept-mobile .concept-list li .txt{padding:0; height:auto; padding: 0.4rem 0rem 0.6rem 0rem; border: 0;}
    .concept-mobile .concept-list li .txt h2{font-size:0.36rem; color:#333; font-weight:400;}
    .concept-mobile .concept-list li .txt p{font-size:0.3rem; line-height:1.667;}
    .concept-mobile .concept-list li .txt .arrow{width: 0; height: 0; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent #fff; bottom: auto; top: -15px;}
    .concept-mobile .concept-list li:hover .txt{background:#fff;}
    .concept-mobile .concept-list li:hover .txt h2{color:#333;}
    .concept-mobile .concept-list li:hover .txt p{color:#666;}
    .concept-mobile .concept-list li:hover .arrow{border-color: transparent transparent #fff;}
    .recruitment-list-mobile{display:block;}
    .swiper-container-recruitment{display:none;}
    .recruitment{padding:0.65rem 0rem 0.85rem 0rem;}
    .recruitment-list-mobile{margin-top:0.6rem;}
    .recruitment-list-mobile li{width:100%; height:5.99rem; background:#fff; padding:0rem 0.3rem; margin-bottom:0.4rem;}
    .recruitment-list-mobile li .name{font-size:0.36rem; color:#333; line-height:1rem; color:#333; border-bottom:1px solid #ebebeb; margin-bottom:0.2rem;}
    .recruitment-list-mobile li .name i{width:0.33rem; height:0.4rem; display:block; float: left; background:url("../images/recruitment-user.png") no-repeat; background-size:0.33rem 0.4rem; margin-top:0.28rem; margin-right:0.2rem;}
    .recruitment-list-mobile li dl dd{overflow:hidden;}
    .recruitment-list-mobile li dl dd b{font-size:0.3rem; color:rgba(19, 131, 199, 1); line-height:1.867; font-weight:400; display:inline-block; float: left;}
    .recruitment-list-mobile li dl dd span{font-size:0.3rem; color:#666; line-height:1.867; text-align: right; display:inline-block; float:right;}
    .recruitment-list-mobile li .apply-btn{width:100%; height:0.8rem; line-height:0.8rem; border-radius:0.06rem; background:rgba(19, 131, 199, 1); display:block; font-size:0.3rem; color:#fff; line-height:0.8rem; text-align:center; margin-top:0.2rem;}
    .instructions{padding:0.65rem 0rem 1rem;}
    .instructions-box-mobile{display:block; margin-top:0.6rem;}
    .instructions-box{display:none;}
    .instructions-box-mobile .pic{width:100%; height:4rem;}
    .instructions-box-mobile .txt{font-size:0.3rem; color:#333; line-height:1.667;}
    .instructions-box-mobile .txt p{font-size:0.3rem; color:#333; line-height:1.667;}
    .resumes{padding:0.65rem 0rem 1rem 0rem;}
    /*.resumes-box-mobile{display:block;}*/
    .resumes-box-mobile .apply-btn{width:100%; height:0.8rem; line-height:0.8rem; border-radius:0.06rem; background:rgba(19, 131, 199, 1); display:block; font-size:0.3rem; color:#fff; line-height:0.8rem; text-align:center; margin-top:0.6rem; border:0;}
    /*.resumes-box{display:none;}*/
  
  	.resumes-form .text{width:170px;}
 	.photo{width:140px;height:200px;}
  	
    .service-map{display:none;}
    .service-map-mobile{display:block; padding-bottom:0.6rem;}
    .service-map-form{width:100%; height:0.8rem; border-radius:0.06rem; background:#fff;}
    .service-map-mobile .service-map-search{width:100%; padding:0.3rem 0rem; background:rgba(19, 131, 199, 1);}
    .service-map-mobile .service-map-search .filter_select{width:40%; border:0; background:none; height:100%; background:url("../images/select-right.png") no-repeat center right; background-size:1px 0.3rem; text-align:center; font-size:0.3rem; color:rgba(19, 131, 199, 1);}
    .service-map-mobile .service-map-search .filter_select_city{background:none; color:#;}
    .service-map-mobile .service-map-search .search-btn{width:0.8rem; height:0.8rem; background:url("../images/select-search.png") no-repeat center center; background-size:0.3rem 0.32rem; border:0; cursor:pointer;}
    .service-map-mobile .map-result-list{width:100%;}
    .service-map-mobile .map-result-list li{overflow:hidden; padding:0rem 0.3rem; background:#fff; width:100%; height:1.52rem;}
    .service-map-mobile .map-result-list li a{display:block; width:100%; height:100%;}
    .service-map-mobile .map-result-list li .address{width:80%;}
    .service-map-mobile .map-result-list li .address p{font-size:0.24rem; color:#999; line-height: 2; margin-top:0.3rem;}
    .service-map-mobile .map-result-list li .address h2{font-size:0.3rem; color:#333; line-height:1.2;}
    .service-map-mobile .map-result-list li .arrow{display:block; width:0.17rem; height:1.52rem; float:right; background:url("../images/arrowR-mobile.png") no-repeat center;  background-size:0.17rem 0.32rem; margin:0;}
    .service-map-mobile .map-result-list li:nth-child(even){background:#f2f2f2;}
    .service-map-mobile .map-more{width:100%; height:1.1rem; display:block; background:url("../images/map-more.png") no-repeat center center; background-size:0.59rem 0.38rem;}
    .stores_detail{padding: 0.4rem 0.3rem; border-top:1px solid #e6e6e6;}
    .stores_detail_top{padding-left: 0.76rem;padding-bottom: 0.38rem;border-bottom: 0.03rem dashed #ddd;min-height: 0.6rem;margin-bottom: 0.38rem;}
    .search_navigation{display: block;width: 0.42rem;height: 0.53rem;float: left;margin: 0.08rem 0 0 -0.76rem;}
    .stores_detail_top p{font-size: 0.24rem;color: #999;margin-bottom: 0.04rem;}
    .stores_detail_top h3.title{font-size: 0.3rem;font-weight: 600;color: rgba(19, 131, 199, 1);}
    .stores_detail .content{padding-left: 0.76rem;font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;}
    .stores_detail .content p{margin-bottom: 0.1rem; font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;}
    .stores_map{height: 6.5rem;width: 100%;}
    .about-history .swiper-container-history .swiper-slide { position:relative; width:33.333333%; }
    .about-history .swiper-container-history .swiper-slide .road-det p{ font-size:15px; }
    .search_text{ width:70%; }
    .service-network .show li{width:100%;}
    .service-system .bottom ul li{width:100%; height: auto; margin-bottom:0.2rem;}
    .service-system .bottom ul li.on{ width:100%; }
    .service-system .bottom ul li .pic{ height:4rem; }
    .service-system .bottom ul li.on .pic{ width:100%; height:4rem; }
    .service-system .bottom ul li .layer{position:static; background:rgba(18, 131, 199, 1)); padding:0.3rem; width:100%;}
    .service-system .bottom ul li .layer h2{font-size:0.32rem;}
    .service-system .bottom ul li .layer .line{height:0.03rem; margin:0.15rem 0rem;}
    .service-system .bottom ul li .layer p{font-size:0.28rem;}

}

/* 宽度小于 768 */
@media screen and (max-width: 768px) {
    .container{width:92%;margin:0 auto;}
    .home-base-title{padding-top:0.4rem;}
    .home-base-title h2{font-size:0.38rem;}
    .banner{height:450px;}
    .banner .scrolldown{display:none;}
    .banner .swiper-slide .right{display:none;}
    .banner .swiper-slide .news-slide{display:none;}
    .banner .swiper-button-prev, .banner .swiper-button-next{display:none;}
    .product .swiper-container-out .swiper-button-prev, 
    .product .swiper-container-out .swiper-button-next{display:none;}
    .case .swiper-button-prev, .case .swiper-container-rtl .swiper-button-next{top:auto; bottom:0.3rem; left:0.3rem; opacity:1;}
    .case .swiper-button-next, .case .swiper-container-rtl .swiper-button-prev{top:auto; bottom:0.3rem; left:1.6rem; opacity:1;}
    .case .swiper-slide .pic span{bottom:0.2rem; top:auto; right:auto; left:1rem;}
	.news .dynamic .dynamic-list li{width:100%; margin-bottom:0.3rem;}
	.news .dynamic .dynamic-list li .pic{height:3.08rem;}
	.news .dynamic .dynamic-list li .txt{height:auto;}
	.news .dynamic .dynamic-list li .txt h2{font-size:0.3rem;}
	.news .e-zine{background:#434b4c; padding:0rem 0.3rem;}
	.news .e-zine .home-base-title{position:static;}
	.news .e-zine .home-base-title h2{color:#fff;}
	.news .e-zine .swiper-container-zine{height:auto; width:100%; margin-top:0.3rem;}
	.news .e-zine .swiper-container-zine .swiper-slide .pic{position:static; float:left; width:100%;}
	.news .e-zine .swiper-container-zine .swiper-slide .txt{width:100%; height:auto; float:right; background:none; margin-top:0.2rem; padding:0 0 1.2rem 0;}
	.news .e-zine .swiper-container-zine .swiper-button-prev, 
	.news .e-zine .swiper-container-zine .swiper-container-rtl .swiper-button-next{left:0;}
	.news .e-zine .swiper-container-zine .swiper-pagination{left:35px;}
	.news .e-zine .swiper-container-zine .swiper-button-next,
	.news .e-zine .swiper-container-zine .swiper-container-rtl .swiper-button-prev{left:70px;}
    .news-slide .news-list li .pic{width:100%; height:3.8rem;}
    .news-slide .news-list li .txt{width:100%; margin-top:0.3rem;}
    .det-wrap .title span.author,
    .det-wrap .title span.read{display:none;}
    .product-new{padding-top:0.65rem;}
    .product-wrap .title{margin-bottom:0.35rem;}
    .product-new .swiper-slide{width:100%; padding:0px 15px;}
    .product-wrap .title h2{font-size:0.36rem;}
    .product-wrap .title p{font-size:0.24rem;}
    .product-wrap .title .line{height:0.03rem;}
    .product-new .swiper-slide .pic{height:4.6rem;}
    .product-new .swiper-slide .txt{height:auto; padding:0.2rem;}
    .product-new .swiper-slide .txt h2{font-size:0.32rem;}
    .product-new .swiper-slide .txt span{font-size:0.28rem;}
    .product-list{margin:0;}
    .product-list li{width:100%; padding:0; margin-bottom:0.4rem;}
    .product-list li .pic{height:4.48rem;}
    .zine-wrap .show{padding:0; margin-top:0.8rem;}
    .zine-wrap .show .pic{width:100%;}
    .zine-wrap .show .pic{height:4.8rem;}
    .zine-wrap .show .txt{width:100%; padding:0.3rem; height:auto;}
    .zine-wrap .show .txt h2{font-size:0.36rem;}
    .zine-wrap .show .txt h2 a{font-size:0.36rem;}
    .zine-wrap .show .txt h3{font-size:0.26rem; margin-bottom:0.2rem;}
    .zine-wrap .show .txt p{font-size:0.28rem;}
    .zine-wrap .show .txt .more{position:static; margin-top:0.2rem;}
    .zine-wrap .zine-list li{width:100%; height:auto;}
    .zine-wrap .zine-list li .pic{width:100%; height:4.8rem;}
    .zine-wrap .zine-list li .txt{width:100%; height:auto; padding:0.3rem;}
    .zine-wrap .zine-list li .txt h2{font-size:0.32rem;}
    .zine-wrap .zine-list li .txt h3{font-size:0.22rem;}
    .zine-wrap .zine-list li .txt .more{position:static; font-size:0.22rem;}
    .related-list .item{width:50%;}
    .related-list .item .txt p{font-size:0.3rem;}
    .irm-wrap{padding-top:0.8rem;}
    .irm-list li{width:100%; padding:0.3rem 0.2rem; margin-bottom:0.3rem;}
    .irm-list li .txt{width:75%;}
    .irm-list li .txt h2{font-size:0.32rem;}
    .irm-list li .txt span{font-size:0.28rem;}
    .irm-list li .txt span i{width:0.16rem; height:0.16rem; background-size:0.16rem 0.16rem; display:none;}
    .service-system{padding-bottom:1rem;}
    .quality{padding-top:0.65rem; padding-bottom:1rem;}
    .quality-tab{margin-top:0.6rem;}
    .quality-tab .tab-ul li{margin-right:0rem; width:33.3333333%;}
    .quality-tab .tab-ul li .icon{ width:70px; height:70px; float:none; margin-right:0; margin:0 auto;}
    .quality-tab .tab-ul li .icon i{margin-top:17px;}
    .quality-tab .tab-ul li .txt{float:none; text-align: center;}
    .quality-tab .tab-ul li h2{font-size:0.32rem;}
    .quality-tab .tab-ul li p{font-size:0.26rem;}
    .quality-tab .tab-con li{width:100%; padding:0.2rem 0.3rem;}
    .quality-tab .tab-con li .arrow{border-width: 0 0.15rem 0.15rem; top:-0.14rem;}
    .quality-tab .tab-con li p{font-size:0.3rem;}
    .service-case .left{float:none;}
    .service-case .tab-ul{float:none; margin-top:0.3rem; overflow:hidden; width:100%;}
    .service-case .tab-ul li{margin-left:0; width:32.3%; margin-right:1.5%;}
    .service-case .tab-ul li a{font-size:0.24rem;}
    .service-case .tab-ul li:nth-child(3n){margin-right:0;}
    .swiper-container-case{margin-top:0.6rem; padding-bottom:1rem;}
    .download-table tr{line-height:2;}
    .download-table td span{margin-top:0.1rem;}
    .download-table tr.title{display:none;}
    .download-table td{display:block; padding:0.05rem 0.2rem; font-size:0.28rem;}
    .download-table td a{font-size:0.28rem; color:#da251d;}
    .download-table td:first-child{padding-left:0.2rem;}
    .footer .con{padding:0.4rem 0rem;}
    .footer .con .right{display:none;}
    .footer .con .left .company-info{margin-top:0.5rem;}
    .footer .con .left .company-info li{font-size:0.28rem;color:#fff;}
    .footer .con .left .company-info li a{font-size:0.28rem;}
    .footer .bottom{height:auto; width:92% !important; padding:0.4rem 0rem;}
    .footer .bottom p.fl{display:none;}
    .footer .bottom p{font-size:0.28rem; color:#eee; line-height:1.429; text-transform: uppercase; float:none;}
  	.footer .bottom p a{color:#eee;}
    .about-culture .swiper-container-vision .swiper-slide{height:7rem;}
    .about-culture .swiper-container-vision .swiper-slide .box{width:5.026rem; height:7rem; background-size:5.026rem 7rem;}
    .about-culture .swiper-container-vision .swiper-slide .layer{background-size:5.026rem 7rem;}
  	.about-culture .swiper-container-vision .swiper-slide:hover .layer{background-size:5.026rem 7rem;}
    .about-culture .swiper-container-vision .swiper-slide .layer .icon{width:1.5rem; height:1.5rem; line-height:1.5rem; margin-top:2rem;}
    .about-contact .map-wrap .message{border:0; padding:0rem; height:auto;}
    .about-contact .map-wrap .message h2{font-size:0.36rem;}
    .about-contact .map-wrap .message p{font-size:0.3rem; line-height:1.667; margin-bottom:0.35rem;}
    .about-contact .map-wrap .message .row{margin-bottom:0.2rem;}
    .about-contact .map-wrap .message .row span{font-size:0.3rem; color:#666; line-height:0.8rem; width:15%; margin-right:0;}
    .about-contact .map-wrap .message .row .button-holder{margin-top:0.24rem;}
    .about-contact .map-wrap .message .row .text{width:6.02rem; height:0.8rem; line-height:0.8rem; font-size:0.3rem; width:85%; border-radius: 0.02rem; text-indent:0.2rem;}
    .about-contact .map-wrap .message .row .textarea-text{height:2rem; padding:0.2rem;}
    .about-contact .map-wrap .message .row .btn{width:3.35rem; height:0.8rem; border-radius:0.06rem; margin-right:0; font-size:0.3rem;}
    .about-history .develop-list{display:block;}
    .about-history .develop-list{position:relative;}
    .about-history .develop-list .line{width:0.06rem; height:100%; position:absolute;left:0.95rem; z-index:0; background:#bfbfbf;}
    .about-history .pageOver{text-align:center; color:#fff; font-size:0.26rem; display:none;  width:2rem; height:0.5rem; border:1px solid #fff; border-radius:0.1rem; line-height:0.5rem; margin:0.4rem auto 0rem;}
    .about-history .develop-list li{overflow:hidden; margin-top:0.5rem; width:100%; display:table;}
    .about-history .develop-list li .time{font-size:0.3rem; color:#333; line-height:1.143; display:table-cell; vertical-align:middle; float:none;}
    .about-history .develop-list li .con{width:5.5rem; padding:0.2rem; background:#fff; border-radius: 0.05rem; position:relative;}
    .about-history .develop-list li .con i.arrowL{width:0;height:0;border-width:0.15rem 0.15rem 0.15rem 0; border-style:solid; border-color:transparent #fff transparent transparent; display:block; position:absolute; left:-0.14rem; top:50%; margin-top:-0.15rem;}
    .about-history .develop-list li .con p{font-size:0.3rem; color:#333; line-height:100%;}
    .about-history .develop-list li .con i.sign{width:0.16rem; height:0.16rem; border-radius:50%; background:rgba(19, 131, 199, 1); display:block; position:absolute; left:-0.49rem; top:50%; margin-top:-0.08rem;}
    .about-history .swiper-container-history{display:none;}
    .about-history .history-wrap{ display:none; }
    .video-pop{ width:90%; margin:-25% 0px 0px -45%; }
  	

  
}

/* 宽度小于 600 */
@media screen and (max-width: 600px) {
    .banner{height:360px;}
    .banner .scrolldown{display:none;}
    .banner .swiper-slide .right{display:none;}
    .banner .swiper-slide .news-slide{display:none;}
    .banner .swiper-button-prev, .banner .swiper-button-next{display:none;}
    .search_text{ width:60%; }
  	.resumes-form .txt{width:100%;}
  	.resumes-form .line{float:none !important;}
  	.resumes-box{padding:0;}
  	.resumes-form .text{width:100%;}
 	.photo{width:100%;height:250px;margin-top:10px;}
  	.resumes-form .text{padding-left:0.5em;}
  	.resumes-form .personal-background .text{float:none;width:100%;}
  	.resumes-form .personal-background span{float:none;line-height:normal;display:inline-block;margin-bottom:0.2rem;}
  	.footer{display:block;}
  	#w_bbox-1517966148141{display:none;}
}

/* 宽度小于 480 */
@media screen and (max-width: 480px) {
    .banner{height:5rem;}
    .banner .scrolldown{display:none;}
    .banner .swiper-slide .right{display:none;}
    .banner .swiper-slide .news-slide{display:none;}
    .banner .swiper-slide .first-banner-txt{margin-bottom:0rem;}
    .banner .swiper-slide .first-banner-txt h3 img{ width:2.48rem; height:0.59rem; }
    .banner .swiper-slide .first-banner-txt p{font-size:0.28rem;}
    .banner .swiper-slide .second-banner-txt .pro-list-box p a{ font-size:0.28rem; line-height:1.6; }
    .banner .swiper-slide .first-banner-txt a{width:2.3rem; height:0.65rem; font-size:0.22rem; line-height:0.65rem; margin-bottom:0rem; }
    .banner .swiper-slide .fouth-banner-txt{ text-align:left; display:table; height:100%; width:92%; margin:0 auto; }
    .banner .swiper-slide .fouth-banner-txt .tr{ display:table-cell; vertical-align:middle; }
    .banner .swiper-slide .fouth-banner-txt h2{ font-size:0.5rem; }
    .banner .swiper-slide .fouth-banner-txt h2 sup{top:-10px;font-size: .3rem;}
    .banner .swiper-slide .fouth-banner-txt .line{ margin:0; }
    .banner .swiper-slide .fouth-banner-txt img{ width:5.7rem; height:0.29rem; }
    .banner .swiper-slide .three-banner-txt img{ width:5.66rem; height:0.26rem; }
    .banner .swiper-button-prev, .banner .swiper-button-next{display:none;}
    .related-list .item{width:100%;}
    .related-list .item .txt{ background:#f0f0f0; padding:0.10rem 0.20rem;}
    .swiper-container-case .swiper-slide .pic .layer{left:0;}
    .search_cont ul li span.time{ display:none; }
    .about-profile .about-main .txt .scrollbar{display: none;}
    .about-profile .about-main .txt .sly{height: 240px;width: 100%;overflow-y: scroll !important;line-height: 24px;}
    .about-profile .about-main .txt .sly .scoll{position: static !important;}
}