.section_view_box .window_width{
    overflow: hidden;
}
.section_view_box .view_box{
    background: #fff;
    overflow: hidden;
    margin: 10px;
    padding: 30px;
    text-align: left;
    width: 580px;
    float: left;
    box-sizing: border-box;
    height: 375px;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 1200px) {
    .section_view_box .view_box.email_view{
        width: calc(100% - 20px);
        height: 250px;
    }
}
.section_view_box .email_box .newIcon{
    float: left;
    font-size: 120px;
    transform: translateX(-10px);
}
.section_view_box .email_box .info{
    float: left;
    width: calc(100% - 120px);
    padding-left: 30px;
    box-sizing: border-box;
}
.section_view_box .email_box .info div{
    width: calc(100% - 30px);
    padding-left: 30px;
    box-sizing: border-box;
}
.section_view_box .email_box .info div span{
    float: left;
}
.section_view_box .email_box .price{
    font-size: 28px;
}
.section_view_box .email_box .info h3{
    text-align: left;
}
.section_view_box .info h3{
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 1;
    text-align: center;
}
.section_view_box .info p{
    font-size: 14px;
    color: #999;
    line-height: 1.75;
}
.section_view_box .info div{
    text-align: right;
    width: calc(100% - 40px);
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
}
.section_view_box .info div a,.section_view_box .info div input{
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.section_view_box .info div .more_btn{
    background: #0073CC;
}
.section_view_box .info div .more_btn:hover{
    background: rgba(0,115,204,.9);
}
.section_view_box .info div .submit_btn{
    background: #c00;
    margin-left: 10px;
}
.section_view_box .info div .submit_btn:hover{
    background: #d00;
}
@media screen and (max-width: 768px) {
    .section_view_box{
        margin-bottom: 15px;
    }
    .section_view_box .view_box,
    .section_view_box .email_box{
        height: auto;
        padding: 20px;
        width: auto;
        margin: 0 0 20px 0;
    }
    .section_view_box .email_box .newIcon{
        font-size: 80px;
        transform: translateX(-10px);
    }
    .section_view_box .email_box .info{
        width: 100%;
        padding-left: 0;
    }
    .section_view_box .email_box .info div{
        width: auto;
        padding-left: 0;
    }
    .section_view_box .email_box i{
        font-size: 40px;
        line-height: 40px;
    }
    .section_view_box .info h3{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .section_view_box .info p{
        font-size: 12px;
    }
    .section_view_box .info div{
        position: relative;
        margin-top: 20px;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .section_view_box .email_box .info div span{
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }
    .section_four{ padding: 20px !important; background-color: white;}
    .section_four .section_list{overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .section_four .section_item{ width: calc(96%/3);}
    .section_four .section_item:nth-child(-n+3){ margin-bottom: 20px;}
    .section_four .img img{ width: 35px; vertical-align: top; }
    .section_four .text{ color: #999; margin-top: 10px;}
}
/*2016-10*/
#Pages{ width:1182px; text-align:left; margin:0px auto;}
.enarr{position: absolute;  margin-top: 10px;}
li{    margin: 0;
    padding: 0;
    list-style-type: none;}



#moreService{font-size:24px;line-height:220%;display:block;margin:10px auto;}
#serviceBar{overflow:hidden;zoom:1;margin:20px;}
#serviceBar li a{float:left;color:#333;}
#serviceBar li{float:left;margin-right:40px;}
.sub_wrap{margin-bottom: 40px !important;}

.sBanner{background:#102f8a url(../images/v8/banner1.jpg) center top no-repeat; height: 300px;}
.sBanner .inner{width:1220px;margin:0 auto;background:url(../images/v8/txtBg.png) left 18px no-repeat;height:310px;text-align:center}
.sBanner h2{color:#fff;font-size:45px;padding-top:90px;padding-bottom:70px;}
.sBanner .d{color:#ad1e23;font-size:28px;}

.servicesList{overflow:hidden;zoom:1;margin:40px auto 20px}
.servicesList .s-Box{width:282px;float:left;margin-right:15px;background:#fff;border:1px solid #fff;}
.servicesList .boxLast{margin-right:0px;}
.s-Box .s-Img{padding:55px 0px;text-align:center;}
.s-Box .s-Name{text-align:center;font-size:24px;color:#333;font-family:"Microsoft YaHei","verdana";}
.s-Box .s-Detail{color:#999;font-size:12px;line-height:25px;padding:20px 20px 10px 20px; }
.s-Box .s-Btn{padding:20px 20px 10px 20px }
.s-Box .s-Btn .aBtn{background:#47a6de;height:38px;line-height:38px;width:100%;color:#fff;font-size:16px;text-align:center;text-decoration:none;font-family:"Microsoft YaHei","verdana";border:0px;cursor:pointer}
.s-Box .s-Btn a{text-align:center;width:100%;display:block;line-height:35px;}
.s-Box .s-Btn .gBtn{background:#4db785}
.s-Box .s-Btn .yBtn{background:#f5b635}
.s-Box .s-Btn .hBtn{background:#e95b6a}
.s-Box .s-Btn .aBtn:hover{background:#3999c9}
.s-Box .s-Btn .gBtn:hover{background:#44aa77}
.s-Box .s-Btn .yBtn:hover{background:#e2a02b}
.s-Box .s-Btn .hBtn:hover{background:#d34f62}
.servicesList .s-Box:hover{border-color:#47a6de}
.servicesList .g-Box:hover{border-color:#4db785}
.servicesList .y-Box:hover{border-color:#f5b635}
.servicesList .h-Box:hover{border-color:#e95b6a}

.rightBtn{float:right !important;margin-right:10px !important;padding-right:0px;}
.rightBtn a{background:#c00;width:80px;height:26px;line-height:26px;text-align:center;display:block;color:#fff !important}
.rightBtn a:hover{background:#a00}

.steplist{padding:20px 20px;background:url(../images/v8/sBg.png) 30px 20px no-repeat}
.steplist ul{padding:0px;margin:0px 10px;overflow:hidden;zoom:1;}
.steplist li{float:left;width:186px;}
.steplist li .t{font-family:"Microsoft YaHei","verdana";color:#333;font-size:18px;text-align:center;display:block;line-height:40px;margin-bottom:15px;}
.steplist li .t font{font-size:24px;color:#111;padding-right:5px;}
.steplist li .d{padding-left:71px;color:#888;}

#Pages { font-family: "Microsoft YaHei","verdana"; color: #333;}

.smsphone { overflow: hidden; width: 1182px; margin: 40px auto;}
.SPbox { width: 41%; background: #fff; padding: 35px;}
.sms { float: left;}
.phone { float: right;}
.SPimg { height: 115px; text-align: center;}
.SPimg img { padding: 13px 0;}
.SPtitle { font-size: 24px; font-family: "Microsoft YaHei","verdana";}
.SPmain { line-height: 1.6; font-size: 14px; padding: 10px 0 35px;}
.SPbutton { overflow: hidden;}
.SPprice { float: left; font-size: 18px; height: 30px; line-height: 30px;}
.SPbtn { float: right; width: 50%;}
.SPmore { float: left; background: #0073cc;}
.SPmore a { font-size: 14px; color: #fff; display: block; padding: 0px 30px; line-height: 30px;}
.SPbuy { float: right; background: #c00;}
.SPbuy a { font-size: 14px; color: #fff; display: block; padding: 0px 30px; line-height: 30px;}
.SPmore:hover {background:#0067b7;}
.SPbuy:hover {background:#A90100;}

.genreA{position:relative; width:1182px;margin-left:auto; margin-right:auto;margin-top:40px;margin-bottom:30px;overflow: hidden;}
.genCon{width:98%; height: 160px; float: left; text-align: center; position: relative;padding:10px;}
.genCon ul{position: relative;}
.genCon li{position: relative;float: left;margin:0;margin-right:1.5%; height: 100%; width:13%;padding:15px 0;background-color: #fff; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;}
.genCon li:last-of-type{margin-right:0;}
.genCon li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0);}
.genCon span{float: left;width:100%; position: relative;text-align: center; color: #666;}
.genCon span img{margin-top:20px;}
.genImg{height:80px;}
.genName{font-size: 16px; line-height: 40px; font-family: "Microsoft YaHei","verdana";}

.advTitle { font-size: 32px; text-align: center; line-height: 180%; margin-top: 65px;}
.advjieS { font-size: 14px; text-align: center; color: #666;}

.w { width: auto; text-align: center; margin-bottom: 60px;}
.wMore { display: inline-block; background: #0073cc; width: 150px; height: 35px; line-height: 35px; margin: 0 35px;}
.wMore:hover {background:#0067b7}
.wMore a { color: #fff; font-size: 16px;}
.wMore a:hover,.wBuy a:hover,.SPbuy a:hover,.SPmore a:hover{ color: #fff !important;}
.wBuy { display: inline-block; background: #c00; width: 150px; height: 35px; line-height: 35px; margin: 0 35px;}
.wBuy:hover {background:#A90100;}
.wBuy a { color: #fff; font-size: 16px;}

.b { background: #fff; margin-bottom: -40px; padding-bottom: 20px;}
.ourAdv { font-size: 32px; line-height: 180%; padding: 55px 0 20px; font-family: "Microsoft YaHei","verdana";}

.about_box{clear:both;padding-bottom:50px;}
.about_main{padding-bottom:25px;overflow:hidden;}
.about_main dl{width:175px;text-align:center;float:left;margin-right:25px;cursor:pointer;}
.about_main dl.dl6{margin-right:0;}
.about_main dl dd{background:url(/images/v8/ico_img.png) no-repeat center center;width:98px;height:90px;border-radius:100%;margin:auto;transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-moz-transition: all 0.1s;}
.about_main .dl1 dd{background-position:8px 16px;}
.about_main .dl2 dd{background-position:-92px 14px}
.about_main .dl3 dd{background-position:-195px 21px;}
.about_main .dl4 dd{background-position:-310px 22px;}
.about_main .dl5 dd{background-position:-420px 22px;}
.about_main .dl6 dd{background-position:-515px 20px;}
.about_main dl dt h5{font-size:22px;color:#000;font-weight:normal;height:45px;line-height:45px;margin-bottom:5px}
.about_main dl dt p{font-size:14px;color:#666;}
.about_main .dl1:hover dd{background-position:8px -64px;}
.about_main .dl2:hover dd{background-position:-92px -66px;}
.about_main .dl3:hover dd{background-position:-195px -59px;}
.about_main .dl4:hover dd{background-position:-310px -58px;}
.about_main .dl5:hover dd{background-position:-420px -58px;}
.about_main .dl6:hover dd{background-position:-515px -60px;}
.about_main dl:hover dd{transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;background:url(/images/v8/ico_img.png) no-repeat center center;}

#subMenuItem .site_btn:hover { color: #fff; background: #A90100;}

.genCon li{height: 80%;}
/*.SPmain{text-align: justify;}*/



@media screen and (max-width: 1280px){
    .about_main{width: 96% !important;}
    .about_main dl{width: 16%;margin-right: 0.8%;}
    .about_main dl:last-child{margin-right:0;}
}

    @media screen and (max-width: 1182px) {
    #Pages{width:100%;}
    .smsphone{width:96%;}
    .SPbox{width: 49%;box-sizing: border-box;}
    .SPbtn{margin-top: -20px;}
    .SPmore{float: none;width:70%;margin: 0 auto;margin-bottom: 10px;}
    .SPmore a{text-align: center;}
    .SPbuy{float: none;width:70%;margin: 0 auto;}
    .SPbuy a{text-align: center;}
    .SPbutton{overflow: visible;}
    .genreA{width: 100%;}
    .genCon{width: 96%;float: none;margin: 0 auto;}
    .advjieS{width: 96%;margin: 0 auto;}
}

@media screen and (max-width: 1000px){
    .about_main dl dt h5{font-size: 18px;}
    .about_main dl dt p{font-size: 12px;}
}

    @media screen and (max-width: 900px) {
    .SPbox{padding: 3%;}
    .SPbtn{width: 100%;margin-top: 17px;}
    .SPmore{float: left;width:auto;margin-bottom: 0;margin-left: calc(100% - 250px);}
    .SPbuy{float: right;width:auto;margin-bottom: 0;}
    .SPmain{padding-bottom: 20px;}
    .genCon{padding: 0;}
    .genCon li{padding: 0;}
}

@media screen and (max-width: 800px) {
    .genCon span img{height: 45px;}
    .genCon span{height: auto;}
    .genCon li{width: 23.5%;margin-bottom: 2%;margin-right: 2%;}
    .genCon li:nth-of-type(4n){margin-right: 0;}
    .about_main dl{width: 32%;margin-right: 2%;margin-bottom: 2%;}
    .about_main dl:last-child{margin-right:2%;}
    .about_main dl:nth-of-type(3n){margin-right:0;}
    .about_main dl dt h5{font-size: 22px;}
    .about_main dl dt p{font-size: 14px;}
    #subMenu{display: none;}
}

@media screen and (max-width: 650px) {
    .SPmore{margin-left:0;}
    .SPbox{padding: 4%;}
    .SPtitle{font-size: 18px;}
    .sBanner{height: 250px;background-size: auto 100%;}
	.SPbuy a{padding: 0px 20px;}
}

@media screen and (max-width: 590px) {
    .SPmore{float: none;width:70%;margin: 0 auto;margin-bottom: 10px;}
    .SPbuy{float: none;width:70%;margin: 0 auto;}
    .SPimg img{height: 70px;}
    .SPimg{height: auto;}
    .genreA{margin-top: 30px;margin-bottom: 20px;}
    .w{margin-bottom: 45px;}
    .about_main dl dt h5{font-size: 16px;}
    .about_main dl dt p{font-size: 12px;}
}

@media screen and (max-width: 500px){
    .wMore{margin-right: 2%;margin-left: 0;}
    .wBuy{margin-left: 2%;margin-right:0;}
    .advTitle{font-size: 26px;margin-top:40px;margin-bottom: 10px;}
    .ourAdv{padding-top: 30px;padding-bottom: 10px;font-size: 18px;}
    .about_main{padding-bottom: 0;}
    .about_box{padding-bottom: 30px;}
    .sBanner{height: 230px;}
}

@media screen and (max-width: 450px) {
    .SPbox{width: 100%;padding: 5%;}
    .SPbox.sms{margin-bottom: 20px;}
    .SPmore{float: left;width:auto;margin-bottom: 0;margin-left: calc(100% - 250px);}
    .SPbuy{float: right;width:auto;margin-bottom: 0;}
    .SPimg img{height: 60px;}
    .SPprice{font-size: 16px;}
    .price{font-size: 20px !important;}
    .genCon li{width: 32%;margin-bottom: 2%;margin-right: 2%;}
    .genCon li:nth-of-type(4n){margin-right: 2%;}
    .genCon li:nth-of-type(3n){margin-right: 0;}
    .about_main dl{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .about_main dl:last-child{margin-right:2%;}
    .about_main dl:nth-of-type(3n){margin-right:2%;}
    .about_main dl:nth-of-type(2n){margin-right:0;}
    .sBanner{height: 205px;}
}

@media screen and (max-width: 400px) {
    .sBanner{height: 165px;}
}

@media screen and (max-width: 350px){
    .w div{width: 46%;}
}