@import url(main.css);
.floatmenu{  position:fixed;  z-index:999; width:80px; height:320px;  bottom:70px; right:10px; cursor: pointer; background-color:#333333;  text-align:center; font-size:14px;}
.floatmenu li{ border-bottom:1px solid #AAAAAA; height:79px;position:relative; z-index:99 }
.floatmenu li:last-child{ border-bottom:none; }
.floatmenu li a{ display:block; width:80px; height:79px; color:#FFFFFF;}
.floatmenu li a .sidebox{
    position: absolute;
    width: 80px;
    height: 65px;
    top: 0;
    right: 80px;
    transition: all 0.3s;
    opacity: 0.8;
    color: #fff;
    overflow: hidden;
	 font-size:18px; line-height:150%; padding-top:14PX;
	 z-index:100;
	  display:none
}
.floatmenu i{ color:#ffffff; font-size:42px; width:79px; height:79px; float:right; line-height:79px; display:block; font-weight:normal}
.floatmenu li:hover{ background-color:#0099E5}

.navbg{background-color:#f3f3f3}
@media (min-width:992px){/*md*/

header {
	position: fixed;
	width: 100%;
	height: 80px;
	left: 0;
	top: 0;
	z-index: 3020;
	 background:none;
}
.header_scroll{ background:rgba(255,255,255,1);box-shadow:0px 5px 5px #cccccc}

header nav { width: 1400px; margin: 0 auto;}
header .toggle{ display:none}

header ul li {
	padding: 0 25px;
	border-right: none;
	float: left;
	line-height: 80px;
	text-transform: uppercase;
	letter-spacing: 2px;
	 height: 80px
}

header ul ul{ display:none}
header nav a{ color:#FFFFFF}

header nav .logo{ float:left; width:400px; color:#333;}
header nav .logo li{   padding:0px}
header nav .logo li font{ margin-top:22px; display: inline-block; line-height:150%; }
header nav .logo a{ display: inline-block; float:left; height:80px}
header nav .logo a img{ display: block; }

header nav .first-nav{ float:left}
header nav .second-nav{ float:left}

header nav li i{ display:none}
header nav li a{ display:block; color:#FFFFFF; font-size:16px; height:80px;}

header nav ul:not(.logo) li>a{ position:relative; color:#ffffff;}
.header_scroll nav ul:not(.logo) li>a{ position:relative; color:#000000;}
header nav ul:not(.logo) li>a:after{ position:absolute; content:""; bottom:0; left:0; width:100%; height:3px; background:#0099E5; transform: scaleX(0);transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
header nav ul:not(.logo) li>a:hover:after{transform: scaleX(1);}



header nav ul:not(.logo) li>div{ position:absolute; top:80px; z-index:51; width:100%; background:rgba(0,0,0,.8); left:0px; border-top:1px solid #999999; color:#FFF;height: 350px; animation:fadeup 1s 1}
header nav ul:not(.logo) li>div>div{ margin:0 auto; width:1400px}


header nav ul:not(.logo) li:hover div{ display:block;animation:fadedown 1s 1;}
header nav ul:not(.logo) li:not(:hover) div{ display:none;animation:fadeup 1s 1;}


header nav ul:not(.logo) li .menu_about .left{ width:40%; padding:2% 3%; line-height:200%}
header nav ul:not(.logo) li .menu_about .right{ width:45%; padding-top:2%; padding-right:5%}
header nav ul:not(.logo) li .menu_about .left h3{ font-size:18px; text-align:left}
header nav ul:not(.logo) li .menu_about .left p{ padding:10px 0; color:#DDDDDD;  text-indent:2em}
header nav ul:not(.logo) li .menu_about .left a{ display:block; float:left; height:40px; line-height:40px; padding:0 18px; border-radius:20px; background-color:#0099E5; font-size:14px; color:#FFFFFF}
header nav ul:not(.logo) li .menu_about .left a:hover{animation:fade8 0.5s 1;animation-fill-mode: forwards;}
header nav ul:not(.logo) li .menu_about .left a:not(:hover){ animation:fade8_ 0.5s 1;}

header nav ul:not(.logo) li .menu_about .left a:hover:after{transform: scaleX(0);}

@keyframes fade8{
   0%{ opacity: 1;}
   100%{opacity: 0.8;}

}

@keyframes fade8_{
   0%{ opacity: 0.8;}
   100%{opacity: 1;}

}
header nav ul:not(.logo) li .menu_about .right dt{  background:rgba(0,153,229,.6); color:#ffffff; font-size:14px; margin-top:15px; padding:5px 0px;width:230px; text-align:center; border-radius:5px; }
header nav ul:not(.logo) li .menu_about .right dt a{ height:30px; line-height:30px; color:#FFFFFF}
header nav ul:not(.logo) li .menu_about .right dd img{ float:right; width:150px}
header nav ul:not(.logo) li .menu_about .right dt:hover{background:rgba(0,153,229,.7)}
header nav ul:not(.logo) li .menu_about .right dt a:hover{animation:fade8 0.5s 1;animation-fill-mode: forwards;}
header nav ul:not(.logo) li .menu_about .right dt a:hover:after{transform: scaleX(0);}



header nav ul:not(.logo) li .menu_case>div{ padding-top:2% }
header nav ul:not(.logo) li .menu_case dl{ padding-left:12%; padding-top:30px; width:20%; float:left }
/*header nav ul:not(.logo) li .menu_case dl:first-child{ padding-top:0px}
*/header nav ul:not(.logo) li .menu_case dt{ float:left; background:rgba(0,153,229,.7); color:#ffffff; font-size:16px;  padding:5px 0px;width:280px; text-align:center; border-radius:5px; line-height:35px; margin-right:30px}

header nav ul:not(.logo) li .menu_case dl dt:hover{background:rgba(0,153,229,1)}
header nav ul:not(.logo) li .menu_case dl a{ height:35px; line-height:35px; color:#FFFFFF }
header nav ul:not(.logo) li .menu_case dd {position:relative; float:left; width:180px; height:35px; line-height:35px; text-align:center; padding:5px 0px;background:rgba(255,255,255,.3);border-radius:5px; margin-right:30px}
header nav ul:not(.logo) li .menu_case dd:hover{background:rgba(0,0,0,0.8);}
header nav ul:not(.logo) li .menu_case dd:after{position:absolute; content:""; top:20px; left:-30px; width:30px; height:1px; background:#999999;}


@keyframes fadedown{
   0%{ opacity: 0;}
   100%{opacity: 1;}

}

@keyframes fadeup{
   0%{ opacity: 1;}
   100%{opacity: 0;}
}

.swiper-slide img  { width:100%}

.swiper-slide video{ width:100%}
.title_cn{
    font-size: 48px;
    text-align: center;
    position: relative;
    line-height: 44px; padding:40px 0 20px 0 
}


.title_en{ font-size:28px; ; text-align:center;text-align: center; line-height:150%; padding-bottom:20px; color:#666}


#about_box_num{ padding:30px 0}
#about_box_num ul{display:flex;flex-wrap:wrap;justify-content: center;align-items: center; padding-top:30px}
#about_box_num ul li{ width:27%; margin:0 2%}
#about_box_num ul li{ padding:2% 1%;transition: all .5s}
#about_box_num  li dt{width:140px; height:140px; text-align:center; line-height:140px; border:2px solid #0099e5; margin:0 auto; margin-bottom:20px; border-radius:70px}
#about_box_num  li dt i{ font-size:96px; font-weight:normal; color:#0099e5 }
#about_box_num  li dt .font80{ font-size:72px}
#about_box_num  li dd{font-size:20px; text-align: center; font-weight:bold}
#about_box_num  li dd+dd{ padding:10px 0 ; font-weight:normal; font-size:18px;  color:#333}

#about_box_num  li:hover{ background-color:#0099e5; color:#FFF}
#about_box_num  li:hover i{ color:#ffffff}
#about_box_num  li:hover dt{ border:2px solid #FFF}
#about_box_num  li:hover dd+dd{ color:#FFFFFF}


#plist_bg { background-color:#F3F3F3; padding:20PX 0;}


#plist_bg .cate_desc{ padding:20px 0}
#plist_bg .cate_desc li{ width:21%; float:left; margin:0 6%;transition: all .5s}
#plist_bg .cate_desc li { text-align:center; padding:50px 0}
#plist_bg .cate_desc li dt i{ font-size:72px;transition: all .5s; display:block}
#plist_bg .cate_desc li dd{ font-size:24px; padding:20px 0 10px 0}
#plist_bg .cate_desc li dd+dd{ font-size:18px; padding:0 50px; color:#333} 
#plist_bg .cate_desc li:hover{ background-color:#86b802; }
#plist_bg .cate_desc li:hover dt i{transform: rotateY(180deg);}


.plist { padding-top:30PX;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;background-color:#F3F3F3}
.plist li { float:left; width:23%;; margin-bottom:3%; background-color:#FFFFFF; margin-left:1%; margin-right:1%;overflow: hidden;box-shadow: 0 0 10px #CCC;}

.home_plist .plist li { float:left; width:25%; margin:0px; overflow: hidden;  height:700px;box-shadow: 0 0 0px #CCC}
.home_plist .plist li{ background-color:#049A9A}
.home_plist .plist li+li{ background-color:#004280}
.home_plist .plist li+li+li{ background-color:#EA7C14}
.home_plist .plist li+li+li+li{ background-color:#3C64A5}
.home_plist .plist a{ padding-left:0px; padding-right:0px}
.home_plist .plist a h3{ color:#FFFFFF; font-size:32px; margin-top:15px; line-height:150%}
.home_plist .plist a:hover{ color:#FFFFFF}
.home_plist .plist a img{ width:100%}
.home_plist .plist a p{ text-align:center}
.home_plist .plist a p input{ border:0px; font-size:24px; line-height:46px; text-align:center; border-radius:23px; padding:0 20px}
.home_plist .plist li:hover{ box-shadow:0px 0px 0px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.home_plist .plist li>a:hover img{ transform:scale(1);}
.home_plist .plist li>a:hover h3{ color:#ffffff}
.home_plist li a .cover{ position: absolute;bottom: -100%;position: absolute;background-color: #ffffff;opacity:0.8;filter:Alpha(opacity=80); width: 88%; height: 400px; z-index: 99;  left: 0px; font-size:18px; padding: 50px 6% 0 6%;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;}
.home_plist li a .cover p{ text-align: left; padding-top:30px; z-index:100; color:#000000; line-height:150%}
.home_plist li a .cover p input{ border:0px; font-size:24px; line-height:46px; text-align:center; border-radius:5px; padding:0 20px; background-color:#002B54; color:#ffffff}
.home_plist li a:hover .cover{ bottom: 0px; }


.plist li>a{ display:block; padding:3%}
.plist li a{ text-decoration: none}
.plist li a>div{position:relative; overflow:hidden; z-index:11}
.plist li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ font-size:24px; line-height:150%; padding:12px 0; text-align:center}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.plist li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.plist li>a:hover img{ transform:scale(1.2);}
.plist li>a:hover h3{ color:#0099e5}

.pmore{ clear:both; text-align:center;background-color:#F3F3F3; height:110px}
.pmore a{ background-color:#0099e5; color:#FFFFFF; font-size:18px; border-radius:30PX; padding:20PX 40PX; height:40px; line-height:40px}
.pmore a:hover{ background-color:#999999}

@keyframes fadenum{

   0%{opacity: 0;}

   100%{opacity: 1;}

}

@keyframes fadeout{

   0%{opacity: 1;}

   100%{opacity: 0;}

}

#about_box{ height:900px }
#about_box div{ float:left; width:50%; padding:50px 0}
#about_box>div{ height:350px; float:left; background-color:#4185F5;position:relative; z-index:88}
#about_box > div> h3{ font-size:28px; color:#FFFFFF; padding:0% 15% 1% 15%; z-index:110; position:relative}
#about_box > div> h5{ font-size:18px; color:#FFFFFF; padding:0% 15% 3% 15%; z-index:112; position:relative}
#about_box > div>p{ font-size:14px; color:#FFF; text-indent:2em; padding:0 15%; line-height:200%; z-index:113; position:relative}
#about_box>div .bg_over{ width:100%; height:350px;  z-index:69; position:absolute; left:0px; top:0px; background:url(../images/a1.jpg) center center; opacity:0.4; background-size:100% 100%;transition: all 0.3s ease-in-out}
#about_box>div .p_video{ position:absolute; right:0px; bottom:0px; padding:0px; transition: all 0.3s ease-in-out}
#about_box>div .p_video img{ display:inline-block; float:right}
#about_box>div .p_video:hover{ right:10px}


#about_box>div+div{ height:250px; float:right; background-color:#000000;}
#about_box>div+div .bg_over{ width:100%; height:250px;  z-index:69; position:absolute; left:0px; top:0px; background:url(../images/a2.jpg) center center; opacity:0.7; background-size:100% 100%}

#about_box>div+div+div{ height:400px; float:right; background-color:#2E373C}
#about_box>div+div+div img{ height:100%; margin:0 auto; display:block}
#about_box>div+div+div .bg_over{ width:100%; height:350px;  z-index:69; background-color:inherit; position:absolute; left:0px; top:0px; background:none}

#about_box>div+div+div+div{ height:300px; }
#about_box>div+div+div+div h3,#about_box>div+div+div+div p{ color:#000000;}
#about_box>div+div+div+div .bg_over{ width:100%; height:300px;  z-index:69; background-color:inherit; position:absolute; left:0px; top:0px; background:url(../images/a4.jpg) bottom right; opacity:0.7}

#about_box>div:hover .bg_over{opacity:1}


#news_box{ padding-top:30PX}
#news_box ul{ padding-top:30px}
#news_box  li{ width:50%; float:left; position:relative; height:315px}
#news_box li a{ display:block; width:100%; ;z-index:80; overflow:hidden; }
#news_box li a div{ width:50%; height:315px; overflow:hidden}
#news_box li a div{ background-color:#009CAC}
#news_box li a p{ padding:15px 0; color:#FFFFFF; font-size:14px; line-height:180%; text-indent:2em}
#news_box li a .pdate{ padding:0px; text-align:right;}
#news_box li a .left { padding:50px  5% 30px 5%; width:40%; height:255px; overflow:hidden; }
#news_box li a .right{position:relative}
#news_box li a .right .triangle { position:absolute; left:0px; top:45%; z-index:200;width: 0;
    height: 0;
    border-left: 15px solid #019CAC;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;}
#news_box li a .left .p4{position: absolute;
    top: 0px;
    font-size: 300px;
    line-height: 220px;
    left: 0px;
    color: #fff;
    filter: alpha(opacity=6);
    opacity: 0.06;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
	 }
#news_box li+li a div{ background-color:#3C64A5}
#news_box li+li a .right .triangle{border-left: 15px solid #3C64A5;}
#news_box li+li+li a div{ background-color:#0E558D}
#news_box li+li+li+li a div{ background-color:#4286F5}
#news_box li+li+li a .right .triangle{border-right: 15px solid #0E558D;  right: 0px; left:inherit; border-left:none }
#news_box li+li+li+li a .right .triangle{border-right: 15px solid #4286F5;  }

#news_box li+li+li .right{ float:left}

#news_box li a img{ height:100%; width:100%; border:0px; z-index:79;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
#news_box li a h3{  line-height:150%; font-size:24px; font-weight:normal; width:100%; color:#ffffff}
#news_box li:hover a img{transform:scale(1.2);}


#btm_bg{ background-color: #363636;  padding: 35px 0}
#btm_bg .main_box>ul{ float: left; }
#btm_bg .main_box>ul li{ color:#cccccc; font-size:14px; padding:3px 0; text-align:left }
#btm_bg .main_box>ul li:first-child{ font-size:28px; color:#FFF; }
#btm_bg .main_box>ul li:last-child{font-size:18px; color:#FFF}
#btm_bg .main_box>ul li:last-child strong{ font-size:36px; font-weight:normal; font-style:italic}
#btm_bg .main_box>ul+ul{ float: right}
#btm_bg .main_box>ul+ul li,#btm_bg .main_box>ul+ul li:first-child{ font-size:18px; float:left; margin-right:40px;letter-spacing:0px;}
#btm_bg .main_box>ul+ul li dt{ color:#FFFFFF; padding:10px 0}
#btm_bg .main_box>ul+ul li dd{ color:#aaaaaa; font-size:14px; padding:3px}
#btm_bg .main_box li a{ color:#aaaaaa}

#btm_copyright{ background-color:#363636; border-top:1px solid #999; }
#btm_copyright .main_box{ padding:15px 0;color:#FFF; font-size:14px; text-align:center}
#btm_copyright .main_box A{color:#aaaaaa}



/*about.asp*/
#banner_about{ position:relative; z-index:11}
#banner_about img{ width:100%}
#banner_about .main_box{  z-index:15; position:absolute;  bottom:0px; bottom:45%; margin:0 auto; width:100%}
#banner_about .main_box h2{color: #FFFFFF; font-size:48px; text-align: center; text-align:center}
#banner_about .main_box p{ text-align:center; font-size:28px; padding-top:20px; color:#FFFFFF}

#nav_bg{ border-bottom: 1px solid #cccccc; height: 100px; }

#nav_bg .main_box{ line-height:100px; font-size:14px}
#nav_bg .main_box i{ font-size:18px; margin-right:10px}
.nav_title{ float:right}
.nav_title li{ float: left; width: 150px; height: 100px; position: relative;margin-right: 20px}
.nav_title li:first-child{ width: 210px; }
.nav_title li a{ display: block; width: 100%; height: 100px; line-height:100px;  text-align: center; font-size: 16px; text-decoration: none;}
.nav_title li a:hover,.nav_title li a.link_over{ position: absolute; left: 0px;top: 0px; border-bottom: 3px solid #0099E5; height: 99px;  color:#000000}
.h1{ font-size:36px; line-height:80px; margin-top:30px; text-align:center}

.cnt{ padding: 20px; line-height: 200%; font-size: 16px;}

.case_list li{ margin-right: 20px; width: 440px; float: left; margin-bottom: 25px;  position: relative; height:380px; text-align:center}
.case_list li:nth-child(3n){ margin-right: 0px}
.case_list li a{ display:block; width: 410px; text-align:center; padding:15px; color:#000000}
.case_list li:nth-child(n+4) a img{ width:100%; display:block; margin:0 auto}
.case_list li a .cover{ display: none}
.case_list li a h3{ display: none}
.case_list li a:hover .cover{ display: block; position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=40); width: 100%; height: 380px; z-index: 99; top: 0px; left: 0px}
.case_list li a:hover h3{ display: block;position: absolute;background-color: #000000; height: 50px; line-height: 50px; width: 100%; top: 170px; left: 0px; text-align: center; font-size: 16px;opacity:0.6;filter:Alpha(opacity=90);color: #ffffff; z-index: 100}


.cert2{ clear:both; margin-top:20px}
.cert2 h3{ font-size:28px; text-align:center; padding:20px 0}

.cert2 li{ margin-right: 20px; width: 440px; float: left; margin-bottom: 25px;  position: relative; height:440px; text-align:center}
.cert2 li:nth-child(3n){ margin-right: 0px}
.cert2 li a{ display:block; width: 410px; text-align:center; padding:15px; color:#000000; text-align:center; margin:0 auto}
.cert2 li a img{ display:block; max-width:410px; max-height:410px; margin:0 auto}
.cert2 li a .cover{ display: none}
.cert2 li a h3{ display: none}
.cert2 li a:hover .cover{ display: block; position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=40); width: 100%; height: 440px; z-index: 99; top: 0px; left: 0px}
.cert2 li a:hover h3{ display: block;position: absolute;background-color: #000000; height: 50px; line-height: 50px; width: 100%; top: 170px; left: 0px; text-align: center; font-size: 16px;opacity:0.6;filter:Alpha(opacity=90);color: #ffffff; z-index: 100}

/*product*/

#banner_p { position:relative;}
#banner_p .main_box{  z-index:15; position:absolute;  bottom:0px; bottom:45%; margin:0 auto; width:100%}
#banner_p .main_box h2{color: #ffffff; font-size:60px; text-align: center; text-align:center}
#banner_p .main_box p{ text-align:center; font-size:32px; padding-top:20px; color:#ffffff}



/*news.asp*/
#banner_news{ position:relative; z-index:11}
#banner_news img{ width:100%}
#banner_news .main_box{  z-index:15;position:absolute;  bottom:0px; bottom:45%; margin:0 auto; width:100%}
#banner_news .main_box h2{color: #ffffff; font-size:48px; text-align: center;}

.newsplist{ padding:2%; background-color:#F2F2F2}
.newsplist li{ float:left; width:23%;; margin-bottom:25px; background-color:#FFFFFF; margin-left:1%; margin-right:1%;overflow: hidden;box-shadow: 0 0 10px #CCC;}
.newsplist li a{  display:block; padding:3%;}
.newsplist li a div{  position:relative; overflow:hidden; z-index:11}
.newsplist li a img{ width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.newsplist li:hover img{ transform:scale(1.1);}
.newsplist li a h3{ font-size:24px; line-height:150%; padding:10px 0}
.newsplist li a p{color:#888; line-height:150%; text-indent:2em; font-size:16px}
.newsplist li a{  color:#000}
.newsplist li a:hover{ text-decoration:none}
.newsplist li a .pdate{ font-size:16px; text-align:right}
.newsplist li a .pdate i{ margin-right:5px}




/*view*/
#pdate{ color:#999; height:40px; line-height:40px; text-align:center}
#pdate a{ color:#999999}
.cnt_txt{ padding:10px; line-height:200%; font-size:18px}
.pre_next{ padding:20px 0 40px 0; }
.pre_next li{ height:50px; float:left; width:46%; background-color:#888888; padding:0 2%}
.pre_next li a{ display:block; border-right:1px solid #ffffff; font-size:16px; color:#ffffff; line-height:50PX; width:100%}
.pre_next li a:hover{ text-decoration:none; color:#ffffff }

/*detail*/
.backlist{ float:right; padding-top:20PX}
.backlist li{ background-color:#0099E5; color:#FFFFFF; height:30PX; line-height:30PX; padding:5PX 10PX; border-radius:10px}
.backlist li a{ color:#ffffff; display:inline-block; height:30px}
.backlist li a i{ font-size:18px; line-height:30px}

#detail_bg{ background-color:#70ADDD; clear:both; padding:0px}
#detail_bg .main_box{ font-size:24px; color:#ffffff; height:130px}


.p_title{ height:50px;  background-color:#CCCCCC;}
.p_title strong{ display:block; float:left; width:180px; height:50px; line-height:50px;background: url("../images/mbx-bg.jpg");; text-align:center; color:#ffffff; font-size:20px; font-weight:normal}
.p_cnt{ padding:20px; line-height:200%; font-size:16px}
.p_cnt table{ background-color:#555555; width:100%}
.p_cnt tr td{ background-color: #EEEEEE; font-size:16px; text-align:center;}
.p_cnt+.p_cnt tr td{ width:50%}


.p_cnt tr:nth-child(2n) td{ background-color:#DDDDDD}

#detail_bg .main_box li{ float:left; width:150px; font-size:18px; text-align:center; position:relative;  cursor:pointer; height:90px; padding:20px 0}
#detail_bg .main_box .on{ color:#FFF; background-color:#4b96d1}
#detail_bg .main_box li span{ display:block; margin:0 auto; width:48px; height:48px; border:1px solid #FFF; border-radius:24px; line-height:48px; margin-bottom:10px}
#detail_bg .main_box li i{ font-size:24px}

.main_box .p_cnt{ display:none}
.main_box .p_cnt:first-child{ display:block}
.arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
	border-width: 12px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -12px;
	display:none
}
#detail_bg .main_box .on .arrow{ display:block}

.detail_title_bg{  padding:15px 0;  margin-top:20px}
.detail_title_bg h3{ padding-left:20px;   text-align:center; font-size:28px; }


.link_product { padding-top:30PX;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}

.link_product li { float:left; width:25%;; margin-bottom:4%; overflow: hidden;}

.link_product li>a{ display:block; padding:3%}
.link_product li a{ text-decoration: none}
.link_product li a>div{position:relative; overflow:hidden; z-index:11}
.link_product li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.link_product li a h3{ font-size:18px; line-height:150%; padding:12px 0; text-align:center}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.link_product li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.link_product li>a:hover img{ transform:scale(1.2);}
.link_product li>a:hover h3{ color:#86b802}


.slist { padding-top:20px}
.slist li{ float:left; width:300px; margin:0 10px; height:50px; text-align:center; background-color:#eee; margin-bottom:20px; line-height:50px; font-size:16px}

.pdf { padding:10px 0}
.pdf i{ font-size: 28px; color:#F00}

#zoomimg { padding:15px 0; text-align: center}
#zoomimg img{ width:800px; height:800px}
#desc_img_list{ width:800px;  padding:15px 0px; position:relative;  margin:0 auto; overflow:hidden; height:80PX}
#desc_img_list .swiper-slide{ float:left;}
#desc_img_list .swiper-slide:first-child{}
#desc_img_list .swiper-slide img{ width:80px; height:80px;border:1px solid #dddddd }
#desc_img_list .swiper-slide-active img{ width:80px; height:80px;border:1px solid #F03726}
 #desc_img_btn{ position:relative; width:860px; margin: 0 auto}
 #desc_img_btn .swiper-button-next, #desc_img_btn .swiper-button-prev{ width:30px; height:30px;margin-top:-65px;z-index:10; }
 #desc_img_btn .swiper-button-next { right:0px; }
 #desc_img_btn .swiper-button-prev { left:0px;}


/*jpxzxt*/
#jp_top{ background:url(../images/j1.jpg); padding-top:600px; padding-bottom:100px}
#jp_top .jp_top1  ul{}
#jp_top .jp_top1 li{ width:16%; height:90px; text-align:center; margin:0 4%; border-radius:45px; border:2px solid #4e515e; float:left; font-size:42px; line-height:80px; text-align:center; margin-bottom:50px}
#jp_top img{ width:80%}

#jp_m{ background:url(../images/j3.jpg) center center no-repeat; color:#FFF}

#jp_m h2{ font-size:80px; height:150px; line-height:150px; text-align:center;}
#jp_m h3{ font-size:36px; height:70px; line-height:70px; text-align:center;}
#jp_m h3+div{ font-size:32px; line-height:200%; padding:20px 0 50px 0}
.pro_title{ height:52px; font-size:28px; background:url(../images/jp4.png) left center no-repeat; padding-left:70px; line-height:55px}
.pro_title+div{ line-height:200%; padding:50px 0}
.pro_title+div p{ font-size:22px; margin-bottom:30px; position:relative; padding-left:40px}
.pro_title+div p:before{ position:absolute; content:""; top:8px; left:0; width:15px; height:15px; background:#445D60; }

#jp_m3{ height:126px; background:url(../images/j2.jpg) center center}

#jp_m2 { background:url(../images/j16.jpg) top center no-repeat; height:150px}
#jp_m2  img{ width:100%}

#jp_m1 { background:url(../images/j6.jpg)  bottom center no-repeat; height:150px}

#jp_m1 .ul3 li{ width:21%; float:left; padding:0 6%; position:relative}
#jp_m1 .ul3 li p img{ width:100% }
#jp_m1 .ul3 li:nth-child(+n+2):after{ position:absolute; content:""; top:50px; left:0; width:1px; height:330px; background:#dcecd9;}

#jp_m1 .ul3 dt{ font-size:28px; padding:10px 0}
#jp_m1 .ul3 dd{ font-size:22px; width:50%; float:left; padding:10px 0; position:relative; height:32px }
#jp_m1 .ul3 dd img{ margin-right:10px}

#jp_m1 .ul4 li{ width:17%; float:left; padding:0 4%;position:relative; }
#jp_m1 .ul4 li:nth-child(+n+2):after{ position:absolute; content:""; top:50px; left:0; width:1px; height:200px; background:#dcecd9;}
#jp_m1 .ul4 li p img{ width:100% }
#jp_m1 .ul4 dt{ font-size:28px; padding:10px 0}
#jp_m1 .ul4 dd{ font-size:22px; width:50%; float:left; padding:10px 0; position:relative; height:32px }
#jp_m1 .ul4 dd img{ margin-right:10px}

#jp_mod h2{ font-size:80px; color:#333333; text-align:center; padding-top:30px}
#jp_mod h2 font{ font-size:24px; color:#cccccc}

.mod_title ul{ padding-top:30px}
.mod_title li{ float:left; width:50%;  background-color:#0196EA; font-size:48px; text-align:center; padding:15px 0; color:#FFF; position:relative; height:64px;cursor: pointer;}
.mod_title  .on{ background-color:#41bbff;  }
.mod_title li i{ font-size:48px; margin-right:10px}

.mod_title .arrow {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
	border-width: 15px;
    position: absolute;
    bottom: -0px;
    left: 50%;
    margin-left: -15px;
	display:none
}

.mod_title .on .arrow{ display:block}

#jp_mod .mod_desc{ clear:both}
#jp_mod .mod_desc>div{ display:none;  padding:50px 0 20px 0}
#jp_mod .mod_desc>div h3{ font-size:28px; height:60px; line-height:55px; background-color:#555555; border-radius:35px; color:#FFF; float:left; padding:0 40PX }
#jp_mod .mod_desc>div div{ clear:both; padding:30px}
#jp_mod .mod_desc>div:first-child{ display:block}
}

@media (max-width:991px){/*md*/

.hc-mobile-nav a{ color:#FFFFFF}

html,body{ font-size:625%;}

.main_100{clear:both;width:100%;margin:0px auto;font-size: 0.14rem}
.main_box{clear:both;width:100%;margin:0px auto;min-width:320px ; font-size: 0.14rem}

ul:after,dl:after{
 content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

header {
	position: fixed;
	width: 100%;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 300;
	 background:none;
}
header nav { width: 100%; margin: 0 auto;}

header ul li {
	padding: 0 25px;
	border-right: none;
	float: left;
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
	 height: 50px
}

header  nav ul+ul{ display:none}
header nav a{ color:#FFFFFF}

header nav .logo{ float:left; }
header nav .logo font{ display:none}

.logo>li+li a{ border-bottom:none; float:left}
header nav .logo a img{ display: block;height:50px; padding:0px}

.pc_menu,.hc-mobile-nav h2{ display:none}
header nav li a{ display:block; color:#FFFFFF; font-size:16px; height:50px;}
header .toggle{ top:15px}

.hc-mobile-nav li.nav-close {
    top: 15px;
}
.hc-nav-open .logo a img{ display: block;height:50px; padding:0px}

.hc-mobile-nav .logo font{ display:none}

header .toggle span, header .toggle span::before, header .toggle span::after {
    position: absolute;
    left: 0;
    height: 4px;
    background: #0099e5;
    transition: all .1s ease;
}

.swiper-slide img  { width:100%}
.swiper-slide video{ width:100%; }

.title_cn{
    font-size:36px;
    text-align: center;
    position: relative; 
    line-height: 36px; padding:20px 0 20px 0 
}



.title_en{ font-size:16px; ; text-align:center;text-align: center; line-height:150%; padding-bottom:20px}




#about_box{  }
#about_box div{ clear:both;width:100%; padding:20px 0}
#about_box>div{ background-color:#4185F5;position:relative; z-index:88}
#about_box > div> h3{ font-size:24px; color:#FFFFFF; padding:0% 8% 1% 8%; z-index:110; position:relative}
#about_box > div> h5{ font-size:16px; color:#FFFFFF; padding:0% 8% 3% 8%; z-index:112; position:relative}
#about_box > div>p{ font-size:14px; color:#FFF; text-indent:2em; padding:0 8%; line-height:150%; z-index:113; position:relative}
#about_box>div .bg_over{ width:100%; height:100%;   z-index:69; position:absolute; left:0px; top:0px; background:url(../images/a1.jpg) center center; opacity:0.4; background-size:100% 100%;transition: all 0.3s ease-in-out}
#about_box>div .p_video { text-indent:0em}
#about_box>div .p_video img{width:100%;}


#about_box>div+div{ clear:both; background-color:#000000;}
#about_box>div+div .bg_over{ width:100%;  z-index:69; position:absolute; left:0px; top:0px; background:url(../images/a2.jpg) center center; opacity:0.7; background-size:100% 100%}

#about_box>div+div+div{ display:none}

#about_box>div+div+div+div{ display:block; clear:both; background-color:#ffffff}
#about_box>div+div+div+div h3,#about_box>div+div+div+div p{ color:#000000;}
#about_box>div+div+div+div p{ min-height:200px; background:url(../images/a4.jpg) bottom right no-repeat; background-size:120% 120%}
#about_box>div+div+div+div .bg_over{ display:none}



#about_box_num{ padding-top:10px}
#about_box_num ul{ display:flex;flex-wrap:wrap;justify-content: center;align-items: flex-start;; margin:0 5%;}
#about_box_num ul li{ width:50%; margin-bottom:20px}


#about_box_num  li dt{width:120px; height:120px; text-align:center; line-height:120px; border:1px solid #0099e5; margin:0 auto; margin-bottom:20px; border-radius:60px}
#about_box_num  li dt i{ font-size:80px; font-weight:normal; color:#0099e5 }
#about_box_num  li dt .font80{ font-size:72px}
#about_box_num  li dd{font-size:22px; text-align: center; font-weight:bold}
#about_box_num  li dd+dd{ padding:10px 10px ; font-weight:normal; font-size:16px;  color:#333}

#about_box_num  li:hover{ background-color:#86b802; color:#FFF}
#about_box_num  li:hover dt{ border:1px solid #FFF}
#about_box_num  li:hover dd+dd{ color:#FFFFFF}






#plist_bg { background-color:#F1F1F1; padding:10PX 0}

#plist_bg .cate_desc li{ }
#plist_bg .cate_desc li { float:left; text-align:center; padding:20px 0; width:33%;transition: all .5s}
#plist_bg .cate_desc li dt i{ font-size:60px;transition: all .5s; display:block}
#plist_bg .cate_desc li dd{ font-size:22px; padding:20px 0 10px 0}
#plist_bg .cate_desc li dd+dd{ font-size:16px; padding:0 10px; color:#333} 
#plist_bg .cate_desc li:hover{ background-color:#86b802; }
#plist_bg .cate_desc li:hover dt i{transform: rotateY(180deg);}


.home_plist .plist li { clear:both; width:100%; margin:0px; overflow: hidden;  box-shadow: 0 0 0px #CCC}
.home_plist .plist li{ background-color:#049A9A}
.home_plist .plist li+li{ background-color:#004280}
.home_plist .plist li+li+li{ background-color:#EA7C14}
.home_plist .plist li+li+li+li{ background-color:#3C64A5}
.home_plist .plist a{ padding-left:0px; padding-right:0px}
.home_plist .plist a h3{ color:#FFFFFF; font-size:28px; margin-top:0px; padding:0 3%}
.home_plist .plist a:hover{ color:#FFFFFF}
.home_plist .plist a img{ width:100%}
.home_plist .plist a >p{ display:none}
.home_plist li a .cover{background-color: #ffffff;opacity:0.8;filter:Alpha(opacity=80); width: 88%; font-size:18px; padding: 10px 6% 0 6%;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;}
.home_plist li a .cover p{ text-align: left; padding-top:10px; color:#000000; line-height:150%; font-size:16px; margin-bottom:10px}
.home_plist li a .cover p input{ border:0px; font-size:20px; text-align:center; border-radius:8px; padding:10px 20px; background-color:#002B54; color:#ffffff;-webkit-appearance: button;}




.plist {display:flex;flex-wrap:wrap;justify-content: center;align-items: center;background-color:#F1F1F1}

.plist li { float:left; width:46%;; margin-bottom:20px; background-color:#FFFFFF; margin-left:2%; margin-right:2%;overflow: hidden;box-shadow: 0 0 10px #CCC;}

.plist li>a{ display:block; padding:3%}
.plist li a{ text-decoration: none}
.plist li a>div{position:relative; overflow:hidden; z-index:11}
.plist li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ font-size:18px; line-height:150%; padding:8px 0; text-align:center; overflow: hidden}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.plist li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.plist li>a:hover img{ transform:scale(1.2);}
.plist li>a:hover h3{ color:#0073ff}

.pmore{ clear:both; text-align:center;background-color:#F3F3F3; margin-bottom:10PX; height:50px}
.pmore a{ background-color:#0099e5; color:#FFFFFF; font-size:16px; border-radius:20PX; padding:10PX 20PX; height:30px; line-height:30px}
.pmore a:hover{ background-color:#999999}

@keyframes fadenum{

   0%{opacity: 0;}

   100%{opacity: 1;}

}

@keyframes fadeout{

   0%{opacity: 1;}

   100%{opacity: 0;}

}

#news_box{ padding:3%; background-color:#3E84F5; width:94%}
#news_box h2,#news_box h3{ color:#FFF}
#news_box  li{ width:100%;  padding:0px; margin-bottom:10px }
#news_box li a{ display:block; width:100%; ;z-index:80; overflow:hidden; }
#news_box li a div{ width:100%;  overflow:hidden}
#news_box li a div{ background-color:#009CAC}
#news_box li a p{ padding:0px 0; color:#FFFFFF; font-size:14px; line-height:180%;text-indent:2em}
#news_box li a .pdate{ padding:0px; text-align:right;}
#news_box li a .left { padding:10px  5%; width:90%;overflow:hidden; }
#news_box li a .right{position:relative}
#news_box li a .right .triangle { display:none}
#news_box li a .left .p4{position: absolute;
    top: 0px;
    font-size: 300px;
    line-height: 220px;
    left: 0px;
    color: #fff;
    filter: alpha(opacity=6);
    opacity: 0.06;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
	 }
#news_box li+li a div{ background-color:#3C64A5}
#news_box li+li+li a div{ background-color:#0E558D}
#news_box li+li+li+li a div{ background-color:#4286F5}

#news_box li+li+li .left{ float:right}

#news_box li a img{ height:100%; width:100%; border:0px; z-index:79;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s; display:inline-block; float:left}
#news_box li a h3{  line-height:150%; font-size:24px; font-weight:normal; width:100%; color:#ffffff}
#news_box li:hover a img{transform:scale(1.2);}




#btm_bg{background-color: #363636;  padding: 15px 0; color:#aaaaaa}
#btm_bg li{ padding:3px 0}
#btm_bg .ul1 li{ text-align:center}
#btm_bg .ul1 a{ color:#aaaaaa}
#btm_bg  .ul2 li{ display:none}
#btm_bg  .ul2 li:last-child{ display:block}

#btm_bg  .ul2 li:last-child dt{ text-align:center; padding:5px 0}
#btm_bg  .ul2 li:last-child dd{ text-align:center; }
#btm_bg  .ul2 li:last-child dd img{ display:inline-block; margin:0 auto; width:100px}



#btm_copyright{background-color: #363636;  padding: 5px 0; color:#aaaaaa; border-top:1px solid #666}
#btm_copyright .main_box{ text-align:center}
#btm_copyright .main_box font{ display:block; padding:5px 0}
#btm_copyright .main_box A{color:#aaaaaa}


#btm_menu { background-color:#ffffff; height:66px;  position:fixed; bottom:0px; z-index:999; font-size:16px; display:flex; width:100%; border-top:1px solid #aaaaaa}
#btm_menu li{ flex:1; text-align:center}
#btm_menu li a{ display:block; text-decoration:none; color:#638900; text-align:center;}
#btm_menu li a i{ font-size:28px; display:block; margin:0 auto; margin-top:5px}


.floatmenu{  position:fixed;  z-index:999; width:50px; height:50px;  bottom:70px; right:10px; cursor: pointer; background-color:#333333;  text-align:center; font-size:14px;}
.floatmenu li{ display:none; border-bottom:1px solid #AAAAAA; height:49px;position:relative; z-index:99 }
.floatmenu li:last-child{ border-bottom:none; display:block }
.floatmenu li>a{ display:block; width:50px; height:49px; color:#FFFFFF;}
.floatmenu li>a .sidebox{
    position: absolute;
    width: 50px;
    height: 45px;
    top: 0;
    right: 50px;
    transition: all 0.3s;
    opacity: 0.8;
    color: #fff;
    overflow: hidden;
	 font-size:16px; line-height:120%; padding-top:5PX;
	 z-index:100;
	  display:none
}
.floatmenu i{ color:#ffffff; font-size:32px; width:49px; height:49px; float:right; line-height:49px; display:block; font-weight:normal}
.floatmenu li:hover{ background-color:#2378e0}



/*about.asp*/

#banner_about{ position:relative; z-index:11; height:180px; background:url(../images/banner_about.jpg) center center no-repeat; background-size:auto 100%}
#banner_about img{ display:none}
#banner_about .main_box{  z-index:15; position:absolute;  bottom:0px; bottom:20%}
#banner_about .main_box h2{color: #ffffff; font-size:28px; text-align: center;}
#banner_about .main_box p{ padding:0 5%; color:#FFF; font-size:14px}

.banner h3{font-size: 0.16rem; font-weight: normal; margin-bottom: 0.10rem; padding:0 0.1rem }
.banner p{ font-size: 0.12rem; padding: 0 0.1rem}

#nav_bg span{ display:none}
.nav_title { padding-bottom:20px}
.nav_title li{ float: left; width: 33%; height: 0.5rem; position: relative; overflow:hidden}
.nav_title li a{ display: block; width: 100%; height: 0.5rem; line-height: 0.5rem;  text-align: center; font-size: 16px; text-decoration: none;}
.nav_title li a:hover,.nav_title li a.link_over{ position: absolute; left: 0px;top: 0px; border-bottom: 0.02rem solid #0099e5; height: 0.48rem; }
.h1{ font-size:32px; margin-top:10px; text-align:center}

.cnt{ padding: 0.1rem; line-height: 200%; font-size: 0.16rem}
.cnt img{ width:100%}

.case_list li{ clear:both; width: 94%; text-align:center; margin-bottom: 20px; padding:3% }
.case_list li a{ text-decoration:none; display:block; p}
.case_list li a img{ width: 100%;}
.case_list li a .cover{ display: none}
.case_list li h3{ line-height:40px; height:40px; text-align:center; background-color:#CCCCCC}


.cert2{ clear:both; margin-top:20px}
.cert2 h3{ font-size:24px; text-align:center; padding:10px 0}

.cert2 li{ float:left; width: 46%; text-align:center; padding:0 2%; margin-bottom:20px}
.cert2 li a{ display:block; width: 100%; text-align:center; color:#000000; text-align:center; margin:0 auto}
.cert2 li a img{ display:block; width:100%; margin:0 auto}
.cert2 li a .cover{ display: none}
.cert2 li a h3{ display: none}


#banner_contact{  height:180px; background:url(../images/banner_contact.jpg) center center no-repeat; background-size:auto 100%}
#banner_contact img{ display:none}


/*product.asp*/
#banner_p{ position:relative; z-index:11; height:180px; background:url(../images/banner_product.jpg) center center no-repeat; background-size:auto 100%}
#banner_p img{ display:none}
#banner_p .main_box{  z-index:15; position:absolute;  bottom:0px; bottom:20%}
#banner_p .main_box h2{color: #ffffff; font-size:24; text-align: center;}
#banner_p .main_box p{ padding:0 5%; color:#FFF; font-size:14px; text-align:center}
/*detail*/
#detail_bg{ background-color:#70ADDD; margin-top:20px}
#detail_bg .main_box{ font-size:18px; color:#ffffff; height:55px; line-height:55px; padding-left:2%; width:98%}

.p_cnt{ padding:10px; line-height:200%; font-size:16px;overflow-x: auto;}

.p_cnt table{ background-color:#555555; width:100%}
.p_cnt tr td{ background-color: #EEEEEE; font-size:16px; text-align:center;}
.p_cnt+.p_cnt tr td{ width:50%}
.p_cnt tr:nth-child(2n) td{ background-color:#DDDDDD}
.p_cnt img{ width:100%}


#zoomimg img{ width:100%}

.pre_next{ padding:0 2%}
.pre_next li{ clear:both; padding:5px; margin-bottom:5px; background-color:#eeeeee; font-size:16px}


#detail_bg .main_box li{ float:left; width:33%; font-size:18px; text-align:center; position:relative; color:#ffffff; cursor:pointer}
#detail_bg .main_box li i{ font-size:18px}
#detail_bg .main_box .on{ color:#FFF}

.main_box .p_cnt{ display:none}
.main_box .p_cnt:first-child{ display:block}
.arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
	border-width: 12px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -12px;
	display:none
}
#detail_bg .main_box .on .arrow{ display:block}

.detail_title_bg{  padding:15px 0;  margin-top:20px}
.detail_title_bg h3{ padding-left:20px;   text-align:center; font-size:28px; }


.link_product { padding-top:30PX;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}

.link_product li { float:left; width:50%;; margin-bottom:4%; overflow: hidden;}

.link_product li>a{ display:block; padding:3%}
.link_product li a{ text-decoration: none}
.link_product li a>div{position:relative; overflow:hidden; z-index:11}
.link_product li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.link_product li a h3{ font-size:18px; line-height:150%; padding:12px 0; text-align:center}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.link_product li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.link_product li>a:hover img{ transform:scale(1.2);}
.link_product li>a:hover h3{ color:#86b802}


/*news.asp*/
#banner_news{ position:relative; z-index:11; height:180px; background:url(../images/banner_news.jpg) center center no-repeat; background-size:auto 100%}
#banner_news img{ display:none}
#banner_news .main_box{  z-index:15; position:absolute;  bottom:0px; bottom:40%}
#banner_news .main_box h2{color: #ffffff; font-size:28px; text-align: center;}

/*news*/
.newsplist{ padding:2%; background-color:#F2F2F2}
.newsplist li{ float:left; width:98%;; margin-bottom:25px; background-color:#FFFFFF; margin-left:1%; margin-right:1%;overflow: hidden;box-shadow: 0 0 10px #CCC;}
.newsplist li a{  display:block; padding:3%;}
.newsplist li a div{  position:relative; overflow:hidden; z-index:11}
.newsplist li a img{ width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.newsplist li:hover img{ transform:scale(1.1);}
.newsplist li a h3{ font-size:18px; line-height:150%; padding:5px 0}
.newsplist li a p{color:#888; line-height:150%; text-indent:2em}
.newsplist li a{  color:#000}
.newsplist li a:hover{ text-decoration:none}
.newsplist li a .pdate{ font-size:14px; text-align:right}
.newsplist li a .pdate i{ margin-right:5px}
/*view*/
#news_h1 h1{ font-size:16Px;  line-height:150%; text-align:center; border-bottom:1px solid #dddddd;text-align:center; color:#222222; font-weight:normal; padding:0.1rem 0}
#pdate{ color:#999;  line-height:20px; font-size:12px; padding-top:10px; text-align:center}
#pdate a{ color:#999999;}
#pdate font{ display:none}
.cnt_txt{ padding:10px; line-height:200%; font-size:16px}
.cnt_txt img{ width:100%}


/*jpxzxt*/
#jp_top{ background:url(../images/j1.jpg) top center no-repeat; padding-top:160px; background-size:120%  auto}
#jp_top .jp_top1  ul{}
#jp_top .jp_top1 li{ width:40%; height:50px; text-align:center; margin:0 4%; border-radius:25px; border:2px solid #4e515e; float:left; font-size:28px; line-height:50px; text-align:center; margin-bottom:40px}
#jp_top .main_box  p{ padding:0 2%}
#jp_top img{ width:100%}

#jp_m{ background:url(../images/j3.jpg) top center no-repeat; color:#FFF; background-size:100% 100%}

#jp_m h2{ font-size:36px; height:50px; line-height:50px; text-align:center;}
#jp_m h3{ font-size:24px; height:40px; line-height:40px; text-align:center;}
#jp_m h3+div{ font-size:16px; line-height:200%; padding:20px 20px}
.pro_title{ height:52px; font-size:28px; background:url(../images/jp4.png) left center no-repeat; padding-left:70px; line-height:55px}
.pro_title+div{ line-height:150%; padding:20px}
.pro_title+div p{ font-size:16px; margin-bottom:10px; position:relative; padding-left:40px}
.pro_title+div p:before{ position:absolute; content:""; top:8px; left:0; width:15px; height:15px; background:#445D60; }

#jp_m3{ height:50px; background:url(../images/j2.jpg) bottom center no-repeat; background-size: 100% auto}

#jp_m2 { background:url(../images/j16.jpg) top center no-repeat; height:50px;background-size: 100% auto}
#jp_m2  img{ width:100%}

#jp_m1 { background:url(../images/j6.jpg)  bottom center no-repeat; height:150px}

#jp_m1 .ul3 li{ width:21%; float:left; padding:0 6%; position:relative}
#jp_m1 .ul3 li p img{ width:100% }
#jp_m1 .ul3 li:nth-child(+n+2):after{ position:absolute; content:""; top:50px; left:0; width:1px; height:330px; background:#dcecd9;}

#jp_m1 .ul3 dt{ font-size:28px; padding:10px 0}
#jp_m1 .ul3 dd{ font-size:22px; width:50%; float:left; padding:10px 0; position:relative; height:32px }
#jp_m1 .ul3 dd img{ margin-right:10px}

#jp_m1 .ul4 li{ width:17%; float:left; padding:0 4%;position:relative}
#jp_m1 .ul4 li:nth-child(+n+2):after{ position:absolute; content:""; top:50px; left:0; width:1px; height:200px; background:#dcecd9;}
#jp_m1 .ul4 li p img{ width:100% }
#jp_m1 .ul4 dt{ font-size:28px; padding:10px 0}
#jp_m1 .ul4 dd{ font-size:22px; width:50%; float:left; padding:10px 0; position:relative; height:32px }
#jp_m1 .ul4 dd img{ margin-right:10px}

#jp_mod h2{ font-size:36px; color:#333333; text-align:center; padding-top:10px}
#jp_mod h2 font{ font-size:18px; color:#cccccc}


.mod_title ul{ padding-top:30px}
.mod_title li{ float:left; width:50%;  background-color:#0196EA; font-size:32px; text-align:center; padding:15px 0; color:#FFF; position:relative; height:44px;cursor: pointer;}
.mod_title  .on{ background-color:#41bbff;  }
.mod_title li i{ font-size:32px; margin-right:10px}

.mod_title .arrow {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
	border-width: 15px;
    position: absolute;
    bottom: -0px;
    left: 50%;
    margin-left: -15px;
	display:none
}

.mod_title .on .arrow{ display:block}

#jp_mod .mod_desc{ clear:both}
#jp_mod .mod_desc>div{ display:none;  padding:50px 0 20px 0}
#jp_mod .mod_desc>div h3{ font-size:18px; height:40px; line-height:40px; background-color:#555555; border-radius:20px; color:#FFF; float:left; padding:0 20PX; margin-left:20px}
#jp_mod .mod_desc>div div{ clear:both; padding:30px; overflow-x: auto;}
#jp_mod .mod_desc>div img{ width:100%}
#jp_mod .mod_desc>div:first-child{ display:block}


}