/*通用类*/
*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1200px;margin: 0 auto;}
.header{width: 100%;height: 47px;background: #fff;}
.header .common{ font-size:16px;}
.header .common a{ color:#333;}
.logo{display: inline-block;width: 112px;height: 33px;background: url('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
.tel{width: 301px;height: 33px; display:block;background: url('http://statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
.header .common a{float: none;}
.tel{margin-top: 0;}
.banner{
    width: 100%;
    height: 250px;
    background:url(../images/banner.jpg) no-repeat top center;
    text-align: center;
    color: #fff;
}
.banner .h2{
    font-size:64px ;
    font-family: FZShangKJW;
    padding-top: 50px;
    line-height: 64px;
    margin-bottom: 15px;
    font-weight: normal;
    text-shadow: 4px 4px 4px #000;
    letter-spacing:2px;
}
.banner .h3{
    font-size:90px ;
    font-weight: bold;
    line-height: 90px;
    text-shadow: 4px 4px 4px #000;
    letter-spacing:15px;
}

.nav{
    width: 100%;
    padding-top: 20px;
    height: 110px;
    background: linear-gradient(to right, #fe6540 0%,#e0024d 100%)
}

.nav .nav_ul{
    width: 1120px;
    margin:0 auto 0;
}
.nav .nav_ul>li{
    float: left;
    width: 128px;
    height: 38px;
    border:1px solid #fff;
    margin: 0 5px 10px; 
    border-radius: 6px;
}
.nav .nav_ul>li>a{
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 38px;
    border-radius:5px;
}

.nav .nav_ul>li>a:hover{
    background: #fff;
    color: #e0024d;
}

.explain{
    width: 100%;
    height: 180px;
    background: #ffffff;
}
.explain .common{
    padding-top: 20px;
    width: 1200px;
    height: 160px;
    position: relative;
    margin: 0 auto;
    background:url(../images/girl.jpg) no-repeat 0 0 ;
}
.explain .common .con{
    width: 912px;
    height: 120px;
    border:1px dashed #000;
    border-radius: 10px;
    margin-left: 214px;
    position: relative;
    padding:15px 30px 0;

}

.explain .common .con h4{
    font-size: 20px;
    line-height:30px;
    color: #353240;
}
.explain .common .con .txts{
    font-size: 17px;line-height:30px;
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.explain .common .con .more{
    font-size: 18px;
    color: #d13e4c;
    position: absolute;
    right:7px;
    bottom:5px;
    cursor: pointer;
}


.explain .common .con>span.tri{
    width: 26px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: -26px;
    background:url(../images/tri.jpg) no-repeat top center;
}

.main{
    width: 100%;
    background:url(../images/main_bg.png) repeat-y top center;
    padding-bottom: 50px;
}
.common .entry{
    height: 130px;
    widows: 1200px;
    position: relative;
}
.common .entry .entry_l{
    padding-right: 30px;
    width: 391px;
    height: 70px;
    background:url(../images/link_left.png) no-repeat top center;
    position: absolute;
    top: 31px;
    left: 149px;
    font-size: 20px;
    color: #fff;
    line-height: 70px;
    text-align: center;
}

.common .entry .entry_r{
    padding-left: 50px;
    width:371px;
    height: 70px;
    background:url(../images/link_right.png) no-repeat top center;
    position: absolute;
    top: 31px;
    right: 149px;
    font-size: 20px;
    color: #fff;
    line-height: 70px;
    text-align: center;
}
.common .entry .entry_r a{ color:#fff;}


.txt_con{
    width: 1100px;
    margin: 0 auto;
    background: #fff;
    padding:47px 50px 25px;
}

.txt_con .h2{
    font-size: 38px;
    font-weight: bold;
    color: #333;
    line-height: 38px;
}
.txt_con .wrap{
    margin-bottom: 60px;
}

.wrap {
  float: left; /* 自适应内容宽度 */
  position: relative;
  left: 50%; 
}
.inner {
  position: relative;
  left: -50%; 
}

.txt_con .h2 .icon_left{
    width: 46px;
    height: 39px;
    display: block;
    background:url(../images/icon_fix_l.png) no-repeat top center;
    position: absolute;
    left:-50px;
    bottom:-18px;
}
.txt_con .h2 .icon_right{
    width:48px;
    height:65px;
    display: block;
    background:url(../images/icon_fix_r.png) no-repeat top center;
    position: absolute;
    right:-50px;
    bottom:-18px;
}
.txt_con .h3{
    height: 50px;
    margin-bottom: 10px;
}
.txt_con .h3>span{
    background: #d5444a;
    padding:10px 24px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    border-radius: 8px;
}

.txt_con .para{
    font-size: 16px;
    line-height: 36px;
    color: #333;
    margin-bottom: 15px;
}
.txt_con .para a{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 15px;
  
}

.txt_con .h4{
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.txt_con .h4 .num{
    display: block;
    float: left;
    width:40px;
    height: 40px;
    background: #d5444a;
    border-radius: 50px;
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.main .txt_con .h4 b{
    float: left;line-height: 40px;
    color: #d5444a;
    font-weight: bold;
    font-size: 18px;
    padding-left: 15px;
}
.txt_con .h5{
    margin-bottom: 10px;
}
.txt_con .h5 span{
    float: left;
    border:1px solid #d5444a;
    font-size: 16px;
    color: #d5444a;
    padding:8px 15px;
    border-radius: 4px;
}

.txt_con .para .red{
    color: #d5444a;
}

.consult{
    width: 1200px;
    margin:0 auto;
    margin-top: 50px;
}
.consult .hot{
    padding-top: 6px;
    float: left;
    width: 156px;
    height: 88px;
    border:1px solid #ff0000;
    font-size: 28px;
    font-weight: bold;text-align: center;
    background: #fff;
    line-height: 40px;
    cursor: pointer;
}

.consult .hot .red{
    color: #ff0000;
}
.consult ul.clearfix{
    float: right;
    width: 1042px;
}

.consult ul.clearfix li{
    float: left;
    width: 335px;
    height: 42px;
    margin-left: 12px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:11px;
    cursor: pointer;
}
.disclaimer{
    width: 1198px;
    height:78px;
    border:1px solid #eee;
    margin: 0 auto;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #eee;
    padding-top: 20px;
    margin-top: 50px;
    border-radius: 5px;
}
.m1{ background:url(../images/m2_bg.jpg);}
.m1 .txt_con,.m2 .txt_con{ width:1100px; background:none;}
.m1 .h2.inner{ color:#3f3c50;}
.m1 ul li{ width:260px; height:50px; text-align:center; line-height:50px; float:left; font-size:18px; margin:10px 5px;}
.m1 ul li a{ width:260px; height:50px; display:inline-block; color:#3e3c4f; border:1px solid #3e3c4f; border-radius:10px;}
.m1 ul li a:hover{ width:260px; height:50px; background:#d13e4c; color:#fff; font-weight:bold; border:1px solid #d13e4c; text-decoration:none;}
.m2{ background:url(../images/m3_bg.jpg);}
.m2 h2{ color:#fff; font-size:32px; margin-bottom:40px;}
.m2 h2 span{ color:#d4424b;}
.m2_l{ width:715px; float:left;}
.m2_l ul li{ width:132px; height:116px; background:url(../images/border.png) no-repeat; text-align:center; font-size:18px; padding:20px 0 0 0; float:left; margin:0 16px 16px 0;}
.m2_l ul li img{ display:block; margin:0 auto 10px;}
.m2_l ul li a{ color:#fff; text-decoration:none;}
.m2_l ul li:hover{ background:url(../images/ic_bg.png) no-repeat;}
.m2_r{ width:385px; float:right;}
.m2_r li{ line-height:40px; font-size:18px; color:#fff;}
.m2_r li a{ color:#fff; text-decoration:none;}
.m2_r li i{ background:url(../images/r_bg.png) no-repeat; width:40px; height:40px; display:inline-block; margin:15px 10px 15px 0;}
.m2_r li.m2_li1 i{ background-position:0 -40px;}
.m2_r li.m2_li2 i{ background-position:0 -120px;}
.m2_r li.m2_li3 i{ background-position:0 -200px;}
.m2_r li.m2_li4 i{ background-position:0 -280px;}
.m2_r li a:hover{ color:#d4424b}
.m2_r li.m2_li1 a:hover i{ background-position:0 0;}
.m2_r li.m2_li2 a:hover i{ background-position:0 -80px;}
.m2_r li.m2_li3 a:hover i{ background-position:0 -160px;}
.m2_r li.m2_li4 a:hover i{ background-position:0 -240px;}

.nav li.gwy{ position:relative;}
.nav li.gwy .dfgwy{ width:480px; position:absolute; top:40px; background:#fff; padding:15px 20px; border-radius:10px; z-index:9; border:1px solid #ccc; display:none;}
.nav li.gwy .dfgwy a{ color:#666666; font-size:16px; line-height:32px; display:inline-block; margin:0 10px;}
.nav li.gwy .dfgwy a:hover{ color:#e60000; text-decoration:underline;}
.nav li.gwy.active .dfgwy{ display:block;}

/*footer*/
.copyRight,.offcnCopy{ background:#444546; font-size:12px;}
.offcnCopy{padding:45px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}
img[src^="http://dt.offcn.com/"]{display: none !important;}