@charset "utf-8";
/*reset.css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a,
em, font, img,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;background: transparent ;border: 0;outline: 0;}
.clearfix,.clear{clear: both;}
.c:after{content:"";display:block;clear:both;}
body{font-size: 14px;color: #000;font-family: arial;box-sizing: border-box;overflow-x: hidden;padding-top: 75px;}
#fff{list-style:none;}
body,table,input, textarea, select, option {line-height: 2;}
ol, ul {list-style: none;}
p{}
i{font-style:normal}
a {color: #222;text-decoration: none;}
a:hover{color: #EE0004;}

.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.hidden{overflow:hidden}
.l-wrap{width:100%;max-width: 1200px;padding: 0 20px;margin:0 auto;box-sizing: border-box;}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
:root{--color:#C2272D}
/*reset.css 结束*/
/*img{pointer-events: none;}*/

/*header*/
.head{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;box-shadow: 0 0 5px #ccc;}
.head-main{z-index:2;position:relative;}
.head-main .l-wrap{transition:height .3s ease;}
.head-main .l-wrap .head-logo{height: 100%;display: flex;align-items: center;}
.head-main .l-wrap .logo1{max-height: 75px;max-width: 100%;}
.head-nav ul li{margin:0 20px}
.head-nav ul li a:hover,.head-nav ul li a.inmenu_1{color: var(--color);}
.head-nav ul li a::after{position:absolute;content:"";bottom: 0;left:0;width:0;height:3px;transition:all .3s;background-color: var(--color);}
.head-nav ul a{font-size:16px;position: relative;display: block;line-height: 40px;}
.head-phone{font-style: italic;}
.head-phone span:last-child{color: var(--color);}
@media screen and (min-width:768px){
	.head-nav ul li a:hover::after, .head-nav ul .inmenu_1::after{width:100%;margin:0 auto}
}
@media screen and (max-width:768px){
	body{padding-top:50px}
	.head-phone{display:none}
	.head-nav .nav-btn{position:relative;cursor:pointer;width: 50px;height: 50px;background-color: var(--color);display: none;margin-right: 0;}
	.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:#FFF;left: 16px;width:20px;height:3px}
	.head-nav .nav-btn span:nth-child(1){top: 17px;}
	.head-nav .nav-btn span:nth-child(2){top: 25px;}
	.head-nav .nav-btn span:nth-child(3){top: 33px;}
	.head-main .l-wrap{position:static;padding-right: 0;justify-content: center;}
	.head-nav>ul{opacity:0;max-height:0;overflow:hidden;display:block;background-color:#FFF;box-shadow:0 1px 6px 0 rgba(0,0,0,.1);width:100%;height:auto;position:absolute;top:100%;left:0;right:0;transition:max-height .2s ease,opacity .2s ease,height .2s ease}
	.head-nav>ul>li{margin:0 50px}
	.head-nav>ul>li>a{display:block;text-align:left;line-height: 50px;height: 50px;color: #222;border-bottom: 1px solid #d6d6d6;}
	.head-nav.is-active .nav-btn{display:block}
	.head-nav.is-active .nav-btn span:nth-child(1){transform:rotate(45deg);top: 25px;}
	.head-nav.is-active .nav-btn span:nth-child(2){opacity:0}
	.head-nav.is-active .nav-btn span:nth-child(3){transform:rotate(-45deg);top: 25px;}
	.head-nav.is-active>ul{opacity:1;overflow-y:auto;max-height:100vh}
	
	.head{border:0;position: fixed;}
	.head-main .l-wrap .head-logo{background:none;padding: 0;width: unset;}
	.head-main .l-wrap .logo1{max-height: 50px;}
	.head-nav>ul>li{position:relative;height:auto;margin:0 4vw}
	.head-nav.is-active>ul{position:fixed;top: 50px;bottom:0px;z-index:99;background: #f3f3f3;}
	.head-icon{display: flex;position:absolute;right: 92px;z-index:1;color: #F89406;align-items: center;}
	.head-icon i{font-size:20px}
}

#banner img{display:block;max-width:100%}

/*product*/
#product{background: #F8F8F8;padding: 50px 0;}
.title{text-align: center;font-size: 26px;margin-bottom: 50px;}
.title:after{display: block;content:'';width: 50px;height: 4px;background: var(--color);margin: 10px auto 0;}
.product-img{width: 360px;}
.product-img img{display: block;max-width: 100%;margin: 0 auto;}
.product-con{flex: 1;margin-left: 50px;}
.product-con p{font-size: 16px;text-indent: 2em;margin-bottom: 15px;}
@media screen and (max-width:768px){
	#product{padding: 30px 0;}
	.title{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
	.title:after{display: block;content:'';margin-top: 0px;}
	.product-img{width: 100%;}
	.product-con{margin-top: 30px;margin-left: 0;}
	.product-con p{font-size: 14px;margin-bottom: 5px;}
}

/*strength*/
#strength{padding:50px 0}
.strength li{background:#fbfbfb;width:24%;border-radius:10px;border:solid 1px #eee;box-sizing:content-box;padding-bottom:15px}
.strength li .img{border-radius:10px 10px 0 0;padding:10px 0}
.strength li .img svg{display:block;max-width: 100px;margin:0 auto;height: unset;padding: 25px 0;}
.strength li:nth-of-type(1) .img{background:#ddcbea}
.strength li:nth-of-type(2) .img{background:#4d72fe}
.strength li:nth-of-type(3) .img{background:#8276c0}
.strength li:nth-of-type(4) .img{background:#71baf3}
.strength li .box{text-align:center}
.strength li .box h4{line-height:1.5em;padding:20px 0 5px;font-size: 20px;text-align:center;color:#101055}
.strength li .box p{line-height: 1.6;padding:0 20px;font-size: 14px;text-align:center;color:#30466f}
@media screen and (max-width:768px){
	#strength{padding:30px 0}
	.strength li{width:49%;margin-bottom:10px}
	.strength li .box h4{font-size:18px}
	.strength li .box p{line-height:1.5;font-size:14px}
}
@media screen and (max-width:425px){
	.strength li{width:100%}
}

/*service*/
#service{background: #F8F8F8;padding: 50px 0;}
.service li{width: 100%;background: #fff;border-radius: 10px;padding-bottom: 10px;}
.service li:nth-of-type(1) .img{background: #e5ce9a;}
.service li:nth-of-type(2) .img{background: #7792ff;}
.service li .img{border-radius:10px 10px 0 0;}
.service li .img img{display:block;margin:0 auto;max-width: 100%;border-radius: 10px 10px 0 0;}
.service li .box{text-align:center}
.service li .box h4{line-height: 1.5em;padding: 20px 20px 15px;font-size: 24px;text-align: center;color: #101055;}
@media screen and (max-width:768px){
	#service{padding:30px 0}
	.service li{width:100%;margin-bottom: 20px;}
	.service li .box h4{font-size:18px}
}

/*contact*/
#contact{padding:50px 0}
.contact .img{width:60%}
.contact .img img{display:block;width:100%}
.contact .box{width:35%}
.contact .box h1{padding:0px 0px 20px;font-size:24px}
.contact .box ul li{font-size:18px;line-height:1.5;padding:6px 0}
.contact .box ul div{display:inline-block;padding:10px 0}
.contact .box ul div img{width:120px;display:block}
.contact .box ul div p{padding:0;text-align:center;font-size:small;opacity:0.6}
@media screen and (max-width:768px){
	.contact .box h1{font-size:18px}
	.contact .box ul li{font-size:16px}
	#contact{padding: 30px 0;}
	.contact .img{width: 100%;}
	.contact .box{width: 100%;margin-top: 15px;}
}

/*footer*/
#footer{text-align:center;width:90%;line-height:2em;padding:40px 5% 40px;background:#f6f6f6;display:inline-block;font-size:14px}
#footer p{color: #999;}
#footer .copyright{border-top: 1px solid #EAEAEA;}