@charset "utf-8";
.product_list .list_top ul li{display: inline-block;vertical-align: top;max-width: 195px;font-size: 14px;line-height: 45px;color:#666;width: 24.075%;text-align: center; border: 1px solid #CCCCCC;margin:10px auto;margin-right: 15px;}
.product_list .list_top ul li a{color:#666;display: block;background: #fff;border-radius: 3px;}
.product_list .list_top ul li.active a{background: #062d6c;color:#fff;font-weight: bold;}
.product_list .list_btm .list_txt{height:165px;background: url(/template/cn/images/list_btm_txt.jpg) no-repeat top center;margin:30px auto;padding:30px 40px;box-sizing: border-box;}
.product_list .list_btm .list_txt .bt{font-size: 24px;font-weight: bold;color:rgb(0, 33, 91);line-height: 30px;margin:10px auto 15px;}
.product_list .list_btm .list_txt .txt{font-size: 14px;line-height: 30px;color:#666;height:90px;overflow-y: scroll;}
.product_list .list_btm .list_item ul{font-size: 0;}
.product_list .list_btm .list_item ul li{max-width: 260px;width: 24.075%;display: inline-block;vertical-align: top;padding:20px;box-sizing: border-box;/* box-shadow: 0px 2px 5px #ccc; */border: 1px solid #CCCCCC; margin:1% 1.2% 1% 0;}
.product_list .list_btm .list_item ul li:nth-child(4n){margin-right: 0;}
.product_list .list_btm .list_item ul li .pic{max-width: 220px;height: 148px;overflow: hidden;}
.product_list .list_btm .list_item ul li .pic img{max-width: 100%;text-align: center;transition: all 1s;}
.product_list .list_btm .list_item ul li .bt{font-size: 16px;font-weight: bold;color:#000;text-align: center;}
.product_list .list_btm .list_item ul li:hover .pic img{transform: scale(1.1);transition: all 1s;}


.about_con{background: url(/template/cn/images/about_bgs.jpg) no-repeat center bottom;}
.about_con .bt{margin-bottom: 20px;}
.about_con .bt h3{font-size: 30px;font-weight: bold;color:#00215b;}
.about_con .bt span{font-size: 30px;color:#e8ebee;text-transform: uppercase;font-family: 'Arial';font-weight: bold;}
.about_con .tct{display: inline-block;vertical-align: top;max-width:500px;width: 46.3%;}
.about_con .pic{max-width: 450px;height:345px;overflow: hidden;display: inline-block;vertical-align: top;width:41.7%;margin-left: 5%; margin-top: 100px;}

.factory_con .title{text-align: left;}
.factory_con .title h3{font-size:30px;color:rgb(0, 33, 91);font-weight: bold;}
.factory_con .title span{font-size:14px;line-height: 42px;color:#666;}
.factory_list .bts{position: relative;display: inline-block;margin: 30px auto;}
.factory_list .bts span{display: block;position: relative;z-index: 1;font-size:20px;line-height: 40px;border: 1px solid #439bff;padding:0 30px;border-radius: 40px;background: #fff;}
.factory_list .bts::after{content: "";display: block;background: #fff;border:1px solid #083467;width: 100%;height:40px;position: absolute;bottom: -7px;z-index: 0;left: 15px;border-radius: 40px;}
.factory_list .list1 ul{font-size:0;}
.factory_list .list1 ul li {position: relative;}
.factory_list .list1 ul li .pic img{max-width: 100%;text-align: center;}
.factory_list .list1 ul li .bt{height:45px;background: #083467;font-size:18px;color:#fff;position: absolute;bottom: 0;left: 0;right:0;transition: height 1s}
.factory_list .list1 ul li.item1,
.factory_list .list1 ul li.item2,
.factory_list .list1 ul li.item3{display: inline-block;vertical-align: top;max-width: 352px;height:252px;overflow: hidden;width: 32.6%;margin: 0 1% 1% 0;}
.factory_list .list1 ul li.item4,
.factory_list .list1 ul li.item5{display: inline-block;vertical-align: top;max-width: 535px;height: 252px;overflow: hidden;width: 49.6%;margin-right: .8%;margin-bottom: 1%;}
.factory_list .list1 ul li.item3,
.factory_list .list1 ul li.item5{margin-right: 0;}
.factory_list .list1 ul li.item1 .pic,
.factory_list .list1 ul li.item2 .pic,
.factory_list .list1 ul li.item3 .pic{max-width: 352px;height:252px;overflow: hidden;}
.factory_list .list1 ul li.item4 .pic,
.factory_list .list1 ul li.item5 .pic{max-width: 535px;height:252px;overflow: hidden;}
.factory_list .list1 ul li:hover .bt{height:252px;background: rgba(8, 52, 103, .65);transition: height 1s;}

.advantage_con .title{margin-bottom: 25px;}
.advantage_con .title h3{font-size: 30px;font-weight: bold;color: #00215b;}
.advantage_con .title span{font-size: 30px;color: #e8ebee;text-transform: uppercase;font-family: 'Arial';font-weight: bold;}
.advantage_list ul{font-size: 0;}
.advantage_list ul li{display: inline-block;vertical-align: top;width: 25%;position: relative;}
.advantage_list ul li .ico{max-width: 211px;height:158px;overflow: hidden;position: relative;z-index: 1;border-radius: 80px;;}
.advantage_list ul li::after{content: "";display: block;width:100%;height:3px;background: #083467;position: absolute;top:78px;left: 0;right:0;z-index: 0;}
/*.advantage_list ul li:nth-child(1):after{background: #e6665b;}
.advantage_list ul li:nth-child(2):after{background: #f3cc49;}
.advantage_list ul li:nth-child(3):after{background: #2d96c3;}
.advantage_list ul li:nth-child(4):after{background: #04ad98;}*/
.advantage_list ul li:last-child::before{content: "";display: block;width:0; height:0; border-top:10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #083467;position: absolute;right:0;top:69px;}
.advantage_list ul li span{font-size: 16px;font-weight: bold;color:#333;max-width: 211px;margin: 20px 0 10px;display: block;}
.advantage_list ul li p{font-size: 14px;line-height: 30px;color:#666;max-width: 200px;padding-left: 11px;}

.honor_con .title h3{font-size: 30px;font-weight: bold;color:rgb(0, 33, 91);}
.honor_con .title span{font-size: 30px;color:#e8ebee;font-weight: bold;font-family: 'Arial';display: block;text-transform: uppercase;}
.honor_con .title p{font-size: 14px;line-height: 24px;color:#333;width:70%;}
.honor_list{position: relative;background: url(/template/cn/images/honor_con_bg.jpg) no-repeat bottom center;height:274px;max-width: 1050px;padding:15px;}
.honor_list_left,
.honor_list_right{display: inline-block;vertical-align: top;}
.honor_list_left{max-width: 770px;width: 73.34%;margin-left: 2%;}
.honor_list_left .swiper-container-honor{position: relative;overflow: hidden;margin: 30px auto;}
.honor_list_left .swiper-container-honor .swiper-slide{max-width: 174px;height:224px;border: 2px solid #fff;box-sizing: border-box;}
.honor_list_left .swiper-button-next{right:90px;}
.honor_list_left .swiper-button-prev{right:170px;left: auto;}
.honor_list_left .swiper-button-next,
.honor_list_left .swiper-button-prev{width:35px;height:35px;background: rgba(128, 180, 255, .64);border-radius: 50%;top: auto;bottom: 28%;}
.honor_list_left .swiper-button-next::after,
.honor_list_left .swiper-button-prev::after{font-size: 20px;color:#fff;}
.honor_list_right{max-width: 220px;width:20.96%;background: rgba(6, 45, 108, .65);height:450px;margin-left:2%;position: absolute;bottom: 0;}
.honor_list_right h2{font-size: 38px;color:#fff;text-align: center;text-transform: uppercase;margin-top:120%;font-weight: bold;}

.contact_con h3{font-size: 24px;line-height: 36px;color:#333;font-weight: bold;}
.contact_con h2{font-size: 16px;line-height: 36px;color:#333;}
.contact_con h2 a{color:#014099;}
.contact_list ul{font-size: 0;}
.contact_list ul li{display: inline-block;vertical-align: top;max-width: 245px;background: #f5f5f5;width: 22.69%;height:350px;margin: 3% 3% 3% 0;}
.contact_list ul li:nth-child(4){margin-right: 0;}
.contact_list ul li p{font-size: 18px;line-height: 40px;color:#666;text-align: center;margin-top:50px;}
.contact_list ul li p::after{content: "";display: block;width:100px;height:1px;background: #014099;margin:0 auto;}
.contact_list ul li i{max-width: 60px;display: block;margin:35px auto;}
.contact_list ul li span{display: block;font-size: 14px;line-height: 30px;color:#333;text-align: center;}
.contact_list ul li h5{font-size: 14px;line-height: 36px;color:#333;text-align: center;}
#mapContainer{width:100%;height:360px;}

.example2{max-width: 290px;overflow: hidden;display: inline-block;vertical-align: top;}
.example2 img{max-width: 100%;}
#content { width: 500px; height: 170px; margin: 100px auto; }
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; padding:0 !important;max-width: 600px;width: 100% !important;height:857px !important;}
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; /*height: 100%;*/ vertical-align: top; height:857px !important;}
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }

.foot_top .left dl dd i{display: block;}
.research-list ul{font-size: 0;}
.research-list ul li{display: inline-block;vertical-align: top;width: 223px;margin: 0 20px 20px 0;}
.research-list ul li:nth-child(5n){margin-right: 0;}
.research-list ul li .list-img{width:223px;height:150px;}
.research-list ul li .list-tit{font-size: 16px;line-height: 40px;color:#333;text-align: center;}

@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    .lg_max_1340{width:96%;margin:0 auto;}
    header .head_right .head_nav{margin:0;}
    header .head_right .head_nav ul li a{padding:0 20px;}
}
@media screen and (max-width:1280px){
    
    
}
.sy_about_con .right .tct .dl_list dl dt{max-width: 80px;width:15%;}
.sy_about_con .right .tct .dl_list dl dd{width:82%;}
.swiper-pagination-banner{display: none;}
.sy_news_list ul li .tct .time{max-width: 200px;width:100%;}
@media screen and (max-width:1200px){
    .sj_menu{display: inline-block;width:50px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:30px}
    .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #122a88;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #122a88;margin-bottom: 5px;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom:5px;}
    .sj_menu span::before{top: -5px;}
    .son .sj_menu{top:25px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    header{height:65px;line-height: 65px;}
    header .head_right{position: absolute;left: 0;right:0;top:65px;background: rgba(0, 0, 0, .8);display: none;}
    header .head_right .head_nav{width:100%;}
    header .head_right .head_nav ul li{display: block;line-height: 30px;border-bottom: 1px solid rgba(255, 255, 255, .5);padding:5px 0;}
    header .head_right .head_nav ul li a{color:#fff;}
    header .head_right .head_nav ul li .shows{width:100%;position: static;height:auto;opacity: 1;transform:scale(1);background: none;}
    header .head_right .head_nav ul li .shows dl{height:auto;opacity: 1;transform: translate(0,0px);}
    header .head_right .head_nav ul li .shows dl dd{display: inline-block;vertical-align: top;}
    header .head_right .head_nav ul li .shows dl dd a{padding:0 10px;color:#fff;}
    header .head_right .head_nav ul li .shows dl dd a::after{display: none;}
    header .head_right .head_lab {line-height: 36px;}
    header .head_right .head_lab .language{display: block;}
    header .head_right .head_lab .language dl dd:nth-child(1){display: none;}
    header .head_right .head_lab .language dl dd a{color:#fff;}
    .son header .head_right{display: block;}
    .about_text img{height:auto;}
    .bar_con {padding-top: 20%;}
    
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    header{position: relative;}
    .sy_product_list{margin:0 auto;padding-top:20px;}
    .sy_product_list ul{text-align: center;}
    .sy_product_list ul li{width:48%;display: inline-block;vertical-align: top;float: none;}
    .sy_product_list ul li:nth-child(2) {margin-right: 0;}
    .sy_product_list ul li:nth-child(3) {display: none;}
    .swiper-container-banner .swiper-button-next, .swiper-container-banner .swiper-button-prev{width: 30px;height: 36px;}
    .swiper-container-banner .swiper-button-next::after, .swiper-container-banner .swiper-button-prev::after{background-size: contain;}
    .sy_about_con .left{display: block;width:100%;}
    .sy_about_con .left .time{padding:10px;width:100px;}
    .sy_about_con .left .time .txt{font-size:14px;}
    .sy_about_con .left .time .txt span font{font-size:24px;}
    .sy_about_con .left .pic{height:auto;}
    .sy_about_con .right{float: none;width:100%;}
    .sy_about_con .right .tct .bt{font-size: 20px;margin:15px auto;}
    .sy_about_con .right .tct .tct_list{margin:15px auto;padding-bottom: 15px;}
    .sy_about_con .right .tct .dl_list dl dt{font-size: 16px;line-height: 24px;height:48px;}
    .sy_about_con .right .tct .dl_list dl dd{height:48px;}
    .foot_top{display: none;}
    .foot_btm .left,.foot_btm .right{float: none;text-align: center;}
    .foot_btm .left p a{display: block;}
    .main_frame_left,
    .main_frame_right{width:100%;float: none;margin:2% auto;max-width: 100%;}
    .main_frame_left{background: url(/template/cn/images/main_frame_left_bg.jpg) no-repeat top left#0a386d;}
    .main_frame_left dl{font-size: 0;padding: 10px 0;}
    .main_frame_left dl dt{text-align: left;}
    .main_frame_left dl dd{display: inline-block;vertical-align: top;width:50%;box-sizing: border-box;padding:0;}
    .main_frame_right .crumbs_bts{display: none;}
    .about_text{padding-bottom: 30px !important;}
    .about_text p span:nth-child(1),
    .about_text p span:nth-child(2){display: block;width:100% !important;}
    .news_list ul li .left{width:80%;}
    .news_list ul li .right{width:18%;}
}
@media screen and (max-width:640px){
    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30,
    .pt-20{padding-top: 15px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30,
    .pb-20{padding-bottom: 15px;}
    .sy_product_list ul li .pic{height:150px;}
    .sy_product_list ul li .tct .bt{font-size: 16px;}
    .sy_mains .more a{width: 120px;font-size: 14px;line-height: 36px;}
    .sy_quality_con .tct .ico{width:50px;height:50px;}
    .sy_quality_con .tct .bt{font-size:20px;margin:10px auto;}
    .sy_quality_con .tct .tst{font-size: 18px;margin:10px auto;}
    .sy_news_list ul{text-align: center;font-size: 0;}
    .sy_news_list ul li{width:48%;float: none;margin:1%;display: inline-block;vertical-align: top;}
    .sy_news_list ul li:nth-child(3){display: none;}
    .sy_news_list ul li .pic{height:150px;}
    .sy_news_list ul li .tct .time{margin:0 auto;}
    .sy_news_list ul li .tct .bt{margin:10px auto;}

    .bar{background-size: cover !important;height:250px;}
    .bar_con{padding-top: 30%;;}
    .bar_con .crumbs{display: none;}
    .bar_con .bt{font-size: 24px;line-height: 40px;}
    .bar_con .bt::before{height:40px;}
    .event_box .parHd ul li .txt {padding: 0px 65px 0 0;}

    .news_list_top .left,.news_list_top .right{display: block;width:100%;float: none;padding:0;height:185px;}
    .news_list_top .right{padding:15px;box-sizing: border-box;}
    .news_list_top .right .bt{font-size: 18px;margin:3% auto;}
    .news_list ul li{padding: 10px;margin: 15px auto;}
    .news_list_top .right .time{width:60px;height:60px;}
    .news_list_top .right .time .day{font-size: 16px;}
    .news_list_top .right .time .year{font-size: 14px;}
    .news_title .bt{font-size: 20px;}
    .return{margin:15px auto;}
    .return a{margin:10px 0 10px auto}
    .join_h3{margin: 15px auto;height:40px;line-height: 40px;font-size: 18px;}
    .pos dd li{height:30px;line-height: 30px;}
    .Requirement{padding:15px;}

    .product_list .list_top ul{font-size: 0;}
    .product_list .list_top ul li{width:50%;margin-right: 0;border:1px solid #dedede;box-sizing: border-box;margin:2px auto;border-radius: 3px;font-size: 14px;}
    .product_list .list_top ul li.active{border:1px solid #7b8594;}
    .product_list .list_btm .list_txt{padding:15px;}
    .product_list .list_btm .list_txt .bt{font-size: 18px;}
    .product_list .list_btm .list_item ul{text-align: center;}
    .product_list .list_btm .list_item ul li{padding:10px;}
    .product_list .list_btm .list_item ul li,
    .product_list .list_btm .list_item ul li:nth-child(4n){width:48%;margin: 1% 1.2% 1% 0;}
    .product_list .list_btm .list_item ul li .bt{font-size: 14px;}

    .honor_con .title h3{font-size: 20px;}
    .honor_con .title span{font-size: 20px;margin:0 auto;}
    .honor_con .title p{width:100%;}
    .honor_list_right{display: none;}
    .honor_list_left{width:100%;}
    .honor_list_left .swiper-button-prev,
    .honor_list_left .swiper-button-next{bottom: auto;top: 50%;}
    .honor_list_left .swiper-button-prev{left: 0;}
    .honor_list_left .swiper-button-next{right:0}
    .about_con .bt h3{font-size: 20px;}
    .about_con .bt span{font-size: 20px;}
    .about_con .tct,
    .about_con .pic{width:100%;display: block;height:auto;margin:2% auto;}
    .advantage_list ul li{width: 46%;margin: 0 2%;}
    .advantage_list ul li .ico{height:auto;}
    .advantage_con .title h3{font-size: 20px;}
    .advantage_con .title span{font-size: 20px;}
    .factory_con .title h3{font-size: 20px;}
    .factory_con .title span{line-height: 24px;}
    .factory_list .bts span{font-size: 16px;}
    .factory_list .list1 ul li.item1, .factory_list .list1 ul li.item2, .factory_list .list1 ul li.item3,
    .factory_list .list1 ul li.item4, .factory_list .list1 ul li.item5{width:100%;}
    .factory_list .list1 ul li .bt{font-size: 14px;}
    .contact_con h3{font-size: 20px;}
    .contact_list ul li,
    .contact_list ul li:nth-child(4){width:100%;margin:2% auto;display: block;}
    .contact_list ul li p{margin-top:0;padding-top: 25px;}
    .research-list ul li{width:46%;margin: 2%;}
    .research-list ul li .list-img{width:100%;}
    .research-list ul li .list-tit{font-size: 14px;}
    .imgbox-wrap{max-width: 340px;height:486px !important;margin: 0 auto;left: 0 !important;right: 0;top: 400px!important;}
    .imgbox-img{height:486px !important;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    .event_box .parHd ul li .txt {padding: 0px 100px 0 0;}
}<!--0.00020408630371094-->