@charset "utf-8";
/* CSS Document */
html,body,button,ul,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,img {padding: 0;margin: 0;}
body{font-size: 14px;line-height: 14px;font-family: "Microsoft YaHei","宋体",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;color: #333;}
h1,h2,h3,h4,h5,h6{font:1em/1 "Microsoft YaHei";font-weight: normal;font-size: 100%;}
em{font-weight:normal;font-style:normal;}
small{font-size:12px;}
fieldset,img{border: none}
img{display: block}
ul{list-style:none;}
.left{float:left;}
.right{float:right;}
.over_h{overflow:hidden;}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.none{display:none;}
.hidden{visibility: hidden}
.mar_r_00{margin-right: 0!important;}
.mar_t_00{margin-top: 0!important;}
.text-hide{text-indent: -9999px;height:0;font-size:0;}
.Font_M{font-family: "Microsoft YaHei";}
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}* html .clearfix {height: 1%;}
.clearfix{display:block;}
table{border-collapse: collapse;}
a{color:#333;text-decoration:none;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#333;text-decoration:underline;outline:none;}
/*通用的css可删除
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
input{padding-top:0;padding-bottom:0;font-family: "SimSun","宋体";}
input::-moz-focus-inner {border:none;padding:0;}
select,input {vertical-align:middle;}
select,input,textarea {font-size:12px;margin:0;}
input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
textarea {resize:none;}
.li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;}
.opacity{opacity: 0.8;filter:alpha(opacity=80);}
.mar_r_15{margin-right:15px;}
.mar_r_20{margin-right:20px;}
.mar_t_10{margin-top:10px;}
.mar_t_15{margin-top:15px;}
.mar_t_20{margin-top:20px;}
.mar_t_30{margin-top:30px;}
.border_00{border: 0!important;}
.opacity_a{color:#333}
.opacity_a:hover{background:#ccc;color:#000;transition:background .75s ease-in-out,color 0.25s ease-in-out}
/*通用的css可删除*/
@media screen and (min-width: 768px) {
    .title-page-fixed{
        position: fixed;
        width: 40%;
    }
    .slide-1  img{
         width: 110%;
    }
    .slide-3 .span-h1{
        padding: 16px 40px;
        background: #bf0000;
        font-size: 26px;color: #fff;
        font-weight: bold;
        bottom: 1.0em;left: 6.0em;
    }
    .slide-3 .img {
        width: 80%;
    }
    .slide-3 .txt{
        width: 56%;
    }
    .pure-g-paddingl{
        padding-left: 4.0em;
    }
    .slide-4 p {
        margin-left: 4.8em;
    }
    .slide-4 h1{
        margin-left: 2.9em;
    }
    .slide-7 p{
        padding-right: 2.0em;
    }
    .slide-7 img{
        margin: 2.0em 0em 0 5.0em;
    }
    .slide-7 .txt-more{
        padding-left: 5.0em;
        padding-top: 1.0em;
    }
    .slide-8 .zi-xun-li .slide-8-left{
        width: 80px;
        padding-right: 80px;
        margin-right: 111px;
        border-right: 1px dotted #79b0ab;
    }
    .slide-8 .zi-xun-li .slide-8-right{
        width: 400px;
    }
    .slide-8 .zi-xun-li{
        margin-top: 34px;
        height: 86px;
    }
    .slide-2-txt ul{
        margin-left: 2.0em;
    }
    .slide-2 .slide-2-txt img{
        margin-left: 2.0em;
        width: 80%;
        max-height: 148px;
    }
    .slide-5 p{
        padding: 0 5em 0 0;
    }
    .slide-6-box{
        width: 90%;
    }
    .slide-9 img{
        width: 86%;
    }
    #title h1{
        padding: 1.7em 0 0 5.0em;
    }
    #title p{
        padding: 1.4em 0 0 6.5em;
    }
    .slide-10-txt{
    padding-left: 4.0em;
    padding-right: 2.0em;
    }
     .slide-10-txt h1{
        left: 4.2em;
    }
    .slide-9 a{
        font-size: 14px;
        line-height: 37px;
        line-height: 37px \9;
    }
    .slide-1 .txt {
        width: 100%;
        max-width: 280px;
        padding: 33px 22px;
        z-index: 1000;
    }
    .phone-hide{
        display: none;
    }
}


@media screen and (max-width: 768px) {
    .slide-1  img{
        width: 100%;
    }
    .slide-3 .span-h1{
        position: static;
        padding: 16px 40px;
        background: #bf0000;
        font-size: 18px;color: #fff;
        font-weight: bold;
        margin-top: 20px;
    }
    .slide-3 .img {
        width: 100%;
    }
    .slide-3 .txt{
        width: 100%;
    }
    .pure-g-paddingl{
        padding-left: 0.0em;
    }
    .slide-1 .txt {
        width: 90%;
        padding: 5%;
    }
    .slide-3 .img img{
        margin-top: 20px;
    }
    .slide-5 img{
        width: 100%;
    }
    .slide-7 img{
       width: 100%;
        margin-top: 20px;
    }
    .slide-8 h3{
        padding-top: 10px;
    }
    .slide-2-txt{
        margin-left: 2.0em;
    }
    .slide-2 .slide-2-txt img{
        margin-top: 20px;
    }
    .slide-4 h1{
        padding-top: 10px;
    }
    .slide-9 img{
        width: 100%;
    }
    #title h1{
        padding: 1.7em 0 0 2.9em;
    }
    #title p{
        padding: 1.4em 0 0 2.5em;
    }
    .slide-10-txt{
    padding-left: 0.0em;
    padding-right: 0.0em;
    }
    .slide-10-txt h1{
        left: 1.0em;
    }
    .slide-9 a{
        font-size: 24px;
        line-height: 50px;
    }
    .slide-1 .txt {
        width: 90%;
        max-width: 280px;
    }
    .slide-2 img{
        width: 100%;
    }
    .pc-hide{
        display: none;
    }
}
body{
    background: #f4f4f4;
}
.title-page-fixed{

}
.title-page{
    width: 100%;min-height: 600px;
    background: url("../images/wrap-left-bg.jpg") no-repeat center top;
    background: url("../images/wrap-left-bg-ie8.jpg") no-repeat right top \9;
    background-size: 100% 100%;
}
.qi{
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: #acacac;
    font-weight: bold;
    margin-top: 212px;
    right: 14%;
    line-height: 20px;
    margin-top: 230px \9;
    margin-right: 15% \9;
}
#title{
    height: 104px;width: 100%;
    background: url("../images/title.jpg") no-repeat left center;
    background-size: 100% 100%;
    margin-top: 2.0em;
}
#title h1{
    font-size: 24px;font-weight: bold;
    color: #ed683f;line-height: 24px;
    margin-left: 0;
    text-align: left;
}
#title p{
    font-size: 18px;color: #79b0ab;
    line-height: 18px;
    font-family: "Microsoft YaHei";
    text-indent: 0em;
}
#title p a{
    color: #79b0ab;
}
.pure-g-paddingl{

}
.Nav{
    top:275px;
    right: 0px;
    right: 40px \9;
    top: 300px \9;
}
.Nav ul{
    width: 80px;
    overflow: hidden;
    margin-right: 40px;
}
.Nav ul li{
    display: inline-block;
    float: left;
}
.Nav ul li a{
    display: block;
    padding: 9px 12px;
    background: #fff;
    opacity: 0.5;filter:alpha(opacity=50);
    margin-top: 1px;
    float: right;
}
.Nav ul a:hover,
.Nav ul a:active,
.Nav ul a:focus{
    padding: 9px 9px 9px 5px;
    border-left: 4px solid #dd0000;
    text-decoration: none;
    text-align: center;
    background: #000;color: #fff;
    opacity: 0.3;filter:alpha(opacity=30);
    transition: all 0.5s;
}
/*下拉列表*/
.title-page span{font-size: 16px;}
.title-page .Last{font-size: 16px;width: 243px;line-height: 29px;left: 25px;bottom:27px;}
.Last .select{width: 156px;height: 29px;line-height: 29px;border: 1px solid #ccc;background: #fff;cursor: pointer}
.select_list{width: 142px;bottom:30px;left: 0;overflow-y: auto;overflow-x: hidden;}
.Last .select .select_list span{display: block;color:#666;background: #fff;width:130px;padding-left: 12px;float:left;margin-left:0px;height:29px;margin-top:0px;border: 1px solid #ccc;border-radius: 3px;}
.Last .select:hover .select_list{display: block;}
.Last .select:hover .select_list span:hover{color: #000;}
.Last .select span{color: #999;float: left;font-size:14px;font-family: "宋体";padding-left: 12px;}
.Last .select .three{display: inline-block;width: 16px;height: 8px;background: url("../images/select_bg.gif") no-repeat;margin: 10px 0 0 15px;}

.content{
    padding: 1.2em 2.0em;
    color: #555;
    line-height: 24px;
    font-family: "Microsoft YaHei";
}
.content a{
    color: #dd0000;
}
.period{
    border-bottom: 1px solid #c5c5c5;
    padding: 55px 0px 15px 0px;
    text-align: right;
}
.period span{
    font-family: "Microsoft YaHei";
    color: #dcdcdc;
    font-size: 35px;
    margin-right: 4px;
}
.slide-right{
    background: #fff;
    overflow: hidden;
}
.slide-1{
    min-height: 470px;
}
.slide-1 h1{
    font-weight:bold;
    font-size: 24px;
    line-height: 40px;
    padding: 24px 0;
}
.slide-1 h1 span{
    color: #bb0808;
}
.slide-1  img{
    display: block;
    z-index: 10;
}
.slide-1 .txt{
    background: #fff;
    margin-top: 52px;
    border: 1px solid #ccc;
    z-index: 100;
}
.slide-1 .txt h2{
    font-size: 20px;font-weight: bold;
    color: #ffb400;
    text-align: center;
}
.slide-1 .txt p{
    font-family: "Microsoft YaHei";
    line-height: 24px;
    color: #555;
    text-indent: 2em;
    margin-top: 12px;
}
.slide-1 .txt p a{
     color: #dd0000;
}


.slide-2-txt ol{
    color: #555;
    font-family: "Microsoft YaHei";
    line-height: 24px;
}
.slide-2-txt ol li{
    margin-top: 21px;
}
.slide-2-txt p{
    color: #555;
    font-family: "Microsoft YaHei";
    line-height: 24px;
}

.slide-3 .img{
    margin: -10px 0 0 0em;
}
.slide-3 .img img{
    width: 100%;
}


.slide-4 p{
    line-height: 28px;
}
.slide-4 h1{
    font-size: 18px;color: #79b0ab;
    line-height: 30px;
}
.slide-4 h1 span{
    display: inline-block;
    font-size: 20px;background: #79b0ab;
    color: #fff;padding: 5px 9px;
    margin-right: 12px;
}
.slide-5 p{
    font-family: "Microsoft YaHei";
    line-height: 26px;
}
.slide-5 p span{
    font-size: 20px;font-weight: bold;
}


.slide-6-box img{
    width: 100%;
    margin-top: 10px;
}
.slide-6 h1{
    font-size: 18px;color: #79b0ab;
    padding: 16px 0;
    text-align: center;
}
.slide-6 p{
    font-family: "Microsoft YaHei";
    font-size: 14px;line-height: 22px;
}

.slide-7 .txt{
    padding-top: 2.0em;
}
.slide-7 p{
    font-family: "Microsoft YaHei";
    line-height: 26px;
    text-indent: 2em;
}

.slide-8 .zi-xun{
    padding-top: 10px;
}
.slide-8 .zi-xun-li{

}

.slide-8 .zi-xun-li .slide-8-left strong{
    font-size: 60px;font-weight: bold;
    line-height: 60px;
    color: #79b0ab;
    font-family: "Microsoft YaHei";
}
.slide-8 .zi-xun-li .slide-8-left span{
    font-size: 20px;line-height: 20px;
    display: inline-block \9;
    padding: 5px 4px;
    margin-top: 8px;
    color: #79b0ab;
    background: #ecf6f4;
}

.slide-8 h3{
    font-size: 18px;color: #48928b;
    padding-bottom: 7px;
    padding-top: 10px;
}
.slide-8 p{
    line-height: 24px;
    font-family: "Microsoft YaHei";
}
.slide-8 p a{
    color: #bd0000;
}
.slide-9 img{
    display: block;
    margin: 0 auto;
}
.slide-9 p{
    text-align: center;
}
.slide-9 a{
    font-family: "Microsoft YaHei";
    color: #79b0ab;

}
.slide-10{

}

.slide-10-txt .img,.slide-10-txt .img img{
    width: 100%;
}
.slide-10-txt .slide-10-word{
    padding: 3.0em 1.5em 3.0em 13.0em;
}
.slide-10-txt h1{
    padding: 25px 25px;
    background: #333;
    line-height: 28px;
    font-size: 24px;color: #fff;
    font-weight: bold;
    margin-top: 20px;
    overflow: hidden;
    top: 100px;
}
.slide-10-txt h1 span{
    display: block;
    float: left;
}

/*兼容IE8代码*/
.slide-1 .txt {
    width: 100% \9;
    max-width: 280px \9;
    padding: 33px 22px \9;
    z-index: 1000 \9;
}
#title h1{
    padding: 35px 0 0 124px \9;
    line-height: 40px \9;
}
#title p{
    padding: 2px 0 0 83px \9;
    line-height: 30px \9;
}
.slide-3 .span-h1{
    padding: 16px 40px \9;
    background: #bf0000 \9;
    font-size: 26px \9;color: #fff \9;
    font-weight: bold \9;
    bottom: 1.0em \9;left: 6.0em \9;
}
.slide-3 .img {
    width: 80% \9;
    margin-top: 20px \9;
}
.slide-3 .txt{
    width: 56% \9;
}
.phone-hide{
 display: none \9;
}
.slide-8 .zi-xun-li .slide-8-left{
    padding-right: 31px \9;
    float: right \9;
    margin-right: 100px \9;
    width: 114px \9;
    border-right: 1px dotted #79b0ab \9;
}
.slide-8 .zi-xun-li .slide-8-right{
    width: 400px \9;
    float: left \9;
    margin-left: -30px \9;
}
.slide-8 .zi-xun-li{
    margin-top: 34px \9;
    height: 86px \9;
}