html{ margin:0 auto; padding:0 auto; font-size:15px;}
*{margin:0 auto; padding:0; font-family:"微软雅黑"; }
body{margin:0 auto; padding:0 auto;overflow-x:hidden;}
img{border:0;}
ul {margin:0; padding:0;}
ul li{list-style:none;}
a{ text-decoration: none;}
.clearAll{clear: both;}
footer{ clear:both;}
.clear{ clear:both;}
/* css样式开始 */
/* layer样式修改 */
header .layui-nav {position: relative; padding: 0 20px; /*background-color: #ff7b9a;*/background-color: #5165f9; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box; height: 50px;}
header .layui-nav .layui-nav-item{ line-height: 50px; margin-right: 20px;}
header .layui-nav-child{ top: 55px;}
header .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background-color:#006;}
header .layui-nav .layui-nav-child a:hover{ background-color: #e40237; color: #fff;}
/* swiper样式修改 */
section.header_banner .swiper-pagination-bullet-active{ background: #e40237;}
/* 大量公共样式 */
.pc_center{width: 1200px;margin: 0 auto;text-align: center;}
/* 头部样式start */
header{width: 100%;}
header .content,footer .content{width: 1200px; margin: 0 auto;}
header .content>.layui-nav{text-align: center;}
header .content>.layui-nav img{width: 50px;cursor:pointer;z-index: 9999999;}
header .content>.layui-nav .layui-nav-item a{font-size: 16px;}
header .content>.layui-nav .layui-nav-item dl dd a{font-size: 16px;}
header .top{width: 100%;height: 50px;background-color: #e40237;}
header .top .content{width: 1200px;margin: 0 auto;}
header .top .content span{line-height: 50px;color: #fff;}
header .top .content span.left{float: left;}
header .top .content span.right{float: right;}
header .logo .content img{margin-left: 100px;}
header nav{ /*background-color: #ff7b9a;*/background-color: #5165f9; text-align:left;height: 50px}
section.header_banner{width: 100%;height: auto;position: relative;}
section.header_banner a img{width: 100%;}
header .content .right{float:right; font-size:25px; margin-top:15px; color:#F00; margin-right:150px;}
/* 头部样式end */
/*logo start*/
header .content>.layui-nav .layui-nav-item{
    width: 120px;
}
header .content>.layui-nav .layui-nav-item:last-child{
    margin-right: 0;
}
header .content>.layui-nav img{
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
header .content>.layui-nav img.active{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    transform: scale(5);
}
header .content>.layui-nav img.active2{
    top: 140px;
    transform: scale(0);
}
.my_page header .content>.layui-nav img.active2{
    top: 25px;
}
section.logo{
    position: relative;
}
section.logo>div.box{
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: #666;
    z-index: 999;
    opacity: 0.7;
}
section.logo>div.content{
    position: fixed;
    width: 900px;
    height: 600px;
    /*background: url("../images/logo_bg.png") top no-repeat;*/
    background-size: 100% 100%;
    z-index: 999;
    top:50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -300px;
}
section.logo>div.content a.myClose{
    color: #FFF;
    position: relative;
    right: -90%;
    top: 10%;
    font-size: 25px;
}
section.logo>div.content .my-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    border: 2px #fff dashed;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    animation:my_rotate 10s linear infinite;
    -webkit-animation:my_rotate 10s linear infinite;
    -moz-animation:my_rotate 10s linear infinite;
    -o-animation:my_rotate 10s linear infinite;
    transform-origin: 50% 50%;
}
.content .my-nav dd{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    animation:my_rotate1 10s linear infinite;
    -webkit-animation:my_rotate1 10s linear infinite;
    -moz-animation:my_rotate1 10s linear infinite;
    -o-animation:my_rotate1 10s linear infinite;
    cursor: pointer;
    color: #e40237;
}
.content .my-nav dd:hover{
    background-image: url("../images/my-nav.gif");
    background-size: 100% 100%;
    color: #fff;
}
section.logo>div.content .my-nav:hover,section.logo>div.content .my-nav:hover dd{
    animation-play-state:paused;
    -webkit-animation-play-state:paused; /* Safari 和 Chrome */
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
}
.content .my-nav dd.circle-1{
    left: 160px;
    top: -40px;
}
.content .my-nav dd.circle-2{
    left: 333px;
    top: 60px;
}
.content .my-nav dd.circle-3{
    left: 333px;
    top: 260px;
}
.content .my-nav dd.circle-4{
    left: 160px;
    top: 360px;
}
.content .my-nav dd.circle-5{
    left: -13px;
    top: 260px;
}
.content .my-nav dd.circle-6{
    left: -13px;
    top: 60px;
}
/*logo end*/
/* 中间部分样式start */
section.main{width: 100%; background-color: #f4f4f4; min-height: 500px;}
section.main .floor1{border-bottom: 1px solid #666;width: 980px;}
section.main .floor1 dl dd{display: inline-block;padding: 25px;}
section.main .floor1 dl dd h3{margin: 8px 0 0;color: #e40237;font-weight: blod;}
section.main .floor1 dl dd p{padding: 2px 0 0;}
/* index */
section.main .floor2{ font-size:50px; color:#e40237; font-family:"微软雅黑"; margin:40px auto; font-weight:bold;}
section.main .floor21{ width:1200px; height:450px; margin:auto;}
section.main .pc_center:not(.love3) .floor21 dd{ width:280px; height:400px; float:left; background:#FFF; margin:0 10px;}
section.main .pc_center:not(.love3) .floor21 dd:hover{ background:#ee4a4c;}
section.main .pc_center:not(.love3) .floor21 dd:hover .floor22,section.main .pc_center:not(.love3) .floor21 dd:hover .floor23{ color:#fff;}
section.main .pc_center:not(.love3) .floor21 dd:hover .floor24{ background:#fff; color:#e40237;}
section.main .pc_center:not(.love3) .floor21 .floor22 { font-size:30px; color:#e40237; font-weight:bold; padding:10px 0;}
section.main .pc_center:not(.love3) .floor21 .floor23 { width:260px; height:100px; margin:auto; font-size:14px; text-align:left; line-height:24px;}
section.main .pc_center:not(.love3) .floor21 .floor24 { width:150px; height:32px; background:#e40237; border-radius:10px; display:block; color:#FFF; font-size:18px; padding-top:8px;}

section.main .floor3{ width:100%; height:959px; background:url(../images/weiji_bg.jpg);}
section.main .floor32{ font-size:50px; color:#e40237; font-family:"微软雅黑"; margin:0 auto; font-weight:bold; padding:30px 0; }
section.main .floor33{ height:700px; margin-top:25px;}
section.main .floor34{ width:450px; float:left; height:700px;}
section.main .floor34 dl{ width:450px; height:auto;}
section.main .floor34 dl dd{ float:left; width:208px; height:299px; background:#ffeaea; margin:10px 0px 10px 11px;}
section.main .floor34 .floor341{ width:96px; height:96px; margin:30px auto;}
section.main .floor34 .floor342{ font-size:30px; margin:20px 0;}
section.main .floor34 .floor343{ color:#666; width:180px; font-size:16px; margin:20px auto;}
section.main .floor34 .floor344{ color:#fe5689;}
section.main .floor34 .floor345{ color:#fe55e4;}
section.main .floor34 .floor346{ color:#56c9fe;}
section.main .floor34 .floor347{ color:#fe7e58;}
section.main .floor35{ float:left; width:300px; height:618px; margin-top:10px;}
section.main .floor36{ width:350px; height:52px; clear:both; background:#e40237; border-radius:10px; display:block; color:#FFF; font-size:30px; padding-top:8px;}
/*添加*/
section.main .floor34 .floor341{
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
section.main .floor34 dl dd{
    position: relative;
    overflow: hidden;
}
section.main .floor34 dl dd:hover p.floor341{
    height: 60px;
    width: 60px;
}
section.main .floor34 dl dd a.button{
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    font-size: 15px;
    padding: 8px 0px;
    width: 90px;
    background-color: #e40237;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: -40px;
	line-height:inherit;
	height:auto;
}
section.main .floor34 dl dd:hover a.button{
    bottom: 20px;
}
.layui-nav .layui-nav-child dd.layui-this a{
    background-color: #e40237;
}
.business_click{cursor: pointer;}

section.main .floor4{ height:600px; margin-top:30px;overflow: hidden;}
section.main .floor4 .box{overflow: hidden;}
section.main .floor41{ width:900px; height:300px; margin:auto; background:#e40237; border-radius:20px; margin-bottom:40px;}
section.main .floor41 .floor411{ width:320px; height:480px; float:left;}
section.main .floor41 .floor411 p{margin: 10px auto;background-color: #e5e5e5;width: 180px;height:125px;overflow: hidden;}
section.main .floor41 .floor411 img{ padding-top:10px; width:144px; margin:auto;}
section.main .floor41 .floor411 .floor412{ display:block; color:#e40237; font-weight:bold; width:150px; height:30px; text-align:center; font-size:16px; background:#FFF; border-radius:10px; margin:20px auto 0 auto; padding-top:10px;}
section.main .floor41 .floor413{ width:1px; height:300px; float:left; padding-top:0px;overflow: hidden}
section.main .floor41 .floor413 img{height: 100%}
section.main .floor41 .floor414{ width:459px; height:360px; float:right; margin-top:60px; padding-right:60px; text-align:left;}
section.main .floor41 .floor414 .floor4141{ font-size:30px; color:#fff;}
section.main .floor41 .floor414 .floor4142{ font-size:18px; color:#fff; text-indent:2em; margin:20px 0; line-height:28px;}
section.main .floor41 .floor415{ width:100%; height:100%; }

section.main .floor5{ width:100%; height:880px; background:url(../images/xm_bg.jpg) no-repeat; background-size:100%;}
section.main .floor51{ width:1200px; height:700px; margin-top:40px;}
section.main .floor51 dd{ width:258px; height:318px; float:left; background:#fff; border:#e40237 1px solid; margin:10px 20px;}
section.main .floor51 dd .floor511{ margin:10px 0;}
section.main .floor51 dd .floor512{ font-size:20px; color:#e40237; margin-bottom:20px;}
section.main .floor51 dd .floor513{ width:180px; height:60px; margin:10px auto 20px auto; font-size:16px; line-height:25px; margin-bottom:40px;}
section.main .floor51 dd .floor514{ display:block; width:150px; height:30px; background:#FFF; border:#e40237 1px solid; padding-top:5px; font-size:18px;}
section.main .floor51 dd:hover .floor514{ background:#e40237; border:#e40237 1px solid; color:#fff;}

section.main .floor6{ width:100%; height:580px; background:url(../images/lc_bg.jpg) no-repeat; background-size:100% 100%; margin:40px 0; position:relative;}
section.main .floor61{ width:300px; color:#fff; font-size:60px; font-weight:bold; margin:auto; padding-top:50px;}
section.main .floor62{ width:1200px; height:180px; margin:80px auto;}
section.main .floor62 dd{ width:150px; height:150px; background:url(../images/quan.png) no-repeat; background-size:100%; float:left; margin:0 20px;}
section.main .floor62 dd span{ display:block; width:90px; height:120px; color:#fff; font-size:20px; padding-top:50px;}
section.main .floor63{ display:block; clear:both; width:300px; height:44px; padding-top:10px; background:#e40237; font-size:24px; border-radius:10px; color:#fff; position:absolute; bottom:55px;left:50%;margin-left:-100px}
section.main .floor7{ height:880px; background:url(../images/ys_bg.jpg) no-repeat; background-size:100%; margin:20px auto;}
section.main .floor71{ width:960px; height:500px; margin:auto;}
section.main .floor71 dd{ width:280px; height:32 0px; background:#e40237; color:#fff; float:left; margin:20px 20px;}
section.main .floor71 dd:hover { background:#fff; color:#e40237;}
section.main .floor71 dd .floor711{ font-style:italic; font-size:100px; font-weight:900; font-family:"Arial"}
section.main .floor71 dd .floor712{ font-size:30px; margin:20px auto;}
section.main .floor71 dd .floor713{ font-size:16px; width:200px; height:100px; margin:auto; line-height:25px;}
/* index end*/

/* love*/
section.main .love1{ height:700px; margin-top:40px;}
section.main .love1 dd{ width:260px; height:260px; background:#fff; border-radius:50%; border:#e40237 1px solid; color:#e40237; float:left; margin:20px 10px;cursor:pointer;}
section.main .love1 dd:hover{ background:#e40237; color:#fff;}
section.main .love1 dd .love11{ font-size:40px; padding-top:50px; margin-bottom:30px;}
section.main .love1 dd .love12{ font-size:18px; width:180px; height:150px; margin:auto; line-height:25px;}
section.main .love2{ width:100%; height:650px; background:url(../images/sz_bg.jpg) no-repeat; background-size:100%;}
section.main .love21{ font-size:35px; color:#e40237; width:200px; margin:auto; padding:30px 0;}
section.main .love22 { width:1200px; height:500px; margin:auto;}

section.main .love3 .floor21 dd{ width:280px; height:400px; float:left; background:#FFF; margin:0 10px;}
section.main .love3 .floor21 .floor22 { font-size:30px; color:#000; font-weight:bold; padding:10px 0;}
section.main .love3 .floor21 .floor23 { width:260px; height:100px; margin:auto; font-size:14px; text-align:left; line-height:24px;}
section.main .love3 .floor21 .floor24 { width:150px; height:32px; background:#fff; border:#e40237 1px solid; border-radius:10px; display:block; color:#e40237; font-size:18px; padding-top:8px;}
section.main .love3 .floor21 dd:hover .floor24{ background:#e40237; color:#fff;}

section.main .love4{height:840px;}
section.main .love4 .love41{ width:100%; height:600px;}
section.main .love4 .love41 .love411{ width:700px; height:200px; float:left; margin-top:20px;}
section.main .love4 .love41 .love411 .love412{ width:660px; height:200px; margin:auto;}
section.main .love4 .love41 .love411 .love412 .love413{ width:300px; height:200px; float:left;overflow: hidden;}
section.main .love4 .love41 .love411 .love412 .love414{ width:360px; height:160px; float:left; padding:20px 0; text-align:left;}
section.main .love4 .love41 .love411 .love412 .love415{ font-size:18px; font-weight:bold; text-align:center;}
section.main .love4 .love41 .love411 .love412 .love416{ width:330px; height:100px; font-size:14px; color:#666; text-indent:2em; margin:auto; padding:10px 0; line-height:24px;}
section.main .love4 .love41 .love411 .love412 .love417{ display:block; padding-left:30px; padding-top:10px; color:#e40237;}
section.main .love4 .love41 .love411 .love412 .love418{ width:500px; height:600px; float:right; clear:both;}
section.main .love4 .love41 .love411 .love412 .love418 img{ width:500px; height:600px;}
/* love end*/

/* success */
section.main .success,section.main .media{ width:100%; height:auto; margin-top:40px; margin-bottom: 20px;background:#fff;overflow: hidden}
section.main .success1,section.main .media .media1{ width:1200px; height:50px; margin:auto; font-size:24px; border-bottom:#d3d1d1 1px solid;}
section.main .success1,section.main .media .media1.special{ height: auto; border:none;padding-bottom: 20px;}
section.main .success1 a{ float:left; display:block;}
section.main .success1 .my-nav{font-size: 15px;display: inline-block;line-height: 50px}
section.main .success11,section.main .media11{ width:30px; height:40px;}
section.main .success12,section.main .media12{ width:180px; height:35px; color:#e4004b; font-size:30px;}
section.main .success13{ width:180px; height:30px; padding-top:8px;}
section.main .success14{ color:#e4004b;}
section.main .success2{ width:1150px; height:1300px; margin:auto; margin-top:30px;}
section.main .success2 .success21{ width:800px; height:1200px; float:left;}
section.main .success2 .success21 dd{ width:800px; height:240px; border-bottom:#dfdfdf 1px dashed;}
section.main .success2 .success21 .success211{ width:300px; height:200px; float:left; padding-top:15px; clear:both; margin-top:10px;overflow: hidden}
section.main .success2 .success21 .success212{ width:460px; height:200px; float:right; padding-right:15px;}
section.main .success2 .success21 .success212 .success2121{ color:#000; font-weight:bold; padding:25px 0; font-size:16px;cursor:pointer;}
section.main .success2 .success21 .success212 .success2122{ color:#666; text-indent:2em;}
section.main .success2 .success21 .success212 .success2123{ padding:20px 0; font-size:16px;}
section.main .success2 .success21 .success212 .success2123 span{ padding-right:5px;}
section.main .success2 .success21 .success212 .success2124{ display:block; color:#e4004b; padding:20px 0; font-size:16px; text-align:right;}
section.main .success2 .success22{ width:330px; height:auto; float:right;}
section.main .success2 .success22 .success221{ width:330px; height:200px;}
section.main .success2 .success22 .success222{ width:330px; height:400px; margin-top:30px; background:#f4f4f4;}
section.main .success2 .success22 .success222 a{ display:block; width:100px; height:28px; margin:10px auto; padding-top:25px; font-size:24px;}
section.main .success2 .success22 .success222 a:hover{ color:#e4004b;}
section.main .success2 .success22 .success223{ width:330px; height:550px; margin-top:30px; background:#f4f4f4;}
section.main .success2 .success22 .success2231{ width:290px; height:45px; color:#e4004b; font-size:25px; padding-top:20px; margin:auto; border-bottom:#ccc 1px solid;}
section.main .success2 .success22 .success2232{ width:300px; height:230px; margin:auto; margin-top:20px;}
section.main .success2 .success22 .success223 dl{ width:290px; height:255px; margin:20px auto;}
section.main .success2 .success22 .success223 dl dd{ width:290px; height:35px; font-size:16px; overflow:hidden;}
section.main .success2 .success22 .success223 dl dd a:hover,section.main .success2 .success22 .success223 dl dd span{ color:#e4004b;}
/* success end */

/* separation */
section.main .separation1{ width:1200px; height:350px; margin:auto;}
section.main .separation1 dd{ width:267px; height:267px; float:left; margin:0 15px;cursor: pointer;}
section.main .separation1 dd p{ padding-top:292px; font-size:16px;}
section.main .separation1 .separation11{ background:url(../images/1.png) no-repeat; background-size:100%;}
section.main .separation1 .separation11 img,section.main .separation1 .separation12 img,section.main .separation1 .separation13 img,section.main .separation1 .separation14 img{ display:none;}
section.main .separation1 .separation11:hover img,section.main .separation1 .separation12:hover img,section.main .separation1 .separation13:hover img,section.main .separation1 .separation14:hover img{ display:block;}
section.main .separation1 .separation11:hover p,section.main .separation1 .separation12:hover p,section.main .separation1 .separation13:hover p,section.main .separation1 .separation14:hover p{ padding-top:25px;}
section.main .separation1 .separation12{ background:url(../images/2.png) no-repeat; background-size:100%;}
section.main .separation1 .separation13{ background:url(../images/3.png) no-repeat; background-size:100%;}
section.main .separation1 .separation14{ background:url(../images/4.png) no-repeat; background-size:100%;}
section.main .separation2{ height:700px;}
section.main .separation21{ width:600px; height:600px; float:left;}
section.main .separation21 .separation211{ width:450px; height:450px; border:#666 1px dashed; border-radius:50%; margin:50px auto; position:relative;}
section.main .separation21 .separation211 dd{ width:100px; height:100px;}
section.main .separation21 .separation211 .separation2111{ position:absolute; top:-51px; left:179px;}
section.main .separation21 .separation211 .separation2112{ position:absolute; top:60px; left:368px;}
section.main .separation21 .separation211 .separation2113{ position:absolute; top:300px; left:370px;}
section.main .separation21 .separation211 .separation2114{ position:absolute; top:382px; left:169px;}
section.main .separation21 .separation211 .separation2115{ position:absolute; top:283px; left:-27px;}
section.main .separation21 .separation211 .separation2116{ position:absolute; top:73px; left:-22px;}
section.main .separation22{cursor: pointer;width:600px; height:600px; float:right; background:#f4f4f4;}
section.main .separation22 .separation221{ width:600px; height:40px; text-align:center; border-bottom:#ccc 1px solid; font-size:24px; margin-top:10px;}
section.main .separation22 .separation222{ width:600px; height:480px; text-align:left; font-size:16px; margin-top:20px;}
section.main .separation22 .separation222 dd{ width:600px; height:80px; color:#666;}
section.main .separation22 .separation223{ font-size:24px; color:#e40237;}
section.main .separation3 { width:100%; height:780px; background:url(../images/fwlx.png) no-repeat;}
section.main .separation3 .separation31 { padding-top:20px;}
section.main .separation3 .separation32 { width:1200px; height:600px;}
section.main .separation3 .separation32 dd{ width:258px; height:498px; float:left; border:#e6e5e4 1px solid; margin:0 20px;cursor: pointer}
section.main .separation3 .separation32 dd .separation322{ width:258px; height:55px; background:#e6e5e5; padding-top:25px; color:#717171; text-align:center;}
section.main .separation3 .separation32 dd div .separation321{ font-size:24px; color:#000;}
section.main .separation3 .separation32 dd .separation322{ width:258px; height:55px; background:#e6e5e5; padding-top:25px; color:#717171; text-align:center;}
section.main .separation3 .separation32 dd p{ width:258px; height:50px; font-size:18px; margin:30px auto;}
/*hover效果*/
section.main .separation3 .separation32 dd:hover .separation322,
section.main .separation3 .separation32 dd:hover .separation321{ background:#e40237;color: #fff;}
section.main .separation3 .separation32 dd:hover{ border:#e40237 1px solid;}
section.main .separation4{ height:650px; margin-top:30px;}
/* separation end */
/*旋转start*/
section.main .separation21 .separation211{
    animation:my_rotate 10s linear infinite;
    -webkit-animation:my_rotate 10s linear infinite;
    -moz-animation:my_rotate 10s linear infinite;
    -o-animation:my_rotate 10s linear infinite;
    transform-origin: 50% 50%;
}
section.main .separation21 .separation211 dl dd{
    animation:my_rotate1 10s linear infinite;
    -webkit-animation:my_rotate1 10s linear infinite;
    -moz-animation:my_rotate1 10s linear infinite;
    -o-animation:my_rotate1 10s linear infinite;
}
/*动画关键帧*/
@keyframes my_rotate{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes my_rotate1{
    from {transform:rotate(0deg);}
    to {transform:rotate(-360deg);}
}
/*旋转end*/

/* marriage */
section.main .marriage{ height:525px; margin-top:40px;}
section.main .marriage .marriage1{ width:440px; height:525px; float:left; background:url(../images/1.1.png) no-repeat; background-size:100%; margin:0 30px;}
section.main .marriage .marriage1 .marriage11{ width:440px; height:80px; background:#e40237; margin-top:425px; padding-top:20px;}
section.main .marriage .marriage1 .marriage11 p{ font-size:20px; color:#fff;}
section.main .marriage .marriage1 .marriage11 .marriage111{ display:block; width:140px; height:30px; margin: 10px auto; border-radius:5px; color:#e40237; background:#fff; font-size:20px;}
section.main .marriage2{ width:700px; height:525px; float:right;}
section.main .marriage2 dd{ cursor: pointer;float:left; width:300px; height:240px; font-size:18px; text-align:left; margin:10px 25px; color:#666;}
section.main .marriage2 dd p{ margin-top:10px;}
section.main .marriage2 dd p span{ font-size:24px; color:#e40237;}
section.main .marriage2 dd p span strong{ color:#a1a0a1;}
section.main .marriage2 dd .marriage21{ font-size:30px; color:#000;}
section.main .marriage3{ width:100%; height:600px; background:#edd4e4; margin-top:50px;}
section.main .marriage31{ font-size:24px; margin-top:-15px;}
section.main .marriage32{ width:1200px; height:230px; margin:40px 0;}
section.main .marriage32 dd{ float:left; width:200px; height:200px; margin:0 20px;cursor:pointer}
section.main .marriage33{ width:400px; height:40px; margin:auto; font-size:24px; color:#e40237;}
section.main .marriage34{ display:block; width:400px; height:40px; margin:auto; background:#e40237; color:#fff; border-radius:10px; font-size:24px; padding-top:10px; margin-top:20px;}
section.main .marriage4{ height:650px;}
section.main .marriage41{ width:1200px; height:500px;}
section.main .marriage41 dd{ width:260px; height:500px; float:left; background:#fff; margin:0 20px;}
section.main .marriage41 dd:hover { box-shadow: 0 0 15px #4E4E4E}
section.main .marriage41 dd .marriage411{ width:260px; height:auto;}
section.main .marriage41 dd .marriage412{ width:260px; font-size:24px; margin:20px 0;}
section.main .marriage41 dd .marriage413{ width:200px; height:50px; border-bottom:#d8d8d8 1px solid; padding-left:20px; margin:auto; text-align:left; line-height:23px;}
section.main .marriage41 dd .marriage414{ color:#ee4a4c; width:200px; height:30px; margin:auto; font-size:16px;}
section.main .marriage41 dd .marriage415{ width:200px; height:110px; margin:auto; text-align:left; line-height:23px;}
section.main .marriage41 dd .marriage416{ display:block; width:160px; height:30px; border:#e40237 1px solid; border-radius:5px; margin:10px auto; color:#e40237; text-align:center; font-size:20px;}
section.main .marriage41 dd a:hover{ background:#e40237; color:#fff;}
/* marriage end */
/* recruit */
section.recruit{ width:100%; padding-top:30px; background:#f4f4f4;}
section.recruit .recruit1{ width:1200px; background:#fff; padding:20px 0; margin:auto;}
section.recruit .recruit11{ width:1200px; height:50px; text-align:center; font-size:24px;}
section.recruit .recruit12{ width:1100px; font-size:18px; margin:10px auto;}
section.recruit .recruit12 dd{ margin:40px 0;}
section.recruit .recruit12 p{ margin:5px 0;}
section.recruit .recruit12 span{ color:#e40237;}
/* recruit end */

/* article */
section.main .article0{ margin-bottom:20px;}
section.main .article{ width:798px; height:auto; float:left; border:#a09d9e 1px solid;}
section.main .article .article1{ width:739px; margin:auto; height:auto; /*text-align:center;*/ padding:20px 0;}
section.main .article .article1 .article11{ font-size:24px; margin:20px 0;text-align: center}
section.main .article .article1 .article11+p{text-align: center}
section.main .article .article1 .article12{ width:739px; height:90px; margin: 40px auto; padding-top:30px; border-top:#d4d3d3 1px solid; border-bottom:#d4d3d3 1px solid; text-align:left;}
/*section.main .article .article1 p span{ color:#e40237;}*/
section.main .article .article2{ text-align:left;}
/* article end */

/* family */
section.main .family{ height:700px; background:url(../images/jtgx_bg.png) no-repeat; background-size:100%; margin:40px auto;}
section.main .family .family1{ width:100%; height:300px; margin:30px auto;}
section.main .family .family1 dd{ float:left; width:240px; height:400px; margin:0 30px;}
section.main .family .family1 dd .family11{ width:240px; height:240px;}
section.main .family .family1 dd .family12{ font-size:24px; color:#e40237; margin:20px auto;}
section.main .family .family1 dd .family13{ font-size:16px; color:#666;}
section.main .family .family14{ clear:both; display:block; width:300px; height:40px; font-size:24px; text-align:center; background:#e40237; border-radius:5px; padding-top:10px; color:#fff;}
section.main .family2{ width:1200px; height:500px; margin-top:20px;}
section.main .family2 .family21{ width:600px; height:500px; float:left;}
section.main .family2 .family22{ width:590px; height:500px; float:right; font-size:18px; margin-left:10px;}
section.main .family2 .family22 dd{ width:590px; height:80px; margin:20px 0;}
section.main .family2 .family23{ float:left; width:159px; height:69px;}
section.main .family2 .family24{ float:right; width:421px; height:59px; margin-left:10px; text-align:left; background:#fff; padding-top:10px;}
section.main .family3{ width:100%; height:630px; background:url(../images/dz_bg.png) no-repeat; background-size:100% 100%; padding-top:30px;}
section.main .family31{ width:1200px; height:500px; margin-top:40px;}
section.main .family31 dd{ width:290px; height:220px; float:left; margin:5px; background:#fff; font-size:16px;}
section.main .family31 dd .family311{ font-size:24px; padding:20px 0;}
section.main .family31 dd .family312{ width:250px; margin:auto; line-height:24px;}
section.main .family31 dd .family313{ display:block; width:150px; height:30px; margin: 20px auto; border:#e40237 1px solid; border-radius:5px; color:#e40237; padding-top:8px;}
section.main .family31 dd .family313:hover{ background:#e40237; color:#fff;}
/* family end */

/* media */
section.main .media .media1 .media13{ width:1200px; height:auto; margin-top:40px;}
section.main .media .media1 .media13 dd{ width:358px; height:358px; float:left; background:url(../images/gp.png) no-repeat; margin:20px; border:#ccc solid 1px;cursor: pointer;}
section.main .media .media1 .media13 .media131{ text-align:center; padding-top:65px; color:#e20303;}
section.main .media .media1 .media13 .media132{ width:123px; height:137px; padding-left:20px; padding-top:8px;}
section.main .media .media1 .media13 .media133{ text-align:center; padding-top:10px; color:#e20303;}
section.main .media .media1 .media14,section.main .success .success3{ clear:both; width:800px; height:auto; margin:auto; text-align:center; font-size:16px;}
section.main .media .media1 .media14 a,section.main .success .success3 a{ width:80px; height:20px; border:#d4d3d3 1px solid; margin-left:5px; color:#d4d3d3;}
section.main .media .media1 .media14 a:hover,section.main .success .success3 a:hover{ width:80px; height:20px; border:#e40237 1px solid; margin-left:5px; color:#e40237;}
/* media end */

/* expert */
section.main .expert { height:auto; margin:40px auto;}
section.main .expert .expert1{ width:1200px; height:500px;}
section.main .expert .expert2{ width:1160px; height:auto; margin:40px auto 0 auto;overflow: hidden;}
section.main .expert .expert2 dl{overflow: hidden;}
section.main .expert .expert2 dd{ width:358px; height:548px; background:#fff; border-radius:20px; float:left; margin:10px; border:#666 1px solid;position: relative;}
section.main .expert .expert2 dd:hover{border:#e40237 1px solid;}
section.main .expert .expert2 dd img{ width:100%;}
section.main .expert .expert2 dd  p span{ display:inline-block; width:358px; height:250px; overflow:hidden;border-radius:20px 20px 0 0;}
section.main .expert .expert2 dd .expert21{ font-size:24px; color:#e40237; margin:20px auto;}
section.main .expert .expert2 dd .expert22{ width:300px; text-align:left; line-height:28px; margin:20px auto;text-indent: 2em}
section.main .expert .expert2 dd .expert23{ display:block; width:150px; height:30px; color:#fff; background:#e40237; padding-top:10px;position: absolute;left: 50%;bottom: 10px;margin-left: -75px;}
section.main .expert3{ width:100%; height:600px; margin:30px auto 0 auto; padding-top:80px; background:url(../images/zj_bg.jpg) no-repeat;}
section.main .expert3 .expert31{ width:1200px; height:500px; margin:auto; text-align:left; line-height:28px;}
section.main .expert3 .expert31 .expert311{ float:left; width:530px; height:500px; background:#ee6182; color:#fff; padding:0 35px;}
section.main .expert3 .expert31 .expert311 div{ font-size:24px; margin:30px 0; font-weight:bold;}
section.main .expert3 .expert31 p{ font-size:18px; margin:30px 0; text-indent:2em;}
section.main .expert3 .expert31 .expert312{ float:right; width:520px; height:500px; background:#fff; padding:0 40px;}
section.main .expert3 .expert31 .expert312 div{ font-size:24px; margin:30px 0; color:#e40237; font-weight:bold;}
/* expert end */
/*添加*/
section.main .expert .expert2 dd  p span{
    background-color: #e5e5e5;
    cursor: pointer;
}
section.main .expert .expert2 dd  p span img{
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 50%;
}
section.main .expert .expert2 dd:hover  p span img{
    width: 80%;
    transition: width 0.5s;
}

/* customize */
section.main .customize{height:auto;}
section.main .customize1{ width:1200px; height:auto; padding-bottom:40px;}
section.main .customize1 dd{ width:258px; height:258px; background:#fff; border:#e40237 1px solid; float:left; margin:20px;cursor: pointer;}
section.main .customize1 dd .customize11{ width:85px; height:79px; padding:10px 0; margin:auto;}
section.main .customize1 dd .customize12{ font-size:24px; padding:10px 0;}
section.main .customize1 dd .customize13{ width:200px; font-size:20px; padding:10px 0; margin:auto; line-height:30px; color:#666;}
section.main .customize2{ width:100%; height:630px; background:url(../images/bz_bg.jpg) no-repeat; background-size:100%;}
section.main .customize21{ text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0; text-stroke:#fff 1px;}
section.main .customize22{ width:1200px; height:auto;}
section.main .customize22 .customize221{ width:298px; height:398px; background:#fe8db2; color:#fff; float:left; border:#d6d5d5 1px solid;}
section.main .customize22 .customize221 .customize2211{ font-size:24px; padding-top:150px; padding-bottom:40px;}
section.main .customize22 .customize221 .customize2212{ width:200px; margin:auto; text-align:left;}
section.main .customize22 dl{ width:900px; height:400px; float:left;}
section.main .customize22 dl dd{ width:88px; height:398px; float:left; background:#fff; border:#d6d5d5 1px solid; writing-mode:vertical-lr; padding-left:60px; font-size:24px; font-weight:bold;letter-spacing:8px;}
section.main .customize22 dl dd:hover{ background:#fe8db2; border:#fe8db2 1px solid;}
section.main .customize3{ height:auto;}
section.main .customize3 .customize31{ width:1200px; height:auto;}
section.main .customize3 .customize31 dd a{ width:250px; height:30px; background:#fff; color:#e40237; border:#e40237 1px solid; padding-top:10px; float:left; margin:20px;}
section.main .customize3 .customize31 dd a:hover{ background:#e40237; color:#fff;}
/* customize end */

/* capture */
section.main .capture1{ width:1200px; height:auto;}
section.main .capture1 dd{ width:360px; height:530px; float:left; margin:20px;}
section.main .capture1 dd:hover {}
section.main .capture1 dd img{ width:358px; height:358px; border-radius:50%; border:#f4f4f4 1px solid;}
section.main .capture1 dd img:hover,section.main .capture1 dd:hover img{ width:358px; height:358px; border:#e40237 1px solid;}
section.main .capture1 dd .capture11{ font-size:30px; margin:20px 0;}
section.main .capture1 dd .capture12{ color:#666; width:200px; margin:20px auto;}
section.main .capture1 dd .capture13{ width:360px; height:50px; clear:both; padding-top:10px;}
section.main .capture1 dd:hover .capture13{ background:#e40237; color:#fff;}
section.main .capture1 dd .capture13 li{ width:40px; height:40px; text-align:center; float:left; padding:0px 16px 0px 15px; border-right:#666 1px solid;}
section.main .capture1 dd:hover .capture13 li{ border-right:#fff 1px solid;}
section.main .capture1 dd .capture13 li:last-child{border-right:none;}
section.main .capture2{ width:100%; height:700px; background:url(../images/capture_bg.png) no-repeat; background-size:100%; margin:40px auto;}
section.main .capture2 .capture21{ padding-top:40px; font-size:24px;}
section.main .capture2 .capture22{ height:auto; margin-top:50px;}
section.main .capture2 .capture22 dd{ width:258px; height:198px; border:#e40237 1px solid; color:#666; margin:20px; float:left; background-color:rgba(255,255,255,0.5);cursor:pointer;}
section.main .capture2 .capture22 dd:hover{ box-shadow:2px 2px 5px #df3d63; background-color:#fff;}
section.main .capture2 .capture22 dd .capture221{ font-size:30px; color:#e40237; margin:30px auto;}
section.main .capture2 .capture22 dd .capture222{ font-size:18px; width:170px; height:auto; margin:auto; line-height:25px;}
section.main .capture3{ width:1200px; height:auto;}
section.main .capture3 dd{ width:358px; height:298px; float:left; background:#fff; border:#e40237 1px solid; color:#666; margin:20px;cursor: pointer;}
section.main .capture3 dd .capture31{ width:79px; height:89px; margin:20px auto;}
section.main .capture3 dd .capture32{ font-size:30px; color:#e40237; margin:30px;}
section.main .capture3 dd .capture33{ font-size:18px; width:220px; margin:auto; line-height:28px;}
/* capture end */

/* contact */
section.main .contact{ width:100%; height:auto; margin:30px auto;}
section.main .contact .contact1{ width:100%; height:100%;}
section.main .contact .contact2{ height:auto; margin:30px auto;}
section.main .contact .contact2 .contact21{ font-size:30px; margin:20px auto;}
section.main .contact .contact2 .contact22{ width:1200px; height:200px; margin: 20px auto; border:#000 1px solid; text-align:left; font-size:18px;}
section.main .contact .contact2 .contact22 div{ font-size:20px; padding-top:35px; padding-left:80px;}
section.main .contact .contact2 .contact22 dl{ width:1040px; margin:20px auto;}
section.main .contact .contact2 .contact22 dl dd{ width:500px; height:30px; float:left; margin:10px 0;}
section.main .contact .contact2 .contact22 dl dd:nth-child(even){ text-align:right}
section.main .contact .contact3{ width:100%; height:75px; background:#a6a6a6;}
section.main .contact .contact3 .contact31{ width:1200px; height:75px; padding-top:20px; font-size:18px; margin:auto;}
section.main .contact .contact3 .contact31 span{ margin:0 20px; color:#fff;}
section.main .contact .contact3 .contact31 .contact311{ width:180px; color:#999; border:#717171 1px solid; height:28px;}
section.main .contact .contact3 .contact31 .contact312{ width:200px; color:#999; border:#717171 1px solid; height:28px;}
section.main .contact .contact3 .contact31 .contact313{ width:120px; color:#fff; background:#e40237; height:35px; margin-left:20px; cursor:pointer;}
section.main .contact4{ height:auto;}
section.main .contact4 dl{ height:288px; border-bottom:#666 1px solid;}
section.main .contact4 dl dd{ width:260px; height:288px; float:left; margin:20px;}
section.main .contact4 dl dd .contact41{ margin:20px 0;}
section.main .contact4 ul{ height:288px;}
section.main .contact4 ul li{ width:360px; height:288px; float:left; margin:20px;}
section.main .contact4 ul li .contact41{ margin:20px 0;}
section.main .contact5{ width:100%; height:700px; background:url(../images/meiti_bg.png) no-repeat;}
section.main .contact5 .contact51{ width:300px; height:100px; margin:20px auto; text-align:center; font-size:35px;}
section.main .contact5 dl{ width:1200px; height:auto; margin:auto;}
section.main .contact5 dl dd{ width:230px; height:150px; float:left; margin:5px;}
/* contact end */

/* brand end */
.brand{ width:100%; height:100%;}
.brand1{background:url(../images/brand1_bg.jpg) no-repeat;}
.brand11{ width:1200px; height:80%; margin:auto;}
.brand111{ width:200px; height:10%; margin:auto; font-size:40px; color:#e40237; font-weight:bold; padding:10% 0% 1%;overflow: hidden}
.brand1111{ float:left; width:100px; height:55px; text-align:center; background:#e40237; color:#fff; border-radius:15px; padding-top:3px;}
.brand1112{ float:left; width:95px; height:80%; padding-left:5px;text-align:center}
.brand112{ width:1200px; height:500px;overflow: hidden}
.brand1121{ width:400px; height:100%;overflow: hidden;display: inline-block;vertical-align: top;margin-right: -5px;}
.brand1122{ width:600px; height:360px; text-align:left;display: inline-block; text-indent:2em; color:#fff; padding-top:20px;overflow: hidden;background:rgba(0,0,0,0.5);}
.brand1122 p{ text-indent:2em; width:550px; margin:20px auto;font-size: 16px}
.brand2{ background:url(../images/braand2_bg.jpg) no-repeat;}
.brand211{ font-size:40px; width:1200px; height:10%; margin:auto; font-weight:bold; color:#fff;}
.brand212{ width:1200px; height:80%;}
.brand212 dl{ width:1200px; height:100%;}
.brand212 dd{ float:left; background:url(../images/brad2bg.png) repeat-x; width:230px; height:36%; margin:15px 5px;overflow: hidden}
.brand212 dd .brand2121{ padding-top:6%;}
.brand212 dd .brand2122{ padding-top:10px; width:195px; margin:auto; font-size:13px; line-height:24px; text-align:left;}
.brand212 .brand2123{ width:470px; height:150px; margin:15px 5px;}
.brand212 .brand2124{ width:230px; height:150px; margin:15px 5px;}
.brand212 .brand2125{ padding-top:13%;}
.brand3{background:url(../images/brand3_bg.png) no-repeat;}
.brand31{ font-size:50px;margin-top: 80px}
.brand32{ font-size:20px; width:500px; height:auto; margin:auto; line-height:30px; text-align:left; margin-top:30px;}
.brand33{ width:1200px; height:auto; position:relative;}
.brand331{width: 280px;height: 280px;border-radius: 50%;border: #F00 1px dashed;}
.brand331 img{ width:264px; height:264px; border-radius:50%; padding:8px;}
.brand3311{	position: absolute;top: -460px;left: 36px;}
.brand3312{position: absolute;top: -362px;left: 878px;}
.brand332{width: 170px;height: 170px;border-radius: 50%;border: #F00 1px dashed;}
.brand332 img{ width:150px; height:150px; border-radius:50%; padding:8px;}
.brand3313{position: absolute;top: -27px;left: 640px;}
.brand3314{position: absolute;top: -157px;left: 39px;}
.brand333{width: 135px;height: 135px;border-radius: 50%;border: #F00 1px dashed;}
.brand333 img{ width:120px; height:120px; border-radius:50%; padding:8px;}
.brand3315{position: absolute;top: 3px;left: 370px;}
.brand3316{position: absolute;top: -64px;left: 875px;}
.brand4{ background:url(../images/braand4_bg.jpg) no-repeat;}
.brand41{ font-size:50px; color:#e40237; text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; font-weight:bold; padding-top:30px; letter-spacing:8px;}
.brand42{ text-indent:2em; margin-top:15px; text-align:left; color:#fff; font-size:16px;}
.brand42 p{ margin:10px auto;}
/*.brand43{ width:1200px; height:auto; margin:auto;}
.brand43 dd{ float:left; margin:30px 10px; font-size:15px; color:#fff;}
.brand431{ width:400px; height:280px;}
.brand431 img{ width:400px; height:250px; margin-bottom:20px;}
.brand432{ width:300px; height:280px;}
.brand432 img{ width:300px; height:210px; padding:20px 0; margin-bottom:20px;}
.brand433{ width:270px; height:210px;}
.brand433 img{ width:270px; height:180px; padding-bottom:20px;}*/
/*修改*/
/*.brand43>dl{
    width: 100%;
    margin: 0 auto;
}
.brand43>dl dd{
    display: inline-block;
    width: 20%;
    height: 10%;
    overflow: hidden;
    vertical-align: top;
    margin-right: 20px;
}
.brand43>dl dd p{
    color: #ffffff;
    font-size: 14px;
    padding: 10px 0;
}
.brand43>dl dd:nth-child(1),.brand43>dl dd:nth-child(2){
    width: 30%;
}
.brand43>dl dd:nth-child(3),.brand43>dl dd:nth-child(7){
    margin-right: 0px;
}*/
/*修改2*/
.brand43>dl{
    width: 100%;
    margin: 0 auto;
}
.brand43>dl dd{
    width: 20%;
    height: 10%;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #fff;
}
.brand43>dl.floor1 dd{
    float: left;
    padding-top: 20px;
    width: 33%;
}
.brand43>dl.floor2 dd{
    float: left;
    padding-top: 20px;
    width: 24.7%;
}
.brand43>dl dd p{
    color: #ffffff;
    font-size: 14px;
    padding: 10px 0;
    margin-top: 20px;
    border-top:1px solid #fff;
}
.brand43>dl.floor1 dd img{
    height: 200px;
}
.brand43>dl.floor2 dd img{
    height: 150px;
}

.brand5{ background:url(../images/braand5_bg.jpg) no-repeat;}
.brand51{ width:600px; height:auto; float:left; margin-top:250px;}
.brand511{ font-size:40px; color:#e40237; margin-bottom:20px; font-weight:bold;}
.brand512{ font-size:16px; width:400px; margin:auto; text-align:left; line-height:25px;}
.brand52{ width:600px; float:right; padding-top:85px;}
.brand6{ background:#fcced9;}
.brand61{ width:1200px; height:800px; margin:auto; margin-top:105px;}
.brand611{ width:1200px; height:300px;margin-top: 10px}
.brand612{ width:1200px; height:285px; background:url(../images/braand6_bottom.jpg) no-repeat;}
.brand6121{ width:1200px; height:auto; font-size:40px; color:#e40237; font-weight:bold; padding-top:20px;}
.brand61211{ width:1200px; height:230px; margin-top:40px;}
.brand61211 dd{ width:230px; height:152px; float:left; background:#fff; border:#e40237 1px solid; margin:0 83px;}
.brand61211 dd p img{ width:97px; height:100px; margin-top:6px;}
.brand612112{ margin:20px; color:#e40237;}
.brand7{ background:url(../images/brand7_bg.jpg) top no-repeat; background-size: 100% 100%;}
.brand71{ width:500px; height:55px; background:#e40237; border-radius:20px; font-size:30px; color:#fff; padding-top:10px; margin:580px auto 50px;}
.brand71:hover{ background:#fff; border:#e40237 1px solid; color:#e40237;}
/* brand */


/* 中间部分样式end */
/* 底部样式start */
footer section.QRcode .content{text-align: center;padding: 20px 0px 0px;}
footer section.QRcode .content p{margin: 20px 0;}
footer section.QRcode dl dd{border-right: 1px solid #666;display: inline-block;vertical-align: middle;margin-right: 50px;padding-right: 50px}
footer section.QRcode dl dd:nth-of-type(1){height: 119px;line-height: 119px;}
footer section.QRcode dl dd:nth-of-type(2){text-align: left}
footer section.QRcode dl dd:nth-of-type(2) h6{text-align: center}
footer section.QRcode dl dd:nth-of-type(3){border-right: none;margin-right: 0px;padding-right: 0px}

footer section.copyright{width: 100%;background-color:#e40237;height: 50px;}
footer section.copyright .content{text-align: center;color: #fff;line-height: 50px;}

footer section.floor{width: 1200px;margin:10px auto;text-align: center;}
footer section.floor dl dd{display: inline-block;width: 128px;height: 50px;}
footer section.floor dl dd img{width: 100%;height: 100%}
footer section.floor p{margin: 5px;}
/* 底部样式end */

.zhb{ width:100%; height:100%; background:#fff;}
.zhd{color:#3a3a3a;position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -270px;}
.zh{text-align: center}
.zh img{height: 350px;}
.zh1{ font-size:40px; margin-top:10px;}
.zh2{ font-size:25px; margin-top:10px;}
.zh3{display:block; width:200px; height:50px; background:#c2151f; border-radius:15px; font-size:25px; padding-top:10px; color:#FFF; margin-top:30px;}
.zh3:visited{color:#FFF;}
/*layer样式修改*/
body .demo-class .layui-layer-title{background:#e40237; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}
/*返回顶部*/
.back-top{
    position: fixed;
    right: 50px;
    top: 163px;
    width: 50px;
    z-index: 999;
}
.back-top dd{
    position: relative;
    right: -100px;
    width: 100%;
    height: 50px;
    background-color: #FF0000;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
}
.back-top .top2{
    transition-delay: .1s;
}
.back-top .top3{
    transition-delay: .2s;
}
.back-top .top4{
    transition-delay: .3s;
}
.back-top.active dd{
    right: 0;
    overflow: visible;
}
.back-top .top3 .code{
    position: absolute;
    left: -110px;
    top: 0;
    overflow: hidden;
    border: 1px solid #e40237;
    transform: scale(0);
    transition: all .5s;
}
.back-top .top3:hover .code{
    transform: scale(1);
}
.back-top .top2 .phone{
    position: absolute;
    left: -130px;
    top: 0;
    padding: 0 10px;
    width: 100px;
    line-height: 50px;
    height: 50px;
    background-color: #e40237;
    color: #fff;
    transform: scale(0);
    transition: all .5s;
}
.back-top .top2:hover .phone{
    transform: scale(1);
}
/*新添加*/
.article a,.article a:link,.article a:hover{
    color: #000;
    text-decoration: none;
}
.article-left{
    display: inline-block;
    width: 730px;
    text-align: left;
    float: left;
}
.article-left>.title,.article-right>.title{
    width: 100%;
    height: 50px;
    border-bottom: 1px dashed #aaa;
}
.article-left>.title h3,.article-right>.title h3{
    display: inline-block;
    font-size: 30px;
}
.article-left>.title h3::before,.article-right>.title h3::before{
    display: inline-block;
    content: "";
    width: 8px;
    height: 25px;
    background-image: url("../images/article_ico.png");
    background-size: 100% 100%;
    margin: 0 10px;
    vertical-align: middle;
}
.article-left>.title a{
    display: inline-block;
    font-size: 20px;
    margin-left: 20px;
}
.article-left>.title a.active{
    color: #e40237;
}
.article-left .content-left{
    display: inline-block;
    width: 410px;
    float: left;
}
.article-left .content-left>dl>dd{
    width: 100%;
    border-bottom: 1px dashed #aaa;
    padding: 10px;
    cursor: pointer;
}
.article-left .content-left>dl>dd:nth-of-type(3){
    border: none;
}
.article-left .content-left>dl>dd>a>p{
    text-indent: 2em;
    color: #aaa;
}
.article-left .content-left>dl>dd img,.article-right dl>dd img{
    width: 148px;
    height: 106px;
    vertical-align: top;
}
.article-box{
    padding-top: 10px;
    display: inline-block;
    width: 252px;
    padding-left: 5px;
}
.article-box p{
    margin-top: 10px;
    color: #aaa;
}
.article-box p span{
    color: #e40237;
}
.article-left .content-right{
    display: inline-block;
    width: 285px;
    float: right;
}
.article .content-right dd{
    border-bottom: 1px dashed #aaa;
    padding: 19px 0;
}
.article .content-right dd:nth-of-type(2){
    border-bottom: none;
}
.article .content-right dd a{
    background-color: #fff;
    width: 300px;
    padding: 5px 0;
    text-align: left;
    line-height: 1.45em;
    color: #666;
}
.article .content-right dd a:hover{
    color: #e40237;
}
.article .content-right dd a.title{
    color: #000;
    font-size: 18px;
}
.article .content-right dd a:not(.title)::before{
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e40237;
    margin-right: 5px;
}
.article-right{
    display: inline-block;
    width: 430px;
    text-align: left;
    margin-left: 30px;
    float: right;
}
.article-right>.title a.more{
    margin-left: 220px;
    color: #aaa;
}
.article-right dl>dd .content{
    width: 260px;
    display: inline-block;
    text-align: left;
    float: right;
    padding: 0 10px;
}
.article-right dl>dd .content:hover h1{
    color: #e40237;
}
.article-right dl>dd .content span,.article-right dl>dd .content a{
    display: block;
}
.article-right dl>dd .content span::before{
    display: inline-block;
    content: "";
    width: 20px;
    height: 12px;
    margin: 0 5px 0 10px;
    background-image: url("../images/yan.png");
    background-size: 100% 100%;
}
.article-right dl>dd .content span{
    margin-top: 15px;
    color: #aaa;
}
.article-right dl>dd .content a.scan{
    color: #e40237;
    float: right;
}
.article-right dl>dd{
    padding: 10px 0;
    border-bottom: 1px dashed #aaa;
    cursor: pointer;
}
.article>.pc_center{
    height: 625px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    position: relative;
}
.article-left>.content{
    width: 730px;
    height: 574px;
    position: absolute;
    top: 51px;
    left: 0;
    background-color: #fff;
}
.article-left>.content.active{
    z-index: 2;
}
.line1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line2{
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}