﻿html,body{margin:0 auto; padding:0px; font-size:12px; line-height:24px;  color:#666; text-decoration:none; font-weight:normal; font-family:"Microsoft Yahei","微软雅黑","宋体";}
a{ text-decoration:none;}
a:hover{color:#1c3e8d;}
img{border:0;}

ul,dl,ol,li,dt,dd{list-style:none; margin:0; padding:0;}
li,dt,dd,p,h1,h2,h3,h4,h5,h6,p,font,em,i{margin:0; padding:0; }


table{border-collapse:collapse;}


/*-------------------------------------------------------------*/

.btn3{display:none;}
.inner{display:block; max-width:1200px; margin:0 auto;}
.clear{clear:both; height:0px; font-size:1px; line-height:24px;}
.fl{float:left;}
.fr{float:right; }

.z2{font-size:14px; color:#1c3e8d;}
.z3{font-size:22px; color:#1c3e8d;}

.ding{display:block; width:100%; height:135px;}
.ding .fl{width:37%; padding-top:47px; }
.ding .fl img{display:block; width:100%;}
.ding .mid{float:left; width:24%; margin-top:47px;padding-left:20px; background:url(../picture/t.jpg) no-repeat left top; margin-left:20px;}
.ding .mid h2{display:block; height:30px; line-height:30px; color:#282828; font-size:22px; letter-spacing:4px;}
.ding .mid h4{display:block; line-height:24px; height:24px; color:#e30e0a; font-size:22px; font-weight:bold; }

.ding .fr{width:20%; position:relative; z-index:2; left:0; top:0; }
.ding .fr .tel{display:block; position:absolute; right:0px; top:60px; z-index:8; }
.ding .fr .tel .tt{display:block; height:20px; line-height:15px; font-size:17px; color:#666; padding-left:20px; background:url(../picture/tel.png) no-repeat left center; }
.ding .fr .tel .code{display:block; height:25px; line-height:25px; font-size:25px; color:#e30e0a; font-family:Arial, Helvetica, sans-serif; font-weight:600;}


.menut{display:block; width:100%; height:60px; background:#1c3e8d;}
.menut ul li{float:left; width:12.45%; height:60px; position:relative; z-index:9; left:0; top:0;}
.menut ul li a{display:block; width:100%; height:60px; line-height:60px;  font-size:15px; color:#fff; text-align:center; font-weight:bold; }
.menut ul li a:hover{background:#fff; color:#7c7c7c; }
.menut ul li a.current{background:#fff; color:#7c7c7c; }
.menut ul li dl{display:none; width:100%; position:absolute; z-index:11; left:0; top:60px; }
.menut ul li dl dd{display:block; height:40px; border-top:1px solid #e5e5e5; }
.menut ul li dl dd a{background:#fff; color:#7c7c7c; font-size:14px;height:40px; line-height:40px; }
.menut ul li dl dd a:hover{background:#1c3e8d; color:#fff;}
.menut ul li:hover dl{display:block;}
.menut ul li dl dd a img{ padding-top:20px;}


.search_out{display:block; width:100%; height:80px; background:#fff; box-shadow:2px 2px 2px 2px #f0f0f0;}
.search_out .fl{width:70%; font-size:14px; line-height:80px;height:80px; overflow:hidden;}
.search_out .fl strong{font-size:14px; line-height:80px; color:#282828;}
.search_out .fl a{font-size:14px; line-height:80px;color:#282828;}
.search_out .fl a:hover{color:#1c3e8d; text-decoration:underline;}

.search_out .fr{width:28%;height:40px; background:#f0f0f0; border-radius:40px; margin-top:20px;}
.search_out .fr .m_txt{float:left; width:60%; height:40px; line-height:40px; background:None; border:None; font-size:14px; padding-left:2%;}
.search_out .fr .m_btn{float:right; width:18%; height:40px; line-height:40px; background:None; border:none; cursor:pointer; background:url(../picture/search.png) no-repeat center center; }


.customer{display:block; width:100%; margin-top:80px; background:#f0f0f0;}
.customer .inner{display:block; padding:40px 0px;}
.customer .inner ul{display:block; width:100%;}
.customer .inner .title{width:18%;}
.customer .inner .title h4{display:block;height:40px; line-height:40px; font-size:24px; color:#282828; }
.customer .inner .title .en{display:block; font-size:12px; line-height:15px; color:#282828; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.customer .inner .con{width:81%;}
.customer .inner .con li{float:left; width:19%; margin-right:1%;}
.customer .inner .con li img{display:block; width:100%;}


.bot{display:block; background:#272727;padding-top:60px; padding-bottom:30px;}
.bot .fl{width:30%;margin-right:15%;}
.bot .fl .mnav{display:block; width:100%;padding:15px 0px; border-top:2px solid #3c3c3c;border-bottom:2px solid #3c3c3c;}
.bot .fl .mnav ul li{float:left; width:33.3%;}
.bot .fl .mnav ul li a{display:block; height:34px; line-height:34px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background:url(../picture/arr.png) no-repeat left center;}
.bot .fl .tel{display:block;padding-left:25px; background:url(../picture/tel03.png) no-repeat left center; height:30px; line-height:30px; font-size:25px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}

.bot .mid{float:left; width:30%;border-top:2px solid #3c3c3c; padding-top:15px;}
.bot .mid .address{display:block; color:#fff;font-size:15px;padding-left:40px;line-height:20px; background:url(../picture/address.png) no-repeat left top; margin-bottom:30px;}
.bot .mid .address i{display:block; font-style:normal;font-size:15px; font-weight:bold; color:#fff;line-height:16px;}

.bot .mid .email{display:block; color:#fff;font-size:14px;padding-left:40px;line-height:20px; background:url(../picture/email.png) no-repeat left top; }
.bot .mid .email i{display:block; font-style:normal;font-size:14px; font-weight:bold; color:#fff;line-height:16px;}

.bot .fr{width:10%;font-size:14px; color:#fff; line-height:40px; text-align:center; font-weight:bold; }
.bot  .fr img{display:block; width:100%; margin:0 auto;}

.bot .support{display:block; font-size:14px; color:#fff; max-width:1200px; margin:0 auto; padding:20px 0px; margin-top:25px;}
.bot .support a{color:#fff; font-size:14px;}
.bot .support a:hover{color:#fff; text-decoration:underline;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
#banner{display:block;cursor:pointer;width:100%;height:633px;position:relative;margin:0px auto;z-index:2;}
#banner .imglist{width:100%;height:633px;position:absolute;top:0px;left:0px;}
#banner .imglist a{display:block; width:100%; height:633px; cursor:pointer;}
#banner .img01{background:url(../picture/1.jpg) no-repeat center top;}
#banner .img02{background:url(../picture/2.jpg) no-repeat center top;}
#banner .img03{background:url(../picture/3.jpg) no-repeat center top;}
#banner .img04{background:url(../picture/4.jpg) no-repeat center top;}
#banner .img05{background:url(../picture/5.jpg) no-repeat center top;}
#banner .img06{background:url(../picture/6.jpg) no-repeat center top;}
#banner .img07{background:url(../picture/7.jpg) no-repeat center top;}
#banner .left{display:block;position:absolute;left:5%; bottom:300px; width:40px; height:74px;background:url(../picture/focus_btn.png) no-repeat 0px  top;z-index:4;}
#banner .right{display:block;position:absolute; right:5%; bottom:300px; width:40px; height:74px;background:url(../picture/focus_btn.png) no-repeat -40px top;z-index:8;}
.btn{position:absolute;bottom:20px;left:45%;display:block;padding:2px 7px; border-radius:11px;z-index:3;}
.btn li{float:left;height:10px;width:10px;margin:0px 5px; background:#fff; cursor:pointer; border-radius:8px; }
.btn .hover{background:#ce1002;}

.slideBox img {
    max-width: 100%;
    display: block;
    margin: 0px auto
}

.slideBox {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background-size: 100% 100%
}

.slideBox .hd {
    position: absolute;
    height: 28px;
    line-height: 28px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none
}

.slideBox .hd li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #333;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 6px;
}

.slideBox .hd li.on {
    background: #fff;
}

.slideBox .bd {
    position: relative;
    z-index: 0;
}

.slideBox .bd li {
    position: relative;
    text-align: center;
}

.slideBox .bd li img {
    vertical-align: top;
    width: 100%;
}

.slideBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slideBox .bd li .tit {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: left;
}

.banner {
    position: relative;
    margin: 0 auto;
}
