@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#333; font-family:"Poppins Regular","微软雅黑";}body{ max-width: 1920px; margin: 0 auto;}* {margin:0;padding:0}ul,li { list-style: none; }img { border:0; }input:focus,textarea:focus{ outline:none; }input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}a {text-decoration: none;outline:none;color: #333;transition: 0.5s;}a:hover {text-decoration: none;color: #2285d2; transition: 0.5s;}.clearfix { clear: both; zoom: 1; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }.fl,.left { float: left; }.fr,.right { float: right; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#da251c; }.orange{ color:#fb8c00; }.blue { color: #2285d2; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#999; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.trans { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }.bj{background:#2285d2;color: #fff; }.pc { display: block;color:#212121 }.phone{ display: none; }.container{ max-width: 1600px;width:92%;margin:0 auto; }

@font-face{font-family:Poppins Light;src: url('../font/Poppins-Light_0.ttf') }
@font-face{font-family:Poppins Medium;src: url('../font/Poppins-Medium.ttf') }
@font-face{font-family:Poppins Regular;src: url('../font/Poppins-Regular_0.ttf') }

/*header头部的CSS布局*/
.header{ height: 80px; position: fixed;top:0;left: 0;width: 100%;z-index: 999;    background: rgb(53 29 113 / 84%);}
.main_box{ max-width: 1400px;width: 96%;margin: 0 auto; padding: 0;min-height: 300px;}
.main_box-q{ max-width: 1600px;width: 96%;margin: 0 auto; padding: 0;min-height: 300px;}
.main_box.top { width: 1268px; }
.main_box-q.top { width: 1668px; }

.header .logo{ width: 430px; padding:15px 0 0 2%; display: block; float: left;}
.header .logo img{ width: 100%;}
.header .h_nav{ float: right; max-width:1350px;width: 46%; line-height: 80px; height: 80px; margin-top:0px;text-align: center;}
.header .h_nav>ul{ margin: 0; padding: 0; transition: 0.5s;}
.header .h_nav>ul:after{display: block;content: '';clear: both; }
.header .h_nav>ul>li{width:15.6%;float:left;position: relative;z-index: 9;background:url(../images/arr11.png) no-repeat bottom center;background-size: 0 5px;}
.header .h_nav>ul>li:hover,.header .h_nav>ul>li.cur {background-size: 30px 5px;}
.header .h_nav>ul>li.m { background:none; }
.header .h_nav>ul>li a{display: block; font-size:18px;font-weight:normal;font-family:"Poppins Medium";color: #fff;}
.header .h_nav>ul>li:hover a { background: #1069cc;color:#fff; }
.header .h_nav>ul>li ul{ transition: 0.5s; opacity: 0; visibility: hidden;}
.header .h_nav>ul>li ul{width: 100%;padding:0;height: auto;position:absolute;top: 80px;left:0; z-index: 6;background:rgba(16,105,204,1);}
.header .h_nav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; }
.header .h_nav>ul>li>ul>li,.header .h_nav>ul>li>ul>li>ul>li{display: block;width: 100%;margin:0;padding:0;float: left; text-align: left;text-align: center;}
.header .h_nav>ul>li>ul>li.m img { max-width:101px;margin-bottom:-12px; }
.header .h_nav>ul>li>ul>li a{ color:#fff;font-size: 14px; padding: 15px 8%;line-height: 20px;transition:0.3s; }
.header .h_nav>ul>li>ul>li:hover a { background:#fff;color:#1069cc; }
.header .h_nav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible;  transition: 0.5s; }
.header .h_nav>ul>li>ul>li>ul{position: relative;top:-55px;left: 100%;margin-left:12px; transition: 0.5s;}
.header .h_nav>ul>li>ul>li>ul li { text-align: left; }
.header .h_nav>ul>li>ul>li>ul li a{ display:inline-block;padding-left: 28px;}
.header .h_nav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}


.header .tel1 {
    width: 220px;
    padding: 10px 0 0 10px;
    display: block;
    float: right;
    color: #fff;
    font-size: 18px;
    line-height: 1.5; /* 调整行距 */
    letter-spacing: 0.5px;
}


.header .tel1 img {
    width: 16%;
    margin: 10px 10px 10px 10px;
    vertical-align: middle; /* 使图标与文本垂直居中 */
}

.header .tel1 span {
    vertical-align: middle; /* 使文本与图标垂直居中 */
}


@media (max-width:1560px){
	.header .logo{ max-width: 340px; }
	.header .h_nav{ width: 54%; line-height: 80px; height: 50px; /*margin-top:28px*/;text-align: center;}
	
	.footer{ height: auto; overflow: hidden;color:#fff; background: #28067e;background-size:100% 100%;padding: 2% 0 1%;}
.footer a { color: #f5f5f5; }
.footer a:hover{color: #209084; }
.foot1 .left { max-width:373px;width:40%;    color: #ffffff; }
.foot1 .left img { max-width: 373px;width: 100%;    color: #ffffff; }
.foot1 .right { width:55%;padding-top:.8%;    color: #ffffff; }
.foot1 .right a { margin-left: 5%;color: #FFFFFF; }
.foot2 .left { width: 70%;padding:60px 10px 10px 10px;line-height: 28px;font-size: 12px;     color: #ffffff;}
.foot2 .left img { margin:0 0 12px; }
.foot2a { font-size: 18px;color: #ffffff; }
.foot2 .right {max-width: 178px;width: 30%;text-align: left;}
.foot2 .pic image { float: right;padding:0 0 12px; color: #ffffff;color: #ffffff;}
.foot2b { line-height: 32px;padding:5px 0 5px 35px;background-repeat: no-repeat;background-position: left center; font: normal normal normal 20px / 1 D388e2;color: #ffffff;}
.foot3 { border-top: #797c7d 1px solid;padding-top: 0.5%;margin-top: 0.1%; color: #ffffff;}
	
	
	
}
@media (max-width:1024px){
	.header .logo{ width: 282px; }
	.main_box{width:96%; margin:0 auto; padding:0 2%;}
	.main_box.top { width: 96%; }
	

	.header .navon{height:52px;}
	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
}
@media (max-width:787px){
	.header{ position: relative;height: 68px;background: rgba(28,74,169,1); }
	.header .logo{ width:220px; padding-top:14px; display: block;}
	.header .h_nav>ul>li>ul>li.m img { max-width:61px;margin-bottom:-12px; }
	.header .h_nav,.h_search{ display: none;}
	
	.header .morenav{float:right;display:block;background: #4caf50 url(../images/app_nav.png) no-repeat center;width: 40px;height: 40px;margin-top: 18px;margin-right: 10px;border-radius: 10%;}
    .about_box{height: auto;overflow: hidden;padding: 35px 0 40px;background: #f5f5f5;box-shadow: 0 5px 15px rgba(0,0,0,0.3);color: #2e533d;background: url(../images/abc.jpg) no-repeat;}
    
    .index_titcn {padding-top:3%;font-size: 22px;font-weight: bold;}
	
	
}

.mainleft { width:20%;float:left; }
.mainleft .cata_tit { background:#2285d2;color:#fff;font-size:16px;padding:10px 0; }
.cata_des { padding:2%;border:#eee 1px solid;border-top: 0; }
.cata_des li { border-bottom: #eee 1px solid; }
.cata_des li.dj1 a { font-size: 15px;padding:13px 0 13px 9%;font-weight: bold; }
.cata_des li.dj1 a:hover { padding-left:6%;background-color: #e1e5ec;color:#1b4aa8; }
.cata_des li.dj2 a { background: #fcfcfc;padding: 9px 0 9px 11%; }
.cata_des li.dj2 a:hover { padding-left:8%;background: #eee;color:#1b4aa8; }
.leftcontact { border:#eee 1px solid;padding:3%;border-top: 0;line-height:22px;}
.leftcontact p { padding:5px 0;}
.mainright { width:76%;float:right; }

@media (max-width:787px){
    
    .header .tel1 {width: 220px;padding: 10px 0 0 10px;display: block;float: right;color: #fff;font-size: 18px;line-height: 1.5; /* 调整行距 */letter-spacing: 0.5px;  display: none; }

   .header .tel1 img {width: 16%;margin: 10px 10px 10px 10px;vertical-align: middle; /* 使图标与文本垂直居中 */ display: none; }
  .header .tel1 span {vertical-align: middle; /* 使文本与图标垂直居中 */  display: none; }

    
    
    
    
    
	.mainleft { display: none; }
	.mainright { width: 100%; }
}
.flash { overflow: hidden; }
.flash .swiper-container { width: 100%;}
.flash .swiper-slide { width: 100%;}

.flash .swiper-container .swiper-pagination { bottom: 6%; }
.flash .swiper-container .swiper-pagination-bullet{opacity:1;width:20px;height:20px;background:url(../images/pagination.png) no-repeat center;opacity: .6;filter:alpha(opacity=60);}
.flash .swiper-container .swiper-pagination-bullet-active{opacity: 1;background-image:url(../images/pagination_on.png);filter:alpha(opacity=100); }
.flash .swiper-container .swiper-button-prev { background:url(../images/arrleft.png) no-repeat center;background-size:100% auto;width:3%;height:80px;left:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.flash .swiper-container .swiper-button-next { background:url(../images/arrright.png) no-repeat center;background-size:100% auto;width:3%;height:80px;right:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.flash .swiper-container:hover .swiper-button-prev { opacity: .8;filter:alpha(opacity=80);left:2%; opacity: 0; }
.flash .swiper-container:hover .swiper-button-next { opacity: .8;filter:alpha(opacity=80);right:2%;  opacity: 0; }

.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 0.4s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1.2s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}
.anim_emt {
    visibility: hidden
}
.b_to_t_scale {
    -webkit-animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}
@-webkit-keyframes mk_bottom_to_top_scale {
    0% {
        -webkit-transform: translate(0, 50px) scale(.8);
        transform: translate(0, 50px) scale(.8);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1
    }
}

@keyframes mk_bottom_to_top_scale {
    0% {
        -webkit-transform: translate(0, 50px) scale(.8);
        transform: translate(0, 50px) scale(.8);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1
    }
}
.bigSmall { animation:bigSmall 1.2s 0s both; }
@-webkit-keyframes bigSmall{0%{opacity: 0;transform:scale(1.1);}100%{opacity:1;transform:scale(1);}}

.index_titcn { padding-top:3%;font-size: 32px;font-weight: bold; }
.index_titen { font-size: 16px;color: #bbb;text-transform:uppercase;font-family: Gotham Medium, Arial, sans-serif;color:#040902;letter-spacing: 4px;padding-top: 8px;}
.index1{background:url(../images/indexpro.jpg) no-repeat center center;background-size:100% 100%;}
.home6{height:700px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; overflow: hidden;}
.banner_tree{width:100%;height:100%;position:absolute;bottom:0;overflow: hidden;}
.show_phone_s{width:100%;height:100%;background:url(../images/probg.png) no-repeat center center;background-size: 50% 100%;position:absolute;top:0;left:0;bottom: 0;right:0;margin:auto;z-index: 10}
.color_font{width: 45px;height: 100px;text-align: center;line-height: 100px;position:absolute;top:0;bottom:0;margin:auto;z-index: 50;cursor: pointer;}
.left_btn{left:0;}
.right_btn{right:0;}
.img_phone{width:100%;height:100%;}
.show_s_ui{width:100%;height:100%;position:relative;}
.show_s_ui>li{width:362px;height:362px;position:absolute;top:0;bottom:0;margin:auto;z-index: 30;cursor: pointer;text-align:center;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;font-size:20px;}
.show_s_ui>li div{position: absolute;top:94%;width:100%;height:6%;color: #333333;left:0;width: 100%;}
.show_s_ui>li img{height:90%;border-radius:300px;}
#middel_shows{width:33.33%;height:70%;left:33.33%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;}
#left_shows{left:4%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
#right_shows{left:75%;opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#small_left,#small_right{width:249px;height:249px;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#small_left{left:-15%;}
#small_right{left:102.5%;}
@media screen and (max-width:1600px){
    .home6 {height:623px;}
    .show_s_ui>li { width: 282px;height: 282px;}
}
@media screen and (max-width:1200px){
    .home6 {height: 610px;}
    .show_s_ui>li {width: 252px;height: 252px;font-size:14px;}
}
@media screen and (max-width:1024px){
    .home6 {height: 430px;}
    .show_s_ui>li {width: 222px;height: 222px;font-size:14px;}
}
@media screen and (max-width:768px){
    .tmall { display: none; }
    .home6 {height: 350px;}
    .color_font{display:none}
    #small_left {left: -155%;}
    #small_right {left: 209.5%;}
    .show_s_ui>li {width: 130px;height: 130px;}
    #right_shows {left: 75.5%;}
}
@media screen and (max-width:521px){
    .home6 {height: 239px;}
    #left_shows {left: 0;}
    .show_s_ui>li {width: 100px;height: 100px;font-size:12px;}
    #right_shows {left: 72.5%;}
}
@media screen and (max-width:359px){
    .home6 {height: 240px;}
    .show_phone_s {width: 220px;height: 220px;}
    #middel_shows {left: 14.5%;}
    #left_shows {left: -41%;}
    #right_shows {left: 107.5%;}
}

.p_img_box{ height: auto; overflow: hidden; padding: 0 0 20px;}
.index2 { display: flex;width: 100%;padding: 0;box-sizing: border-box;height: 85vh; }
.box { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;}
.box a { height: 100%;background-color: #aaa; }
.box img { width: 150%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.box .bg1 { left:0;width:100%;top:0;height:100%;z-index:2;background:rgba(0,0,0,1); opacity:.4; filter:alpha(opaity=40);transition: .5s; }
.box .bg2 { left:0;width:100%;top:0;height:100%;z-index:3;background:url(../images/index2bg.png);background-size:100% 100%; opacity:0; filter:alpha(opaity=0); }
/*.box .num { left:0;top:35%;width:100%;font-size: 54px;opacity:.5;z-index:6; filter:alpha(opaity=50); }*/
.box .tit { left:0;top:40%;width:100%;font-size: 22px;font-weight:bold;padding:0 0 20px;/*background:url(../images/arr11.png) no-repeat bottom center;*/z-index:6;opacity:1; filter:alpha(opaity=100);word-break:break-all;display:flex;align-items: center;justify-content: center; }
.box .tit span { max-width: 230px;line-height: 32px;  }
.box .des { left:0;top:41%;width:100%;height:52%;opacity:0;z-index:6; filter:alpha(opaity=0); overflow: hidden;word-break:break-all;display:flex;}
.box .des span { max-width: 230px;line-height: 28px;  }
.box:hover { flex: 1 1 10%;height: 100%;}
.box:hover img {	width: 100%;height: 100%;}
.box:hover .bg1 {	 opacity:0; filter:alpha(opaity=0);}
.box:hover .bg2 {	opacity:1; filter:alpha(opaity=100);}

.box:hover .tit { top:10%; font-size: 20px;text-align:left;}
.box:hover .des { top:22%;opacity:1; filter:alpha(opaity=100);left:11% }
.box:hover .span {top:10%;line-height: 32px;text-align:left; left:11%  }
.box:hover { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;text-align:left;}
.box:hover { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;text-align:left;}
.box:hover .tit { left:0;top:18%;width:100%;font-size: 20px;font-weight:bold;padding:0 0 20px 40px;background:url(../images/arr101.png) no-repeat bottom center;z-index:6;opacity:1; filter:alpha(opaity=100);word-break:break-all;display:flex;align-items: left;justify-content: left; text-align:left;}




.index2a .content { padding:5px 0 20px; }
.index2a .content .tit { font-size: 18px;border-bottom: #eee 1px solid;padding:0 0 4px;margin:0 0 10px; }


.p_parter_box { padding:5% 0 6%;background: url(../images/parterbg.jpg) no-repeat;background-size: 100% 100%; }
.p_parter_box .left { width:10%;padding:6% 0 0 10%; }
.p_parter_box .right { width: 62%;padding:3% 1% 3% 3%;background:#fff;box-shadow: rgba(0,0,0,.1) 0 0 35px; }
.p_parter_box li { width: 23.79%;float: left;border-top: #ddd 1px solid;border-right: #ddd 1px solid; }
.p_parter_box li:nth-child(1),.p_parter_box li:nth-child(2),.p_parter_box li:nth-child(3),.p_parter_box li:nth-child(4) { border-top: 0; }
.p_parter_box li:nth-child(4n) { border-right: 0; }
.p_parter_box li:hover { box-shadow: rgba(0,0,0,.1) 0 0 35px; }
.p_parter_box li .pic { overflow: hidden; }
.p_parter_box li .pic image{ transform: scale(1);transition: 0.5s;}
.p_parter_box li:hover .pic image{ transform: scale(0.95);transition: 0.5s;}
@media (max-width:787px){
	.index2a .content .tit { padding:4px 5%; }
	.p_parter_box { padding:0 0 2%;margin-top: -20px; }
	.p_parter_box .left { width:100%;padding:0 0 2%; }
	.p_parter_box .right { width: 94%;padding:3% 3%;background:#fff;box-shadow: rgba(0,0,0,.1) 0 0 35px; }
	.p_parter_box li { width: 44%;padding:0 3%;border:0;}
}



/*.footer{ height: auto; overflow: hidden;color:#fff; background: #eee url(../images/foot.jpg) no-repeat;background-size:100% 100%;padding: 2% 0 1%;}*/

.footer{ height: auto; overflow: hidden;color:#fff; background: #28067e;background-size:100% 100%;padding: 2% 0 1%;}
.footer a { color: #f5f5f5; }
.footer a:hover{color: #209084; }
.foot1 .left { max-width:373px;width:40%;    color: #ffffff; }
.foot1 .left img { max-width: 173px;width: 100%;    color: #ffffff; }
.foot1 .right { width:55%;padding-top:.8%;    color: #ffffff; }
.foot1 .right a { margin-left: 5%;color: #FFFFFF; }
.foot2 .left { width: 70%;padding:60px 10px 10px 10px;line-height: 28px;font-size: 18px;     color: #ffffff;}
.foot2 .left img { margin:0 0 12px; }
.foot2a { font-size: 18px;color: #ffffff; }
.foot2 .right {max-width: 178px;width: 30%;text-align: left;}
.foot2 .pic image { float: right;padding:0 0 12px; color: #ffffff;color: #ffffff;}
.foot2b { line-height: 32px;padding:5px 0 5px 35px;background-repeat: no-repeat;background-position: left center; font: normal normal normal 20px / 1 D388e2;color: #ffffff;}
.foot3 { border-top: #797c7d 1px solid;padding-top: 0.5%;margin-top: 0.1%; color: #ffffff;}

@media (max-width:787px){
	.footer{padding: 20px 0 60px;}
	.foot1 .left { width:100%;text-align: center; }
	.foot1 .left img { max-width: 240px; }
	.foot1 .right { width:100%;text-align: center;padding:2% 0; }
	
}


.fixed{width:54px;height:auto;position:fixed;right:20px;bottom:20px;z-index:999; display: block;opacity:1;}
.fixed .silder{width:54px;height:54px; }

.app_botm{ overflow:hidden; background:rgba(243,243,243,.95); position:fixed; bottom:5px; left:0; right:0; height:44px; z-index:999999; display: none; box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius: 80px; width: 90%; margin: 0 auto;}
.app_botm ul{ margin:0; padding:0; text-align:center;}
.app_botm ul li{ width:32%; display:inline-block; border-left: 1px solid rgba(255,255,255,1)}
.app_botm ul li a{ display: block;}
.app_botm ul li a img{ width: 36px; height: 36px; padding: 4px 0;margin:0 auto;}
.app_botm ul li:first-child{border-left:none;}




@media (max-width:1440px){
/*header头部的CSS布局*/
/*.header{/*height: 108px;position: fixed;top:0;left: 0;width: 100%;border-bottom:1px solid rgba(255,255,255,0.15);z-index: 999;    background: #fff;}*/

.header .logo{ width: 380px; padding:15px 0 0 2%; display: block; float: left;}
.header .logo img{ width: 100%;}
.header .h_nav{ float: right; max-width:1150px;width: 46%; line-height: 80px; height: 80px; margin-top:0px;text-align: center;}
.header .h_nav>ul{ margin: 0; padding: 0; transition: 0.5s;}
.header .h_nav>ul:after{display: block;content: '';clear: both; }
.header .h_nav>ul>li{width:15.6%;float:left;position: relative;z-index: 9;background:url(../images/arr11.png) no-repeat bottom center;background-size: 0 5px;}
.header .h_nav>ul>li:hover,.header .h_nav>ul>li.cur {background-size: 30px 5px;}
.header .h_nav>ul>li.m { background:none; }
.header .h_nav>ul>li a{display: block; font-size:18px;font-weight:normal;font-family:"Poppins Medium";color: #fff;}
.header .h_nav>ul>li:hover a { background: #1069cc;color:#fff; }
.header .h_nav>ul>li ul{ transition: 0.5s; opacity: 0; visibility: hidden;}
.header .h_nav>ul>li ul{width: 100%;padding:0;height: auto;position:absolute;top: 80px;left:0; z-index: 6;background:rgba(16,105,204,1);}
.header .h_nav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; }
.header .h_nav>ul>li>ul>li,.header .h_nav>ul>li>ul>li>ul>li{display: block;width: 100%;margin:0;padding:0;float: left; text-align: left;text-align: center;}
.header .h_nav>ul>li>ul>li.m img { max-width:101px;margin-bottom:-12px; }
.header .h_nav>ul>li>ul>li a{ color:#fff;font-size: 14px; padding: 15px 8%;line-height: 20px;transition:0.3s; }
.header .h_nav>ul>li>ul>li:hover a { background:#fff;color:#1069cc; }
.header .h_nav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible;  transition: 0.5s; }
.header .h_nav>ul>li>ul>li>ul{position: relative;top:-55px;left: 100%;margin-left:12px; transition: 0.5s;}
.header .h_nav>ul>li>ul>li>ul li { text-align: left; }
.header .h_nav>ul>li>ul>li>ul li a{ display:inline-block;padding-left: 28px;}
.header .h_nav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}
.container {max-width: 1200px;width: 98%;margin: 0 auto;}
.main_box {max-width: 1100px;width: 94%;margin: 0 auto;padding: 0;min-height: 300px;}




.footer{ height: auto; overflow: hidden;color:#fff; background: #28067e;background-size:100% 100%;padding: 2% 0 1%;}
.footer a { color: #f5f5f5; }
.footer a:hover{color: #209084; }
.foot1 .left { max-width:373px;width:40%;    color: #ffffff; }
.foot1 .left img { max-width: 173px;width: 100%;    color: #ffffff; }
.foot1 .right { width:55%;padding-top:.8%;    color: #ffffff; }
.foot1 .right a { margin-left: 5%;color: #FFFFFF; }
.foot2 .left { width: 80%;padding:60px 10px 10px 10px;line-height: 28px;font-size: 16px;     color: #ffffff;}
.foot2 .left img { margin:0 0 12px; }
.foot2a { font-size: 16px;color: #ffffff; }
.foot2 .right {max-width: 148px;width: 30%;text-align: left;}
.foot2 .pic image { float: right;padding:0 0 12px; color: #ffffff;color: #ffffff;}
.foot2b { line-height: 32px;padding:5px 0 5px 35px;background-repeat: no-repeat;background-position: left center; font: normal normal normal 20px / 1 D388e2;color: #ffffff;}
.foot3 { border-top: #797c7d 1px solid;padding-top: 0.5%;margin-top: 0.1%; color: #ffffff;}


.index_titcn { padding-top:3%;font-size: 36px;font-weight: bold; }



.p_img_box{ height: auto; overflow: hidden; padding: 0 0 20px;}
.index2 { display: flex;width: 100%;padding: 0;box-sizing: border-box;height: 85vh; }
.box { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;}
.box a { height: 100%;background-color: #aaa; }
.box img { width: 150%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.box .bg1 { left:0;width:100%;top:0;height:100%;z-index:2;background:rgba(0,0,0,1); opacity:.4; filter:alpha(opaity=40);transition: .5s; }
.box .bg2 { left:0;width:100%;top:0;height:100%;z-index:3;background:url(../images/index2bg.png);background-size:100% 100%; opacity:0; filter:alpha(opaity=0); }
.box .num { left:0;top:35%;width:100%;font-size: 54px;opacity:.5;z-index:6; filter:alpha(opaity=50); }
.box .tit { left:0;top:40%;width:100%;font-size: 20px;font-weight:bold;padding:0 0 20px;/*background:url(../images/arr11.png) no-repeat bottom center;*/z-index:6;opacity:1; filter:alpha(opaity=100);word-break:break-all;display:flex;align-items: center;justify-content: center; }
.box .tit span { max-width: 230px;line-height: 32px;  }
.box .des { left:0;top:50%;width:100%;height:42%;opacity:0;z-index:6; filter:alpha(opaity=0); overflow: hidden;word-break:break-all;display:flex;}
.box .des span { max-width: 230px;line-height: 28px;  }
/*.box:hover { flex: 1 1 10%;}*/
.box:hover img {	width: 100%;height: 100%;}
.box:hover .bg1 {	 opacity:0; filter:alpha(opaity=0);}
.box:hover .bg2 {	opacity:1; filter:alpha(opaity=100);}
.box:hover .num { top:10%;opacity:0; filter:alpha(opaity=100);}
.box:hover .des { top:42%;opacity:1; filter:alpha(opaity=100); margin-left:20px;}
.box:hover .span {top:10%; max-width: 230px;line-height: 32px;text-align:left; font-size: 20px; }
.box:hover { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;text-align:left;}
.box:hover .tit { left:0;top:18%;width:100%;font-size: 20px;font-weight:bold;padding:0 0 20px 30px;background:url(../images/arr101.png) no-repeat bottom center;z-index:6;opacity:1; filter:alpha(opaity=100);word-break:break-all;display:flex;align-items: left;justify-content: left; text-align:left;}
.box:hover .des { top:22%;opacity:1; filter:alpha(opaity=100);left:4.5%}


}

@media (max-width:1024px){
	.fixed{ display: none;}
	.app_botm{ display: block;    display: none;}	
}

.com_ban{ width: 100%; padding-top:118px;height: 300px;background-color: #75b9b5; overflow: hidden; background-repeat: repeat;background-size: auto 100%; background-position: center center; font-size: 36px; color: #FFF;display: flex;justify-content: center; align-items: center;font-family:"Poppins Medium";transition: all 2.4s ease;-moz-transition: all 2.4s ease;-webkit-transition: all 2.4s ease; -o-transition: all 2.4s ease;}
.com_ban:hover { background-size:auto 110%;  }

.about { padding:3% 0;line-height: 30px; }
.about .left { width:50%; }
.about .left p { margin:0 0 15px; }
.about .right { width: 44%; }



.common{ height: auto; overflow: hidden; margin:20px auto 50px;}
.common .com_font{ line-height: 30px; padding-bottom: 10px;}
.common .com_font font{ display: block; line-height: 44px; font-size: 34px; color: #072b43; padding-bottom: 15px;}

.c_link{ height: auto; overflow: hidden; margin-bottom: 15px; }
.c_link ul{ margin: 0; padding: 0;}
.c_link ul li{ float: left; padding:0 2px; height: 24px; line-height: 24px;}
.c_link ul li a{ color:#2652ac; text-transform: uppercase;}
.c_link ul li a i{color:#2652ac; padding-left: 4px;}
.c_link ul li:hover a{ text-decoration: underline;}
.c_link ul li:first-child{ background: url(../images/h_icon.png) no-repeat left center; padding-left: 30px;}

.com_news{ height: auto; overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{  margin-bottom: 20px; overflow: hidden; background:#f7f7f7;transition: 0.5s;}
.com_news ul li a{color: #00a29a}
.com_news ul li a .c_img{ width: 30%; height: 100%; overflow: hidden; float: left;}
.com_news ul li a .c_img img{ max-width: 100%;transform: scale(1); transition: 0.5s;}
.com_news ul li a .c_font{ width:62%; float:right; padding: 3% 0;transition: 0.5s;}
.com_news ul li a .c_font font{ display: block; font-size: 24px; line-height: 26px;}
.com_news ul li a .c_font span{ display: block; line-height: 24px;color: #666;}
.com_news ul li a .c_font i{ display: block;  margin:10px 0 8px; font-size: 12px;}
.com_news ul li a .c_font .more{ background:#2285d2;width:120px;padding:5px 0;text-align:center;border-radius:20px;color: #fff; font-style: italic; margin-top: 5px;}
.com_news ul li:hover a .c_img img{ transform: scale(1.1);transition: 0.5s;}
.com_news ul li:hover a .c_font font{color: #ed6d32;transition: 0.5s;}
.com_news ul li:hover a .c_font{ padding: 3% 0 3% 5%;transition: 0.5s;}


@media (max-width:1024px){
	.com_ban{ height: 150px; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.common{ margin:10px auto 30px;}
	.c_link{ height: auto; overflow: hidden; margin:5px 0 10px;}
	.com_news ul li a .c_font font{ display: block; font-size: 20px; line-height: 24px;}
}

@media (max-width:414px){
	.com_news ul li a .c_font font{ display: block; font-size: 16px; line-height: 22px;}
}
@media (max-width:340px){
	
}

.com_decking{ height: auto; overflow: hidden;}
.com_decking ul{ margin: 0; padding: 0; text-align: center;}

.com_decking ul li{ width: 1030px; margin:0 auto 20px;}
.com_decking ul li a{ color: #2e533d;}
.com_decking ul li a .d_img{width: 1030px; height: 316px; overflow: hidden;}
.com_decking ul li a .d_img img{ max-width: 100%; transition: 0.5s;}
.com_decking ul li a .d_font{ padding: 20px 0 0;}
.com_decking ul li a .d_font font{ display: block; font-size: 30px; line-height: 30px; color: #2e533d;font-family:"Poppins Medium";}
.com_decking ul li a .d_font span{ display: block; width: 80%; margin: 0 auto; line-height: 24px;color: #666; padding: 5px 0 6px;}

.com_decking ul li a .c_more{ width: 140px; height: 42px; line-height: 42px; text-align: center; margin: 15px auto 0; border-radius: 20px; background: #ed6d32; transition: 0.5s; color: #FFF;}

.com_decking ul li a .c_more:hover{ background: #ee9b32; transition: 0.5s;}
.com_decking ul li:hover a .d_img img{ transform: scale(1.1);transition: 0.5s;}



@media (max-width:1024px){
	.com_decking ul li{ width: 100%; margin:0 auto 20px;}
	.com_decking ul li a .d_img{width: 100%; height: auto; }
	.com_decking ul li a .d_font{ padding: 10px 0 0;}
	.com_decking ul li a .d_font font{font-size: 18px; line-height: 20px;}
	.com_decking ul li a .d_font span{width: 100%; line-height: 22px;}
	.com_decking ul li a .c_more{ width: 50%; height: 38px; line-height: 40px; margin: 10px auto 0; }	
}
@media (max-width:320px){
	.com_decking ul li a .c_more{ width: 100%; }
}

.com_resource{ height: auto; overflow: hidden;}
.com_resource ul{ margin: 0; padding: 0;}

.com_resource ul li{ width: 41%; margin: 0 2% 30px 0; float: left; padding: 3%; border: 1px solid rgba(0,0,0,0.18); transition: 0.5s;}
.com_resource ul li a{ color: #2285d2;}
.com_resource ul li a font{ display: block; font-size: 28px; line-height: 34px;}
.com_resource ul li a .dw_img{ margin: 10px 0 0;}
.com_resource ul li:hover{ border: 1px solid rgba(0,0,0,0.2); background: #f4f4f4; transition: 0.5s;}


@media (max-width:768px){
	.com_resource ul li{width: 43.6%; margin: 0 1% 10px 0; padding: 2%;}
	.com_resource ul li a font{ font-size: 24px;}
	.foot2 .left,.foot2 .right { width: 100%;text-align: center; }
}
@media (max-width:425px){
	.com_resource ul li{ width: 91%; margin: 0 1% 10px 0; padding: 3%;}
}

.com_contact{ height: auto; overflow: hidden;}
.com_contact .c_t{ text-align: center; font-size: 34px; margin: 70px; line-height: 40px; color: #1f8fff;font-family:"Poppins Medium"; text-transform: uppercase;}
.com_contact .c_b{ height: auto; overflow: hidden; margin: 50px 0;}
.com_contact .c_b ul{ margin: 0; padding: 0; }
.com_contact .c_b ul li{ width: 20%; height: auto; overflow:hidden; margin: 0 3% 0 0; float: left;}
.com_contact .c_b ul li:nth-child(2) { width: 33%;}
.com_contact .c_b ul li:nth-child(3) { width: 15%; }
.com_contact .c_b ul li:nth-child(4) { width:23%;margin-right:0;}
.com_contact .c_b ul li a{ color: #666; font-size: 18px;}
.com_contact .c_b ul li a .img{ width: 80px; height: 80px; border-radius: 100%; border: 2px solid #ed6d32; margin: 0 auto; transition: 0.5s;}
.com_contact .c_b ul li a .img img{ padding-top: 20px;}
.com_contact .c_b ul li a span{ display: block; font-size: 16px; color: #888; padding: 16px 0 6px;width:30px;}
.com_contact .c_b ul li a font{ display: block;}
.com_contact .c_b ul li:hover a .img{ transform:rotateY(180deg); transition: 0.5s;}



.common .c_form{ height: auto; overflow: hidden;background: #f4f4f4; padding: 50px 0; margin: 20px auto 0;}


.common .form-container {width: auto;max-width: 800px; margin: 0 auto;}
.common .form-control {display: block;width: 100%;padding: 6px 15px;font-size: 12px;line-height:30px;color: #888;background-color: #fff;background-clip: padding-box;border: 1px solid #7f7f7f;transition:0.5s;}

.common .form-group {margin-bottom:10px;}

.common label {display: inline-block;margin-bottom: 5px;font-size:16px; color: #2e533d;}
.common label span {color: red;}

.common .text-center {text-align: center !important;}
.common .btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 60px;font-size: 18px;line-height: 30px; margin-top: 5px; transition:0.5s;}

.common textarea, .common input, .common button {font-family:"Poppins Regular"; font-size: 14px; outline: 0;}
.common button { cursor: pointer; }
.common button:hover {background-image: linear-gradient(to left,#7d2bf4, #1048c4);}
.common .con_ewm{ width: 60px; height: 30px; margin-top: 5px;}




@media (max-width:1024px){
	.com_contact .c_b{ height: auto; overflow: hidden; margin: 20px 0;}
	.com_contact .c_t{ font-size: 30px; margin:15px 0 10px; line-height: 30px;}
	.com_contact .c_b ul li{ width: 36%; margin:0 2% 15px;}
	.com_contact .c_b ul li a span{ padding: 10px 0 5px;}
	.com_contact .c_b ul li a font{ line-height: 24px;}
	.com_contact .c_b ul li:nth-child(2) { width: 56%;}
    .com_contact .c_b ul li:nth-child(3) { width: 36%; }
    .com_contact .c_b ul li:nth-child(4) { width:56%;margin-right:0;}
	.common .c_form{padding: 20px 0; margin: 10px auto 0;}
	.common .form-container {max-width: 90%;}
	.common .form-control {display: block;width: 88%; padding: 6px 5%;}
	
}
@media (max-width:580px){
    .com_contact .c_b ul li{ width: 96%; margin:0 0 15px 4%;}
    .com_contact .c_b ul li:nth-child(2) { width: 96%;}
    .com_contact .c_b ul li:nth-child(3) { width: 96%; }
    .com_contact .c_b ul li:nth-child(4) { width:96%;}
	.com_contact .c_b ul li a{font-size: 18px;}
	.com_contact .c_b ul li a span{ padding: 10px 0 5px;}
	.com_contact .c_b ul li a font{ line-height: 20px;}
	.common .btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 0; width: 100%;}
    .main_box .c_b ul li:nth-child(2) {width: 99%;}

}




.com_pro_det{ height: auto; overflow: hidden;}
.p_t{ text-align: center; font-size: 36px; margin-bottom: 20px; line-height: 40px; color: #2e533d;font-family:"Poppins Medium"; text-transform: uppercase;}
.com_pro_det .com_pro_features{ line-height: 30px;}
.com_pro_det .com_pro_features font{ display: block; font-size: 30px; margin-bottom: 10px;}





.sc-product-detail{overflow:hidden; margin-bottom: 50px;}
.sc-product-detail-pic {float:left;width:54%;}
.sc-product-detail-pic-big {width:550px;height:550px; padding: 20px; border:1px solid rgba(0,0,0,0.2);overflow:hidden;text-align:center;display:inline-block;}
.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:block;max-height:100%}
.sc-product-detail-pic-list {padding-top:14px; width:100%;}
.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sc-product-detail-pic-list ul li {float:left;margin:0 9px 6px 0;}
.sc-product-detail-pic-list ul li a {display:block; border:1px solid rgba(0,0,0,0.2);}
.sc-product-detail-pic-list ul li a.on{border:1px solid #ed6d32}
.sc-product-detail-pic-big.on {border:1px solid #ed6d32}
.sc-product-detail-pic-list ul li a img {display:block;width:60px; height: 60px; border:0; padding:4px;}


.sc-product-detail-information {float:right;width:550px;}
.sc-product-detail-information-title {font-size:36px;line-height:34px; padding-bottom:20px;color:#2e533d;border-bottom:1px dashed rgba(0,0,0,0.2);margin-bottom:10px;}
.sc-product-detail-information-description{padding:10px 0;color:#666;line-height:28px;}
.sc-product-detail-information-params {}
.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}
.sc-product-detail-information-params p label {float:left;width:120px;}
.sc-product-detail-information-params p span {display:block;margin-left:130px;}
.sc-product-detail-main {clear:both;padding-top:30px;}
.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}
.sc-product-detail-main-tabs li {float:left;margin-right:1px;}
.sc-product-detail-main-tabs li a {display:block;line-height:36px;padding:8px 30px; font-size:20px;font-family:"Poppins Medium"; color:#fff;background-color:#f4f4f4;}
.sc-product-detail-main-tabs li a:hover {background-color:#666;}
.sc-product-detail-main-tabs li a.selected {background-color:#ed6d32;color: #fff;}
.sc-product-detail-main-item {display:none;padding:15px 0;font-size:16px;line-height:30px;}
div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

.sc-product-detail-main-item table{ border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; }
.sc-product-detail-main-item table td{line-height:30px; padding:6px 10px !important; border: 1px solid #e4e3e3;}
.sc-product-detail-main-item table td img{ max-width:100%;}
.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;}

div.zoomDiv img {display:block;}
div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.inproinfo .wrapper{overflow:hidden}
.incon .inpro_content{float:right;font-size:13px;line-height:26px;color:#666;width:70%;padding-top:60px;}

.app_pro_det {height: auto;overflow: hidden; display:none; margin-bottom: 30px; padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.app_pro_det .swiper-container {width: 96%;height: 100%;padding: 0 1% 35px;}
.app_pro_det .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.app_pro_det .swiper-slide img {max-width: 100%;transition: 0.5s;display: block;}
.app_pro_det .swiper-container-horizontal>.swiper-pagination-bullets,.app_pro .swiper-pagination-custom,.app_pro .swiper-pagination-fraction{bottom: 0;left: 0td;width: 100%}
.app_pro_det .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #2e533d;opacity: 1}
.app_pro_det .swiper-pagination-bullet-active {background: #ee9b32;}
.app_pro_det .swiper-slide .pic_img:hover img {opacity: 0.6;}

@media (max-width:1024px){
	.sc-product-detail-pic{ display: none;}
	.sc-product-detail-main {padding-top:10px;}
	.sc-product-detail-information {float:none;width:100%;}
	.sc-product-detail-information-title {font-size:30px;line-height:30px; padding-bottom:10px;}
	.sc-product-detail-information-description{padding:5px 0;color:#666;line-height:30px; font-size: 18px;}
	.sc-product-detail-main-tabs li a {line-height:30px;padding:6px 30px;}
	.sc-product-detail-main-item {line-height:26px;}
	.sc-product-detail-main-item img {width:100%;}
	.sc-product-detail{ margin-bottom: 20px;}
	
	.app_pro_det{ display: block;}
	.p_t{ margin: 10px 0 5px;}	
	
}

.com_product{ height: auto; overflow: hidden;margin:2% 0;}
.com_product ul{ margin: 0; padding: 0; text-align: center;}
.com_product ul li{ width:22%; margin: 0 4% 35px 0; float: left;}
.com_product ul li:nth-child(4n) { margin-right: 0; }
.com_product ul li:nth-child(4n+1) { clear: left;}
.com_product ul li a{ color:#2e533d;}
.com_product ul li a .p_img{ border: 1px solid #eee;height: 230px; overflow: hidden; position: relative;}
.com_product ul li a .p_img img{ width: 100%;height: 100%;transform: scale(1, 1);transition: 0.5s;}
.com_product ul li:hover .p_img img {transform: scale(1.2, 1.2);transition: 0.5s;}
.com_product ul li a .p_img i{ display: block; padding: 6px 0;background-color: #1c4aa9;color: #fff; width: 120px; font-size: 16px; margin:0 auto; text-align: center;  position: absolute; left: 0; right:0; bottom:20%; font-style: normal;visibility: hidden; opacity: 0; transition: 0.3s;z-index: 9;}
.com_product ul li a:hover .p_img i{ bottom:41%; opacity: 1; visibility: visible; transition: 0.3s;}
.com_product ul li a .p_img .bg { width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;background: #000;z-index: 1;transition: 0.3s;  }
.com_product ul li a:hover .p_img .bg{ opacity: .2; visibility: visible;transition: 0.3s;}
.com_product ul li a font{ display: block; line-height:28px; font-size:18px; font-family:"Poppins Medium";color:#0e6eb8; padding: 15px 0 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_product ul li a span{ display: block;line-height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_product ul li a:hover font{ text-decoration: underline; transition: 0.5s;} 
.com_product.cert ul li a .p_img{ height: 320px; }
.com_product.cert ul li{ width:22%; margin: 0 4% 35px 0;}
.com_product.cert ul li:nth-child(4n) { margin-right: 0; }
.com_product.fenlei .title { font-size: 16px;background:url(../images/dian.gif) repeat-x bottom;margin:0 0 3%; }
.com_product.fenlei .title span { display: inline-block;height: 60px;line-height: 60px;border-bottom: #307dd2 2px solid;font-weight: bold;  }
.com_product.fenlei ul li a .p_img{ height: 280px; }
.com_product.fenlei ul li{ width:30%; margin: 0 5% 5% 0;}
.com_product.fenlei ul li:nth-child(4n) { margin-right: 5%; }
.com_product.fenlei ul li:nth-child(3n) { margin-right: 0; }
.com_product.fenlei .more { font-size: 14px;display: inline-block;width: 120px;height: 30px;line-height: 30px;border:#ccc 1px solid;margin:0 0 30px; }
@media (max-width:1324px){
	.com_product ul li{ width:30%; margin: 0 3% 20px 0; float: left;}
	.com_product ul li:nth-child(4n) { margin-right: 3%; }
    .com_product ul li:nth-child(4n+1) { clear: none;}
	.com_product ul li:nth-child(3n) { margin-right: 0; }
    .com_product ul li:nth-child(3n+1) { clear: left;}
	.com_product ul li a .p_img{ width: 100%; height: auto;}
    .com_product.cert ul li{ width:31%; margin: 0 3.5% 35px 0;}
    .com_product.cert ul li:nth-child(5n) { margin-right: 3.5%; }
    .com_product.cert ul li:nth-child(4n) { margin-right: 3.5%; }
    .com_product.cert ul li:nth-child(3n) { margin-right: 0; }
}

@media (max-width:787px){
	.com_product ul li{ width:48%;margin-right: 4%;}
	.com_product ul li:nth-child(3n) { margin-right: 4%; }
    .com_product ul li:nth-child(3n+1) { clear: none;}
	.com_product ul li:nth-child(2n) { margin-right: 0; }
    .com_product ul li:nth-child(2n+1) { clear: left;clear : none;}
	.com_product ul li a font{padding: 15px 0 0;font-size: 14px;}
	.com_product ul li a span{line-height:20px;}
    .com_product.cert ul li a .p_img{ height:auto; }
    .com_product.cert ul li{ width:48%; margin: 0 4% 35px 0;}
    .com_product.cert ul li:nth-child(5n) { margin-right: 4%; }
    .com_product.cert ul li:nth-child(4n) { margin-right: 4%; }
    .com_product.cert ul li:nth-child(3n) { margin-right: 4%; }
    .com_product.cert ul li:nth-child(2n) { margin-right: 0 }
	.com_product.fenlei ul li a .p_img {height: auto;}
	.foot1 .right a {margin-left: 2%;}
	
}

.com_case{ height: auto; overflow: hidden;margin:2% 0;}
.com_case ul{ margin: 0; padding: 0; text-align: center;}
.com_case ul li{ width:29%; margin: 0 2% 35px; display: inline-block;}
.com_case ul li a{ color:#2e533d;}
.com_case ul li a .p_img{ width: 100%;border: 1px solid #D3D3D3;overflow: hidden; position: relative;height: 210px;}
.com_case ul li a .p_img img{ width: 100%;transform: scale(1, 1);transition: 0.5s;}
.com_case ul li:hover .p_img img {transform: scale(1.2, 1.2);transition: 0.5s;}
.com_case ul li a .p_img i{ display: block; padding: 6px 0;background-color: #1c4aa9;color: #fff; width: 120px; font-size: 16px; margin:0 auto; text-align: center;  position: absolute; left: 0; right:0; bottom:20%; font-style: normal;visibility: hidden; opacity: 0; transition: 0.3s;z-index: 9;}
.com_case ul li a:hover .p_img i{ bottom:41%; opacity: 1; visibility: visible; transition: 0.3s;}
.com_case ul li a .p_img .bg { width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;background: #000;z-index: 1;transition: 0.3s;  }
.com_case ul li a:hover .p_img .bg{ opacity: .2; visibility: visible;transition: 0.3s;}
.com_case ul li a font{ display: block; line-height:28px; font-size:18px; font-family:"Poppins Medium";color:#2e533d; padding: 15px 0 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_case ul li a span{ display: block;line-height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_case ul li a:hover font{ text-decoration: underline; transition: 0.5s;} 
@media (max-width:1324px){
    .com_case ul li{ width:28%; margin: 0 2% 25px;}
}
@media (max-width:787px){
    .com_case ul li{ width:44%; margin: 0 2% 25px;}
    .com_case ul li a font{padding: 15px 0 0;}
    .com_case ul li a span{line-height:20px;}
	.com_case ul li a .p_img{ width: 100%;border: 1px solid #D3D3D3;overflow: hidden; position: relative;height: 130px;}
	.com_contact .c_t{font-size: 26px;margin:15px 0 10px;line-height: 30px;}
}

.daohang { background: #eee; }
.daohang a { padding:5px 30px;margin:10px 20px;font-size: 16px;border-radius: 10px;background:#eee; }
.daohang a:hover,.daohang a.cur { background:#1F8FFF;color: #fff;}

#cms1 *{ max-width:100%;}
#cms1 h1.h1{ text-align:center; font-weight: 200;color: #fff;}
#cms1 .info{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#cms1 .content { padding:3% 0; }
#cms1 .nextpage{ clear:both; padding-top:10px; padding-bottom:10px;}

#cms1 .back{ text-align:right; clear:both; line-height:2;}

#cms1 .back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#666666; color:#FFFFFF;border-radius:20px; cursor:pointer;}

.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#ed6d32; color:#FFFFFF}

.pagination li a{ color:#333333}

@media (max-width:787px){
	.pc { display: none; } .phone{ display: block; }
	
	.daohang a {
    padding: 3px 15px;
    margin: 10px 10px;
    font-size: 14px;
    border-radius: 10px;
    background: #eee;
}
}



.about_box{ height: auto; overflow: hidden; padding: 35px 0 40px; background: #f5f5f5; box-shadow: 0 5px 15px rgba(0,0,0,0.3); color: #2e533d;background: url(../images/parterab.jpg) no-repeat; background-size: cover;  /* 保持图片比例覆盖容器 */}
.about_box .a_t{line-height: 50px;font-size: 38px;text-transform: uppercase;text-align: center;font-family:"Poppins Medium";padding-top:70px;color: #4CAF50;font-weight: bold;letter-spacing: 1px;}
.about_box font{ text-align: left;display: block;font-size: 16px;line-height: 38px;padding-top: 70px;color: #333333;}

@media (max-width:1024px){
	.about_box{ padding:30px 0;}
	.about_box .a_t{ line-height: 30px; padding-bottom: 5px; font-size: 24px;}
	.about_box font{ line-height: 42px;}
}

@media (max-width:450px){
	.about_box{ padding:20px 0;}
}





   .flow.right_side{position:fixed;width:50px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
    .flow ul{overflow: visible;}
    .flow ul li{width:100%;height:50px;float:left;position:relative;margin-bottom: 2px;}
    .flow ul li .sidebox{position:absolute;border-radius: 5px;width:100%;height:50px;top:0;right:0;transition:all 0.3s;background:rgb(133 102 227);color:#fff;font:15px/60px;overflow:hidden;}
    .flow ul li .sidetop,.flow  ul li .wx{width:100%;height:50px;border-radius: 5px;display:block;background:rgb(133 102 227);transition:all 0.3s;}
    .flow ul li i{display: inline-block;width: 50px;line-height: 50px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
    .flow .wx{position: relative;}
    .flow .wx .wx_code{position: absolute;width: 120px;height: 120px;background: rgba(28, 128, 243, 0.74);padding: 4px;left: -130px;top: 50%;display: none;transform: translateY(-50%);}
    .flow .wx .wx_code img{max-width: 100%;}
    .flow .wx:hover .wx_code{display: block;}
    .flow ul li .sidetop:hover,.flow ul li .sidebox:hover,.flow .wx:hover{background:rgba(28, 128, 243, 0.74);}
    
    
    
    
    
            .wechat-qrcode img {
            width: 120px;
            height: 120px;
            display: block;
            position: absolute;width: 120px;height: 120px;background: rgba(28, 128, 243, 0.74);padding: 4px;right: 130px;top: 50%;display: none;transform: translateY(-50%);
        }
.wechat-qrcode img:hover {display: block;}




@media (max-width:787px){
	.header{ position: relative;height: 68px;background: rgba(28,74,169,1); }
	.header .logo{ width:220px; padding-top:14px; display: block;}
	.header .h_nav>ul>li>ul>li.m img { max-width:61px;margin-bottom:-12px; }
	.header .h_nav,.h_search{ display: none;}
	
	.header .morenav{float:right;display:block;background: #4caf50 url(../images/app_nav.png) no-repeat center;width: 40px;height: 40px;margin-top: 18px;margin-right: 10px;border-radius: 10%;}
    .about_box{height: auto;overflow: hidden;padding: 35px 0 40px;background: #f5f5f5;box-shadow: 0 5px 15px rgba(0,0,0,0.3);color: #2e533d;background: url(../images/abc.jpg) no-repeat;}
    
    .index_titcn {padding-top:3%;font-size: 22px;font-weight: bold;}
    
    
    .about_box{ height: auto; overflow: hidden; padding: 35px 0 40px; background: #f5f5f5; box-shadow: 0 5px 15px rgba(0,0,0,0.3); color: #2e533d;background: url(../images/parterab.jpg) no-repeat; background-size: cover; /* 保持图片比例覆盖容器 */background-position: center;}
.about_box .a_t{line-height: 40px;font-size: 24px;text-transform: uppercase;text-align: center;font-family:"Poppins Medium";padding-top:10px;color: #4CAF50;font-weight: bold;letter-spacing: 1px;}
.about_box font{ text-align: left;display: block;font-size: 16px;line-height: 38px;padding-top: 45px;color: #333333;}

.header .logo{ width: 230px; padding:15px 0 0 2%; display: block; float: left;}
.header .logo img{ width: 100%;}

.foot1 .left { max-width:133px;width:40%;    color: #ffffff; }
.foot1 .left img { max-width: 133px;width: 100%;    color: #ffffff; }




	
	
}