body { margin:0 auto; font-size:20px; font-family: "微软雅黑",Verdana; line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#444; text-decoration:none;}
.header, .banner, .main, .footer { max-width: 100%; margin: auto; clear: both; display: block; background:url(../Images/topbg.JPG); }
    .header .nav { width: 100%; background-color:#0172C5; height: 65px; clear: both; }
        .header .nav ul { list-style: none; text-align: center; }
            .header .nav ul li { float: left; line-height: 65px; width: 20%; text-align:center; }
			.header .nav ul li a { display:block;}
			 .header .nav ul li a:hover { background:#FB620F; color:#FFF;}
    .header .logo { font-size: 18px; line-height: 50px; padding-left: 20px; font-weight: bold; background:#FFF; }
    .header .nav ul li a { font-size: 18px; color: white; text-decoration: none; font-weight: bold; }
    .header .banner { clear: both; }
        .header .banner ul { list-style: none; }
            .header .banner ul li { width: 100%; }
                .header .banner ul li img { width: 100%; }
    .main .about, .main .news, .main .contact { background-color: #fff; }
        .main .about .title, .main .product .title, .main .news .title, .main .contact .title { font-size: 12px; height: 25px; line-height: 25px; color: white; font-weight: bold; padding: 0px 35px; background: url('/Mobile/Images/tb1.png') no-repeat center left 10px #0040a1; }
        .main .about .intro, .main .contact .intro { font-size: 12px; padding: 0px 5px; line-height: 20px; }
            .main .about .intro p { text-indent: 2em; }

.pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 165px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width: 250px;  border: 1px solid #eee; margin-left: 0px; }
    .pbox a img { /*设置图片垂直居中*/ vertical-align: middle;  }
    .pbox a { vertical-align: middle; }
.pbox_title { text-align: center; width:250px; line-height: 30px; height: 30px; margin-left: 0px; }
    .pbox_title a { font-size: 18px; color: black; text-decoration: none; }
        .pbox_title a:hover { font-size: 18px; color: orangered; }

.main .news ul { list-style: none; }
    .main .news ul li { border-bottom: 1px dashed #d1d1d1; font-size: 18px; line-height: 25px; padding: 0px 15px; }
        .main .news ul li a { font-size: 12px; text-decoration: none; color: black; }

.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 165px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width:100%; border: 1px solid #eee; margin-left: 0px; }
    .box a img { /*设置图片垂直居中*/ vertical-align: middle; height:400px; }
    .box a { vertical-align: middle; }
.box_title { text-align: center; width: 100%; line-height: 50px; height: 50px; margin-left: 0px; background:#1099FE; }
    .box_title a { font-size: 18px; color: black; text-decoration: none; color:#FFF;}
        .box_title a:hover { font-size: 18px; color: orangered; }


.probox { background-color: #fff; padding: 10px 10px; }
    .probox ul { list-style: none; }
        .probox ul li { float: left; margin: 0px 5px; width:50%;}
.cm { background-color: #fff; padding: 10px 0px; }
    .cm ul { list-style: none;  }
        .cm ul li { float: left; margin: 0px 10px; width:47%;}
.pagination { padding: 0px 0px 0px 15px; width: 95%; display: inline-block; vertical-align: top; font-size: 12px; clear: both; }
    .pagination a { font-size: 18px; color: #000; text-decoration: none; }


@media only screen and (max-width: 414px) {
    .pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 100px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ border: 1px solid #eee; margin-left: 0px; }
        .pbox a img { /*设置图片垂直居中*/ vertical-align: middle;  }
        .pbox a { vertical-align: middle; }
    .pbox_title { text-align: center; width: 140px; line-height: 15px; height: 15px; margin-left: 0px; }
        .pbox_title a { font-size: 10px; color: black; text-decoration: none; }
            .pbox_title a:hover { font-size: 12px; color: orangered; }


    .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 155px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width:100%; border: 1px solid #eee; margin-left: 0px; }
        .box a img { /*设置图片垂直居中*/ vertical-align: middle; width:100%; }
        .box a { vertical-align: middle; }
    .box_title { text-align: center; width: 100%; line-height: 15px; height: 15px; margin-left: 0px; }
        .box_title a { font-size: 10px; color: black; text-decoration: none; }
            .box_title a:hover { font-size: 12px; color: orangered; }
    .cm ul li { width:49%; margin:0px; padding:0% 0.5%; }
}

@media only screen and (max-width: 375px) {
    .pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 85px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width: 250px;  border: 1px solid #eee; margin-left: 0px; }
        .pbox a img { /*设置图片垂直居中*/ vertical-align: middle; }
        .pbox a { vertical-align: middle; }
    .pbox_title { text-align: center; width: 250px; line-height: 15px; height: 15px; margin-left: 0px; }
        .pbox_title a { font-size: 10px; color: black; text-decoration: none; }
            .pbox_title a:hover { font-size: 12px; color: orangered; }
}

@media only screen and (max-width: 320px) {
    .pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 75px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ border: 1px solid #eee; margin-left: 0px; }
        .pbox a img { /*设置图片垂直居中*/ vertical-align: middle; }
        .pbox a { vertical-align: middle; }
    .pbox_title { text-align: center;  line-height: 15px; height: 15px; margin-left: 0px; }
        .pbox_title a { font-size: 10px; color: black; text-decoration: none; }
            .pbox_title a:hover { font-size: 12px; color: orangered; }

}

.gen_details_title { font-size: 18px; font-weight: bold; }
.gen_details_center { text-align: center; font-size: 12px; }
.gen_details_content { font-size: 12px; }
    .gen_details_content img { width: 100%; }
    .gen_details_content table { width: 100%; }
.footer { width:100%; background-color: #0040a1; line-height:30px; height:100px; text-align: center; font-size: 18px; color: white; font-weight: bold; padding: 5px 0px; clear: both; margin-bottom: 50px; }

.menu { width: 100%; position: fixed; z-index: 9999; height: 200px; bottom: 0px; }
    .menu ul { list-style: none; max-width: 100%; display: block; background-image: linear-gradient(to bottom, #474747, #2f2f2f); margin: auto; height: 200px; }
        .menu ul li { float: left; width: 33%; text-align: center; height: 200px; }
            .menu ul li a { font-size: 40px; color: #eee; text-decoration: none; }

    .menu li i { background: url(http://static.files.mozhan.com/Public/Images/phone-menu0.png) no-repeat; background-size: 25px; margin: 6px auto 2px; display: block; width: 25px; height: 35px; float: none; }
        .menu li i.icon0 { background-position: 0 0; }
        .menu li i.icon1 { background-position: 0 -25px; }
        .menu li i.icon2 { background-position: 0 -50px; }
        .menu li i.icon3 { background-position: 0 -75px; }
        .menu li i.icon4 { background-position: 0 -101px; }

    .menu li:hover, .menu li.active { background-color: #333; }

.ShareBoxx .ShareBox { padding: 20px; position: fixed; bottom: 54px; left: 0; z-index: 9998; width: 100%; background: url(http://static.files.mozhan.com/Public/Images/bg/white.png) repeat; -webkit-transform: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); transform: translateY(300px); }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

#dao { width:95%;;  margin-top:20px; height:160px; margin-bottom:10px; background:#FFF;}
#dao ul li { float:left; width:18%; margin:0px 30px; text-align:center;}
#dao ul li a span { display:block; line-height:50px; font-size:30px; font-weight:bold;}

#cpzs { width:95%; height:70px; text-align:left;}
#cpmian { width:95%; height:260px; margin-top:15px; background:#F2F2F2; margin-bottom:15px;}
#cpleft { float:left; width:30%; text-align:center;  height:240px; padding:10px;}
#cpright { margin-left:30%; height:260px;}
#wen { width:80%; line-height:60px; height:60px; font-size:26px; color:#009;}
#jieshao { width:80%; font-size:24px; line-height:40px;}
#cpe{ width:95%; }
#fenlei { width:95%;}
#fenlei ul li { float:left; width:170px; height:60px; line-height:60px; padding:8px;}
#fenlei ul li a { display:block; text-align:center; background:#EBEBEB; font-size:24px;}
#fenlei ul li a:hover { background:#039; color:#FFF;}
#gsjj { width:90%; font-size:20px; line-height:40px; padding:15px;}



.title { width:100%; height:60px; line-height:60px; margin-top:20px; background:#666; font-size:20px; color:#FFF;}
.cbox { width:250px; height:190px;}
.cbox_title a { color:#000; font-size:14px;}
.main about title  { height:60px; line-height:60px;}
#aboutt { width:100%; height:60px; line-height:60px; background:#1656B6; font-size:18px; color:#FFF;}
#jianjie { font-size:14px; background:#FFF; line-height:32px;}
#clx { width:60%;}
#nnews { width:60%;}
#nnews ul li { height:36px; line-height:36px; }
#nnews ul li a { font-size:14px;}
#jianjie { width:95%; background:#05A2E4; padding-bottom:50px;}
#gsjtop { width:300px;}
#jianwen { width:80%; font-size:16px; line-height:40px; color:#FFF;}