/*重置样式*/
html, body{position: relative; height: 100%;}
.swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.uplatter{ text-transform: uppercase;}
.mt-large{ margin-top: 90px;}
img{ vertical-align: top;}
.bs-entext{ max-height: 475px; overflow: auto; white-space: pre-line;}
.bs-entext::-webkit-scrollbar {width: 6px;height: 1px;}
.bs-entext::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #939496;}
.bs-entext::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED;}

.swiper-pagination{ left: 0; top: 40%; margin-top: -32px; width: auto; z-index: 1000;}
.swiper-pagination .swiper-pagination-customs{ display: block; position: relative; padding-left: 40px;  margin-bottom: 10px; height: 30px; color: #bdbdbd; cursor: pointer;}
.swiper-pagination .swiper-pagination-customs:after{ position: absolute; left: 0; top: 10px; content: ''; width: 22px; height: 1px; background: #bdbdbd; transition: all .5s; -webkit-transition: all .5s; }
.swiper-pagination .swiper-pagination-customs:before{ position: absolute; top: 7px; left: 22px; content:''; width: 8px; height: 8px; background: #bdbdbd;transform: rotate(45deg); -webkit-transform: rotate(45deg);  transition: all .5s; -webkit-transition: all .5s; }
.swiper-pagination .swiper-pagination-customs.active{ padding-left: 50px;}
.swiper-pagination .swiper-pagination-customs.active:after{ width: 30px;}
.swiper-pagination .swiper-pagination-customs.active:before{ left: 30px;}

/*banner*/
.banner{position: relative; margin-top: 90px;overflow: hidden;}
.banner .banner-wrap{ position: relative; height:100%; z-index:0;  }
.banner .banner-wrap li{zoom:1; vertical-align:middle; }
.banner .banner-wrap img{display:block; width:100%; height:100%; }
.banner .banner-wrap .font{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100;}
.banner .banner-wrap .font .one-title{position: relative; top: 30%; margin: auto; width: 1077px; height: 78px; opacity: 0; }
.banner .banner-wrap .font .one-font{ position: relative; top: 40%; margin: auto; width: 60%; font-size: 24px; color: #fff; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; opacity: 0; }
.banner .banner-wrap .font .one-font .font-big{ font-size: 60px;}
.banner .banner-wrap .font .two-title{position: relative; top: 35%; margin: auto; width: 1140px; height: 70px; opacity: 0;}
.banner .banner-wrap .font .two-font{ position: relative; top: 36%; margin: auto; width: 60%; font-size: 24px; color: #fff; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; opacity: 0; }
.banner .banner-wrap .font .two-font .font-big{ font-size: 60px;}
.banner .banner-wrap .font .three-title{ display: inline-block; margin-top: 20% ; width: 678px; height: 68px; opacity: 0;}
.banner .banner-wrap .font .three-title img,.banner .banner-wrap .font .one-title img,.banner .banner-wrap .font .two-title img{ margin-left: 0 !important; width: 100% !important; height: 100% !important;}
.banner .banner-wrap .font .three-font{ margin-top: 50px; font-size: 34px; color: #fff; text-transform: uppercase; opacity: 0;}
.banner .hd{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 100;}
.banner .hd li{ display: inline-block; position: relative; margin-right: 20px; color: #fff; width: 30px; cursor: pointer;}
.banner .hd li:after{ position: absolute;content: ''; bottom: 0; left: 50%; margin-left: -.5px; width: 1px; height: 26px; background: #fff;}
.banner .hd li:before{ position: absolute; content: ''; bottom: 26px; left: 50%; margin-left: -5px; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.banner .hd li span{ display: block; margin-bottom: 40px; opacity: 0;}
.banner .hd li.on span{ opacity: 1; } 
.banner .hd li:last-child{ margin-right: 0;}

.home-two{ padding-bottom: 80px; background: url(../image/bg11.jpg) no-repeat; background-size: cover;}
.home-two .right{ position: relative; float: right; width: 50%; height: 550px;}
.home-two .right .vertical-box{ position: absolute; right: 0; top: 0; width: 100%; height: 100%;}
.home-two .left{ position: relative; float: left; width: 50%; height: 550px;}
.home-two .title{font-size: 34px; text-align: center;}
.home-two .home-two-text p{ line-height: 30px; font-size: 14px;}
.home-two .more-btn{ margin: 60px auto;}
.home-two .more-btn:hover{ background: #3d6faa; color: #fff;}

.home-product .item{ position: relative; float: left; width: 20%;}
.home-product .item .cover{ position: absolute; opacity: 1; transition: all .5s; -webkit-transition: all .5s; z-index: 10;}
.home-product .item .text{ position: absolute; top: 0; left: 0; padding: 64px 10px 10px 45px; width: 100%; height: 100%; color: #fff; font-size: 16px; z-index: 11;}
.home-product .item:hover .text .ico.ico-add{ opacity: 1;}
.home-product .item:hover .cover{ opacity: 0;}
.product-title{ margin: 30px 0; font-size: 34px; text-align: center;text-transform: uppercase;}

.home-news{ padding: 100px 0; background: #eaeef0;}
.home-news .title{ margin-bottom: 65px; font-size: 34px; text-align: center; text-transform: uppercase; }
.home-news-list .item{ margin-bottom: 30px; height: 195px; background: #fff; transition: all .5s; -webkit-transition: all .5s;}
.home-news-list .item .left{ padding: 70px 10px 10px 60px; width: 240px; font-size: 29px; color: #000;}
.home-news-list .item .vertical-box{ width: 340px; height: 195px; overflow: hidden;}
.home-news-list .item .right{ padding: 30px; width: 620px; line-height: 30px; font-size: 16px; color: rgba(0,0,0,.8);}
.home-news-list .item .right .title{ margin-bottom: 30px; font-size: 20px; color: #000; text-transform: none;}
.home-news-list .item .right .ico.ico-qt-more{ margin-top: 66px; float: right; transition: all .5s; -webkit-transition: all .5s;}
.home-news-list .item:hover .right .ico.ico-qt-more{ transform: translateX(10px); -webkit-transform: translateX(10px);}
.home-news-list .item:hover{ transform: translateY(-10px);-webkit-transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.home-news .more-btn{ margin:60px auto 0; width: 150px; height: 40px; line-height: 40px; font-size: 16px; border-color: #7b7b7b; color: #7b7b7b; transition: all .5s; -webkit-transition: all .5s;}
.home-news .more-btn:hover{ background: #3d6faa; color: #fff; border-color: #3d6faa;}
.home-news .more-btn:hover .ico.ico-qt-more{ background-image: url(../image/ico30.png);}
.home-news-list.en-list .item{ background: #f7f7f7;}

.video-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 101;}
.video-popup .video-wrap{ position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -400px; width: 800px; height: 400px;}
.video-popup .video-wrap .video{ width: 100%; height: 100%; object-fit: fill;}
.video-popup .video-wrap .video-close{ position: absolute;  top: -36px; right: -30px; width: 30px; height: 30px; background: rgba(0,0,0,.6); border-radius: 50%; cursor: pointer;}
.video-popup .video-wrap .video-close i{ position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; width: 20px; height: 2px; background: #fff; border-radius: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
.video-popup .video-wrap .video-close i:nth-child(2){  transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.home-five{ padding-top: 130px; padding-bottom: 270px; background: url(../image/bg5.jpg) no-repeat; background-size: cover;}
.home-five .title{ font-size: 35px; color: #000; text-align: center;}
.home-five .map{ position: relative; height: 600px; background: url(../image/bg1.png) no-repeat; background-size: 100% 100%;}
.home-five .map .item{ position:absolute; font-size: 22px;}
.home-five .map .item.one{ left: 250px; top: 288px; text-align: right;}
.home-five .map .item .text{ font-size: 20px; color: #3d6faa;}
.home-five .map .item .text .font{ margin-right: 5px; font-size: 56px; font-weight: bold;}
.home-five .map .item.two{ left: 470px; top: 276px;}
.home-five .map .item.two .name,.home-five .map .item.five .name{ text-align: right;}
.home-five .map .item.three{ top: 100px; left: 476px;}
.home-five .map .item.four{ top: 188px; left: 794px; text-align: right;}
.home-five .map .item.five{ top: 206px; left: 782px;}
.home-five .map .item.six{ top: 169px; right: 108px;}
.home-five .map .item.five .text{ position: relative; top: -20px;}
.home-five .map .item.four .text{ position: relative; top: -24px;}
.home-five .map .item.seven{ top: 153px; right: 154px;}

.home-map-wrap{ position: relative;}
.home-map-wrap .cover{ position: absolute; z-index: 10;}
.home-map-wrap .content{ position: absolute; left: 50%; top: -97.5px; margin-left: -600px; z-index: 11;}
.home-map-wrap .content .contact-list .item,.home-map-wrap .content .contact-list{ background: #fff;}

.public-nav{ position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: #fff; z-index: 999;}
.public-nav.fixed{box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);}
.public-nav .input{display: none; padding: 0; margin-right: 20px; width: 300px; height: 40px; border: none; border-bottom: 1px solid #e8e8e8; background: transparent; color: #646464; font-size: 14px;}
.public-nav .logo{ margin-top: 19px; width: 180px; height: 52px;}
.public-nav .switch a{ display: inline-block; margin: 15px 0 10px 30px;}
.public-nav .switch a:last-child{ margin-left: 0;}
.public-nav .switch a .ico{ margin-right: 10px; vertical-align: -2px;}
.public-nav .nav-list{ height: 35px; line-height: 35px; font-size: 14px;}
.public-nav .nav-list .item{ position: relative; float: left; margin-left: 50px;}
.public-nav .nav-list .item:first-child{ margin-left: 0;}
.public-nav .nav-list .item:after{ position: absolute; bottom: 0; left: 50%; margin-left: -27px; content: ''; width: 0; height: 2px; background: #3d6faa; transition: all .5s; -webkit-transition: all .5s;}
.public-nav .nav-list .item a{ color: #646464;}
.public-nav .nav-list .item:hover:after,.public-nav .nav-list .item.current:after{ width: 55px;}
.public-nav .nav-list .item:hover a,.public-nav .nav-list .item.current a{ color: #3d6faa;}
.public-cover .cover{ display: none;}
.public-drop{position: fixed; top: -425px; width: 100%; height: 425px; opacity: 0; background: #f2f0f0; transition: all .5s; -webkit-transition: all .5s; z-index: 201;}
.public-drop .item{ display: inline-block; position: relative; padding-left: 15px; width: 48%; line-height: 35px;}
.public-drop .item a{ font-size: 14px; color: #646464;}
.public-drop .item:after{ position: absolute; left: 0; top: 50%; margin-top: -5px; content: ''; width: 2px; height: 10px; background: #646464;}
.public-drop.open{ top: 90px; opacity: 1;}
.public-drop .left{ float: left; width: 50%; height: 425px;}
.public-drop .right{ float: left; padding: 30px; width: 50%;}
.public-drop .right .title{ margin-bottom: 20px; font-size: 24px; color: #323232;}
.public-drop .item:hover a{ color: #3d6faa;}
.public-drop .item:hover:after{ background: #3d6faa;}

.product-wrap{ padding: 100px 0;}
.product-list{ margin-top: 80px;}
.product-list .item{ float: left; margin-right: 40px; margin-bottom: 50px; width: 360px; height: 340px;}
.product-list .item .vertical-box{ margin-bottom: 30px; width: 100%; height: 240px; overflow: hidden;}
.product-list .item .title{ font-size: 18px; color: #323232;}
.product-list .item .font{ font-size: 14px; color: #969696; text-align: right;}
.product-list .item .more{ margin-top: 30px; width: 140px; height: 37px; border: 1px solid #b2b2b2; text-transform: uppercase; color: #b2b2b2; text-align: center; line-height: 37px; transition: all .5s; -webkit-transition: all .5s;}
.product-list .item:hover .more{ background: #3d6faa; border-color: #3d6faa; color: #fff;}
.product-list .item:hover .ico.ico-qt-more{ background-image: url(../image/ico30.png);}

.product-detail .title{ padding-bottom: 40px; border-bottom: 1px solid #d8d8d8;}
.product-detail .title .item{ float: left; margin-right: 50px; color: #b3b2b2; font-size: 14px;}
.product-detail .title .item:last-child{ margin-right: 0;}
.product-detail .title .item .ico{ margin-right: 10px;}
.product-content{ padding: 40px 0 80px; border-bottom: 1px solid #d8d8d8;}
.product-content img{ display: block; margin: 20px auto;}
.product-bottom{ margin-top: 26px;}
.product-bottom .left a{ display: block; margin-bottom: 16px;}
.back-btn{ display: block; width: 140px; height: 40px; border: 1px solid #7f7f7f; color: #7f7f7f; line-height: 40px; text-align: center;}
.back-btn:hover{ border-color: #3d6faa;}
.back-btn:hover .ico.ico-back{ background-image: url(../image/ico34.png);}

.paging{ margin-top: 60px; width: 100%; text-align: center; font-size: 18px; color: #323232;}
.paging .btn{ display: inline-block; width: 52px; height: 52px; background: url(../image/ico25.png) no-repeat; background-size: 100% 100%; vertical-align: middle;}
.paging .btn.prev:hover{ background-image: url(../image/ico26.png);}
.paging .btn.prev{ margin-right: 50px;}
.paging .btn.next{ margin-left: 50px; background-image: url(../image/ico27.png);}
.paging .btn.next:hover{ background-image: url(../image/ico28.png);}

.ad{ overflow: hidden; height: 400px;}
.ad img{-webkit-animation: banner_inside 20s ease 1 forwards;-moz-animation: banner_inside 20s ease 1 forwards;-o-animation: banner_inside 20s ease 1 forwards;animation: banner_inside 20s ease 1 forwards;}
.cover{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 200;}

.about-wrap{ padding: 100px 0;}
.top-title{ margin-bottom: 20px; font-size: 36px; text-align: center; text-transform: uppercase; color: #000;}
.top-font{ position: relative; font-size: 26px; color: #646464; letter-spacing: 2px; text-align: center;}
.top-font .block{ display: inline-block; margin: 0 15px; width: 13px; height: 13px; background: #000; transform: rotate(45deg); -webkit-transform: rotate(45deg); vertical-align: middle;}
.top-font .line{ display: inline-block; width: 283px; height: 3px; background: url(../image/ico23.png) no-repeat; background-size: 100% 100%; vertical-align: middle;} 
.about-content{ margin-top: 85px;}
.about-content .left{ float: left; width: 46%;}
.about-content .left .vertical-box{ position: relative;}
.about-content .left .video-popup{ position: fixed;}
.about-content .left-text{ margin-top: 15px;}
.about-content .left-text p,.about-content .right .right-text p{ margin-top: 15px; font-size: 14px; color: #969696;}
.about-content .right{ float: left; width: 54%;}
.about-content .right .right-text{ padding: 0 0 60px 100px;}
.about-content .right img{vertical-align: top;}
.about-case{ padding: 46px 0; width: 100%; height: 567px; background: url(../image/bg3.jpg) no-repeat; background-size: cover;}
.about-case .left .vertical-box{ margin-bottom: 2px; margin-right: 2px; width: 343px; height: 233px; overflow: hidden;}
.about-case .center .vertical-box{ margin-bottom: 2px; margin-right: 2px; width: 510px; height: 233px; overflow: hidden;}
.about-case .right{ width: 343px; height: 468px;}

.history-list{ margin-top: 80px;}
.history-list .item{ margin-bottom: 18px;}
.history-list .item .left{ float: left; padding: 38px 0; width: 380px; height: 208px; text-align: center; font-size: 28px; color: #fff; background: #30353b;}
.history-list .item .left .vertical-box{ margin:0 auto 19px; width: 75px; height: 76px;}
.history-list .item .right{ float: left; padding: 90px 20px 20px 90px; width: 820px; height: 208px; background: #f7f7f7; font-size: 16px; color: rgba(0,0,0,.8); }
.history-list .item:nth-child(even) .left{ float: right;}
.history-list .item:hover{ box-shadow: 0 0 10px rgba(0,0,0,.5);}
.history-list .item .left .vertical-box.img{ margin: 26px auto;}

.team-wrap{ margin-top: 80px;}
.team-wrap .left{ margin-right: 166px; width: 480px; height: 590px;}
.team-wrap .right{ width: 554px;}
.team-wrap .right .name{ position: relative; margin-bottom: 60px; width: 460px; height: 64px; background: #3d6faa; color: #fff; font-size: 20px; text-align: center; line-height: 64px;}
.team-wrap .right .name:after{ position: absolute; content: ''; top: -18px; left: 30px; width: 460px; height: 94px; border: 3px solid #3d6faa; z-index: -1;}
.team-wrap .right p{ font-size: 14px; color: #8d8d8d;}

.contact-wrap{ padding-top: 100px;}
.contact-wrap .title{ margin-bottom: 50px; text-align: center; color: #646464;}
.contact-list .item{ float: left; margin-right: 30px; width: 380px; height: 195px; text-align: center; font-size: 16px; background: #f8f8f8;}
.contact-list .item:last-child{ margin-right: 0;}
.contact-list .item .dot{ margin:27px auto 10px; width: 52px; height: 52px; text-align: center; border-radius: 50%; transition: all .5s; -webkit-transition: all .5s;}
.contact-list .item:hover .dot{ background: #3d6faa;}
.contact-list .item:hover .dot .ico.ico-tels{ background-image: url(../image/ico39.png);}
.contact-list .item:hover .dot .ico.ico-navigate{ background-image: url(../image/ico40.png);}
.contact-list .item:hover .dot .ico.ico-faxs{ background-image: url(../image/ico41.png);}

.honors-list{ margin-top: 100px;}
.honors-list .item{ float: left; margin-right: 30px; margin-bottom: 20px; width: 380px; height: 360px; font-size: 20px; color: #323232; text-align: center;}
.honors-list .item .vertical-box{ margin-bottom: 40px; width: 100%; height: 241px; overflow: hidden;}
.honors-list .item .title{ position: relative; padding-top: 10px;}
.honors-list .item .title:after{ position: absolute; content: ''; top: -10px; left: 50%; margin-left: -30px; width: 60px; height: 2px; background: #3d6faa;}
.honors-list .item:nth-child(3n+0){ margin-right: 0;}
.honors-list .item:hover,.company-list .item:hover{ box-shadow: 0 0 10px rgba(0,0,0,.5);}

.company-list .item{ margin-top:80px ; height: 300px;}
.company-list .item .left{ float: left; width: 570px; height: 300px; overflow: hidden;}
.company-list .item .right{ float: left; padding: 57px 20px 0 76px; width: 630px; height: 300px; font-size: 14px; color: #646464;}
.company-list .item .right .title{ margin-bottom: 30px; font-size: 20px; color: #323232;}
.company-list .item .right .more{ margin-top: 60px; width: 155px; height: 35px; border: 1px solid #646464; text-align: center; line-height: 35px; font-size: 13px; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.company-list .item:hover .right .more{ background: #3d6faa; color: #fff; border-color: #3d6faa;}
.company-list .item:hover .right .more .ico.ico-company-more{ background-image: url(../image/ico43.png);}
.company-list .item:nth-child(even) .left{ float: right;}
.company-list .item:nth-child(even) .right{ padding: 57px 76px 0 20px;}

.company-detail .left{ float: left; margin-right: 70px; width: 430px;}
.company-detail .left .title{ position: relative; font-size: 24px; color: #323232;}
.company-detail .left .title:after{ position: absolute; content: ''; bottom: -10px; left: 0; width: 40px; height: 2px; background: #3d6faa;}
.company-detail .left .ico.ico-navigate{ margin-right: 39px; vertical-align: -5px; }
.company-detail .left .ico.ico-tels{ margin-right: 34px; vertical-align: -6px;}
.company-detail .left .ico.ico-faxs{ margin-right: 30px; vertical-align: -6px;}
.company-detail .right{ float: left; width: 700px;}
.company-detail .right img{ display: block; margin-bottom: 40px; width: 100%;}

.news-list.product-list .item{ height: 420px;}
.news-content p{ text-align: left; color: #646464;}

.user-wrap{ margin-top: 80px;}
.user-wrap .left{ float: left; width: 749px; height: 399px;}
.user-wrap .right{ float: left; padding-left: 45px; width: 451px; font-size: 20px; line-height: 36px; color: #646464;}
.user-box .left{float: left; margin-right: 65px; padding-top: 55px; width: 540px;}
.user-box .right{ float: left; width: 595px;}
.user-box .right img{ display: block; width: 100%;}
.user-wrap .right p{ margin-top: 20px; font-size: 14px; line-height: 30px; color: #555;}

.doc-list{ margin-top: 50px;}
.doc-list .item{ float: left; margin-right: 50px; margin-top: 20px; width: 575px; height: 135px; background: #f7f7f7;}
.doc-list .item:nth-child(2n+0){ margin-right: 0;}
.doc-list .item .text{ padding: 20px 0 0 25px; height: 85px; border-bottom: 1px solid #f3f3f3; font-size: 14px; color: #c3c3c3;} 
.doc-list .item .btn{ width: 100px; height: 50px; line-height: 50px; text-align: center; color: #969696; background: #ebebeb;}

.job-list .item{ margin-top: 40px; padding: 30px; background: #f7f7f7;}
.job-list .item .title{ position: relative; font-size: 20px; color: #646464;}
.job-list .item .job-content{ margin-top: 0; height: 0; color: #646464; opacity: 0; border-top: 1px solid #e6e6e6; transition: all .5s; -webkit-transition: all .5s;}
.job-list .item .job-content p{ margin-top: 10px;}
.job-list .item.open .job-content{ margin-top: 30px; height: auto; opacity: 1;}
.job-list .item.open .ico.ico-job{ background-image: url(../image/ico47.png);}
.job-wrap{ margin-top: 70px; padding: 60px 100px 100px 0; background: #f8f8f8;}
.job-wrap .form-group{ margin-bottom: 30px;}
.job-wrap .form-group .label{ margin-right: 30px; width: 187px; line-height: 40px; font-size: 16px; color: #646464; text-align: right;}
.job-wrap .form-group .label span{ display: inline-block; margin-right: 5px; color: #8a2828; vertical-align: middle;}
.job-wrap .form-group .input{ width: 440px; height: 40px; line-height: 40px; font-size: 14px; background: #ebebeb; border: none;}
.job-wrap .form-group .error{ display: none; margin-left: 20px; line-height: 40px; font-size: 14px; color: #f51f1f;}
.job-wrap .form-group .radio{ margin-right: 10px; vertical-align: -2px;}
.job-wrap .form-group label{ position: relative; top: -4px; margin-right: 20px; margin-left: 20px; }
.job-wrap .form-group .textarea{ padding: 10px; width: 440px; height: 180px; font-size: 14px; line-height: 24px; color: #646464; background: #ebebeb; border: none;}
.job-wrap .tips{ margin-left: 212px; font-size: 16px; color: #797979;}
.job-wrap .btn{margin-left: 212px; margin-top: 30px; width: 140px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #7c7c7c; color: #7c7c7c; background: transparent; cursor: pointer;}
.job-wrap .btn:hover{ background: #3d6faa; border-color: #3d6faa; color: #fff;}
.job-title{ position: relative; padding-left: 30px; padding-bottom: 10px; margin-top: 40px; font-size: 20px; text-transform: uppercase; color: #646464; border-bottom: 1px solid #dcdcdc;}
.job-title:after{ position: absolute; top: 50%; left: 0; content: ''; margin-top: -9px; width: 12px; height: 12px; background: #e60027; border-radius: 50%;}

.organize-map{ padding-top: 0; padding-bottom: 0; background: transparent;}
.organize-map .ico.ico-five{position: relative; top: -50px;}
.organize-text{ margin-top: 70px; margin-bottom: 100px; padding: 30px; font-size: 16px; color: #646464; background: #f8f8f8;}
.organize-text p{ margin-bottom: 10px; color: #646464; line-height: 32px;}

.more-btn{ display: block; width: 240px; height: 55px; border: 1px solid #3d6faa; font-size: 20px; color: #3d6faa; text-transform: uppercase; text-align: center; line-height: 55px; }
.more-btn:hover .ico.ico-more{ background-image: url(../image/ico7.png);}

.footer{ padding: 48px 0 20px; background: #e6e6e6; color: rgba(100,100,100,.5);}
.footer .left{ width: 455px; font-size: 14px;}
.footer .left .code{ margin-top: 30px; padding: 3px; width: 106px; height: 106px; background: #fff;}
.footer .left .list{ margin-top: 35px;}
.footer .left .list .item{ display: inline-block; margin-right: 65px;}
.footer .left .list .item a{ color: rgba(100,100,100,.5); }
.footer .left .list .item:last-child{ margin-right: 0;}
.footer .center{ width: 170px;}
.footer .center a{ display: block; margin-bottom: 18px; font-size: 12px; color: rgba(100,100,100,.5);}
.footer a:hover,.copyright a:hover{ color: #3d6faa;}
.footer .center.company{ padding-right: 10px; width: 240px;}
.footer .center.last{ width: auto;}
.copyright{ padding: 20px 0; background: #d3d3d3; font-size: 12px; color: rgba(100,100,100,.5); text-align: center;}
.copyright a{ color: rgba(100,100,100,.5);}

/*图片缩放*/
.enlarge img,.translation img{ transition: all .5s ease; -webkit-transition: all .5s ease;}
.enlarge:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.translation:hover img{ transform: translateY(-10px);-webkit-transform: translateY(-10px);}


/*图标*/
.ico{ display: inline-block; width:15px; height: 15px; background: url(../image/ico.png) no-repeat; background-size: 100% 100%;}
.ico.ico-en{ background-image: url(../image/ico1.png);}
.ico.ico-search-white{ width: 35px; height: 35px; background-image: url(../image/ico2.png); vertical-align: -9px !important;}
.ico.ico-search-white.grey{ background-image: url(../image/ico4.png);}
.ico.ico-next{ position: absolute; left: 50%; bottom: 40px; margin-left: -11px; width: 22px; height: 43px; background-image: url(../image/ico3.png);animation: nudgeMouse 5s ease-out infinite;-webkit-animation: nudgeMouse 5s ease-out infinite;-moz-animation: nudgeMouse 5s ease-out infinite;-o-animation: nudgeMouse 5s ease-out infinite; z-index: 1000;}
.ico.ico-play{ position: absolute; top: 50%; left: 50%; margin-top: -51px; margin-left: -51px; width: 103px; height: 103px; background-image: url(../image/ico5.png); cursor: pointer; z-index: 10;}
.ico.ico-more{  margin-left: 10px; width: 45px; height: 8px; background-image: url(../image/ico6.png); vertical-align: 4px;}
.ico.ico-see{ position: absolute; top: 40%; left: 50%; margin-top: -35px; margin-left: -35px; width: 70px; height: 70px; background-image: url(../image/ico8.png); transform: scale(.5);-webkit-transform: scale(.5); opacity: 0; transition: all .5s; -webkit-transition: all .5s;}
.ico.ico-next.current{ background-image: url(../image/ico9.png);}
.ico.ico-time{ margin-right: 10px; width: 16px; height:16px ; background-image: url(../image/ico10.png); vertical-align: -3px;}
.ico.ico-news-more{ margin-left: 10px; width: 13px; height: 13px; background-image: url(../image/ico11.png); vertical-align: -2px;}
.ico.ico-five{display: block; margin: 30px auto; width: 54px; height: 54px; background-image: url(../image/ico13.png);}
.ico.ico-location{ margin-left: 10px; width: 29px; height: 41px; background-image: url(../image/ico12.png); vertical-align: -15px;}
.ico.ico-tel{ margin-bottom: 20px; width: 40px; height: 42px; background-image: url(../image/ico14.png);}
.ico.ico-email{ margin-bottom: 10px; width: 40px; height: 31px; background-image: url(../image/ico171.png);}
.ico.ico-address{ margin-bottom: 10px; width: 35px; height: 49px; background-image: url(../image/ico16.png);}
.ico.ico-fax{ margin-bottom: 10px; width: 49px; height: 43px; background-image: url(../image/ico15.png);}
.ico.ico-search{ margin-left: 30px; width: 35px; height: 35px; background-image: url(../image/ico18.png);}
.ico.ico-play-white{ position: absolute; top: 50%; left: 50%; margin-top: -51px; margin-left: -51px; width: 103px; height: 103px; background-image: url(../image/ico24.png); cursor: pointer; z-index: 10;}
.ico.ico-footer-email{ margin-left: 15px; margin-bottom: 5px; width: 25px; height: 18px; background-image: url(../image/ico20.png);}
.ico.ico-footer-oa{ margin-left: 2px; margin-bottom: 5px; width: 25px; height: 23px; background-image: url(../image/ico21.png);}
.ico.ico-footer-contact{ margin-left: 13px; margin-bottom: 5px; width: 25px; height: 25px; background-image: url(../image/ico22.png);}
.ico.ico-qt-more{ margin-left: 5px; width: 25px; height: 8px; background-image: url(../image/ico29.png);}
.ico.ico-ueser{ width: 16px; height: 18px; background-image: url(../image/ico19.png); vertical-align: -2px;}
.ico.ico-times{ width: 16px; height: 16px; background-image: url(../image/ico31.png); vertical-align: -2px;}
.ico.ico-eye{ width: 24px; height: 16px; background-image: url(../image/ico32.png); vertical-align: -2px;}
.ico.ico-back{ margin-right: 5px; width: 25px; height: 8px; background-image: url(../image/ico33.png);}
.ico.ico-tels{ margin-top: 15px; width: 21px; height: 22px; background-image: url(../image/ico36.png);}
.ico.ico-navigate{ margin-top: 14.5px; width: 16px; height: 23px; background-image: url(../image/ico37.png);}
.ico.ico-faxs{ margin-top: 15px; width: 25px; height: 22px; background-image: url(../image/ico38.png);}
.ico.ico-company-more{ margin-left: 5px; width: 30px; height: 6px; background-image: url(../image/ico42.png); vertical-align: middle;}
.ico.ico-em{ margin-right: 31px; width: 24px; height: 18px; background-image: url(../image/ico44.png); vertical-align: -2px;}
.ico.ico-doc{ width: 29px; height: 38px; background-image: url(../image/ico45.png);}
.ico.ico-job{ position: absolute; top: -10px; right: 0; width: 24px; height: 48px; background-image: url(../image/ico46.png); cursor: pointer; transition: all .5s; -webkit-transition: all .5s;animation: nudgeMouse 5s ease-out infinite;-webkit-animation: nudgeMouse 5s ease-out infinite;-moz-animation: nudgeMouse 5s ease-out infinite;-o-animation: nudgeMouse 5s ease-out infinite;}
.ico.ico-add{ margin-top: 40px; width: 31px; height: 31px; background-image: url(../image/ico481.png); opacity: 0; transition: all .5s; -webkit-transition: all .5s;}


.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #3d6faa;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.bc-tag{ margin-top: 40px; text-align: center;}
.bc-tag .item{ display: inline-block; margin-right: 20px; width: 150px; height: 40px; line-height: 40px; font-size: 16px; background: #f0f0f0; color: #323232; cursor: pointer;}
.bc-tag .item:last-child{ margin-right: 0;}
.bc-tag .item.current,.bc-tag .item:hover{ background: #3d6faa; color: #fff;}
.bc-tag .item a{ color: #323232;}
.bc-tag .item.current a,.bc-tag .item:hover a{ color: #fff;}

.job-table{ display: table; margin-top: 70px; width: 100%; border: 1px solid #dcdcdc; border-bottom: 0; background: #f8f9fa;}
.job-table .tr .td{float: left; padding: 15px 0; padding-left: 30px; border: 1px solid #dcdcdc; border-top: 0; border-left: 0; }
.job-table .tr .td:last-child{ border-right: 0;}
.job-table .title{ color: #646464;}
.job-table .text input{ background: transparent; width: 100%; height: 100%; color: #919191;}
.job-table .td .textarea{ padding: 0 30px; width: 100%; height: 90px; background: transparent; border: none; color: #919191;}
.pl-90{ padding-left: 90px !important;}
.job-wraps .btn{ display: block; margin: 40px auto 0; width: 130px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #7f7f7f; color: #7f7f7f; background: transparent; cursor: pointer;}
.job-wraps .btn:hover{ border-color: #3d6faa; color: #fff; background: #3d6faa;}

@keyframes nudgeMouse {
	0%,
	30%,
	60%,
	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20%,
	50%,
	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

@media screen and (max-width:1700px){
}

@media screen and (max-width:1680px){
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1200px){
	
}