@charset "utf-8";
html,body{font-family: "Microsoft YaHei","Arial";background: #fff;}
/*hide scroll*/
html,body{-ms-overflow-style: none;}
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;}

/*头部样式*/
.header{margin:0 auto;position: absolute;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;background: rgba(0, 0, 0, 0.15);}
.header h1{line-height: 85px;transition: all .75s;max-width: 370px;}
.header .head_nav,
.header .head_lang{display: inline-block;vertical-align: top;}
.header .head_nav ul,
.header .head_lang dl{font-size: 0;}
.header .head_nav ul li{display: inline-block;vertical-align: top;font-size: 16px;font-weight: bold;color:#fff;line-height: 85px;transition: all .75s;}
.header .head_nav ul li a{display: block;color:#fff;padding:0 25px;}
.header .head_lang dl{margin: 22.5px auto;position: relative;transition: all .75s;}
.header .head_lang dl::before{content: "";display: block;width: 1px;height:25px;position: absolute;left: 0;top: 7px;background: #fff;}
.header .head_lang dl dt,
.header .head_lang dl dd{display: inline-block;vertical-align: top;}
.header .head_lang dl dt .search{display: block;width: 70px;height:40px;text-align: center;line-height: 40px;cursor: pointer;}
.header .head_lang dl dt p{width: 150px;height:40px;background: rgba(0, 0, 0, 0.5);border-radius: 5px;position: absolute;top: 60px;left: 0;display: none;}
.header .head_lang dl dt p input{width: 110px;height:40px;line-height: 40px;float: left;background: none;border:none;font-size: 14px;color:#fff;padding-left: 10px;box-sizing: border-box;}
.header .head_lang dl dt p button{width: 40px;height:40px;float: left;background: none;border:none;}
.header .head_lang dl dd{width: 110px;height:40px;background: #4579e2;border-radius: 5px;font-size: 12px;color:#fff;line-height: 40px;}
.header .head_lang dl dd a{color:#fff;padding:0 4px;display: inline-block;}

.fixeds .header{position: fixed;transition: all .75s;background: rgba(0, 0, 0, 0.5);}
.fixeds .header h1,
.fixeds .header .head_nav ul li{line-height: 65px;transition: all .75s;}
.fixeds .header .head_lang dl{margin: 12.5px auto;transition: all .75s;}
.fixeds .header .head_lang dl dt p{top: 50px;}

/*底部样式*/
footer{margin: 0 auto;overflow: hidden;}
.foot_top{background: #2c2c2c;}
.foot_topl dl{margin-right: 120px;margin-top: 15px;}
.foot_topl dl,
.foot_topl dl dt,
.foot_topl dl dd{display: inline-block;vertical-align: top;}
.foot_topl dl dt{width: 46px;height:46px;text-align: center;border:1px solid rgba(255, 255, 255, 0.3);margin-right: 20px;}
.foot_topl dl dt img{display: block;margin: 12px;}
.foot_topl dl dd span{display: block;font-size: 16px;line-height: 24px;color:#fff;}
.foot_topl dl dd p{font-size: 14px;line-height: 20px;color:#fff;opacity: 0.6;margin-top: 5px;}
.foot_topr dl dt,
.foot_topr dl dd{display: inline-block;vertical-align: middle;}
.foot_topr dl dt{width: 80px;height:80px;overflow: hidden;}
.foot_topr dl dd{font-size: 14px;line-height: 24px;color:#fff;margin-left: 15px;}
.foot_btm{background: #1a1b1f;}
.foot_btml p,
.foot_btmr p{font-size: 14px;line-height: 24px;color:#fff;opacity: 0.6;}
.foot_btml p a,
.foot_btmr p a{color:#fff;}
.foot_btml p a:hover,
.foot_btmr p a:hover{color:#31bcf6;}
.foot_btmr img{display: inline-block;vertical-align: middle;}
.foot_btmr p{display: inline-block;vertical-align: middle;}

/*banner样式*/
.banner{position: relative;}
.swiper-container-banner .swiper-slide{height:41.09375vw;}
.swiper-container-banner .swiper-slide a{display: block;height: 100%;}
.swiper-container-banner .swiper-button-next{right: 10%;}
.swiper-container-banner .swiper-button-prev{left: 10%;}
.swiper-container-banner .swiper-button-next::after,
.swiper-container-banner .swiper-button-prev::after{color:#fff;}
.swiper-button-disabled,
.swiper-pagination-banner{display: none;}

#loading-wrapper{display: none !important;}
#p-index{position: absolute;bottom: 0;left:0;right:0;z-index: 3;}
#hero--wrapper{background: none;}
#l-index__banner{background: none !important;}

.waves{max-height: 230px !important;height:25vh !important;}
.parallax>use:nth-child(1){fill: rgba(69,121,226,1) !important;}
.parallax>use:nth-child(2){fill: rgba(52,97,193,1) !important;}
.parallax>use:nth-child(3){fill: rgba(45,85,170,1) !important;}


.about{background: url(../images/sy_about_bg.png) #2d55aa no-repeat left bottom;height:390px;}
.about .title{font-size: 30px;font-weight: bold;color:#fff;line-height: 45px;text-align: center;}

.more{text-align: center;}
.more a{margin: 0 auto;width: 135px;text-align: center;line-height: 45px;border-radius: 45px;background: #4579e2;display: block;font-size: 14px;color:#fff;}
.more a:hover{background: #0063b2;}

.bars{background: #4579e2;}
.bars .bars_list ul{font-size: 0;}
.bars .bars_list ul li{display: inline-block;vertical-align: top;font-size: 18px;font-weight: bold;color:#fff;width: 25%;}
.bars .bars_list ul li em{width: 104px;height: 104px;background: rgba(255, 255, 255, .2);border-radius: 104px;margin: 20px auto 0;display: block;text-align: center;vertical-align: middle;}
.bars .bars_list ul li em img{display: block;transform: scale(.9);transition: all .5s;display: b;}
.bars .bars_list ul li span{display: block;text-align: center;margin-top: 15px;}
.bars .bars_list ul li:nth-child(2){text-indent: 1em;}
.bars .bars_list ul li:nth-child(3){text-indent: 1.5em;}
.bars .bars_list ul li:nth-child(4){text-align: right;}
.bars .bars_list ul li:hover em img{transform: scale(1);transition: all .75s;}

.product .title{text-align: center;}
.product .title h3{font-size: 36px;font-weight: bold;color:#4579e2;line-height: 45px;}
.product .title span{width: 75px;height:2px;background: #4579e2;display: block;margin: 10px auto;}
.product_tp{padding-left: 16.666666666666668vw;}
.swiper-container-product{overflow: hidden;position: relative;}
.swiper-container-product .swiper-slide .left{width: 29.427083333333336vw;}
.swiper-container-product .swiper-slide .left .more{text-align: left;}
.swiper-container-product .swiper-slide .left .more a{margin: 0;}
.swiper-container-product .swiper-slide .right{width: 52.8125vw;height:31.25vw;overflow: hidden;line-height: 31.25vw;text-align: center;}
.swiper-container-product .swiper-pagination-product{bottom: 50px;right: 0;position: absolute;z-index: 6;left: auto;text-align: center;padding-right: 16.666666666666668vw;}
.swiper-container-product .swiper-pagination-product .swiper-pagination-bullet{width:25px;height:3px;background: #a2a2a2;opacity: 1;border-radius: 0;}
.swiper-container-product .swiper-pagination-product .swiper-pagination-bullet-active{width:40px;;height:5px;background: #4579e2;}

.produce{background: #2d55aa;}
.produce_list .produce_item{margin: 0 auto;position: relative;overflow: hidden;width: 608px;}
.produce_list .produce_item .pic,
.produce_list .produce_item .tct{width: 608px;height:299px;overflow: hidden;}
.produce_list .produce_item .pic{line-height: 299px;text-align: center;}
.produce_list .produce_item .pic img{transition: all .5s;}
.produce_list .produce_item .tct{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;padding:40px;box-sizing: border-box;background: rgba(0, 0, 0, 0.3);transform: translateX(100%);transition: all .5s;}
.produce_list .produce_item .tct h3{font-size: 36px;font-weight: bold;color:#fff;margin-top: 30px;}
.produce_list .produce_item .tct p{font-size: 14px;line-height: 24px;color:#fff;margin: 15px auto;}
.produce_list .produce_item .tct .more{text-align: left;}
.produce_list .produce_item .tct .more a{margin: 0;}
.produce_list .produce_item:hover .tct{transform: translateX(0%);transition: all .75s;}
.produce_list .produce_item:hover .pic img{transition: all .75s;transform: scale(1.1);}

/*内页样式*/
.ban{height:31.25vw;}

.nav{background: #234ea8;}
.nav ul li{display: inline-block;vertical-align: top;text-align: center;font-size: 16px;font-weight: bold;color:#fff;line-height: 50px;}
.nav ul li a{display: block;color:#fff;min-width: 155px;padding:0 10px;}
.nav ul li.active a,
.nav ul li:hover a{background: #3971e5;}
.crumbs dl{text-align: right;}
.crumbs dl dt,
.crumbs dl dd{display: inline-block;vertical-align: top;font-size: 14px;line-height: 30px;color:#666;}
.crumbs dl dd{padding-right: 20px;position: relative;}
.crumbs dl dd::after{content: "next";display: block;font-family: "swiper-icons";position: absolute;right: 5px;top: 0px;font-size: 12px;}
.crumbs dl dd:last-child{padding-right: 0;}
.crumbs dl dd:last-child::after{display: none;}

.contact_cons{margin: 0 30px;}
.contact_cons ul{font-size: 0;}
.contact_cons ul li{display: inline-block;vertical-align: top;width: 210px;height:130px;text-align: center;line-height: 130px;overflow: hidden;border:1px solid #e1e1e1;margin-right: 40px;}
.contact_cons ul li:nth-child(5n){margin-right: 0;}
.contact_cons ul li img{transition: all .5s;}
.contact_cons ul li:hover img{transition: all .5s;transform: scale(1.1);transition: all .75s;}
.contact_con{margin: 0 30px;background: #f9faff;box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.15), -1px -2px 5px rgba(0, 0, 0, 0.05);}
.contact_left{width: 500px;box-sizing: border-box;padding:50px 20px;}

.contact_right{background: url(../images/contact_right_bg.jpg) no-repeat;width: 707px;height:648px;padding: 40px;box-sizing: border-box;}
.contact_right p{font-size: 14px;line-height: 24px;color:#fff;text-align: center;}
.contact_bd{width: 405px;margin: 0 auto;}
.contact_item{background: #fff;margin-top: 25px;border-radius: 15px;overflow: hidden;position: relative;}
.contact_item input{height:50px;line-height: 50px;background: none;border:none;width: 75%;padding-left: 15px;box-sizing: border-box;font-size: 18px;}
.contact_item textarea{height:125px;width: 100%;border:none;background: none;font-size: 18px;line-height: 30px;padding-left: 15px;box-sizing: border-box;}
.contact_item .yzm{position: absolute;right: 10px;top: 7px;width: 88px;height:37px;}
.contact_item button{line-height: 50px;background: #234ea8;width: 100%;text-align: center;color:#fff;border:none;font-size: 18px;}


.download_list ul li:first-child{background: #eef3fd;border:1px solid #98b0da;}
.download_list ul li{margin-bottom: 30px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1),-1px -1px 3px rgba(0, 0, 0, 0.1);font-size: 0;position: relative;}
.download_list ul li span{display: inline-block;vertical-align: top;font-size: 16px;line-height: 30px;padding: 15px 0;color:#333;}
.download_list ul li:first-child span{color:#0f3e78;}
.download_list ul li span:nth-child(1){padding-left: 7%;width: 43%;}
.download_list ul li span:nth-child(2){width: 20%;}
.download_list ul li span:nth-child(3){width: 15%;}
.download_list ul li span:nth-child(4){width: 15%;}
.download_list ul li::before{content: "";display: block;width: 10px;height: 10px;background: #b2b2b2;border-radius: 10px;position: absolute;left: 5%;top: 25px;}
.download_list ul li:first-child::before{display: none;}
.download_list ul li:hover span:nth-child(1){color:#0063b2;}
.download_list ul li:hover::before{background: #0063b2;}

.product_list ul{font-size: 0;}
.product_list ul li{display: inline-block;vertical-align: top;width: 405px;padding:30px;box-sizing: border-box;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1),-2px -3px 5px rgba(0, 0, 0, 0.1);margin-right: 30px;margin-bottom: 40px;}
.product_list ul li:nth-child(3n){margin-right: 0;}
.product_list ul li span{display: block;width: 320px;height:247px;margin: 0 auto;overflow: hidden;line-height: 247px;text-align: center;}
.product_list ul li span img{transition: all .5s;}
.product_list ul li h3{font-size: 24px;font-weight: bold;color:#333;line-height: 36px;margin: 50px auto 10px;}
.product_list ul li p{font-size: 14px;line-height: 30px;color:#333;}
.product_list ul li:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);transition: all .75s;}
.product_list ul li:hover h3{color:#0063b2;}
.product_list ul li:hover span img,
.produce1 .produce1_list ul li:hover span img{transition: all .75s;transform: scale(1.1);}

.products_con{box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1),-2px -3px 5px rgba(0, 0, 0, 0.1);padding:60px 100px;box-sizing: border-box;}
.product_title h3{font-size: 36px;font-weight: bold;color:#234ea8;line-height: 40px;}

.return{border-bottom: 1px solid #e4e4e4;margin: 0 auto 50px;}
.return a{width: 145px;line-height: 45px;text-align: center;font-size: 14px;color:#333;background: #e7e7e7;display: block;border-radius: 45px;margin: 0 0 0 auto;}
.return a:hover{background: #0063b2;color:#fff;}
.turn ul li a{display: block;font-size: 16px;line-height: 40px;color:#333;}
.turn ul li:hover a{color:#0063b2;}

.produce1 .produce1_list ul,
.produce2_list ul{font-size: 0;}
.produce1 .produce1_list ul li{display: none;float: left;width: 390px;margin-right: 55px;margin-bottom: 55px;}
.produce1 .produce1_list ul li:nth-child(3n){margin-right: 0;}
.produce1 .produce1_list ul li span{display: block;width: 390px;height:271px;line-height: 271px;overflow: hidden;border:1px solid #e1e1e1;box-sizing: border-box;text-align: center;}
.produce1 .produce1_list ul li span img{transition: all .5s;}
.produce1 .produce1_list ul li p{font-size: 16px;line-height: 60px;text-align: center;color:#333;background: #f3f3f3;}
.produce1 .produce1_list ul li:hover p{background: #0063b2;color:#fff;}

.produce1_tite h3,
.produce2_tite h3{font-size: 30px;font-weight: bold;color:#333;line-height: 40px;}
.produce1 .more,
.produce2 .more{text-align: center;}
.produce1 .more a,
.produce2 .more a{width: 160px;line-height: 45px;background: #2c2c2c;}
.produce1 .more a:hover,
.produce2 .more a:hover{width: 160px;line-height: 45px;background: #0063b2;}

.produce2_list ul li{display: none;float: left;width: 199px;height:283px;line-height: 283px;text-align: center;border: 1px solid #bfbfbf;box-sizing: border-box;margin-right: 17px;margin-bottom: 30px;text-align: center;overflow: hidden;}
.produce2_list ul li:nth-child(6n){margin-right: 0;}
.produce2_list ul li img{display: block;}