﻿a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;background:0 0;border:0;outline:0}
.clear,.clearfix{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,input,option,select,table,textarea{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%}
.box1200:after,.c:after{display:block;content:'';clear:both}
#top{background:#3d3d3d;line-height:35px;color:#fff}
.topL{font-size:14px}
.headL{float:left;line-height:94px}
.headL img{vertical-align:middle}
.headR{float:right;background:url(../images/images/tel.png) no-repeat 0 center;padding-left:50px;color:#333;line-height:30px;margin-top:14px}
.headR p{font-size:22px;color:#000;font-weight:700}
#nav{line-height:50px;text-align:center;background:url(../images/images/nav-bg.jpg) repeat-x}
#nav li{float:left;width: 16.6%;}
#nav li.active{background:url(../images/images/nav-bg2.jpg) repeat-x}
#nav li.active a{color:#fff}
#nav li>a{display:block;width:100%;color:#fff}
#nav li:hover{background:url(../images/images/nav-bg2.jpg) repeat-x}
#nav li:hover a{color:#fff}
.drop{position:relative}
.drop-con{position:absolute;width:200%;background:#e92b23;display:none;z-index:3}
.drop:hover .drop-con{display:block}
.drop-con a{display:block;text-align:center;width:50%;color:#fff;float:left}
.drop-con a:hover{background:#e97a5f}

.banner{overflow:hidden; position:relative;}
.banner .hd{position:absolute;bottom: 5px;width: 100%;text-align: center;}
.banner .hd ul{overflow:hidden;}
.banner .hd ul li{display: inline-block;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;text-indent: 99px;border-radius: 50%;margin: 0 5px;overflow: hidden;}
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{display:block;}
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }






.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;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{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{background:url(../images/images/product-left-top.png) no-repeat center;height:90px;margin-bottom:20px}
.product-ul li{line-height:61px;background:#eee url(../images/images/product-ul-li.png) no-repeat 20px center;position: relative;}
.product-ul li a{display:block;font-size:15px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:normal}

.product-ul li:hover{
    background: #ccc url(../images/images/product-ul-li.png) no-repeat 20px center;
}
.product-ul li:hover a{
    color: #000;
}
.product-ul li:hover .prolist2{display:block;}
.prolist2{
    position: absolute;
    left: 278px;
    top: 0;
    z-index: 2;
    width: 400px;
    background: #ddd;
    line-height: 50px;
    display: none;
}
.prolist2>li{
    position: relative;
    padding-left: 20px;
    width: 200px;
    float: left;
    box-sizing: border-box;
    background: #ddd url(../images/images/product-ul-li.png) no-repeat 20px center;
}
.prolist2>li>a{}


.lxwm-ul li{height:28px;line-height:28px;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{overflow:hidden;background:#343338;padding-bottom:20px}
#foot .foot-center{padding-top:48px;padding-bottom:22px;height:190px;position:relative}
#foot .foot-center .foot-1{width:33.3%;height:100%;float:left;border-left:1px solid #fff}
#foot .foot-center .foot-2{width:27%;height:100%;float:left;border-left:1px solid #fff}
#foot .foot-center .foot-3{width:15%;height:100%;float:left;border-left:1px solid #fff}
#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;text-align:left;color:#a9a9a9}
#foot .foot-center .foot-2 ul{width:152px}
#foot .foot-center .foot-2 ul li{padding-left:20px;height:30px}
#foot .foot-center .foot-2 ul li a{font-size:14px;color:#a9a9a9}
#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:#a9a9a9}
#foot .foot-center .ewm{width:124px;height:125px;display:inline-block;background:url(../images/images/ewm.png) no-repeat;position:absolute;top:59px;right:64px}
#foot .bottom{line-height:50px;border-top:1px solid #fff;color:#a9a9a9}
#foot .foot-top{padding-top:30px;height:54px;line-height:54px;border-bottom:1px solid #272727;text-align:center}
#foot .foot-top li{width:120px;height:54px;line-height:54px;display:inline-block}
#foot .foot-top li a{width:100%;height:54px;line-height:54px;display:inline-block;color:#a9a9a9;font-size:16px;text-align:center}
.foot-nav{text-align:center;max-width:1200px;margin:19px auto;border-bottom:1px solid #fff;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;max-width:278px}
#indexR{width:72%;float:right}
@media only screen and (min-width:100px) and (max-width:640px){.right-title b{display:none}
#about,#alzs,#contact,#gsdt,#hyzx,#indexR,#nav li,#page,#product,#product dd,#prolist,#right,.aboutL,.aboutR,.box1200,.download-con ul,.download-con>ul>li,.slideBox,.slideBox .bd img{width:98%!important;padding:1%;margin:0 auto!important}
#foot,#top,#yqlj,.foot-nav,.headR{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: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}
.about-con table{width:98%}
.product-ul li{width:46%;float:left;margin:0 2%}
.lxwm-ul,.top{display:none}
#indexL{width:100%;max-width:none}
}
#ewm{
    position: fixed;
    top: 50%;
    right: 0;
    background: #fff;
    box-shadow: 0 0 0 2px #ccc;
    z-index: 9999;
    margin-top: -95px;
}
#ewm dt{
    text-align: center;
}
#ewm dd{}
#ewm img{
    width: 150px;
}