﻿@charset "utf-8";
::-webkit-scrollbar{display: none;}
#banner img{display:block;max-width:100%}
#banner .swiper-pagination-bullet{width:40px;height:10px;border-radius:5px;opacity:1}
#banner .swiper-pagination-bullet-active{background:#114A91}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23114A91'%2F%3E%3C%2Fsvg%3E")}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23114A91'%2F%3E%3C%2Fsvg%3E")}
@media (max-width:768px){
	#banner .swiper-pagination{bottom:0px}
	#banner .swiper-button-next,#banner .swiper-button-prev{display:none}
}

.about{padding-bottom:33px}
.title{margin-top:10px;margin-right:5%}
.title .cn{font-size:30px}
.title .cn:before{display:inline-block;content:'';width:110px;height:3px;background:#0049A5;vertical-align:middle;margin-right:20px}
.title .en{font-size:48px;font-weight:bold;line-height:1}
.title .en span{color:#0049A5}
.title .dian{background:url(../images/title_icon.png);width:26px;height:218px;float:right;margin:35px 8px 0 0}
.aboutR{flex:1}
.about-con{margin-top:35px;font-size:18px;text-indent:2em;line-height:39px}
.about-tit{color:#0049A5;font-size:32px;font-weight:bold;margin:40px 0 15px 0}
.about-more{width:260px;border:1px solid #0049A5;border-radius:3px;font-size:18px;padding: 5px 30px;transition:0.5s all;}
.about-more .icon-more{background:url(../images/icon_more.png) no-repeat center;width:20px;height:14px}
.about-more:hover{padding:5px 20px}
.about2{position:relative}
.about2-ul{flex-wrap:nowrap}
.about2-ul img{display:block;max-width:100%}
.ind-video{
    position: relative;
    cursor: pointer;
}
.ind-video iframe{
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
}
.ind-video span{display:none;content:'x';position: absolute;top: 10px;right: 10px;color: #fff;z-index: 999;width: 30px;line-height: 30px;border: 1px solid #fff;text-align: center;border-radius: 5px;cursor: pointer;background: rgba(255,255,255,0.5);}
.ind-video span:hover{background:rgba(255,255,255,1);color:#000}


.about2-ul2{position:absolute;left:72%;top:-211px}
.about2-ul2 li{padding:40px 0;border:1px solid #0049A5;width:214px}
.about2-ul2 li:last-child{background:#0049A5;color:#fff}
.about2-ul2 img{display:block;margin:0 auto 10px}
.about2-ul2 p{text-align:center;font-size:18px;line-height:1.5;height:3em}
@media (max-width:1024px){
	.title .cn{font-size:26px}
	.title .cn:before{width:90px}
	.title .en{font-size:40px}
	.about-con{font-size:16px}
	.about-tit{margin:0}
	.about2-ul2{top:-126px;left:0}
	.about2-ul2 li{width:150px;padding:20px 0}
	.about2-ul2 img{height:33px}
	.about2-ul2 p{font-size:14px}
}
@media (max-width:768px){
	.title{width:100%;margin-top:10px;margin-right:0;position:relative}
	.title .cn:before{width:45px}
	.title .dian{background:url(../images/title_icon2.png);width:200px;height:26px;position:absolute;right:10px;bottom:0}
	.about-tit{font-size:28px}
	.about2-ul2{display:none}
}
@media (max-width:425px){
	.title .cn{font-size:24px}
	.title .en{font-size:30px}
	.title .dian{display:none}
	.about-con{font-size:14px;margin:10px 0}
	.about-tit{font-size:20px;margin-bottom:10px}
	.about-more{width:200px}
	.about2-ul{flex-wrap:wrap}
}

#product{margin-top:37px;margin-bottom: 62px;}
.title2{display:flex;align-items:flex-end;justify-content:space-between}
.title2 .cn{font-size:30px}
.title2 .cn span{font-size:18px;margin-left:20px;color:#777}
.title2 .cn:before{display:inline-block;content:'';width:110px;height:3px;background:#0049A5;vertical-align:middle;margin-right:20px}
.title2 .en{font-size:48px;font-weight:bold;line-height:1}
.title2 .en span{color:#0049A5}
.title2 .dian2{background:url(../images/title_icon2.png);width:218px;height:26px;margin-left:20px;display:inline-block}
.title-more{color:#0049A5;font-size:12px;padding-right:70px;display:block;line-height:46px;background:url(../images/icon_shubiao.png) no-repeat center right}
.prolist{margin-top:60px}
.prolist li{width:31.3%;margin-top:27px}
.prolist .img{border:8px solid #EDEDED}
.prolist .img img{display:block;width: 100%;}
.prolist .tit{margin-top:10px}
.prolist .tit p{padding:0 9%;font-size:18px;line-height:1}
.prolist .tit span{position:relative;font-size:18px;line-height:1}
.prolist .tit span:after{display:block;content:'';width:100%;height:10px;background:#D7D7D7;position:absolute;bottom:-4px;z-index:-1}
.prolist>li:first-child{width:64%;margin-top:0}
.prolist>li:first-child .tit{margin-top:29px}
.prolist>li:first-child .tit p{font-size:44px;font-weight:bold}
.prolist>div{width:31.3%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.prolist>div li{width:100%;margin-top:0}
.prolist li:hover .img{border-color:#D6DFEF}
.prolist li:hover .tit p{color:#0049A5}
.prolist li:hover .tit span:after{background:#F9BE00}
@media (max-width:1024px){
	.title2 .cn{font-size:26px}
	.title2 .cn:before{90px}
	.title2 .cn span{font-size:16px}
	.title2 .en{font-size:40px}
	.prolist .tit p{padding:0;font-size:16px}
	.prolist .tit span{font-size:16px}
	.prolist .tit span:after{display:block;content:''}
	.prolist>li:first-child .tit p{font-size:36px}
	.prolist>li:first-child .tit span:after{display:block;content:''}
}
@media (max-width:768px){
	.title2 .cn:before{width:45px}
	.title2 .en{font-size:36px}
	.title2 .dian2{display:none}
	.prolist li{width:33%}
	.prolist .tit p{font-size:14px}
	.prolist .tit span{font-size:14px}
	.prolist .tit span:after{display:block;content:''}
	.prolist>li:first-child{width:65%}
	.prolist>li:first-child .tit p{font-size:30px}
	.prolist>li:first-child .tit span:after{display:block;content:''}
	.prolist>div{width:33%}
}
@media (max-width:425px){
	#product{margin-top:20px}
	.title2 .cn{font-size:24px}
	.title2 .cn span{font-size:14px;display:block;margin:0 0 10px 0}
	.title2 .en{font-size:20px}
	.prolist{margin-top:20px}
	.prolist>div li{margin-bottom:10px}
	.prolist li{width:100%;margin-top:0;margin-bottom:10px}
	.prolist .tit{margin:10px 0}
	.prolist .tit p{font-size:16px;font-weight:bold}
	.prolist .tit span:after{display:block;content:''}
	.prolist>li:first-child{width:100%;margin-bottom:10px}
	.prolist>li:first-child .tit{margin:10px 0}
	.prolist>li:first-child .tit p{font-size:16px}
	.prolist>li:first-child .tit span:after{display:block;content:''}
	.prolist>div{width:100%}
}

#liuyan{background:url(../images/message_bg.jpg) no-repeat center;padding-top:36px;padding-bottom:54px}
.title3{display:flex;align-items:baseline;background:url(../images/title_icon3.png) no-repeat right 37px}
.title3 .tit{font-size: 39px;color:#FFD349;font-weight:bold;}
.title3 p{color:#fff;font-size: 20px;margin-left:14px;}
.title4{font-size: 33px;color:#fff;line-height:1.2;}
.liuyan-contact{display:inline-block;float:right;margin: 50px 0 0 0;background:#F9BE00;line-height:44px;font-size:24px;padding: 0 45px;border-radius:30px;}
@media (max-width:1024px){
	#liuyan{padding:20px 0 30px}
	.title3{background:unset}
	.title3 .tit{font-size:40px}
	.title4{font-size:22px}
}
@media (max-width:768px){
	.title3{flex-wrap:wrap}
	.title3 .tit{font-size:36px;margin-right:16px}
	.title3 p{font-size:16px;margin-left:0}
	.title4{font-size:18px}
	.liuyan-contact{margin-top:20px}
}
@media (max-width:425px){
	.title3 .tit{font-size:30px}
	.title3 p{line-height:1.5;margin-bottom:15px}
	.title4{font-size:16px}
	.liuyan-contact{font-size:16px;padding:0 15px;float:unset}
}

#news{padding-top:24px;padding-bottom: 40px;}
.newsL{margin-right: 55px;display: flex;flex-direction: column;justify-content: space-between;}
.newsL .title{margin:0}
.news-more{display: block;width: 80px;border-bottom: 1px solid #0049A2;font-size: 14px;}
.news-more:after{display: inline-block;content:'';width: 0;height: 0;border: 4px solid transparent;border-left: 6px solid #0049A2;margin-left: 10px;}
.newsL .title .cn:before{width:30px;margin-right:2px}
.newsR{flex:1;margin-top:26px;border-bottom:2px solid #EBEBEB}
.newsR li{width:33.3%}
.newsR a{display:block;border:2px solid #EBEBEB;padding: 25px 25px 35px 35px;border-bottom:0;}
.newsR .time{line-height:1;background:url(../images/icon_more2.png) no-repeat bottom right}
.newsR .time .day{display:block;font-size:28px}
.newsR .time .year{font-size:14px}
.newsR .news-con{margin-top:31px;border-top:1px solid #EBEBEB;padding:31px 0 0 0}
.newsR .news-con .news-tit{font-size:18px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsR .news-con .news-text{font-size:14px;margin-top:7px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.newsR li:hover a{background:#0049A5;color:#fff}
@media (max-width:1024px){
	#news{padding-bottom: 40px;}
	.newsR a{padding: 15px;}
	.newsR .news-con{padding-top: 10px;margin-top: 20px;}
	.newsR .news-con .news-tit{font-size: 16px;}
}
@media (max-width:768px){
	#news{padding-bottom: 30px;}
	.newsL{width: 100%;}
	.newsR li{width: 50%;}
}
@media (max-width:425px){
	.newsR li{width: 100%;}
}


#case{margin-bottom: 42px;}
.caselist{margin-top: 10px;}
.caselist li{width:31.3%;margin-top:27px}
.caselist .img{border:8px solid #EDEDED}
.caselist .img img{display:block;max-width:100%}
.caselist .tit{line-height: 1.5;margin-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #EBEBEB;}
.caselist .tit p{font-size: 24px;}
.caselist .tit span{font-size: 18px;}
.caselist li:hover .img{border-color:#D6DFEF}
.caselist li:hover .tit p{color:#0049A5}
.caselist li:hover .tit span:after{background:#F9BE00}
@media (max-width:1024px){
	.caselist .tit p{font-size:16px;}
	.caselist .tit span{font-size:16px}
}
@media (max-width:768px){
	.caselist li{width:33%}
	.caselist .tit span{font-size:14px}
}
@media (max-width:425px){
	#case{margin-top:20px}
	.caselist{margin-top:20px}
	.caselist li{width:100%;margin-top:0;margin-bottom:10px}
	.caselist .tit{margin:10px 0}
	.caselist .tit p{font-size:16px;font-weight:bold}
}

.contactT{padding: 45px 0 150px;background:url(../images/contact_bg.png) no-repeat center;}
.contactT .title2{justify-content:flex-end;align-items:unset}
.contactT .titleL{color:#fff}
.contactT .titleL .cn:before{background:#FEC81D}
.contactT .titleL .cn span{color:#fff;margin-left:10px}
.contactT .titleL .en span{color:#FFDF7A}
.contactT .titleL .dian2{background:url(../images/title_icon3.png);margin-left:50px}
.contact{position:relative}
.contactL{width:425px;padding: 50px 0 35px 35px;color:#fff;position:absolute;bottom:0;background:#0049A5;}
.contactL h1{font-size:26px;margin-bottom:21px}
.contactL ul li{font-size:20px;line-height: 70px;}
.contactL ul li:before{display:inline-block;content:'';width:33px;height:34px;background-color:#fff;margin-right:10px;border-radius:3px;background-image:url(../images/icon_contact.png);background-repeat:no-repeat;vertical-align:middle}
.contactL ul li:first-child:before{background-position:center 5px}
.contactL ul li:nth-child(2):before{background-position:center -67px}
.contactL ul li:nth-child(3):before{background-position:center -138px}
#message{margin-left:460px;padding:24px 0 0}
#message input{width:31.5%;line-height:46px;border:1px solid #E5E5E5;background:#F6F6F6;padding:0 10px}
#message textarea{width:100%;margin-top:20px;line-height:46px;border:1px solid #E5E5E5;background:#F6F6F6;padding:0px 10px;height:10em}
#message button{width:173px;line-height:42px;border:0;border-radius:0;background:#333333;color:#fff;font-size:18px;margin-top:26px;cursor: pointer;}
#message button:hover{background:#000}
@media (max-width:1024px){
	.contactT{padding:40px 0 50px}
	.contactL{width:350px;padding:50px 0 30px 30px}
	.contactL h1{font-size:20px}
	.contactL ul li{line-height:60px}
	#message{margin-left:370px}
	#message button{margin-top:20px}
}
@media (max-width:768px){
	.contactT .title2{justify-content:center}
	.contactT .titleL .en{text-align:center}
	.contact{display:flex;justify-content:space-between;padding-left:0}
	.contactL{width:unset;position:relative;padding:50px 10px}
	.contactL h1{font-size:18px}
	.contactL ul li{line-height:40px;font-size:16px}
	#message{margin-left:9px;flex:1}
}
@media (max-width:425px){
	.contactT{padding:30px 0}
	.contact{display:block;padding:0}
	.contactL{width:100%;padding:16px 20px}
	#message{margin:0 10px;padding:20px 0}
	#message input{width:100%;margin-bottom:10px}
	#message textarea{margin-top:0}
}

#faq{padding: 35px 0 60px;}
.faqL{display: flex;flex-direction: column;justify-content: space-between;background: url(../images/title_icon.png) no-repeat right 150px;}
.faqL .title{margin-right: 0;margin-top: 0;}
.faqL .title .cn:before{width: 30px;margin-right: 2px;}
.faqR{flex: 1;padding: 30px 0 0;margin-left: 50px;}
.faqR li{width: 29%;}
.faqR .tit{position: relative;padding-left: 40px;font-weight: bold;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.faqR .tit:before{display: block;content:'问';width: 24px;height: 24px;position: absolute;top: 5px;left: 0;background: #0148A4;border-radius: 5px;color: #fff;text-align: center;line-height: 24px;font-size: 18px;font-weight: bold;}
.faqR .desc{position: relative;padding-left: 40px;line-height: 38px;margin-top: 10px;text-indent: 2em;color: #666;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.faqR .desc:before{display: block;content: '答';width: 24px;height: 24px;position: absolute;top: 9px;left: 0;background: #000000;border-radius: 5px;color: #fff;text-align: center;line-height: 24px;font-size: 18px;text-indent: 0;font-weight: bold;}
.faqR .xian{width: 1px;height: 100%;background: #0049A5;}
@media (max-width:1024px){
	.faqL{background-position: right 100px;}
	.faqR{margin-left: 20px;padding-top: 0;}
	.faqR .tit{position: relative;padding-left: 30px;}
	.faqR .tit:before{font-size: 14px;}
	.faqR .desc{position: relative;padding-left: 30px;line-height: 2;}
	.faqR .desc:before{font-size: 14px;}
}
@media (max-width:768px){
	.faqL{width: 100%;background: url(../images/title_icon2.png) no-repeat right bottom;}
	.faqR{margin: 20px 0;}
	.faqR li{width: 100%;margin-bottom: 10px;}
	.faqR .desc{margin-top: 0;}
	.faqR .xian{display: none;}
}
@media (max-width:425px){
	#faq{padding: 0 0 20px 0;}
}

#link{padding:30px 0 25px;background:#1E252F}
.link-title{padding-left:33px}
.link-title .cn{color:#fff;font-size:30px;position:relative;line-height:1}
.link-title .cn:before{display:block;content:'';width:29px;height:3px;background:#FFD03A;position:absolute;left:-33px;top:12px}
.link-title .en{font-size:44px;font-weight:bold;line-height:1;color:#464B4F;margin-bottom:-25px}
#link  ul{flex:1;margin:20px 0 0 55px}
#link li{margin:0 6px}
#link a{font-size:20px;color:#fff}
#link a:before,#link a:after{display:inline-block;content:'';width:10px;height:2px;background:#fff;vertical-align:middle;margin:0 10px}
#link a:hover{text-decoration:underline}
@media (max-width:768px){
	#link{padding:20px 0}
	.link-title .cn{font-size:26px}
	.link-title .en{font-size:40px}
	#link ul{margin:15px 0 0 20px}
	#link a{font-size:16px}
}
@media (max-width:425px){
	#link{padding:10px 0}
	.link-title{width:100%}
	#link ul{margin:0 0 0 0}
	#link li{margin:0}
	#link a:before,#link a:after{margin:0 5px}
}