/*header*/
.header {position:fixed;width:100%;left:0;top:45px;z-index:80;padding:0 75px;transition:all .4s}
.header .logo {float:left}
.header .logo a {float:left;position:relative;}
.header .logo a .logo2 {position:absolute;top:0;left:0;opacity:0;}
.header .logo .stock {float:left;margin-left:30px;padding:2px 0 2px 25px;border-left:1px solid #959595;}
.header .logo .stock em {display:block;font-size:1.3rem;color:#a3a3a3;font-family:"SimHei"}
.header .logo .stock span {font-size:1.8rem;color:#FFF;}
.header .navlist {float:right;text-align:right;}
.header .navlist li {padding:0 25px;display:inline-block;text-align:center;line-height:48px;}
.header .navlist li>a {font-size:1.4rem;color:#FFF;font-family:"SimHei";line-height:48px;position:relative;padding:0 20px;display:block;}
.header .navlist li>a.nav_li:after {content:'';width:0;height:2px;background:#21558a;position:absolute;bottom:0;left:50%;transition:all .36s;opacity:0}

.header .navlist li.langs>a {border:1px solid #deddde;border-radius:3px;width:20px;height:16px;line-height:16px;display:block;font-size:1.3rem;position:relative;padding:0}
.header .navlist li.langs>a:after {content:'';width:22px;height:18px;position:absolute;background:url(../images/icon0.png) 0 0 no-repeat;top:-4px;left:0}

/*涓嬫媺瀵艰埅*/
.header .navlist li .down_nav {position:absolute;padding:35px 75px 15px;background:#FFF;top:48px;left:0;transition:none;display:none;width:100%;text-align:center;}
.header .navlist li .down_nav>div {display:inline-block;}
.header .navlist li .down_nav .title {font-size:1.8rem;color:#141414;float:left;line-height:48px;margin-right:20px;}
.header .navlist li .down_nav .title i {font-size:1.4rem;padding-left:10px;}

.header .navlist li .down_nav dl {margin:0;float:left;height:48px;}
.header .navlist li .down_nav dl dd {display:inline-block;text-align:left;margin:0 35px;line-height:48px;}
.header .navlist li .down_nav dl dd a {display:block;font-size:1.4rem;color:#666;padding:0 3px;position:relative;}
.header .navlist li .down_nav dl dd a:after {content:'';width:0;height:1px;background:#21558a;transition:all .3s;position:absolute;bottom:0;left:50%;opacity:0}
.header .navlist li .down_nav dl dd a:hover:after{width:100%;left:0;opacity:1}
.header .navlist li .down_nav dl dd a:hover {color:#21558a}
/**/

.is_header {background:#eee;box-shadow:0 6px 15px rgba(0,0,0,0.1);top:0;padding:15px 75px}
.is_header .logo a .logo2 {opacity:1}
.is_header .logo a .logo1 {opacity:0}
.is_header .logo .stock span {color:#3a3a3a}
.is_header .navlist li>a {color:#242424}
.is_header .navlist li:hover>a.nav_li,.page_header .navlist li.active>a.nav_li,.page_header .navlist li:hover>a.nav_li{color:#21558a}
.is_header .navlist li:hover>a.nav_li:after,.page_header .navlist li.active>a.nav_li:after,.page_header .navlist li:hover>a.nav_li:after {width:100%;opacity:1;left:0}

.is_header .navlist li.langs>a {border-color:#2e2e2e;}
.is_header .navlist li.langs>a:after {background:url(../images/icon1.png) 0 0 no-repeat;}
.is_header .navlist li .down_nav,.page_header .navlist li .down_nav {top:64px}
/*banner*/
.tem_banner {position:relative}
.tem_banner>div {position:fixed;}
.tem_banner>div.swiper-container {width:100%;height:100%;top:0;left:0}
.tem_banner .swiper-slide {background:#000;}
.tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;}
.tem_banner .ban_text {position:absolute;width:100%;padding:0 15px;max-width:1200px;margin:0 auto;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition: all .36s;}
.tem_banner .ban_text em {font-size:1.4rem;color:#FFF;text-transform:uppercase;opacity:0;transform:translateY(25px);transition:all .6s;display:inline-block}
.tem_banner .ban_text h1 {font-size:4.8rem;color:#FFF;font-weight:bold;margin:20px 0 30px;opacity:0;transform:translateY(25px);transition:all .6s}
.tem_banner .ban_text p {font-size:2.2rem;color:#FFF;margin:0;opacity:0;transform:translateY(25px);transition:all .6s}
.tem_banner .ban_text a {display:inline-block;margin:118px 0 0;padding:15px 55px;border:1px solid #FFF;font-size:1.4rem;color:#FFF;transition:all .6s;transform:translateY(25px);opacity:0}

.tem_banner .swiper-slide.swiper-slide-active .ban_text em {opacity:1;transform:none;transition-delay:.3s}
.tem_banner .swiper-slide.swiper-slide-active .ban_text h1 {opacity:1;transform:none;transition-delay:.5s}
.tem_banner .swiper-slide.swiper-slide-active .ban_text p {opacity:1;transform:none;transition-delay:.7s}
.tem_banner .swiper-slide.swiper-slide-active .ban_text a {opacity:1;transform:none;transition-delay:.9s}

.tem_banner .swiper-page {right:15%;bottom:30%;z-index:1}
.tem_banner .swiper-page>div {outline:none;width:auto;display:inline-block;margin:0 13px;font-size:1.8rem;color:#FFF}
.tem_banner .swiper-page>div span.swiper-pagination-current {font-size:2.4rem}

.scroll_box {width:100%;max-width:1200px;bottom:65px;left:50%;transform:translateX(-50%);z-index:1;transition:none;}
.scroll_box span {font-size:1.4rem;color:#FFF;cursor:pointer}
.scroll_box span i {font-size:1.8rem;padding-left:10px}
/*浜у搧鍒嗙被*/
.tem_main {position:relative;background:#FFF;z-index:1}

.tem_product {padding:125px 0 0;}
.tem_product .title {margin:0 0 50px;}
.tem_product .title h1 {float:left;font-size:1.8rem;color:#3a3a3a;}
.tem_product .title a.more {float:right;font-size:1.4rem;color:#868686}
.tem_product .title a.more i {padding-left:10px;}
.tem_product .swiper-slide a {display:block;position:relative}
.tem_product .swiper-slide .img {overflow:hidden}
.tem_product .swiper-slide .text {position:absolute;top:25px;left:25px;}
.tem_product .swiper-slide .text h2 {font-size:1.4rem;color:#000}
.tem_product .swiper-slide .text p {font-size:1.4rem;color:#b7b7b7}
.tem_product .swiper-slide em {position:absolute;bottom:25px;left:25px;font-size:1.4rem;color:#767676}
.tem_product .swiper-slide a:hover img {transform:scale(1.1)}

.other_pronav {margin:105px 0 0;}
.other_pronav>div {padding:0}
.other_pronav>div a {display:block;overflow:hidden;position:relative;}
.other_pronav>div a .info {position:absolute;bottom:25%;left:0;width:100%;text-align:center;}
.other_pronav>div a .info h2 {font-size:2.6rem;color:#000;margin:0 0 10px;}
.other_pronav>div a .info p {font-size:1.4rem;color:#252525;margin:0}
.other_pronav>div:last-child a .info h2 {color:#ccc} 
.other_pronav>div:last-child a  .info p {color:#9b9b9b}
.other_pronav>div a .more {position:absolute;right:56px;bottom:0;line-height:56px;}
.other_pronav>div a .more span {opacity:0;transform:translateX(25px);background:#21558a;color:#FFF;text-transform:uppercase;padding:0 25px;display:inline-block}
.other_pronav>div a .more:after {content:'+';font-size:2.5rem;color:#535353;background:#d2d2d2;width:56px;height:56px;position:absolute;right:-56px;top:0;text-align:center;transition:all .36s}
.other_pronav>div a:hover .more span {transform:none;opacity:1}
.other_pronav>div a:hover .more:after {background:#21558a;color:#FFF}
/*浼佷笟浠嬬粛*/
.tem_about {background:#f6f6f6;padding:175px 0 95px;}
.tem_about>div>div {padding:0}
.tem_about>div>div:last-child {padding-left:45px;}
.tem_about h1 {font-size:3rem;color:#232323;font-weight:bold;text-transform:capitalize;margin:0 0 20px;}
.tem_about .editor {font-size:1.4rem;color:#868686;line-height:1.6;margin:0 0 75px;}
.tem_about a.more {font-size:1.4rem;color:#2d2d2d;font-weight:bold;text-transform:uppercase;letter-spacing:5px;padding:15px;border:1px solid #959595;display:inline-block;}
.tem_about .col-xs-6 {padding:0 0 0 8px;margin:0 0 10px;}
.tem_about .col-xs-6 a {display:block;overflow:hidden;position:relative;}
.tem_about .col-xs-6 a .more {position:absolute;right:48px;bottom:0;line-height:48px;}
.tem_about .col-xs-6 a .more span {opacity:0;transform:translateX(25px);background:#313131;color:#FFF;text-transform:uppercase;padding:0 25px;display:inline-block;font-size:1.4rem;color:#c1c1c1}
.tem_about .col-xs-6 a .more:after {content:'+';font-size:2.5rem;color:#dcdcdc;background:#313131;width:48px;height:48px;position:absolute;right:-48px;top:0;text-align:center;transition:all .36s}
.tem_about .col-xs-6 a:hover .more span {transform:none;opacity:1}
.tem_about .col-xs-6 a .info {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;padding:0 22px;}
.tem_about .col-xs-6 a .info h2 {font-size:1.8rem;color:#FFF;margin:0 0 15px;padding:0 0 10px;border-bottom:1px solid #54799f;transform:translateY(-25px);opacity:0}
.tem_about .col-xs-6 a .info p {font-size:1.4rem;color:#78a2cd;line-height:1.8;margin:0;transform:translateY(25px);opacity:0}
.tem_about .col-xs-6 a:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(9,52,96,.8);opacity:0;transition:all .3s}

.tem_about .col-xs-6 a:hover .info h2 {opacity:1;transform:none;transition-delay:.3s}
.tem_about .col-xs-6 a:hover .info p {opacity:1;transform:none;transition-delay:.3s}
.tem_about .col-xs-6 a:hover:before {opacity:1}
/*鏂伴椈璧勮*/
.tem_news {background:#f6f6f6;position:relative}
.tem_news .title {font-size:3.8rem;color:#232323;font-weight:bold;margin:0 0 45px;}
.tem_news .swiper-slide a{display:block;overflow:hidden;padding:35px 50px;position:relative;background:#FFF}
.tem_news .swiper-slide a .img {position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;}
.tem_news .swiper-slide a .img:after {content:'';width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0}
.tem_news .swiper-slide a .text {position:relative;z-index:1}
.tem_news .swiper-slide a .text>span {display:inline-block;font-size:1.4rem;color:#d6d6d6;padding:10px 25px;background:#21558a}
.tem_news .swiper-slide a .text>p.title {font-size:1.8rem;color:#000;margin:40px 0 10px;}
.tem_news .swiper-slide a .text>.info {font-size:1.4rem;color:#868686}
.tem_news .swiper-slide a .text>.info em {padding-right:30px;}
.tem_news .swiper-slide a .text>.info em:last-child {padding-left:22px;background:url(../images/icon2.png) 0 center no-repeat;}
.tem_news .swiper-slide a.on {background:none;}

.tem_news .swiper-slide a:hover .img{opacity:1}
.tem_news .swiper-slide a:hover .text>p.title {color:#FFF}
.tem_news .swiper-slide a:hover .text>.info em {color:#b8b8b8}
.tem_news .slide-pagination {position:absolute;right:10px;top:30px;z-index:1}
.tem_news .slide-pagination>span {width:8px;height:8px;border-radius:100%;background:#bfbfbf;outline:none;margin:0 4px;opacity:1;}
.tem_news .slide-pagination>span.swiper-pagination-bullet-active {background:#21558a}
/*鍚堜綔浼欎即*/
.tem_partner {padding:100px 0 130px;background:#f6f6f6}
.tem_partner h1 {font-size:3rem;color:#232323;font-weight:bold;text-transform:capitalize;margin:0 0 15px;}
.tem_partner p {font-size:1.4rem;color:#868686;margin:0}
.tem_partner .lists {margin:55px 0 0;position:relative;}
.tem_partner .swiper-container {background:#FFF;padding:60px 0}
.tem_partner .swiper-slide {text-align:center;}
.tem_partner .swiper-slide .item {line-height:75px;border-right:1px solid #e5e5e5;overflow:hidden;padding:0 15px;}
.tem_partner .swiper-slide .item img {max-height:75px;}
.tem_partner .slide-pagination {margin:35px 0 0;text-align:center;}
.tem_partner .slide-pagination>span {width:8px;height:8px;background:#bfbfbf;margin:0 4px;border-radius:100%;opacity:1}
.tem_partner .slide-pagination>span.swiper-pagination-bullet-active {background:#21558a}
.tem_partner .swiper-slide .item:hover img {transform:scale(1.1)}
/*搴曢儴*/
.footer {background:#313131;}
.f-width {width:100%;margin:0 auto;max-width:1600px;}
.footer .f-logo {padding:45px 0 15px;border-bottom:1px solid #4c4c4c}
.footer .f-logo .logo {float:left;}
.footer .f-logo .f-back {float:right;font-size:1.4rem;color:#a6a6a6;padding-top:15px;cursor:pointer;}
.footer .f-logo .f-back  i {width:22px;height:22px;display:inline-block;border:1px solid #707070;line-height:22px;text-align:center;margin-left:15px;font-size:1.4rem;color:#FFF}
.f-navlist {padding:40px 0 90px;}
.f-navlist>div{padding:0}
.f-navlist .navlists dl{display:inline-table;padding-right:90px;margin:0;padding-bottom:0}
.f-navlist .navlists dl:last-child {padding-right:0}
.f-navlist .navlists dt {margin:0 0 20px;}
.f-navlist .navlists dt a {font-size:1.4rem;color:#FFF}
.f-navlist .navlists dd {margin:0 0 15px;}
.f-navlist .navlists dd a {font-size:1.4rem;color:#868686;}
.copybox {background:#2d2d2f;padding:36px 0;font-size:1.4rem;color:#878787}
.copybox .copy {float:left;}
.copybox .supperch {float:right;}
.copybox .supperch a {font-size:1.4rem;color:#878787}
/*-about us-*/
.page_body .st-pusher {background:#eee}

.page_header {background:#eee;top:0;padding:15px 75px}
.page_header .logo a .logo2 {opacity:1}
.page_header .logo a .logo1 {opacity:0}
.page_header .logo .stock span {color:#3a3a3a}
.page_header .navlist li a {color:#242424}
.page_header .navlist li.langs a {border-color:#2e2e2e;}
.page_header .navlist li.langs a:after {background:url(../images/icon1.png) 0 0 no-repeat;}
.is_page_header {box-shadow:0 6px 15px rgba(0,0,0,0.1);}

.page_bnnaer {position:relative;width:100%;max-width:1600px;margin:0 auto;padding:99px 0 0}
.page_bnnaer .title {position:absolute;top:50%;left:0;width:100%;z-index:1;font-size:4.2rem;color:#FFF;font-weight:bold;text-transform:capitalize;text-align:center;}

.company {padding:120px 0 0;position:relative}
.about_box h1 {font-size:4.2rem;color:#323232;font-weight:bold;margin:0 0 45px; text-transform:capitalize}
.company .editor .text {font-size:1.4rem;color:#404040;line-height:2;position:relative}
.company .editor .text>div{padding:0;}
.company .editor .text>div:first-child {padding-right:90px}
.company .editor .text .item {float:left;width:50%;padding:75px 0 75px 35px;border:1px solid #dbdbdb}
.company .editor .text .item:after {content:'';display:block;clear:both}
.company .editor .text .item p ,.company .editor .text .item .title{float:left;margin:0;}
.company .editor .text .item .title>em{font-size:1.4rem;color:#636363;display:block}
.company .editor .text .item .title>p {font-size:2rem;color:#323232;margin:0}
.company .editor .text .item .title{padding-left:20px;}
.company .editor .text .item>p {transform:translateY(8px)}
.company .editor .text .item:first-child{border-top:0;border-left:0}
.company .editor .text .item:first-child+.item {border-right:0;border-top:0;border-left:0}
.company .editor .text .item:first-child+div+div {border-top:0;border-left:0;border-bottom:0}
.company .editor .text .item:first-child+div+div+div {border:0}
.company .editor .text>div:last-child {position:absolute;top:50%;right:0;transform:translateY(-50%)}
.company .editor .img{margin:70px 0 0;}
.company .editor .img>p {float:left;text-align:center;width:33.33333%;padding:0 10px;margin:0;font-size:1.4rem;color:#000;}
.company .editor .img:after {content:'';display:block;clear:both}
.company .editor .img>p  em {margin:15px 0 0;display:inline-block;}

.culture {padding:145px 0 0}
.culture .editor {font-size:1.4rem;color:#323232;line-height:1.6}

.honor {padding:145px 0 0;}
.honor .lists {position:relative}
.honor .swiper-slide a{display:block;overflow:hidden;text-align:center;}
.honor .swiper-slide a:hover img {transform:scale(1.1)}
.honor .swiper-page {margin:40px 0 0;text-align:center;}
.honor .swiper-page>div {outline:none;display:inline-block;margin:0 6px;width:auto;font-size:1.4rem;color:#6e6e6e}
.honor .swiper-page>div.slide-button-next,.honor .swiper-page>div.slide-button-prev {width:26px;height:26px;border:1px solid #969696;border-radius:100%;line-height:26px;text-align:center;font-size:1.4rem;color:#595959}
.honor .swiper-page>div span.swiper-pagination-current {font-size:1.8rem;color:#000}

.speech {padding:115px 0 0;}
.speech .editor {font-size:1.4rem;color:#323232;line-height:1.8;text-align:justify;}
.speech .editor>div {padding:0}
.speech .editor>div:first-child {padding-right:60px;}

.partner {padding:140px 0 150px;}
.partner h1 {margin:0 0 10px;}
.partner .slogan {font-size:1.4rem;color:#868686;margin:0 0 55px;}
.partner .lists {position:relative;}
.partner .swiper-container {background:#FFF;padding:25px 0}
.partner .swiper-slide {text-align:center;}
.partner .swiper-slide .item {line-height:75px;border-right:1px solid #e5e5e5;overflow:hidden;margin:40px 0}
.partner .swiper-slide .item img {max-height:75px;}
.partner .swiper-container:before {content:'';width:92%;height:1px;background:#e5e5e5;position:absolute;left:4%;top:50%;}
.partner .swiper-container:after {content:'';width:1px;height:100%;background:#FFF;position:absolute;right:0;top:0;z-index:1}
.partner .swiper-slide .item:hover img {transform:scale(1.1)}

.device {padding:145px 0 55px;}
.device .lists {position:relative}
.device .swiper-slide a{display:block;overflow:hidden;text-align:center;}
.device .swiper-slide a:hover img {transform:scale(1.1)}
.device .swiper-page {margin:40px 0 0;text-align:center;}
.device .swiper-page>div {outline:none;display:inline-block;margin:0 6px;width:auto;font-size:1.4rem;color:#6e6e6e}
.device .swiper-page>div.slide-button-next,.device .swiper-page>div.slide-button-prev {width:26px;height:26px;border:1px solid #969696;border-radius:100%;line-height:26px;text-align:center;font-size:1.4rem;color:#595959}
.device .swiper-page>div span.swiper-pagination-current {font-size:1.8rem;color:#000}
/*浜у搧涓績*/
.product_box {width:100%;max-width:1600px;margin:0 auto;position:relative;padding:99px 0 0}
.product_box>div {margin:0 0 60px;position:relative}
.product_box>div .img {position:relative;}
.product_box>div .img .title {position:absolute;top:50%;left:50%;width:100%;max-width:1200px;transform:translateX(-50%) translateY(-50%);}
.product_box>div .img .title p {font-size:2.4rem;color:#FFF;text-transform:uppercase;}
.product_box>div .img .title h1 {font-size:3.6rem;color:#FFF;}
.product_box>div .pro_nav {background:#21558a;padding:20px 0;}
.product_box>div .pro_nav ul {width:100%;max-width:1200px;margin:0 auto;display:block;}
.product_box>div .pro_nav li {float:left;width:12.5%;text-align:center;padding:10px 0}
.product_box>div .pro_nav li a {font-size:1.4rem;color:#9bb4cd;}
.product_box>div .pro_nav li#current a ,.product_box>div .pro_nav li a:hover{color:#FFF}

.product_lists,.proboxlist {padding:45px 0 0;}
.product_lists li,.proboxlist li {padding:0 5px;margin:0 0 25px;}
.product_lists li a ,.proboxlist li a{display:block;overflow:hidden;}
.product_lists li  img,.proboxlist li img {-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.product_lists li .img ,.proboxlist li .img{overflow:hidden}
.product_lists li p,.proboxlist li p {background:#FFF;font-size:1.4rem;color:#000;line-height:65px;text-align:center;}
.product_lists li a:hover img ,.proboxlist li a:hover img {transform:scale(1.1)}
/*浜у搧鍐呴〉*/
.product_show {padding:99px 0 0;}
.product_show .imgshow {position:relative;}
.product_show .imgshow .slide-pagination {position:absolute;z-index:1;bottom:50px;left:0;width:100%;text-align:center;}
.product_show .imgshow .slide-pagination>span {width:13px;height:13px;background:#eee;margin:0 6px;opacity:1;border-radius:0}
.product_show .imgshow .slide-pagination>span.swiper-pagination-bullet-active {background:#21558a}

.product_show .imgshow .text_info {position:absolute;top:50%;left:50px;transform:translateY(-50%);z-index:1;text-shadow:0 0 10px rgba(0,0,0,0.1)}
.product_show .imgshow .text_info h1 {font-size:4.8rem;color:#FFF;font-weight:bold;text-transform:uppercase}
.product_show .imgshow .text_info p {font-size:1.8rem;color:#FFF;margin:5px 0 0}
.product_show .imgshow .back_prev {position:absolute;top:75px;left:50px;z-index:1;}
.product_show .imgshow .back_prev a {font-size:1.4rem;color:#FFF;}
.product_show .imgshow .back_prev i {width:40px;height:40px;border:1px solid #FFF;border-radius:100%;line-height:40px;text-align:center;margin-right:15px}
.product_show .imgshow .back_prev a:hover i {margin-right:25px;}

.product_main {margin:25px 0 0;padding:40px 55px 35px;background:#FFF}
.product_main h1 {font-size:1.8rem;color:#010101;margin:0 0 55px;}
.product_main .lists>div {padding:0 72px 0 0}
.product_main .lists .item {border-bottom:1px solid #e5e5e5;padding:0 0 20px;margin:0 0 25px;font-size:1.4rem;color:#868686}

.other_product {padding:50px 0 100px;}
.other_product h1 {font-size:1.8rem;color:#010101;margin:0 0 40px;padding:0 60px;}
.other_product .lists {position:relative;}
.other_product .swiper-slide a{display:block;overflow:hidden;position:relative}
.other_product .swiper-slide p {position:absolute;bottom:-100%;left:0;width:100%;font-size:1.8rem;color:#FFF;text-align:center;margin:0;background:url(../images/icon3.png) center bottom no-repeat;min-height:94px;line-height:100px;z-index:1;opacity:0}
.other_product .swiper-slide a:hover img {transform:scale(1.1)}
.other_product .swiper-slide a:hover p {bottom:0;opacity:1}

.other_product .swiper-page>div {position:absolute;z-index:1;width:36px;height:86px;top:50%;transform:translateY(-50%);line-height:86px;text-align:center;background:rgba(0,0,0,0.1);outline:none;left:0;font-size:1.6rem;color:#FFF}
.other_product .swiper-page>div.slide-button-next {left:auto;right:0}
.other_product .swiper-page>div:hover {background:rgba(0,0,0,0.5)}
/*鏂伴椈涓績*/
.news_box {padding:80px 0 125px;}
.news_box>div>div{padding:0}
.news_lists {}
.news_lists li {margin:0 0 50px;}
.news_lists li .text {margin:0 0 20px;background:#FFF;}
.news_lists li  .text a {display:block;padding:30px 35px;}
.news_lists li  .text  span {font-size:1.4rem;color:#d6d6d6;padding:10px 30px;background:#21558a}
.news_lists li  .text p.title {margin:32px 0 15px;font-size:1.8rem;color:#000}
.news_lists li  .text p.desc {font-size:1.4rem;color:#868686;}
.news_lists li  .text .click_info {margin:40px 0 0;font-size:1.4rem;color:#b8b8b8}
.news_lists li  .text .click_info em {padding-right:25px;}
.news_lists li  .text .click_info em:last-child {padding-left:20px;background:url(../images/icon2.png) 0 center no-repeat;}
.news_lists li .img {text-align:center;overflow:hidden;}
.news_lists li .img span img{margin:0 auto;-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.news_lists li:hover img {transform:scale(0.95)}

.news_box>div>div:first-child {padding-right:65px}
.news_column {padding:60px 50px 80px;background:#FFF}
.news_column h1 {font-size:3rem;color:#000;margin:0 0 45px;}
.news_column li {position:relative;}
.news_column li a {font-size:1.4rem;color:#616161;display:block;text-indent:25px;padding:15px 0}
.news_column li a:after {content:'';width:100%;height:1px;background:#ececec;position:absolute;bottom:0;left:0;transition:all .3s}
.news_column li.on a:after,.news_column li a:hover:after{background:#21558a;}
.news_column li.on a,.news_column li a:hover {color:#21558a}
.on_n_col {position:fixed;top:110px;z-index:2}

.nycontainer {padding:99px 0 0}
/*绉戞妧鍒涙柊*/
.img_box {}
.innovation {width:100%;max-width:1600px;margin:0 auto;padding:115px 0 140px;}
.innovation .editor {font-size:1.4rem;color:#868686;line-height:1.8;text-align:center;}
.innovation .editor h2 {font-size:2.4rem;color:#000;margin:0 0 25px;}
.innovation .lists {position:relative;margin:80px 0 0;}
.innovation .swiper-slide a{display:block;overflow:hidden;}
.innovation .swiper-slide a:hover img {transform:scale(1.1)}

.innovation .swiper-page {text-align:center;margin:60px 0 0;}
.innovation .swiper-page>div {display:inline-block;width:auto;outline:none;margin:0 6px;}
.innovation .swiper-page>div.slide-button-prev,.innovation .swiper-page>div.slide-button-next {width:26px;height:26px;border:1px solid #989898;border-radius:100%;line-height:26px;text-align:center;font-size:1.4rem;color:#595959}
.innovation .swiper-page>div span{font-size:1.4rem;color:#6e6e6e;}
.innovation .swiper-page>div span.swiper-pagination-current {font-size:1.8rem;color:#000}

.certificate {background:#FFF;padding:105px 0 80px;}
.certificate h1 {font-size:3rem;color:#000;padding:0 0 15px;margin:0 0 40px;border-bottom:1px solid #e5e5e5}
.certificate .swiper-slide a{display:block;overflow:hidden}
.certificate .swiper-slide a:hover img {transform:scale(1.1)}
/*鑱旂郴鎴戜滑*/
.contact_box {padding:0 0 165px;}
.contact_box .c-info {padding:100px 0 0}
.contact_box .c-info>div {padding:0}
.contact_box .c-info>div h1 {font-size:3.6rem;color:#000;margin:0 0 55px;}
.contact_box .c-info>div p {font-size:1.8rem;color:#000;margin:0}
.contact_box .c-info>div p:last-child {margin:20px 0 0;}
.contact_box .c-info>div p span {font-size:1.4rem;color:#000;padding-right:25px;}
.contact_box .c-info .map {position:relative;z-index:1;border:1px solid #e5e5e5}

.big_info {padding:160px 0 125px;position:relative;}
.big_info>ul>li {float:left;margin-right:9px;}
.big_info>ul>li a{display:block;width:400px;height:80px;line-height:80px;text-align:center;font-size:1.8rem;color:#000;border:1px solid #959595;}
.big_info>ul>li a:before {content:'';display:inline-block;transition:all .3s;transform:translateY(8px);margin-right:20px}
.big_info>ul>li:first-child a:before {width:27px;height:31px;background:url(../images/icon4.png) 0 0 no-repeat;}
.big_info>ul>li:last-child a:before {width:29px;height:31px;background:url(../images/icon4.png) -29px 0 no-repeat;}
.big_info>ul>li a:hover,.big_info>ul>li#current a{background:#434343;color:#FFF}
.big_info>ul>li:first-child a:hover:before,.big_info>ul>li:first-child#current a:before {background-position:0 -31px}
.big_info>ul>li:last-child a:hover:before,.big_info>ul>li:last-child#current a:before{background-position:-29px -31px;}
.big_info>.mainbox {margin:85px 0 0}

.message {width:80%}
.message p.title {font-size:1.6rem;color:#000;margin:0 0 25px;}
.your_info {border-top:1px solid #1b1b1b;border-bottom:1px solid #bfbfbf;padding:40px 35px 40px 0;}
.your_info .message_list0 li {float:left;width:50%;margin:0 0 15px;position:relative;padding-right:20px;}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:1.4rem;color:#333;}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {/*content:'';*/background:url(../images/icon13.png) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li4, .your_info .message_list0 li.verify_code{width:100%}
.your_info .message_list0 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:1.4rem;color:#333}
.your_info .message_list0 li.verify_code span {color:red;font-size:1.4rem;padding:0 10px;}
.your_info .message_list0 li.verify_code a {font-size:1.4rem;color:#c7c7c7;text-decoration:underline;padding-left:20px}

.your_info .message_list0 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:1.4rem;color:#333}
.mess_info {border-bottom:1px solid #1b1b1b;padding:40px 135px 40px 0}
.mess_info .message_list1 li {margin:0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:1.4rem;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:1.4rem;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:1.4rem;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:1.4rem;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:1.4rem;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {margin:68px 0 0}
.btn_message input {width:172px;height:47px;border:1px solid #dcdcdc;font-size:1.4rem;color:#575757;background:none;margin:0 8px;transition:all .3s}
.btn_message input:first-child {background:#21558a;color:#FFF;border-color:#21558a}

.job_lists {width:85%}
.job_lists li {padding:0 32px 0 0;margin:0 0 35px;}
.job_lists li a{display:block;overflow:hidden;border:1px solid #dcdcdc;padding:35px 20px 30px;position:relative;}
.job_lists li h1.title {font-size:1.4rem;color:#000;margin:0 0 10px;font-weight:bold;text-transform:capitalize}
.job_lists li span.date {font-size:1.2rem;color:#868686}
.job_lists li p.place {font-size:1.4rem;color:#868686;margin:25px 0 50px;}
.job_lists li .editor {font-size:1.4rem;color:#868686;line-height:1.6;height:150px;overflow:hidden;max-height:150px;}
.job_lists li .editor p {margin:0}
.job_lists li em.apply {font-size:1.4rem;color:#868686;display:block;margin:50px 0 0}
/**/
.m-header {background:#eee;box-shadow:0 6px 15px rgba(0,0,0,0.15)}
.m-header >.col-xs-6>div {color:#333}
.st-container .st-menu {background:#313131}
.st-container .st-menu ul li a {color:rgba(255,255,255,0.8)}
.st-container .st-menu ul li a:hover,.st-container .st-menu ul li.active a {background:rgba(0,0,0,0.07);box-shadow:0 4px 8px rgba(0,0,0,0.2)}
/*瀛愭爮鐩?/
.mobile_navbox .sub-category, .back-bar {width:100%; height:40px;line-height:40px; text-align: left; background: #333;  position: fixed; top: -90px; z-index: 2; box-shadow: 0 0 5px rgba(0,0,0,.3);transition:all .4s}
.sub-category.on, .back-bar.on{top: 50px;transition: all 0.5s ease-out 0s;}
.mobile_navbox .sub-category .title{ font-size: 1.6rem; margin: 0; color: #ccc; text-indent: 1em; display: inline-block; font-family: "PingFangSC";}
.mobile_navbox .sub-category .sub-title{ color: #999; font-size: 1.4rem; display: inline-block; text-transform: uppercase; padding-left: 5px;}
.mobile_navbox .sub-category i.down{ position: absolute; right: 0px; width: 95%; height: 32px; padding-top:8px; padding-right: 20px;text-align: right; font-size: 2.4rem; color: #ccc;}
.mobile_navbox .sub-category a{display: block;}

.st-container .st-menu li dl {transition:none;}
.st-container .st-menu li dl dd a {color:rgba(255,255,255,0.6);padding:0.7em 1em 0.7em 1.2em}
.st-container .st-menu li dl dd.on2>a {color:#ec3c01;}

.back-bar a{ padding-left: 2em; line-height: 40px; color: #ccc; font-size: 16px; display: block; }
.back-bar a:before{content: '';border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;box-sizing: content-box;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 15px; left:15px;}
/***************************/
@media(max-width:1600px){
	.f-width {padding:0 75px;}
	.f-navlist .navlists dl {padding-right:80px}
}
@media(max-width:1440px){
	.header .navlist li {padding:0 15px;}
}
@media(max-width:1200px){
	.header {padding-left:15px;padding-right:15px;}
	.header .navlist li {padding:0 10px;}
	.f-width {padding:0 15px;}
	.header .navlist li .down_nav {padding:35px 15px 15px;}
	.scroll_box {padding:0 15px}
	.f-navlist .navlists dl {padding-right:50px}
	.other_pronav>div a .info {bottom:18%;padding:0 15px;}
	.other_pronav>div a .info p {height:40px;line-height:20px;}
	.company .editor .text .item p, .company .editor .text .item .title {float:none;}
	.company .editor .text .item .title {padding:20px 0 0}
	.company .editor .text .item {padding:75px 25px;}
}
@media(max-width:1150px){
	.header .navlist li {padding:0 5px;}
	.header .navlist li>a{padding:0 15px;}
}
@media(max-width:1100px){
	.message,.job_lists {width:100%;padding:0 15px;}
	.big_info>ul {padding:0 15px;}
}
/***********ipad and coomon mobile***************/
@media(max-width:990px){
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1}	
	.mobile_navbox .sub-category, .back-bar {top:60px;}
	
	.page_bnnaer,.product_box,.product_show {padding:60px 0 0}
	.tem_banner .swiper-slide .img {background-size:cover;}
	.f-navlist .navlists dl {padding-right:20px;}
	.company .editor .text>div:first-child {padding:0 15px;}
	.company .editor .text .item {padding:45px 10px;}
	.company .editor .text .item .title p {font-size:1.8rem}
	.company .editor .text .item p, .company .editor .text .item .title {text-align:center;}
	
	.news_box>div>div:first-child {padding-right:20px}
	.news_column {padding:60px 15px 80px;}
	.on_n_col {top:65px}
	.big_info>ul>li a {width:300px}
	.job_lists li {padding:0 10px 0 0}
	.nycontainer {padding:60px 0 0}
}

/********mobile********/
@media(max-width:767px){
	.tem_banner .ban_text h1 {font-size:2.5rem}
	.tem_banner .swiper-page {right:15px;bottom:30%}
	.other_pronav>div a .info {bottom:15%}
	.other_pronav>div a .info h2 {font-size:2.2rem}
	.tem_about {padding:55px 0}
	.tem_about>div>div:last-child {padding:45px 0 0;}
	.tem_about .col-xs-6 {padding:0 4px;}
	.tem_about .col-xs-6 a .more span {padding:0 10px}
	.tem_about .col-xs-6 a .info p {display:none;}
	
	.tem_news .swiper-slide a {padding:35px 15px;}
	.tem_news .swiper-slide a .text>p.title {font-size:1.6rem}
	.f-navlist {display:none;}
	.copybox .copy,.copybox .supperch {float:none;text-align:center;}
	.copybox,.copybox .supperch a {font-size:1.2rem}
	.copybox {padding:15px 0}
	
	.page_bnnaer .title {font-size:2.5rem}
	.company {padding:55px 0 0}
	.about_box h1 {font-size:3rem}
	.company .editor .text>div:last-child {position:relative;top:0;transform:none;}
	.speech .editor>div:first-child {padding:0 5px;}
	
	.product_box>div .img .title p {font-size:2rem;}
	.product_box>div .img .title h1 {font-size:2.8rem}
	.product_box>div .pro_nav {padding:0}
	.product_box>div .pro_nav li {width:33.3333%;padding:0}
	.product_box>div .pro_nav li a {border:1px solid rgba(255,255,255,0.07);display:block;padding:10px 0;border-left:0;border-top:0}
	
	.product_show .imgshow .back_prev {top:15px;left:15px;}
	.product_show .imgshow .back_prev i {width:30px;height:30px;line-height:30px;}
	.product_show .imgshow .text_info h1 {font-size:2.4rem}
	.product_show .imgshow .text_info p {font-size:1.6rem}
	.product_show .imgshow .slide-pagination {bottom:15px}
	.product_main {padding:35px 15px;}
	.product_main .lists>div {padding:0 15px 0 0}
	.news_column {display:none;}
	.news_box>div>div:first-child {padding:0}
	.innovation .editor h2 {font-size:2rem}
	.contact_box .c-info {padding:55px 0 0}
	.contact_box .c-info>div {margin:0 0 25px;}
	#container {height:350px}
	.big_info {padding:40px 0 55px;}
	.big_info>ul>li {width:50%;padding:0 5px;margin:0}
	.big_info>ul>li a {width:100%;line-height:60px;height:60px;}
	.your_info {padding:40px 0}
	.your_info .message_list0 li {padding-right:10px}
	.mess_info {padding:40px 0}
	.mess_info .message_list1 li.verify_code input {max-width:100%;width:100%;margin:0 0 10px}
	.btn_message input {width:140px;}
	.contact_box {padding:0 0 55px;}
	.job_message li span {padding:0 5px;}
}