@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ol,ul,li{ list-style:none;padding: 0;}
body{ font-size:14px; color:#333333; line-height:24px; margin:0px; padding:0px;  font-family:"Microsoft YaHei"; }
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#383838; font-family:"Microsoft YaHei";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Microsoft YaHei";text-decoration:none; }
em{font-style:normal}
h1,h2,h3,h4{font-weight:normal;}
.fl{float: left;}
.fr{float: right;}

/*网站头部*/

header{position: fixed;z-index: 9999;width: 100%;background: #fff;}

.top_head{background:#f1f1f1;}
.top_head_box{max-width:1400px;margin:0 auto;}
.top_head_box ul{float: right;height:45px;}
.top_head_box ul li{float: left;line-height:45px;font-size:14px;}
.top_head_box ul li a{border-right:1px dotted #d6d6d6;padding:0 16px;color:#666;}
.top_head_box ul li:nth-child(3) a{border-right:none;color:#071b20;}
.top_head_box ul li:nth-child(3){background: url(../images/icon_01.png);height:45px;}

.top_dg{height:118px;max-width:1400px;margin: 0 auto;}
.top_left{float: left;}
.top_nav{float: right;}
.top_nav ul{line-height:110px;padding-top:9px;}
.top_nav ul li{float: left;/*padding:0 25px;*/padding-right:60px;position: relative;}
.top_nav ul li a{color:#2f2e2e;font-size:16px;text-transform: uppercase;font-family:"Microsoft YaHei";}
.nav_hover a{color:#32afc9 !important;font-weight: bold;border-bottom: 4px solid #32afc9;padding-bottom:45px;}
.top_nav ul li:hover a{color:#32afc9 !important;font-weight: bold;border-bottom: 4px solid #32afc9;padding-bottom:45px;transition: 0.56s ease;}
.top_nav ul li ul{position: absolute;top: 0;padding-top: 10px;top: 105px;line-height: 50px;    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.nav_hover_dg li{background: rgba(255, 255, 255, .9);padding-right:0 !important;padding-left: 20px;width: 220px;}
.top_nav ul li:hover ul li a{font-weight:100 !important;border-bottom:0 !important;padding-bottom:0px !important;color:#2f2e2e !important;}
.top_nav ul li ul li:hover a{font-weight:100 !important;border-bottom:0 !important;padding-bottom:0px !important;color:#fff !important;transition: 0s ease;}
.top_nav ul li ul li a{font-weight: 100;padding-bottom:0 !important;}
.nav_hover_dg li:hover{background:#32afc9;}
.nav_hover_dg{display: none;}
.top_nav ul li:hover ul{display: block;transition: 0.56s ease;}

.sp_header{display: none;}

@media ( max-width:1030px) {
	.top_nav{display: none;}
	.sp_header{display: block;}
	.top_left{padding-left:20px;}
}
@media ( max-width:768px) {
 .top_dg{height:80px !important;}
 .sp_header{height: 80px !important;}
 .top_left{padding: 0;}
 .sp_nav{margin-top:60% !important;}
 .top_left img{height:70px;padding:8px 0;padding-right: 30px;}
 .top_left{padding-left:0px;width: 94%;text-align: center;}
 .top_head_box ul li:nth-child(1){display: none;}
 .top_ri{display: block !important;}
}
@media ( max-width:375px) {
 .top_dg{height:60px !important;}
 .sp_header{height: 60px !important;}
 .top_left{padding: 0;}
 .sp_nav{margin-top:50% !important;    transform: scale(0.79);}
 .top_left img{height:55px;padding:10px 0;}
 .top_left{padding-left:0px;}
}

/*----手机站导航开始----------*/
.sp_header{height:120px;overflow:hidden;position:absolute;z-index:999;left: 0;}
.sp_nav{width:50px;position:relative;cursor:pointer;height:30px;margin-top:100%;}
.sp_nav span{display:block;background:#333;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;height: 100%;}
.sjj_nav span{padding-top: 20px;display: block;margin-left:20px;float: left;}
.sjj_nav span img{display: block;float: left;padding-top:6px;}
.nav_show{top:0;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:60px;position:relative;line-height:60px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{}
.sjj_nav ul li a{color:#666;width:80%;text-transform: uppercase;}
.sjj_nav ul li ul li a{color:#999 !important;display:block;text-align:left;padding-left: 20px;font-weight: 100;}
.sjj_nav ul li ul li{margin:0;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.top_ri{position: absolute;right: 10px;top:20px;padding:6px 10px;text-align: center;border-radius:6px;
background: -webkit-linear-gradient(top, #2982f2 , #68d7e2); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #2982f2, #68d7e2); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, #2982f2, #68d7e2); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #2982f2 , #68d7e2); /* 标准的语法（必须放在最后） */
display: none;
}
.top_ri a{color:#fff;}
/*----手机站导航结束----------*/

/*banner*/
.ups-banner{position: relative;}
.module_container {max-width: 1400px;margin:0 auto;}
.module_container .container_content {
    position: relative;
    height: 160px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.09);
    top: -70px;
    z-index:9;
}
.module_container ul.content_list {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0;
}
.module_container ul.content_list li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}
.module_container ul.content_list li p {
    text-align: center;
    font-size: 14px;
}
.module_container ul.content_list li .counterDX {
    font-size: 50px;
    color:#333333;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-top:20px;
    display: block;
}
.module_container ul.content_list li .title{line-height:60px;text-transform: uppercase;color:#999999;font-size:13px;font-family: Microsoft YaHei;}
.module_container ul.content_list li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 45px;
    background-color: #cccccc;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*网站内容*/

.product_dg{background:#f0f0f0;padding-bottom:30px;padding-top:10px;}
/*section2*/
.section2 {text-align: center;margin-top:20px;}
.section2 h3{ text-align:center; margin-bottom:5px; font-weight:normal; font-size:28px;}
.section2 h3 a{ color:#ffffff;}
.section2 span{ display:block; text-align:center; font-size:14px; color:#7c7c7c; font-family:Arial; margin-bottom:10px;text-transform: uppercase;}
.section2 i{ display:block; width:40px; height:1px; background-color:#ff0000; margin:0 auto; margin-bottom:50px;}
.section2 .swiper-container01{ overflow:hidden; max-width:1400px; margin:0 auto; position:relative; margin-bottom:20px; }
.section2 .swiper-container01 ul{padding:10px; /*overflow:hidden;*/ width:1430px;}
.section2 .swiper-container01 li{ overflow:hidden; float:left; position:relative; width:430px; height:auto; margin-right:46px; background-color:#fff;box-shadow:0 0 30px  rgba(218, 218, 218, 0.5);}
.section2 .swiper-container01 li img{ display:block;width: 100%;box-shadow:0 0 30px  rgba(218, 218, 218, 0.5);}
.section2 .swiper-container01 li .wen{ overflow:hidden; padding:0 20px;z-index:2;text-align: center;}
.section2 .swiper-container01 li h4{ font-size:20px; font-weight:normal; margin-top:30px; margin-bottom:3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.section2 .swiper-container01 li h4 a{ color:#666666;}
.section2 .swiper-container01 li p{ font-size:14px; color:#666666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.section2 .swiper-container01 li span{font-size:14px;font-weight: bold;line-height:50px;font-family: "arial";}
.section2 .btn{ overflow:hidden; width:128px; margin:0 auto; margin-bottom:25px;}
.section2 .btn span{ display:block; float:left; margin:0 2px; width:58px; height:1px; border:1px solid #fff; opacity:0.6;}
.section2 .btn span.cur{ border:1px solid #ff0d00; opacity:1; background-color:#ff0d00;}
.more{ border:1px solid #808080 !important; text-align:center; font-size:14px; color:#808080 !important; font-family:Arial;background: none !important;text-align: center;padding:12px 40px;font-weight: bold;zoom: 0.5;}
.section2 .swiper-container01 li:hover{ background:#33afc9;}
.section2 .swiper-container01 li:hover a{ color:#fff;}
.section2 .swiper-container01 li:hover p,.section2 .swiper-container01 li:hover span{ color:#fff;}


/*标题*/
.title1{text-align: center;padding-top:40px;}
.title1 h3{font-size:30px;color:#333;padding-bottom:5px;}
.title1 p{font-size:16px;color:#666;line-height:40px;}
.title1 span{color:#cccccc;font-size:14px;}

.anli_dg{max-width:1400px;margin:0 auto 20px;text-align: center;}
.anli_dg ul{display: flex;justify-content: space-between; flex-wrap: wrap;margin:10px auto 10px;}
.anli_dg ul li{width:19%;text-align: center;margin-bottom:0px;}
.anli_dg ul li dt{overflow: hidden;display: block;box-shadow: 0 0 30px rgba(218, 218, 218, 0.5);}
.anli_dg ul li dt img{width:100%;transition: .4s;}
.anli_dg ul li dt:hover img{transform: scale(1.2);}
.anli_dg ul li dd{line-height:40px;font-size:12px;color:#333;height: 40px;overflow: hidden;}


.about_dg{background: url(../images/icon_05.png) no-repeat center center;padding-top:20px;}
.about_box{max-width:1400px;margin:20px auto 0;padding-bottom:88px;}
.about_ri{float: right;background:#fff;width:43%;height:423px;padding:0 3%;}
.about_img{float:left;width:51%;}
.about_img img{width:100%;    height: 423px;}
.about_ri h4{font-size:16px;color:#000;padding-top:40px;padding-bottom:10px;}
.about_ri p{font-size:14px;color:#808080;line-height:27px;}
.about_ri p a{color:#33afc9;font-size:16px;}
.about_ri_box dl{float: left;text-align: center;}
.about_ri_box{display: flex;justify-content: space-between; flex-wrap: wrap;border-top:2px #e6e6e6 solid;padding-top: 30px;margin-top:40px;}
.about_ri_box dl dd{color:#616365;line-height:50px;}
.about_ri_box dl img{transition:All 0.4s ease-in-out;/* -webkit-transition:All 0.4s ease-in-out; */-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.about_ri_box dl:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg) scale(1.2);}

.swiper-container02{max-width:1400px;width:100%;margin:20px auto !important;}
.swiper-container02 .news_dg{overflow: hidden;}
.swiper-container02 .news_dg img{transition: .4s;}
.swiper-container02 .news_dg:hover img{transform: scale(1.2);}

.news_dg dl{background:#fff;padding:35px 20px;}
.news_dg dl dt{font-size:18px;color:#666;padding-bottom:10px;}
.news_dg dl dd{color:#68625f;font-size:14px;}
.news_dg dl span{font-weight: bold;color:#666666;font-family: "arial";text-transform: uppercase;padding-top:35px;display: block;}
.more_dg{width:100%;text-align: center;margin:30px auto;}

.customer_dg{width:100%;background:#f0f0f0;}
.customer_box{max-width:1400px;margin:20px auto 0;text-align: center;padding-bottom:40px;}
.customer_box ul{display: flex;justify-content: space-between; flex-wrap: wrap;margin-bottom:20px;}
.customer_box ul li{float: left;width:18%;margin-bottom:10px;}
.customer_box ul li a img{width:99%;transition: all .5s;box-shadow: 0 0 15px rgba(218, 218, 218, 0.5);padding: 15px 0;}
.customer_box ul li dd{line-height:40px;font-size:14px;color:#333;}
.customer_box ul li:hover img{margin-top:-10px;}


.news01_dg{max-width:1400px;margin:30px auto;}
.news01_fl{float: left;/*max-width:680px;*/width: 49%;margin-bottom:20px;}
.news01_fl img{width:100%;}
.news01_ri{float: right;width: 48%;}
.news01_ri dl{background:#f7f7f7;width: 95%;padding:2%;border:1px solid #efefef;margin-top:13px;max-width: 660px;transition: all .5s;}
.news01_ri dl img{float: left;display: block;width:70px;padding-right:2%;height:55px;}
.news01_ri dl dt{font-size:14px;color:#222;line-height:18px;height:18px;overflow: hidden;}
.news01_ri dl dd,.news01_ri dl span{font-size:12px;color:#808080;}
.news01_ri dl span{padding-top:0px;display: block;}
.news01_ri dl:nth-child(1){margin-top:0px;}
.news01_ri dl:hover{margin-left:-20px;}


.link_dg{max-width:1400px;margin:0 auto 40px;}
.link_dg h4{float: left;font-size:20px;color:#333;border-left:4px solid #1b9fe5;padding-left:10px;line-height:30px;}
.link_dg a{color:#6a6a6a;font-size:14px;padding-right:30px;line-height:30px;}

.footer_dg{background:#333;}
.footer_box{max-width:1400px;margin:0 auto;}
.footer_left{max-width:1117px;float: left;padding-top:50px;width: 80%;}
.footer_left dl{border-right:1px solid #717171;float: left;padding-right:40px;margin-right:40px;padding-bottom:20px;}
.footer_left dl dt{color:#fff;font-size:16px;}
.footer_left dl i{height:1px;width:10px;background:#717171;display: block;margin:10px 0;}
.footer_left dl dd a{color:#c0c0c0;line-height:30px;text-transform: uppercase;}
.footer_left p{border-top:1px solid #717171;margin-top:45px;color:#fff;padding-top:48px;padding-bottom:30px;}
.footer_left dl:nth-child(5){border-right:0px;}
.footer_right{background:#33afc9;max-width:283px;height: 100%;float: right;width:20%;height:323px;text-align: center;padding-top:55px;}
.footer_right p{color:#fff;font-size:22px;line-height:30px;}
.footer_right dd{font-size:14px;color:#fff;}
.footer_right img{padding:15px 0;}
.foot_nav{display: none;background:#33afc9;position: fixed;bottom:0;width:100%;z-index:9999999;}
.foot_nav dl{float: left;width:25%;text-align: center;padding:10px 0;zoom: 0.7;}
.foot_nav a{color:#fff;}
.foot_nav dl img{width:30px;}
.foot_nav dl dd{padding-top:5px;font-size:14px;}


.swiper-container03{display: none;}

@media only screen and (max-width:1240px ) {
.top_nav ul li{padding-right:40px;}
.news01_fl img{width:100%;}
	
}
@media only screen and (max-width:768px ) {
body{font-size:12px;    background: #fff;}
.anli_dg ul li{width:31.5%;}
.about_img,.about_ri{width:100%;}
.about_img img{height: auto;}
.about_ri{padding:0;}
.about_ri_box dl{width:24%;}
.about_ri_box dl img{width:100%;}
.about_box{padding-bottom:40px;}
.about_dg{background: url(../images/icon_05.png) no-repeat top center;display: none;}
.swiper-container03{display: block;}
.swiper-container02{display: none;}
.swiper-container03 .swiper-button-prev01,.swiper-container03 .swiper-button-next01{display: none;}
.customer_box ul li{width:31.5%;}
.news01_fl,.news01_ri{width:100%;}
.footer_right{display: none;}
.footer_left{width:100%;}
.footer_left dl{width:49%;text-align: center;margin: 0 0 20px 0;padding:0;}
.footer_left dl:nth-child(5){display: none;}
.news_dg dl dd{height:100px;overflow:hidden;display: none;}
.news_dg dl dt{font-size:12px;height:28px;overflow: hidden;padding-bottom:0;}
.news_dg dl{padding:10px 10px;}
.news_dg dl span{padding-top:0px;}
.swiper-container{margin-top:20px !important;}
.swiper-banner{margin-top:0 !important;}
.news01_ri dl dd{height:20px;overflow: hidden;}
.news_xgxw{overflow: hidden;width:99% !important;}
.cpMain .container{margin-top: 0 !important;}
.proviewbox{padding-bottom:20px;padding-top:20px !important;}
.nav_hover a{border: none;padding-bottom:0;}
.top_head{display: none;}
.customer_dg{background:#fff;border-top:20px solid #f6f5f5;padding:0 10px;width: auto;}
.title1 p{font-size:12px;    line-height: 25px;}
.title2{border-top:20px solid #f6f5f5;}
.title1 h3{font-size:20px;}
.anli_dg,.news01_dg{padding:0 10px;}
.product_dg{background:#fff;}
.foot_nav{display: block;}
.footer_dg{display: none;}
footer{margin-top: 80px;}
}
@media only screen and (max-width:415px ) {

}