@charset "utf-8";
/*
    Css for PEL,    ver 1.1
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center
    首页 样式定义
*/
@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1504059207010'); /* IE9*/
    src: url('../font/iconfont.eot?t=1504059207010#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWYAAsAAAAACGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kg3Y21hcAAAAYAAAABuAAABsv/K06JnbHlmAAAB8AAAAZAAAAHsPoQt6WhlYWQAAAOAAAAALwAAADYOt8SCaGhlYQAAA7AAAAAcAAAAJAfeA4ZobXR4AAADzAAAABMAAAAUE+kAAGxvY2EAAAPgAAAADAAAAAwBQAGWbWF4cAAAA+wAAAAeAAAAIAEUAF1uYW1lAAAEDAAAAUUAAAJtPlT+fXBvc3QAAAVUAAAAQQAAAGHvm3SveJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzzYm7438AQw9zA0AAUZgTJAQAp0wy5eJzFkMENgEAIBAfvNMZYirEE49tafPmyYtrQvcOHVuCSIbAhgQC0QBKTyGAHRtEu16qfGKqfWdUP9DSK02dffLsuee86ZJqLKHXWvHZYx2+y/1Z/Nda8Pp0+zvmgE30Oiu9LoN/hW0C6AR96FjQAAHicVY67btRAFIbnn2HOeIPX3vi69mbXeyEeUGARxngLRLahAVEgUVHyANCmIVIiLqKg4BkQEgUVfZ4EKgSCapHsBzCMEwmUo6P/6D+XT4dJxv58EydiyHx2md1gd9lDxkB7mDt8jJkul3wP4UyGceAIvdAztZgvxR3EcwqioirzmBS5cDDBzVlR6SXXuFXu89soojGQjNJH3u6OJ95ha6gnr9r7/D3CbLHj7l9r711dB8XUtw5sz0s8761FUlqcX3AdPI2jnuxtUftBuml4kl3hGexEpw8e96cj78mb8tl4N+4BR0fwR1Pn43o73Tb5PI18L1GDvjVM+4tLAQ5+XBz69jj/zkygE/6af2ahMeUKVZEhClzEndBcI0dOSGhAE6LNhkwZUPuL8MIipGf296YbK2XW/jO/8k+nzEAZzHXk5Rq6k6qIEfEvHeMc0xzj0KL253mmWfvHFIK/ZLExqyp3DY0yKIqjYm2+LVaV5nYjbaobsmXTSCmUqBuhOBGO67Pe6ZSEqGshyID/AvipT6F4nGNgZGBgAGIZ1zX18fw2Xxm4WRhA4OoZBzcE/f8hCwOzBJDLwcAEEgUAEgUJlAB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYAoADKAPZ4nGNgZGBgYGUIBGIQYAJiLiBkYPgP5jMAABEtAXIAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJWRiZGZkYWRlZGNgbGCt6o0vzK/NCszMa8kv1QchaebnF9QCSY4M5Pz83RLUotLGBgAH9wToQAAAA==') format('woff'),
    url('../font/iconfont.ttf?t=1504059207010') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg?t=1504059207010#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-zuoyoujiantou:before {
    content: "\e63e";
}

.icon-zuoyoujiantou-copy-copy:before {
    content: "\e64a";
}

.icon-icon-test:before {
    content: "\e62e";
}



body{background: #fff;font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;}
#wrap{}
#header .bg-color{}
.siteWidth{max-width: 1400px;margin:0 auto;overflow:hidden;text-align:left;position:relative;}
/* box-A */ 
.box-A{padding: 90px 0 15px;background:url(images/bg2.jpg) no-repeat center top;}
.box-A .logo{width: 670px;position: relative;height: 200px;margin: 120px auto;background:url(images/title.png) no-repeat;}
.box-A .title{width: 1200px;margin:0 auto 74px;font-size: 16px;line-height: 30px;color: #333333;}
.box-A .title p{margin-bottom:10px;font-size:1em;}
.box-A .title p span{margin-left:15px;display:inline-block; text-align:center; padding:0 2em;margin-right:1em; font-size:16px; color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.box-A .title .pp1{background:url(images/info.png) no-repeat center center; height:80px;font-size:1; text-indent:-999em; margin:15px 0 80px;}
.box-A .title .t2 {background:url(images/info2.png) no-repeat center center;}
.box-A .title .pp2 span{background:#003567;  line-height:2.5em;}
.box-A .title .pp3 span{background-color:#d6022a;line-height:4em;float: left;}
.box-A .title .pp3 {width: 62%;}

.box-A .ul{width: 930px;height: 110px;margin:0 auto 103px;}
.box-A .ul li{float: left;width: 282px;height: 110px;}
.box-A .ul li i{width: 62px;height: 55px;display: block;margin: 0 auto 10px;background:url(images/box-A-icon.png) no-repeat;}
.box-A .ul li p{font-size: 16px;line-height: 24px;color: #000000;text-align: center;font-weight: 600;}
.box-A .ul .li2{margin: 0 42px;}
.box-A .phone{text-align:center; font-size:1.8em; margin:2em 0 5em; line-height:2em;}
.box-A .bz{padding-left:20px; font-size:0.8em; color:#999;}

/*第二波活动*/
.box-A .logo .deb{width: 160px;height: 160px;position: absolute;right: -120px;background:url(images/deb.png) no-repeat;top: 51px;}
.box-A .title .fa{clear:both;padding: 10px 450px 10px 15px;}
.box-A .title .titHdnr{background-color:#d6022a;line-height:2.5em;margin-left:15px;display:inline-block; text-align:center; padding:0 2em;margin-right:1em; font-size:16px; color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.box-A .title .fa h4{font-weight:bold;}
.box-A .title .fa li{list-style:square;    margin: 15px 20px;}
.box-A .title .notice{    font-size: 14px; color: #ec0f32;}



.Cooldog_container {
    width: 880px;
    height: 280px;
    margin: 100px auto 0;
    position: relative;
    overflow: hidden;
}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 470px;
    height: 260px;
    top: 0;
    left: 50%;
    margin-left: -225px;
    margin-top: 20px;
}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 230px;
    transition: all 0.3s ease;
    background: #fff;
    padding: 10px;
}

.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    /* border: #fff solid 5px; */
}

.Cooldog_container .btn_left, .Cooldog_container .btn_right {
    display: none;
    width: 200px;
    height: 210px;
    position: absolute;
    top: 45px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
}

.Cooldog_container .btn_left {
    text-align: left;
    left: 0;
}

.Cooldog_container .btn_right {
    text-align: right;
    right: 0;
}

.Cooldog_container i {
    font-size: 50px;
}

.Cooldog_container .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    display: none;
    line-height: 20px;
    text-align: center;
    background-color: #BCB9B9;
    color: #fff;
}

.Cooldog_container .btn_close i {
    font-size: 18px;
}

.Cooldog_container .buttons {
    width: 370px;
    height: 5px;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -185px;
    z-index: 80;
}

.Cooldog_container .buttons a {
    float: left;
    width: 40px;
    height: 5px;
    background-color: #fd5d65;
    margin-right: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.Cooldog_container .buttons a.color {
    background-color: #1d599a;
}

.Cooldog_container .buttons a:last-child {
    margin-right: 0;
}

.p1 {
    transform: translate3d(-460px, 0, 0) scale(0.81);
    opacity: 0;
    z-index: 1;
}

.p2 {
    transform: translate3d(-345px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.2;
    z-index: 2;
}

.p3 {
    transform: translate3d(-230px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p4 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
    box-shadow: #666 0px 0px 10px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
}

.p5 {
    transform: translate3d(450px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p6 {
    transform: translate3d(680px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.2;
    z-index: 2;
}
.p7 {
    transform: translate3d(880px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 1;
}

@media only screen and (max-width: 1400px){
    .box-B .user-benefits .msg-box li .title{
        max-width: 64%;
    }
    .box-B .user-benefits .msg-box .li5 .title, .box-B .user-benefits .msg-box .li8 .title, .box-B .user-benefits .msg-box .li9 .title, .box-B .user-benefits .msg-box .li10 .title{
        max-width: 100%;
    }
    .box-A .user-benefits .msg{
        margin-right: 80px;
    }
    .bg-color .inner{
       
    }
    .fixed-box .bg-color .inner{

    }
}