/*重置样式*/
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;}

/*首页导航*/
.home-head{ position: fixed; top: 0; left: 0; padding: 0 6%; width: 100%; height: 97px; font-size: 14px; color: #fff; z-index: 999;}
.home-head .logo{ margin-top: 17px; width: 217px; height: 63px;}
.home-head .text{ line-height: 97px;}
.home-head .text a{ margin-right: 40px; color: #fff;}
.home-head .text .ico{ margin-right: 10px; vertical-align: middle;}
.home-head .text .input,.public-nav .input{ padding: 0; margin-top: 28px; margin-right: 0; width: 0; height: 40px; border: none; border-bottom: 1px solid #e8e8e8; background: transparent; color: #fff; font-size: 14px; visibility: hidden; transition: all .5s;-webkit-transition:all .5s;}
.home-head .text .input::-webkit-input-placeholder{ color: #fff;}
.home-head .text .input.open,.public-nav .input.open{ margin-right: 20px; width: 300px; visibility: visible;}
.home-head .text .menu{ position: relative; width: 30px; height: 20px; cursor: pointer;}
.home-head .text .menu i{ position: absolute; top: 0; right: 0; width: 30px; height: 2px; background: #fff; transition: all .5s; -webkit-transition: all .5s;}
.home-head .text .menu i:nth-child(2){ top: 7px; width: 25px;}
.home-head .text .menu i:nth-child(3){ top: 14px; width: 20px;}
.home-head .text.current a{ color: #646464;}
.home-head .text.current .input::-webkit-input-placeholder{ color: #646464;}
.home-head .text.current .menu i{ background: #969696;}
.home-head .text.current .menu i:nth-child(2){ background: #ababab;}
.home-head .text.current .menu i:nth-child(3){ background: #c0c0c0;}
.home-side-nav{ position: fixed; top: 0; right: -50%; height: 100%; visibility: hidden; transition: all .7s; -webkit-transition: all .7s; z-index: 1000;}
.home-side-nav.open{ right: 0; visibility: visible;}
.home-side-nav .drop-frist{ position: absolute; top: 0; right: 0; width: 290px;height: 100%; background: #424242; z-index: 100;}
.home-side-nav .drop-frist .menu-close{ position: relative; margin:60px auto 100px; width: 30px; height: 20px; cursor: pointer;}
.home-side-nav .drop-frist .menu-close i{ position: absolute; top: 0; left: 0; width: 30px; height: 3px; background: #5e5e5e; border-radius: 3px; }
.home-side-nav .drop-frist .menu-close i:nth-child(1){transform: rotate(45deg);-webkit-transform:rotate(45deg);}
.home-side-nav .drop-frist .menu-close i:nth-child(2){transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}
.home-side-nav .drop-frist .menu-close:hover i{ background: #fff;}
.home-side-nav .drop-frist .side-nav .item{ position: relative; height: 60px; line-height: 60px; text-align: center; font-size: 14px;}
.home-side-nav .drop-frist .side-nav .item a{ display: block; color: #fff;}
.home-side-nav .drop-frist .side-nav .item:after{ position: absolute; top: 0; right: 0; content: ''; width: 0; height: 100%; background: #3d6faa; visibility: hidden; transition: all .3s;-webkit-transition: all .3s;}
.home-side-nav .drop-frist .side-nav .item.current:after{ width: 12px; visibility: visible;}
.home-side-nav .drop-frist .side-nav .item.current a{ color: #3d6faa;}
.home-side-nav .drop-wrap { position: absolute; top:0; right: 0; padding-top: 240px; width: 220px; height: 100%; background: #606060; text-align: center; visibility: hidden;transition: all 1s;-webkit-transition: all 1s; z-index: 10;}
.home-side-nav .drop-wrap .drop-list .item{ height: 60px; line-height: 60px;}
.home-side-nav .drop-wrap .drop-list .item a{ display: block; color: rgba(255,255,255,.6); font-size: 14px;}
.home-side-nav .drop-wrap .drop-list .item:hover{ background: #3d6faa;}
.home-side-nav .drop-wrap.open{ right: 290px; visibility: visible;}

.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; height: 100%;}
.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: 24px; font-weight: bold; color: #fff; text-transform: uppercase; opacity: 0;}

.home-two{ background: url(../img/bg7.png) no-repeat; background-size: cover;}
.home-two .content{ margin: auto; width: 1600px;}
.home-two .left{ position: relative; float: left; padding-top: 130px; width: 52%; height: 100%;}
.home-two .left .video{ width: 100%; height: 100%; object-fit: fill;}
.home-two .left .img{ position: relative; width: 580px; height: 620px; background: #f0f0f0;}
.home-two .left .img img{ position: absolute; top: 80px; left: 80px;}
.home-two .left .img .ico.ico-play{ margin-top: 29px; margin-left: 29px;}
.home-two .left img{ width: 100%; height: 100%; max-height: 100%; max-width: 100%;}
.video-popup{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10;}
.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-two .right{ position: relative; float: left; padding-top: 160px; width: 48%; height: 100%;}
.home-two .right .font{ position: absolute; left: 98px; margin-bottom: 50px; font-size: 92px; color: rgba(0,0,0,.07); text-align: right; text-transform: uppercase; letter-spacing: 3px; font-weight: bold;}
.home-two .right .right-content{ margin-top: 70px; padding: 0 100px;}
.home-two .right .right-content .title{ margin-bottom: 45px; font-size: 40px; color: #323232;}
.home-two .right .right-content .text{ margin-bottom: 30px; height: 348px; overflow: hidden;}
.home-two .right .right-content .text p{ margin-bottom: 15px; font-size: 14px; line-height: 26px;}

.home-product .item{ position: relative; float: left; width: 33.33%;}
.home-product .item .cover{ position: absolute; top: 0; left: 0; padding-top: 26%; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.64); color: #fff; font-size: 20px; opacity: 1; transition: all .5s; -webkit-transition: all .5s;}
.home-product .item .cover .title{ position: relative; font-size: 30px;}
.home-product .item .cover .title:after{ position: absolute; content: ''; bottom: -20px; left: 50%; margin-left:-15px ; width: 30px; height: 4px; background: #3d6faa;}
.home-product .item .cover .text{ margin: 35px auto 0; width: 30%;}
.home-product .item .vertical-box{ width: 100%; height: 100%;}
.home-product .item img{ display: block; vertical-align:bottom }
.home-product .item:hover .cover{opacity: 0;}
.home-product .item:hover .ico.ico-see{ top: 50%; transform: scale(1);-webkit-transform: scale(1); opacity: 1;}

.home-four{ background: url(../img/bg.jpg) no-repeat; background-size: cover;}
.home-news{ position: relative; margin: 200px auto; width: 80%;}
.home-news .item{ float: left; margin-left: 4%; width: 30%;}
.home-news .item:first-child{ margin-left: 0;}
.home-news .item .time{ margin-bottom: 50px; font-size: 14px; color: #969696;}
.home-news .item .title{ position: relative; margin-bottom: 65px; font-size: 16px; color: #323232;}
.home-news .item .title:after{ position: absolute; content: ''; bottom: -15px; left: 0; width: 30px; height: 4px; background: #323232;}
.home-news .item:hover .title:after{ background: #3d6faa;}
.home-news .item .vertical-box{ margin-bottom: 20px; width: 100%; height: 260px; overflow: hidden;}
.home-news .item .text{ margin-bottom: 50px; font-size: 14px; color: #646464; line-height: 26px;}
.home-news .item .more{ font-size: 14px; color: #808080; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.home-news .item:hover .more{ transform:translateX(10px); -webkit-transform: translateX(10px);}
.home-news-list .item{ margin-bottom: 30px; height: 195px; background: #f7f7f7; 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{ box-shadow: 0 0 10px rgba(0,0,0,.3);}


.home-five{ padding-top: 130px; background: url(../img/bg1.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(../img/bg1.png) no-repeat; background-size: 100% 100%;}
.home-five .map .item{ position:absolute; font-size: 22px;}
.home-five .map .item.one{ left: 266px; top: 289px; 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: 494px; top: 280px;}
.home-five .map .item.two .name,.home-five .map .item.five .name{ text-align: right;}
.home-five .map .item.three{ top: 100px; left: 530px;}
.home-five .map .item.four{ top: 191px; left: 837px; text-align: right;}
.home-five .map .item.five{ top: 205px; left: 855px;}
.home-five .map .item.six{ top: 160px; right: 161px;}
.home-five .map .item.five .text{ position: relative; top: -30px;}
.home-five .map .item.seven{ top: 146px; right: 178px;}
.home-five .map .item.eight{ top: 220px; left: 837px;}

.home-six{position: relative; background: url(../img/bg2.jpg) no-repeat; background-size: cover;}
.home-six .six-wrap{ position: absolute; top: 50%; left: 50%; margin-top: -394px; margin-left: -395px; width: 790px; height: 788px;}
.home-six .six-wrap .roud{ display: block; width: 100%; height: 100%; background: url(../img/bg.png) no-repeat; background-size: 100% 100%;-webkit-animation-duration: 4s; animation-duration: 4s;}
.home-six .six-wrap .six-content{ position: absolute; top: 50%; left: 50%; margin-top: -345px; margin-left: -345px; width: 690px; height: 690px;}
.home-six .six-wrap .six-content .logo{ position: absolute; top: 50%; left: 50%; margin-top: -31px; margin-left: -108px; width: 217px; height: 63px;}
.home-six .six-wrap .six-content .item{ position: absolute; text-align: center; color: #fff; font-size: 16px; line-height: 30px;}
.home-six .six-wrap .six-content .item.one{ top: 26px; left: 50%; margin-left: -107px; width: 214px;}
.home-six .six-wrap .six-content .item:after{ position: absolute; content: '';  width: 1px; height: 74px; background: #fff;}
.home-six .six-wrap .six-content .item.one:after{ bottom: -120px; left: 50%; margin-left: -.5px;}
.home-six .six-wrap .six-content .item.two{ top: 280px; right: 26px;}
.home-six .six-wrap .six-content .item.two:after{ top: 50%; left: -40px; margin-top: -.5px; width: 50px; height: 1px; background: rgba(255,255,255,.7);}
.home-six .six-wrap .six-content .item.three{ bottom: 56px; left: 50%; margin-left: -162px; width: 324px;}
.home-six .six-wrap .six-content .item.three:after{ top: -100px; left: 50%; margin-left: -.5px;}
.home-six .six-wrap .six-content .item.four{ top: 280px; left: 26px;}
.home-six .six-wrap .six-content .item.four:after{ top: 50%; right: -66px; margin-top: -.5px; width: 50px; height: 1px; background: rgba(255,255,255,.7);}

.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 .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-nav .input{ margin-top: 0; color: #646464;}
.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: 52%; height: 425px;}
.public-drop .right{ float: left; padding: 30px; width: 48%;}
.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(../img/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(../img/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(../img/ico25.png) no-repeat; background-size: 100% 100%; vertical-align: middle;}
.paging .btn.prev:hover{ background-image: url(../img/ico26.png);}
.paging .btn.prev{ margin-right: 50px;}
.paging .btn.next{ margin-left: 50px; background-image: url(../img/ico27.png);}
.paging .btn.next:hover{ background-image: url(../img/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(../img/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 .left-text{ padding: 50px 60px 0 20%;}
.about-content .left .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 20% 60px 100px;}
.about-content .right img{vertical-align: top;}
.about-case{ padding: 46px 0; width: 100%; height: 567px; background: url(../img/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: 235px; 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: 280px; height: 94px; border: 3px solid #3d6faa;}
.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(../img/ico39.png);}
.contact-list .item:hover .dot .ico.ico-navigate{ background-image: url(../img/ico40.png);}
.contact-list .item:hover .dot .ico.ico-faxs{ background-image: url(../img/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(../img/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;  padding:48px 20px; margin-right: 50px; margin-top: 20px; width: 575px; height: 135px;font-size: 14px; color: #c3c3c3; background: #f7f7f7;}
.doc-list .item:nth-child(2n+0){ margin-right: 0;}
.doc-list .item .btn{ width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #3d6faa; border-radius: 10px;}

.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(../img/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; 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; 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(../img/ico7.png);}

.footer{ padding: 48px 0 20px; background: #e6e6e6; color: rgba(100,100,100,.5);}
.footer .left{ width: 490px; font-size: 14px;}
.footer .left .code{ margin-top: 30px; margin-left: 110px; 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{ width: 275px;}
.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(../img/ico.png) no-repeat; background-size: 100% 100%;}
.ico.ico-en{ background-image: url(../img/ico1.png);}
.ico.ico-search-white{ width: 35px; height: 35px; background-image: url(../img/ico2.png); vertical-align: -9px !important;}
.ico.ico-search-white.grey{ background-image: url(../img/ico4.png);}
.ico.ico-next{ position: absolute; left: 50%; bottom: 40px; margin-left: -11px; width: 22px; height: 43px; background-image: url(../img/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(../img/ico5.png); cursor: pointer; z-index: 10;}
.ico.ico-more{  margin-left: 10px; width: 45px; height: 8px; background-image: url(../img/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(../img/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(../img/ico9.png);}
.ico.ico-time{ margin-right: 10px; width: 16px; height:16px ; background-image: url(../img/ico10.png); vertical-align: -3px;}
.ico.ico-news-more{ margin-left: 10px; width: 13px; height: 13px; background-image: url(../img/ico11.png); vertical-align: -2px;}
.ico.ico-five{display: block; margin: 30px auto; width: 54px; height: 54px; background-image: url(../img/ico13.png);}
.ico.ico-location{ margin-left: 10px; width: 29px; height: 41px; background-image: url(../img/ico12.png); vertical-align: -15px;}
.ico.ico-tel{ margin-bottom: 20px; width: 40px; height: 31px; background-image: url(../img/ico48.png);}
.ico.ico-email{ margin-bottom: 10px; width: 47px; height: 43px; background-image: url(../img/ico17.png);}
.ico.ico-address{ margin-bottom: 10px; width: 35px; height: 49px; background-image: url(../img/ico16.png);}
.ico.ico-fax{ margin-bottom: 10px; width: 49px; height: 43px; background-image: url(../img/ico15.png);}
.ico.ico-search{ margin-left: 30px; width: 35px; height: 35px; background-image: url(../img/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(../img/ico24.png); cursor: pointer; z-index: 10;}
.ico.ico-footer-email{ margin-left: 15px; margin-bottom: 5px; width: 25px; height: 18px; background-image: url(../img/ico20.png);}
.ico.ico-footer-oa{ margin-left: 13px; margin-bottom: 5px; width: 25px; height: 23px; background-image: url(../img/ico21.png);}
.ico.ico-footer-contact{ margin-left: 13px; margin-bottom: 5px; width: 25px; height: 25px; background-image: url(../img/ico22.png);}
.ico.ico-qt-more{ margin-left: 5px; width: 25px; height: 8px; background-image: url(../img/ico29.png);}
.ico.ico-ueser{ width: 16px; height: 18px; background-image: url(../img/ico19.png); vertical-align: -2px;}
.ico.ico-times{ width: 16px; height: 16px; background-image: url(../img/ico31.png); vertical-align: -2px;}
.ico.ico-eye{ width: 24px; height: 16px; background-image: url(../img/ico32.png); vertical-align: -2px;}
.ico.ico-back{ margin-right: 5px; width: 25px; height: 8px; background-image: url(../img/ico33.png);}
.ico.ico-tels{ margin-top: 15px; width: 21px; height: 22px; background-image: url(../img/ico36.png);}
.ico.ico-navigate{ margin-top: 14.5px; width: 16px; height: 23px; background-image: url(../img/ico37.png);}
.ico.ico-faxs{ margin-top: 15px; width: 25px; height: 22px; background-image: url(../img/ico38.png);}
.ico.ico-company-more{ margin-left: 5px; width: 30px; height: 6px; background-image: url(../img/ico42.png); vertical-align: middle;}
.ico.ico-em{ margin-right: 31px; width: 24px; height: 18px; background-image: url(../img/ico44.png); vertical-align: -2px;}
.ico.ico-doc{ width: 29px; height: 38px; background-image: url(../img/ico45.png);}
.ico.ico-job{ position: absolute; top: -10px; right: 0; width: 24px; height: 48px; background-image: url(../img/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;}

.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: 120px; 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:1600px){
	.home-two .content{ width: 1500px;}
}

@media screen and (max-width:1680px){
	.home-two .right{ padding-top: 140px;}
	.home-two .right .right-content .text{ margin-bottom: 30px;}
	.home-product .item .cover{ padding-top: 30%;}
}
@media screen and (max-width:1500px){
	.home-two .right .right-content{ padding: 0 50px;}
	.home-product .item .cover{ padding-top: 35%;}
	.about-content .right img{ width: 100%;}
	.home-two .content{ width: 1400px;}
	.home-two .right .font{ left: 50px;}
}

@media screen and (max-width:1400px){
	.home-two .content{ width: 1200px;}
	.home-two .left .img{ width: 490px; height: 540px;}
	.home-two .right .right-content .text{ height: 296px;}
	.home-product .item .cover .title{ font-size: 24px;}
	.home-product .item .cover{ padding-top: 44%; font-size: 18px;}
	.home-news .item .vertical-box{ height: 200px;}
	.home-two .left .img{ width: 430px; height: 450px;}
	.home-two .left .img .ico.ico-play{ margin-left: -22px; margin-top: -22px;}
	.home-two .left .img img{ top: 30px; left: 30px;}
	.home-two .right .font{ font-size: 80px;}
	.home-two .right .right-content{ margin-top: 62px;}
	.home-two .right .right-content .title{ margin-bottom: 24px; font-size: 38px;}
	.home-two .right .right-content .text{ height: 200px;}
	.home-news{margin: 150px auto;}
	.home-news .item .time{ margin-bottom: 24px;}
	.home-news .item .text{ margin-bottom: 30px;}
	.home-five{ padding-top: 80px;}
	.home-five .map{ margin: auto; width: 80%; height: 400px;}
	.home-five .map .item{ font-size: 20px;}
	.home-five .map .item .text{ font-size: 18px;}
	.home-five .map .item .text .font{ font-size: 40px;}
	.home-five .map .item.one{ top: 175px; left: 194px;}
	.home-five .map .item.two{ top: 167px; left: 384px;}
	.home-five .map .item.three{ top: 53px; left: 413px;}
	.home-five .map .item.four{ top: 107px; left: 653px;}
	.home-five .map .item.five{ top: 122px; left: 673px;}
	.home-five .map .item.five .text{ top: -20px;}
	.home-five .map .item.six{ top: 95px; right: 128px;}
	.home-six .six-wrap{ margin-left: -330px; margin-top: -330px; width: 660px; height: 660px;}
	.home-six .six-wrap .six-content{ margin-top: -320px; margin-left: -320px; width: 640px; height: 640px;}
	.ico.ico-tel,.ico.ico-address{ margin-bottom: 0;}
	.home-six .six-wrap .six-content .item.one{ top: 60px;}
	.home-six .six-wrap .six-content .item.one:after{bottom: -87px;}
	.home-six .six-wrap .six-content .item.four{ top: 260px; left: 56px;}
	.home-six .six-wrap .six-content .item.four:after{ right: -34px;}
	.home-six .six-wrap .six-content .item.three{ bottom: 78px;}
	.home-six .six-wrap .six-content .item.three:after{ top: -84px;}
	.home-six .six-wrap .six-content .item.two{ top: 260px; right: 46px;}
	.home-six .six-wrap .six-content .item.two:after{ left: -12px;}
	.home-side-nav .drop-wrap{ padding-top: 100px;}
	.home-five .map .item.seven{ top: 83px; right: 131px;}
}
