ul, ol { list-style: none outside none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td,div,a{ margin: 0;padding: 0;}
html,body{font-family:'PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif'!important;color:#333;}
.clearfix{zoom: 1;}
.clearfix::after,.clearfix::before{content: '';display: block; clear: both;}
.layout-box{ background-color: #fff;font-size: 14px;min-width:1200px;}
.layouts{width: 1200px; margin: 0 auto;}
.m-b-70{margin-bottom: 70px;}
.m-b-50{margin-bottom: 50px;}
.bor-b-cls{border-bottom: none!important;}
.red{color: #df323e;}
.blue{color:#13358D;}
.f-l{float:left;}
.f-r{float:right;}
p{text-indent: 0;}

.main-title-box{text-align: center; margin-bottom: 40px;}
.main-title{position: relative; padding: 0 50px; margin: 0 auto; display: inline-block;}
.main-title h1{font-size: 30px; color:#333; text-align: center;line-height: 42px; margin: 0 0 4px 0;font-weight:bold;}
.main-title h2{font-family: 'SourceHanSansCN-Regular';font-size: 16px; color:#999999; text-align: center;font-weight: normal; margin-bottom: 10px;}
.main-title::before{content: '';width: 20px;height: 4px;position: absolute;top: 20px;/* left: 50%;margin-left: -100px; */ left: 0; background-color: #555555;}
.main-title::after{content: '';width: 20px;height: 4px;position: absolute;top: 20px;/* left: 50%;margin-left: 100px; */ right: 0; background-color: #555555;}

.product-box{margin-bottom: 30px;}
.product-box ul{ margin:0 -20px 20px 0;}
.product-box ul li{float: left; margin: 0 20px 20px 0; width: 284px;}
.product-box ul li img{width: 284px; height: 284px;}
.product-box ul li h6{text-align: center; width: 100%;font-size: 14px; color: #555;}
.product-box p{margin-bottom: 10px;}
.product-box .subTitle{ background-color: #083970; border-radius:  0 23px 23px 0; height: 46px; padding:0 10px 0 0; margin-bottom: 30px; display: inline-block;}
.product-box .subTitle1{background-color: #0c5ab3; border-radius:  0 23px 23px 0; height: 46px; padding:0 10px 0 0;}
.product-box .subTitle1 h3{font-size: 16px; color: #fff; border-radius:  0 23px 23px 0;padding:0 20px; height: 46px;line-height: 46px; background-image: linear-gradient(to right, #80CAFF, #0a4d9a);}

.pro-box ul{margin-right: -30px;}
.pro-box ul li{float: left; margin: 0 30px 30px 0; width: 485px; /* background-color: #df323e; */}
.pro-box ul li dl{position: relative;margin: 0 -20px 0 0;}
.pro-box ul li dl dd{width: 232px; float:left; margin:0 20px 0 0;line-height: 0;}
.pro-box ul li dl dd img{width: 232px;}

.about-us .about-txt{ width: 630px;padding: 80px 0;}
.about-us .about-txt .sub-title{font-size: 24px; margin: 0 0 10px 0;}
.about-us .about-txt p{text-indent: 2em; margin: 0; font-size: 14px; line-height: 30px;}
.about-us .about-txt .main-title h2,.about-us .about-txt .main-title h1{text-align: left;}
.about-us .about-txt .main-title::after{left: 0; margin: 0;}
.about-us .about-list{margin-right: -20px;}
.about-us .about-list li{float: left;text-align: center;margin: 0 20px 0 0;width: 284px; color:#fff;}
.about-us .about-list li h6{font-size: 14px;}
.about-us .about-list li img{margin-bottom: 10px;}
.about-us .about-list li a{display: block;}

.marquee{margin-right: -20px; padding:0; position: absolute; top: 0; left: 0;}
.marquee li{float: left;text-align: center;margin: 0 20px 0 0;width: 235px; color:#fff;}
.marquee li p{line-height: 26px; margin: 0;}
.marquee li div{width: 235px; height: 235px; overflow: hidden;margin-bottom: 14px;}
.marquee li div img{width: 235px; height: 235px; overflow: hidden;}
.marquee-btn{ width: 100px; margin: 10px auto;height: 30px;}
.marquee-btn .pre,.marquee-btn .next{width: 50px; height: 24px;padding:3px 0; text-align: center; background-color: #00cc99; display: block; position: relative;}
.marquee-btn .pre i{display:block;position:relative;width:0;height:0;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent #fff transparent transparent;margin:0 auto}
.marquee-btn .pre i::after{content:"";position:absolute;top:-12px;left:3px;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent #00cc99 transparent transparent}
.marquee-btn .next i{display:block;position:relative;width:0;height:0;border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #fff;margin:0 auto}
.marquee-btn .next i::after{content:"";position:absolute;top:-12px;left:-15px;border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #00cc99}
.marquee-btn .pre:hover,.marquee-btn .next:hover{background-color: #3F8039;}
.marquee-btn .pre:hover i::after{border-color:transparent #3F8039 transparent transparent}
.marquee-btn .next:hover i::after{border-color:transparent transparent transparent #3F8039;}


.contactus-item{margin-bottom: 70px;}
.contactus-item .map{width: 756px; height: 360px;}
.contactus-item .contactus-info{width: 400px;}
.contactus-item .contactus-info li{margin-bottom: 20px;}
.contactus-item .contactus-info h1{font-size: 16px; line-height: 22px; font-weight: bold;}
.contactus-item .contactus-info b{display: block;}
.more-box{margin-bottom: 40px;}
.more-box a{ width: 230px;height: 50px;line-height: 50px;font-size: 18px; border: 1px solid #DEDEDE;display: block;text-align: center;margin: 0 auto; color: #555555;text-decoration: none; background-color: #fff;}
.more-box a:hover{background-color: #00cc99; color:#fff;}

.toHome{height:100px;background-color:#333333;font-size:24px;line-height:24px}
.toHome a{display:block;width:100%;height:100px;line-height:100px;color:#fff;text-align:center;text-decoration: none;}

.dh{position:absolute;width:172px;background:#fff;z-index:33;left: 50%; margin-left: 510px;top: 470px;}
.dh li{position: relative;cursor: pointer; padding: 10px; border: 1px solid #3F8039;}

.content{height: 182px;position: relative;}
.content .container{position: relative;height: 235px;width: 1200px;overflow: hidden; position: relative;}
.content .container .marquee{position: absolute; top: 0; left:0;}
.content .container a{text-decoration: none;color: #333;display: block; background: #fff;}
.content .container a img{width: 235px;}
.content .btn {display: block; width: 40px;height: 92px;position: absolute;top: 44px; cursor: pointer; background-color: #c1c1c1;}
.content .bth-l{left: -90px;}
.content .bth-l i::before{border-top: 20px solid transparent;border-right: 20px solid #555; border-bottom: 20px solid transparent; top:26px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-l i::after{border-top: 20px solid transparent;border-right: 20px solid #c1c1c1; border-bottom: 20px solid transparent; top:26px;left:12px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r{right: -100px;}
.content .bth-r i::before{border-top: 20px solid transparent;border-left: 20px solid #555; border-bottom: 20px solid transparent; top:26px;left:12px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r i::after{border-top: 20px solid transparent;border-left: 20px solid #c1c1c1; border-bottom: 20px solid transparent; top:26px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}

.content .bth-l:hover{background-color: #4f4f4f;}
.content .bth-l:hover i::before{border-top: 20px solid transparent;border-right: 20px solid #fff; border-bottom: 20px solid transparent; top:26px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-l:hover i::after{border-top: 20px solid transparent;border-right: 20px solid #4f4f4f; border-bottom: 20px solid transparent; top:26px;left:12px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r:hover{background-color: #4f4f4f;}
.content .bth-r:hover i::before{border-top: 20px solid transparent;border-left: 20px solid #fff; border-bottom: 20px solid transparent; top:26px;left:12px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}
.content .bth-r:hover i::after{border-top: 20px solid transparent;border-left: 20px solid #4f4f4f; border-bottom: 20px solid transparent; top:26px;left:6px; position: absolute; height: 0; line-height: 0; content: ''; display: block;}