* {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
html{color:#666666;background:#f6f6f6;font-family:"微软雅黑";}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* set image max width to 100% */
a, a:visited {
color:#333;
text-decoration:none;
}
    a:hover {
        color: #037dd3;
    }
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.bd{
    width:100%;
    margin:0px auto;
    overflow:hidden;
}

.hd {
width:100%;
height:66px;
padding:8px 10px 5px;
background: url("../images/mhdbg.gif") repeat-x;
}
.hd .logo{
    float:left;
    overflow:hidden;
    font-size:0px;
}
.hd .logo img{
    width:160px;
}
.hd .menu{
    float:right;
     line-height:1.2;
    overflow:hidden;
    margin-top:5px;
}
.hd .menu i:after{
    font-size:30px;
    content:"\e60d";
}
.hd .menu i.active:after{
    content:"\e6cc";
}
/*focus st*/
.focus{
    margin:0px auto;
    overflow:hidden;
}
/*focus ed*/


/*footer st*/
.footer{
     background: #002961 url("../images/ftbg.jpg") repeat-x scroll 0 0;
    clear: both;
    height: 130px;
    width: 100%;
    padding:40px 0px 0px 10px;
}

.footer .smlogo{
    float: left;
    width: 60px;
    margin-top:5px;
}
.footer  ul{
    float: left;
    min-width:220px;
    overflow:hidden;
    padding:0px 0px 0px 10px;
}
.footer  ul li{
    height:22px;
    line-height:22px;
    font-size:12px;
    color:#fff;
}


/*footer ed*/
/*footnav st*/
.footnav {
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
}
.footnav ul{
    overflow:hidden;
}
.footnav ul li{
    width:20%;
    float:left;
    font-size:0px;
}
/*footnav ed*/




/*page st*/
.pages {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
overflow:hidden;
margin:5px auto;
padding:10px;
}
.pages li {
display:inline;
float:left;
padding:0px 5px;
height:25px;
line-height:25px;
color:#666;

margin-right: 0.3em;
border: 1px solid #E0E0E0;
background:#FFF;
}
.pages li span {
color:#cc3300;
background:#FFF;
}
.pages li.page_a {
padding:0;
border:0;
}
.pages li.page_a a {
FLOAT: left;
padding:0px 5px;
color:#0044DD;
border: 1px solid #E0E0E0;
}
.pages li.page_a a:hover {
background-color:#9CC0F8;
border: 1px solid #A0A0A0;
}
.pages li.pages_input {
padding:0;
border: 1px solid #A0A0A0;
}
.pages li.pages_input input {
width:18px;
font-size:14px;
border:1px;
padding:0px 3px;
margin:0px 3px;
text-align:center;
}

.pages .on {
padding:0px 5px;
color: red;
font-weight:bold;
}
.pages select option{padding:0px;}
/*page end*/
/********************************************************************************************/
.tb{
    height:40px;
    line-height:40px;
    background:url("../images/hx.gif") no-repeat scroll center 50%;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:#333;
    margin:20px auto 10px;
}



/*aboutus st*/
.aboutus{
    position: relative;
    overflow:hidden;
    font-size:0px;
}
.about-section{
    overflow:hidden;
    background-color:#fff;
}
.aboutus img{
   width:100%;
}
.aboutus h2{
    color: #fff;
    font-size: 30px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 45%;
    width: 100%;
}
.about-section-intro {
    padding: 50px 30px;
    text-align: center;
}
.section-title {
    text-align: center;
    margin-bottom:50px;
    overflow:hidden;
}
.section-title h3 {
    color: #333;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 40px;
}
.section-title p {
    color: #666;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 10px;
}
.about-section-intro .more {
    background: #12d07c none repeat scroll 0 0;
    color: #fff;
    border-radius: 23px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    text-transform: uppercase;
    transition: background-color 0.3s ease-out 0s;
    vertical-align: top;
    width: 190px;
}
/*aboutus ed*/
/*cases st*/
.cases {
    overflow:hidden;
    width:100%;
    padding:50px 0px;
    background-color:#F4F4F4;
}
.cases .head{
    overflow:hidden;
}
.cases .head .tit{
    font-size:30px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#333;
}
.cases .describe{
    font-size:14px;
    line-height:26px;
    width:800px;
    text-align:center;
    margin:0px auto;
}
.caselist{
    padding:10px;
    overflow:hidden;
    margin:20px auto;
}
.caselist a{
    display:block;
    padding:10px;
    width:50%;
    float:left;
}
.caselist a .caseimg{
    display:block;
}
.caselist a .casetit{
   height:30px;
   line-height:30px;
   text-align:center;
}
/*cases ed*/

/*column st*/
.column {
    overflow:hidden;
    padding:20px 10px;
    text-align:center;
}
.column a{
    display:block;
    float:left;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #E0E0E0;
    padding:0px 8px;
    font-size:12px;
    margin:0px 5px 10px 5px;
}
/*column ed*/

/*imgsnofont st*/
.imgsnofont{
    overflow:hidden;
    font-size:0px;
}
.imgsnofont img{
    width:100%;
}
/*imgsnofont ed*/





/*download st*/
.download{
    overflow:hidden;
}
.download ul{
    overflow:hidden;
    padding:10px;
}
.download ul li{
   border-bottom:1px solid #ddd;
   font-size:14px;
   overflow:hidden;
   padding:20px 0px;
}
.download ul li .tit{
   width:60%;
   float:left;
}
.download ul li .tit .khimg{
  border: 1px solid #eee;
    float: left;
    font-size: 0;
    margin-right:10px;
}

.download ul li .tit a{
  line-height:55px;
}


.download ul li .down{
   width:30%;
   float:right;
   text-align:right;
   line-height:55px;
}

.download ul li .down   a,.download ul li .down   a:visited{
   color:#000;
   margin-right:10px;
}
.download ul li .down   a:hover{
    color:#009ceb;
}
/*download ed*/

/*drive st*/
.drive{
    overflow:hidden;
    margin:0px auto;
}
.drive .lft{ 
    overflow:hidden;
    width:100%;
    font-size:0px;
}
.drive .lft img{ 
    width:100%;
}
.drive .rft{ 
    overflow:hidden;
    width:100%;
    height:469px;
    background-color:#efefef;
    padding:30px;
}
.drive .rft .info{ 
    overflow:hidden;
    line-height:1.5em;
}
.drive .rft .xiazai{ 
    margin-top:30px;
    overflow:hidden;
}
.drive .rft .xiazai .pcdown{ 
    width:100%;
    font-size:12px;
    color:#A0A0A0;
    line-height:25px;
}
.drive .rft .xiazai .pcdown a{ 
    display:block;
    height:50px;
    line-height:50px;
    border-radius:8px;
    text-align:center;
    color:#fff;
    width:240px;
    font-size:22px;
    background-color:#232828;
    margin-top:20px;
}
.drive .rft .xiazai .pcdown a:hover{ 
    background-color:#666;
}

.drive .rft .xiazai .mbdown{ 
    width:100%;
    overflow:hidden;
    margin-top:20px;
}
/*drive ed*/


.allmap{
    height:300px;
    overflow:hidden;
    width:100%;
}



/*coninfo st*/
.coninfo{
    overflow:hidden;
   padding:20px;
   font-size:14px;
}
.coninfo .lft{
     width:100%;
   color:#666;
   line-height:26px;
}
.coninfo .rft{
    text-align: center;
    width: 100%;
    margin-top:30px;
}

.coninfo .lft dl{
   overflow:hidden;
   margin-bottom:40px;
   padding-left:50px;
}
.coninfo .lft dl dt{
   color:#888888;
   font-size:14px;
}
.coninfo .lft dl dd{
   color:#888888;
   font-size:14px;
   height:26px;
   line-height:26px;
}
/*coninfo ed*/


/*pro start*/
.pro {
padding:20px 0px 10px;
overflow:hidden;
width:100%;
background-color:#fff;
}
    .pro ul {
    overflow:hidden;
    margin:10px 0px;
    width:100%;
    }
       .pro ul li{
   float: left;
    height: auto;
    margin-right:20px;
    width:120px;
    background:url("../images/imgbg.jpg") no-repeat scroll center 0;
    }
        .pro ul li a {
        display: block;
        }
        .pro ul li a:hover {
           color:#089d7a;
        }
        .pro ul li img {
        display:block;
        }
 .pro ul li a span {
    color: #5f5f5f;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: center;
}
  .pro ul li a:hover span {
   color:#002962;
}
/*pro end*/
.flex-caption {
  width:100%;
  padding:0px 10px;
  left: 0;
  bottom: 0;
  color: #333;
  font-size: 12px;
  overflow:hidden;
  line-height:20px;
}

/*service st*/
.service{
    overflow:hidden;
    width:100%;
    border-top:2px solid #de0b1a;
}
.service .head{
  height:40px;
  line-height:40px;
   border-bottom:1px solid #de0b1a;
   color:#000;
   text-indent:10px;
}
.service .head span{
 font-size:12px;
}
.service h2{
    font-weight:bold;
    font-size:14px;
    color:#136dc8;
    text-indent:10px;
    height:30px;
    line-height:30px;
}
#business{
    padding:10px 0px 20px;
    background-color:#f5f5f5;
}
/*service ed*/
.newimglst{
    overflow:hidden;
    margin:20px 0px 0px 0px;
     border-top:2px solid #de0b1a;
}
.newimglst .head{
    height:40px;
    line-height:40px;
    border-bottom:1px solid #de0b1a;
    overflow:hidden;
}
.newimglst .head .lft{
   width:200px;
   color:#333333;
   float:left;
}
.newimglst .head .lft span{
    font-size:12px;
}
.newimglst .head .more{
 float: right;
    height: 30px;
    text-align: center;
    width: 80px;
}



.newimglst .bgimg{
    overflow:hidden;
    padding-bottom:20px;
    border-bottom:1px dashed #b8b8b8;
    padding:15px;
}
.newimglst .bgimg .lftimg{
    width:30%;
    float:left;
}
.newimglst .bgimg .lftimg img{
    width:100%;
}
.newimglst .bgimg .rftinfo{
    float: left;
    margin-left:15px;
    width: 65%;
}
.newimglst .bgimg .rftinfo .tit{
   font-size: 15px;
    font-weight: bold;
    line-height:1.5em;
}
.newimglst .bgimg .rftinfo a{
    color:#136dc8;
}
.newimglst .bgimg .rftinfo a:hover{
    color:#fe3f3f;
}
.newimglst .bgimg .rftinfo .summ{
    color:#686868;
    font-size:12px;
    line-height:24px;
}
.newimglst .bgimg .rftinfo .summ a{
    color:#fe3f3f;
    font-size:12px;
}
.newimglst .bgimg .rftinfo .summ a:hover{
    color:#136dc8;
}
.newimglst ul{
    overflow:hidden;
    padding:0px 15px 15px;
}
.newimglst ul li{
    overflow:hidden;
    height:30px;
    line-height:30px;
    background:url("../images/hsd.gif") no-repeat scroll 0 50%;
    text-indent:10px;
      border-bottom:1px dashed #b8b8b8;
      font-size:13px;
}
.newimglst ul li .tit{
   float:left;
   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   width:85%;
}
.newimglst ul li .time{
   float:right;
   width:15%;
   color:#9c9c9c;
   font-size:12px;
   text-align:right;
}
.newimglst ul li a{
  color:#525252;
}
.newimglst ul li a:hover{
  color:#136dc8;
}
.icon{
    text-indent:25px;
    background:url("../images/hjt.gif") no-repeat scroll 10px 55%;
}

/*weixin st*/
.weixin{
    overflow:hidden;
    border-top:2px solid #de0b1a;
}
.weixin .head{
  height:40px;
  line-height:40px;
   border-bottom:1px solid #de0b1a;
   color:#000;
}
.weixin .head span{
 font-size:12px;
}
.weixin .info{
    overflow:hidden;
    padding:15px;
}
.weixin .info .lft{
    float:left;
    width:30%;
}
.weixin .info .lft img{
    width:100%;
}
.weixin .info .lft  span{
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    display:block;
}
.weixin .info .rft{
    float:right;
    width:65%;
    padding:10px;
}
.weixin .info .rft a{
  display:block;
  overflow:hidden;
}
.weixin .info .rft a img{
 width:100%;
 font-size:0px;
}
/*weixin ed*/
.ibanner{
    overflow:hidden;
    font-size:0px;
}
.ibanner img{
  width:100%;
}



/*mb_art st*/
.mb_art{
    width:100%;
    padding:10px 18px;
}
 nav{
   color: #999;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 nav a{
    color:#999;
    font-size:12px;
}
 nav a span{
    font-family:"宋体";
}
.mb_art .arttit{
    color:#333;
    font-size:1.2em;
    line-height:1.5em;
}
.mb_art .artremark{
    overflow:hidden;
    margin-top:10px;
}
.mb_art .artremark span{
   padding-right:10px;
   color:#999;
   font-size:14px;
}
.mb_art article{
   font-size: 14px;
    line-height: 1.6em;
    margin: 20px auto 10px;
    min-height: 300px;
    overflow: hidden;
}
/*mb_art ed*/

.hmnews{
    width:100%;
    overflow:hidden;
    padding:0px 10px 20px;
    margin:8px auto;
}
.hmnews ul{
   overflow:hidden;
   margin-top:10px;
}
.hmnews ul li{
    display:block;
    height:30px;
    line-height:30px;
    font-size:14px;
    background:url("../images/hd.gif") no-repeat scroll 0 center;
    text-indent:10px;
}
.hmnews ul li .tit{
    float:left;
    width:70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hmnews ul li .time{
   float:right;
   width:30%;
   text-align:right;
}
    .hmnews .newmore {
        display:block;
        overflow:hidden;
        margin-top:10px;
        padding-left:10px;
    }
     .hmnews .newmore span{
       font-family:"宋体";
       font-weight:bold;
    }
      .hmnews .newmore a{
        display:block;
        border:1px solid #585858;
        width:120px;
        height:26px;
        line-height:26px;
        text-align:center;
        font-size:14px;
    }
       .hmnews .newmore a:hover{
        color:#fff;
        background-color:#037dd3;
         border:1px solid #037dd3;
    }


       
.product {
overflow:hidden;
background-color:#fff;
padding:10px;
}
    .product ul {
    overflow:hidden;
    }
        .product ul li {
        border-bottom:1px solid #DDDDDD;
        overflow:hidden;
        padding-bottom:20px;
        margin-top:20px;
        }
         .product ul li .nimg{
           float:left;
           width:30%;
        }
       .product ul li .nimg img{
         width:100%;
        }
            .product ul li .ninfo {
            float:right;
            width:65%;
            }
            .product ul li .ntit {
            overflow:hidden;
            color:#565656;
            font-size:18px;
            }
            .product ul li .ndetail {
            font-size:0.75em;
            margin-top:20px;
            color:#b9b9b9;
            }
            .product ul li .ndetail span{
                color:#ff8400;
            }
            .product ul li .price {
            font-size:14px;
            color:#808080;
            margin-top:10px;
            height:60px;
            overflow:hidden;
            } 
            .product ul li .price span{
            color:#ff8400;
            font-size:1.5em;
            }
            .product ul li .oldprice {
             font-size:0.75em;
            }
             .product ul li .oldprice span{
                text-decoration:line-through;
            }


/*video st*/
.videos {
  margin:0px auto;
  overflow:hidden;
  padding:15px;
}
    .videos ul {
    overflow:hidden;
    margin-top:10px;
    }
        .videos ul li {
        margin-bottom:20px;
        border-bottom:5px solid #f5f5f5;
        overflow:hidden;
        border-bottom:1px dashed #d2d2d2;
        }
            .videos ul li .v {
            margin:0px auto;
            width:360px;
            }
             .videos ul li .vinfo {
            width:100%;
            padding:15px;
            }
                .videos ul li .vinfo .vhd {
                font-size:14px;
               word-wrap: break-word;  
                word-break: normal; 
                padding-bottom:5px;
                line-height:1.6em;
                text-align:center;
                }
                .videos ul li .vinfo .sum {
                line-height:1.6em;
                font-size:0.875em;
                color:#555555;
                line-height:2em;
                padding-top:10px;
                }
                 .videos ul li .vinfo .tip {
              font-size:12px;
              color:#a5a5a5;
              margin-top:30px;
                }

/*video ed*/


.branch {
    width:100%;
    overflow:hidden;
}
.branch .map{
    font-size:0px;
    margin:20px auto;
}
.branch .map img{
   width:100%;
}
.branch dl{
   overflow:hidden;
   background-color:#fff;
    padding:15px;
    margin-bottom:10px;
}
.branch dl dt{
   font-size:16px;
   font-weight:bold;
   line-height:1.6em;
}
.branch dl dd{
   font-size:14px;
   padding:2px 0px;
   line-height:1.6em;
}

/*fontinpt start*/
.fontinpt {
    overflow:hidden;
}
    .fontinpt h2 {
        padding:20px;
        text-align:center;
        font-size:18px;
    }
.fontinpt ul{
    overflow:hidden;
    background-color:#F7F7F7;
    padding:5px;
}
.fontinpt ul li{
    overflow:hidden;
    margin-bottom:5px;
}
    .fontinpt .lftft {
    float:left;
    width:20%;
    padding:5px;
    font-size:0.875em;
    text-align:right;
    }
    .fontinpt .rftipt {
    float:left;
    width:80%;
    padding:5px;
     font-size:0.875em;
    }
    .fontinpt .rftipt select{
        width:100%;
    }
        .fontinpt .rftipt input {
        width:100%;
        padding:3px;
        }
/*fontinpt end*/
.joinus{
    overflow:hidden;
    padding: 10px 18px;
}