﻿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: 98%;}
.c:after,.box1200:after{display: block;content:'';clear: both;}
/*body{background: url(../images/uploads/001.jpg) no-repeat center 0;}*/
/*top*/
#top{background:  #E5E5E5;line-height:  35px;}
.topL{font-size: 14px;}
.topR{}
#head{}
.headL{float:  left;line-height:  130px;}
.headL img{vertical-align:  middle;}
.headR{float:  right;background:  url(../images/common/tel.jpg) no-repeat 0 center;padding-left: 61px;color: #0681C7;line-height:  30px;margin-top: 34px;}
.headR p{font-size: 22px;color:  #FFAF01;font-weight:  bold;}
#nav{line-height:  50px;text-align:  center;background: url(../images/common/nav.jpg);}
#nav li{*display:inline;float:  left;width: 12.5%;}
#nav li>a{display:  block;width: 100%;color:  #fff;}
#nav li:hover{background:#333}
.drop{position:  relative;}
.drop-con{position:  absolute;width:  100%;background: #0F91DC;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;}

/*banner*/
.flexslider{position:relative;height: 500px;/*banner高度*/overflow:hidden;background: url(../images/banner/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height: 500px;/*banner图片高度*/}
.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: #E4E4E6 url(../images/index/prolist-tit.jpg) no-repeat;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;}

#contact{margin: 50px 0 0 0;background: #F7F5F6;padding-bottom: 12px;}
.contact-title{line-height: 45px;height: 45px;background: #E4E4E6 url(../images/index/contact-tit.jpg) no-repeat;margin-bottom: 31px;}
#contact img{display:  block;max-width: 100%;height:  auto;}
#contact dl{padding: 0 28px;}
#contact dt{font-size: 15px;line-height: 34px;color:  #0884CC;}
#contact dd{line-height:  30px;font-size:  14px;}


/*foot*/
#foot{overflow:  hidden;background: #0581C7;padding-bottom: 20px;}
.foot-nav{text-align:  center;max-width: 955px;margin: 19px auto;border-bottom: 1px solid #6AB3DE;line-height: 55px;}
.foot-nav li{display: block;width: 10%;float:  left;}
.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;
}
.erweima{
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -100px;
    z-index: 999;
    box-shadow: 0px 0px 6px 3px #eee;
    border-radius: 10px 0 0 10px;
}
.erweima dt{
    position: absolute;
    width: 25px;
    line-height: 1.2;
    top: 26px;
    left: -35px;
    background: #999;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    border-radius: 10px 0 0 10px;
    box-shadow: -3px 0px 3px 0px #eee;
    cursor: pointer;
}
.erweima span{
    position: absolute;
    right: 0;
    top: -15px;
    width: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 6px 3px #eee;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #999;
    cursor: pointer;
}
.erweima p{
    text-align: center;
    background: #fff;
}
.erweima img{
    height: 120px;
    display: block;
    /* border-radius: 10px 0 0 10px; */
    border: 10px solid #fff;
    border-top: 0;
}
@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, #hyzx, #nav li, .slideBox .bd img, #page, #right, .download-con ul, #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: 10%;float:  right;height: 35px;/* background: #000; */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%;}
	.erweima span,.ewm-img{display:none;}
}