@charset "utf-8";
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{font-size:16px;color:#000;font-family:"Microsoft YaHei"}
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:#2b2b2b;text-decoration:none}
a:hover{color:#FCB501}
.clearfix{clear:both}
.box1200{max-width:1200px;margin:0 auto;width:100%}
.c:after,.box1200:after{display:block;content:'';clear:both}
#top{background:#E5E5E5;line-height:35px}
.topL{font-size:14px}
.topR{}
#head{padding:5px 0}
.headL{float:left;line-height:94px}
.headL img{vertical-align:middle}
.headR{float:right;background:url(../images/dianhua.gif) no-repeat 0 center;padding-left:70px;color:#333;line-height:30px;background-size:64px}
.headR p{font-size:22px;font-weight:bold;background:linear-gradient(to right,red,purple,blue,green,red,purple,blue,green);background-size:200%;background-clip:text;-webkit-background-clip:text;background-position:left;color:transparent;animation:animate 2s infinite linear}
@keyframes animate{to{background-position:right}
}#nav{line-height:50px;text-align:center;background:#f9f9f9}
#nav li{*display:inline;float:left;width:12%}
#nav li.active{background:#239a36}
#nav li.active a{color:#fff}
#nav li > a{display:block;width:100%}
#nav li:hover{background:#239a36}
#nav li:hover a{color:#fff}
.drop{position:relative}
.drop-con{position:absolute;width:100%;background:#239a36;display:none;z-index:3}
.drop:hover .drop-con{display:block}
.drop-con a{display:block;text-align:center;width:100%;color:#fff}
.drop-con a:hover{background:#FCB501}
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/banner/loading.gif) 50% no-repeat}
.slides{position:relative;z-index:1}
.slides li{height:500px}
.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}

/*prolist*/
#prolist{margin:50px 0 0 0;background:#F8F6F7}
.prolist-title{line-height:45px;height:45px;background:#008081;margin-bottom:9px}
#prolist dd{line-height:57px;border-bottom:1px dashed #CDCBCC;background:url(../images/common/you.jpg) no-repeat 42px center;padding-left:109px}
#indexL .top{height:56px;line-height:56px;background:#18a12f;font-size:18px;padding-left:20px;text-align:left;color:#fff}
.product-ul{margin-top:50px}
.product-ul li{margin-bottom:20px;background:#eeeeee}
.product-ul li a{line-height:80px;font-size:20px;color:#fff;position:relative;text-align:center;display:block}
.product-ul li:first-child a{background:#1D1746}
.product-ul li:nth-child(2) a{background:#D7C390}
.product-ul li:nth-child(3) a{background:#EEBC08}
.product-ul li:nth-child(4) a{background:#E8CCA5}
.product-ul li:first-child a:hover{background:#060127}
.product-ul li:nth-child(2) a:hover{background:#e4b846}
.product-ul li:nth-child(3) a:hover{background:#bb9200}
.product-ul li:nth-child(4) a:hover{background:#ec9d2f}
.lxwm-ul{border:1px solid #999;padding:10px 15px}
.lxwm-ul .companyname{text-align:center;font-weight:bold;font-size:18px;line-height:3}
.lxwm-ul li{font-size:14px;color:#333}
#contact img{display:block;max-width:100%;height:auto}
#contact dl{padding:0 28px}
#contact dt{font-size:15px;line-height:34px;color:#008081}
#contact dd{line-height:30px;font-size:14px}

/*foot*/
#foot{overflow:hidden;background:#18a12f;padding-bottom:20px;height:300px}
#foot .foot-center{padding-top:48px;padding-bottom:22px;height:190px;position:relative}
#foot .foot-center .foot-1{width:48%;height:100%;float:left;}
#foot .foot-center .foot-1 .top{
    width: 100%;
}
#foot .foot-center .foot-1 div:nth-child(2),#foot .foot-center .foot-1 div:nth-child(3){
    width: 50%;
    float: left;
}
#foot .foot-center .foot-2{width:20%;height:100%;float:left;border-left:1px solid #2cce45}
#foot .foot-center .foot-3{width:15%;height:100%;float:left;border-left:1px solid #2cce45}
#foot .foot-center .top{height:24px;line-height:24px;font-size:16px;color:#fff;padding-left:20px;text-align:left}
#foot .foot-center .foot-1 p{padding-left:20px;height:24px;line-height:24px;font-size:14px;color:#fff;text-align:left;box-sizing:border-box}
#foot .foot-center .foot-2 ul{width:152px}
#foot .foot-center .foot-2 ul li{padding-left:20px;width:56px;height:30px;float:left}
#foot .foot-center .foot-2 ul li a{font-size:14px;color:#fff}
#foot .foot-center .foot-3 ul{width:152px}
#foot .foot-center .foot-3 ul li{padding-left:20px;height:30px}
#foot .foot-center .foot-3 ul li a{font-size:14px;color:#fff}
#foot .foot-center .ewm{width:140px;height:140px;display:inline-block;position:absolute;top:59px;right:0;background-size:contain}
#foot .foot-center .ewm img{
    display: block;
    max-width: 100%;
}
#foot .bottom{line-height:50px;border-top:1px solid #2cce45}
.foot-nav{text-align:center;max-width:955px;margin:19px auto;border-bottom:1px solid #6AB3DE;line-height:55px}
.foot-nav li{display:inline-block;width:10%}
.foot-nav li a{color:#fff}
#foot p{text-align:center;line-height:30px;color:#fff;font-size:13px}
#foot p a{color:#fff}
.social_nav5{height:58px;position:fixed;bottom:0;width:100%;z-index:999;background:#00429a}
.social_nav5 li{width:33%;float:left;position:relative;border-right:1px solid #00306f;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}
#phone-nav,.social_nav5{display:none}
#nav{display:block}
#indexL{width:26%;float:left}
#indexR{width:72%;float:right}

@media only screen and (min-width: 100px) and (max-width: 640px) {
    .right-title b{display:none}
	.box1200,#about,.aboutL,.aboutR,#alzs,.slideBox,#prolist,#product,#contact,#gsdt,#lxwm,#hyzx,#nav li,.slideBox .bd img,#product dd,#page,#right,.pro-related li,.download-con ul,.download-con > ul > li,#indexL,#indexR{width:98% !important;padding:1%;margin:0 auto !important}
	#top,.headR,.foot-nav,#yqlj,#foot{display:none}
	.headL{line-height:normal;padding:5px 0;width:80%}
	.headL img{max-width:100%;height:auto}
	#gsdt,#hyzx{margin:0 !important}
	#nav{line-height:30px;display:none}
	#nav li{text-align:center;background:#1090D9;border-bottom:1px solid #fff}
	#product img{height:auto !important}
	#phone-nav{display:block;width:8%;float:right;height:35px;margin:5px}
	#phone-nav li{width:100%;height:3px;background:#666;margin:7px 0;border:0}
	.social_nav5{display:block}
	#phone{height:58px}
	.about-con table{width:98%}
}