html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;background:transparent;border:0;outline:0}
.clearfix,.clear{clear:both}
.c:after{content:"";display:block;clear:both}
body{max-width:100%;font-size:16px;color:#000;font-family:arial;margin:0 auto;overflow-x:hidden}
li{list-style:none}
h1{margin-top:13px;font-size:17px;line-height:30px}
body,table,input,textarea,select,option{line-height:2}
.clear{clear:both}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
a{color:#333;text-decoration:none}
a:hover{color:#FCB501}
.clearfix{clear:both}
.box1200{margin:0 auto;max-width:1200px}
.c:after,.box1200:after{display:block;content:'';clear:both}
.fl{float:left}
.fr{float:right}
#top{line-height:35px;color:#fff;font-size:14px;background:#323232}
#top dl{color:#fff;margin:2px 9px 0 0;text-indent:8px;position:relative}
#top dt:after{display:block;content:'▼';position:absolute;right:5px;top:0px;cursor:pointer;width:12px;text-align:center;text-indent:0}
#top dt{width:58px;height:28px;line-height:28px;border:1px solid #fff;position:relative}
#top dl:hover dd{display:block}
#top dd{background:#333;display:none;position:absolute;top:30px;width:100%}
#top a{color:#fff;display:block;border-bottom:1px dotted;line-height:30px}
/*head*/
#head{width:100%;z-index:3;height:120px}
#head>div>a{display:block}
#head img{display:block;margin-top:33px;float:left}
.key{float:left;margin:24px 0 0 14px;border-left:1px solid #333;height:75px;padding-left:18px;line-height:25px}
.key li{font-size:18px;color:#333}
#head dl{line-height:35px;margin-top:29px;background:url(../images/common/tel.jpg) no-repeat left center;padding-left:83px}
#head dt{font-size:30px;color:#000;font-weight:bold}
#head dd{color:#232323;font-size:32px;font-weight:600}
/*nav*/
#nav{text-align:center;background:#3FD4FF;box-shadow:0px 1px 4px #22768E;margin-bottom:2px}
#nav li{float:left;position:relative;width:14.2%;line-height:60px}
#nav li a{color:#fff;font-size:20px;display:block}
#nav li:hover,#nav li:first-child{background:#fff;box-shadow:0 -2px 2px #fff}
#nav li a:hover,#nav li:first-child a{color:#3FD4FF}
#nav>ul>li:hover>a{color:#3FD4FF}
#nav li dl{position:absolute;z-index:3;padding-top:50px;top:0;height:0;overflow:hidden;transition:0.5s all}
#nav li dl dd{background:#0376C7;height:50px}
#nav li dl:hover{height:300%}
.drop{position:relative}
.drop-con{position:absolute;width:100%;background:#3FD4FF;display:none;z-index:3;height:0;transition:.5s all}
.drop:hover .drop-con{display:block;height:auto}
.drop-con a{display:none;text-align:center;width:100%;line-height:35px;float:left;font-size:14px !important}
.drop-con a:hover{background:#333}
/*banner*/
.flexslider{position:relative;overflow:hidden;background:url(../images/banner/loading.gif) 50% no-repeat}
.slides{position:relative;z-index:1}
.slides li{height:600px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/banner/dot.png) right 0 no-repeat;cursor:pointer}
.flex-control-nav .flex-active{background-position:0 0}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/banner/prev.png) center center no-repeat}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/banner/next.png) center center no-repeat}
/*foot*/

#footer{color:#fff;text-align:center;padding:23px 0 18px 0;background:#444444}
#footer a{color:#fff}
#footer ul{}
#footer li{display:inline-block;line-height:22px;border-right:2px solid #fff}
#footer li:last-child{border-right:0}
#footer a{font-size:20px;padding:0 20px}
.copyright{margin-top:19px;font-size:14px}
.copyright p{line-height:30px}
#phone-nav,.social_nav5{display:none}
.social_nav5{height:58px;position:fixed;bottom:0;width:100%;z-index:999;background:#3FD4FF}
.social_nav5 li{width:33%;float:left;position:relative;border-right:1px solid #eee;font-size:12px;text-align:center;color:#fff;line-height:12px;height:58px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}
.social_nav5 li:last-child{border-right:none}
.social_nav5 li:first-child{border-left:none}
.social_nav5 li em{width:23px;display:block;margin:0 auto;padding:10px 0 6px 0}
.social_nav5 li em img{width:23px}
.social_nav5 li a{color:#fff}
.social_nav5 li.cur{color:#fff;background:#ffae02}
@media screen and (min-width:100px) and (max-width:640px) {
	.key,#head dl,#footer ul{display:none}
	.right-title b,#bottom{display:none}
	#left, .box1200, .aboutL, .aboutR, #alzs, .slideBox, #prolist, #product, #contact, #gsdt, #hyzx, #nav li, .slideBox .bd img, #page, #right, .pro-related li,#indexL, #indexR{margin:0 auto !important;max-width:unset !important;width:100% !important}
	.download-con > ul > li{width:46% !important;box-sizing:border-box;margin:0 2% !important}
	.about-con table{width:98%}
	.indexL_pro dd{float:left;width:50%;border-right:1px solid #fff;box-sizing:border-box}
	.lxwm-ul,.indexL_pro dd:hover>ul,.indexL_pro dt,.phone{display:none !important}
	#footer a{padding:0}
	#top{display:none}
	#phone-nav{display:block;width:10%;position:absolute;height:35px;margin:5px;top:5px;right:20px}
	#phone-nav li{width:100%;height:6px;background:#000;margin:5px 0;border:0}
	#head img{margin:5px 0;height:50px}
	#head{height:auto}
	#nav{line-height:30px;display:none;background:#fff}
	#nav li{width:100%;text-align:center;background:#3FD4FF;border-bottom:1px solid #fff;line-height:35px}
	#nav li a{font-size:14px}
	.left-prolist dt{display:none}
	.copyright p:nth-child(1),.copyright p:nth-child(2){display:none}
	.copyright{margin:0}
	#phone-nav{display:block;width:10%;float:right;height:35px;margin:5px}
	#phone-nav li{width:100%;height:6px;background:#000;margin:5px 0;border:0}
	.social_nav5{display:block}
	#phone{height:58px}
	#indexL .product-left{display:none;}
}