@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family:"Microsoft YaHei";background:#FFF;color:#333;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
li{list-style-type:none;}
img{border:none;margin:0;padding:0;}
select,img{ vertical-align:middle;}
a{ text-decoration:none;color:#333}
a:hover{ color:#ff6378;}
input,samp{outline: 0;font-family:"Microsoft YaHei";}
.fl{float:left;}
.fr{float:right;}
.com{ width:100%; overflow:hidden;margin:0 auto;}
.con{ width:1170px; margin:0 auto;}
.content, .container { margin-left: auto; margin-right: auto; width: 1200px;}


/*案例列表*/
.wrap {width: 100%;max-width: 1200px;margin: 0 auto;}

.list{overflow:hidden;}
.list li{padding:40px 0; overflow:hidden; border-bottom:dashed 1px #ccc;}
.list li img{width:220px; height:150px; float:left;}
.list li dl{width:70%; padding-left:30px; float:right;}
.list li dl dt{font-size:22px; color:#000; padding:5px 0;}
.list li dl dd{font-size:16px; color:#757575; line-height:2;}
.list li dl p{font-size:16px; color:#999; padding-top:20px;}


/*文章内页*/
.con{ width:1200px; margin:0 auto;}

/*头部*/
.top{height:37px;line-height:37px;background:#f6f6f6;color:#666;}
.top .fl{ color:#666;}
.top .fr{padding-left:25px;font-size:13px}
.top .fr a.top_0 img,.top .fr a.top_1 img{margin:-3px 8px 0 2px;}
.top .fr a.top_1:hover{ color:#666; text-decoration:none}
.top .fr a{font-size:12px; float:left; display:block; color:#666;}
.top .fr a:hover{text-decoration:underline}
.top .fr span{ float:left; background:url(top_list_bg.png) no-repeat center; width:1px; margin:0 15px; display:block; height:38px;}
.top .fr a img{ margin:0px 14px 0 2px; }

#header{border-bottom: 1px solid #e6e6e6;}
.header{height:86px; position:relative;background: #fff;}
.header .logo{ width:270px; overflow:hidden; margin-right:45px; margin-top: 15px;}
.nav{position: relative;}
.nav,.nav ul{}
.nav ul li{position:relative;z-index:999;text-align:center; float:left; background:url(/home/pc_files/nav_right_bg.png) no-repeat right;margin-top: 24px; width: 110px;}
.nav ul li:last-child{background: none;}
.nav ul li a{ color:#333; font-size:16px; padding:10px; display:block;}
.nav ul li.home span{ background:none;}
.nav ul li a:hover{color:#ff6276 }
.nav ul li .nav-a-qggh:after {
    content: '';
    display: inline-block;
    border: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    vertical-align: middle;
    margin-top: 4px;
    margin-left: 6px;
}
.nav ul li .nav-a-qggh:hover:after{border-top-color: #ff6276;}
.nav ul li.mainlevel .nav_a {display:none; position: absolute;left:-23px;top:65px;width:100px; margin:0; background:#FFF; z-index:999999; height:auto; overflow:hidden; border:0; padding:0px 10px 10px;-webkit-box-shadow: 0px 3px 3px rgba(153, 153, 153, 0.80);-moz-box-shadow: 0px 3px 3px rgba(153, 153, 153, 0.80);box-shadow: 0px 3px 3px rgba(153, 153, 153, 0.80); }
.nav ul li.mainlevel .nav_a ul{ width:100px; float:left; overflow:hidden; height:auto;line-height:18px; }
.nav ul li.mainlevel li {line-height:18px;padding:0px; height: auto;float:none; border:0;overflow:hidden; text-align:center; display:block; border-bottom:1px dashed #d2d2d2;}
.nav ul li.mainlevel li a{ font-weight:normal;font-size:12px; color:#333; display:block; padding:6px 8px;line-height:18px;height: auto;}
.nav ul li.mainlevel li a:hover{ color:#FFF;background:#0c4da2}
.nav ul li.mainlevel .nav_a .nav_b{ display:none}

/* 情感干货弹窗 */
.nav-qggh-box{
    right: -50px;
    display: none;
    background: #fff;
    position: absolute;
    top: 58px;
    z-index: 25;
    box-shadow: 0 0 5px #dfdddd;
    overflow: hidden;
    height: auto;
    border-radius: 4px;
}
.zg-qggh{padding: 20px 10px 10px 20px;}
.zg-qggh-dl{display: flex;font-size: 14px;}
.zg-qggh-dt{flex-shrink: 0;margin-bottom: 10px;font-weight: bold;}
.zg-qggh-dd{display: flex;flex-wrap: wrap;}
.zg-qggh-dd a{margin-right: 10px;margin-bottom: 10px;}
.zg-qggh-dd a:hover{color: #ff5a72;}

.header form {background:url(main_top_07.png) no-repeat left top; height:23px; padding:0 0 0 9px;position:absolute; right:0; top:33px;}
.header form input.search-keyword{ width:112px; padding:0 5px; border:0; border-top:1px solid #d2d2d2; line-height:20px; border-bottom:1px solid #d2d2d2;height:21px; float:left; color:#999999; font-size:12px}
.header form button{ border:0;height:23px; float:left}

/*服务优势*/
.ho7 { background:url(ho7_bg.jpg) no-repeat center; height:740px;}
.ho7_icon1 {width: 16px; height: 14px; background-position: -0px -0px;}
.ho7 .ho_con { padding: 70px 0;}
.ho7 .tubiao { padding: 40px 0;}
.ho7 .ho_tit p { width: 100%; text-align: center;font-size: 30px; font-weight: bold; color: #fff; bottom: 4px;}
.ho7 .bt_sm { font-size:14px; color:#fff; margin-top:10px; font-family: serif;}
.content, .container { margin-left: auto; margin-right: auto; width: 1200px;}
.jjfa { height: 500px;  position: relative;}
.jjfa .jjfaline { position: absolute; left: 0; top: 20px; width: 100%; height: 1px; background: #666;}
.jjfa_con {height: 378px;overflow: hidden;padding-top: 60px;}
.jjfa_con .jjfabox {float: left;width: 206px;height: 338px; position: relative;left: -1200px; padding:40px 40px 0 40px;background: #fff;margin-left: 18px; cursor:pointer; border-radius: 5px;}
.jjfa_con .jjfabox a.jjfaa {display: block;}
.jjfa_con .jjfabox .boxem {display: block;width: 22px;height: 22px;background: url(/home/pc_files/jjfaty01.png) no-repeat center;position: absolute;left: 132px;top: -51px;}
.jjfa_con .jjfabox .boxi {display: none;width: 9px;height: 5px;/* background: url(jjfabg02.png) no-repeat center; */position: absolute;left: 137px;top: -5px;}
.jjfa_con .jjfabox:first-child {margin-left: 0;}
.jjfa_con .jjfabox .p1 {padding: 20px 0;border-top: 2px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;font-size: 24px;text-align: center;color: #ff6276;margin-bottom: 26px;}
.jjfa_con .jjfabox .p1 b {display: block;font-size: 24px;color: #ff6276;margin-bottom: 5px;}
.jjfa_con .jjfabox .p2 {text-align: center;font-size: 18px;line-height: 39px;margin-bottom: 25px;color: #000;}
.jjfa_con .jjfabox .p3 {text-align: center;}
.jjfa_con .jjfabox .p3 em {display: block;font-size: 12px;color: #000;margin-bottom: 22px;}
.jjfa_con .jjfabox .jjfaicon {display: block;width: 35px;height: 35px;position: absolute;left: 128px;top: 310px;transition: all 0.5s;}
.jjfa_con .jjfabox .p3 span {display: block;color: #999;font-size: 12px;}
.jjfa_con .jjfabox .p3 span i {display: block;font-size: 16px;margin-top: 20px;}
.jjfa_con .jjfabox .p4 {height: 29px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #eee;overflow: hidden;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 span {position: absolute;left: -100px;height: 40px;line-height: 40px;color: #fff;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 em {display: block;width: 40px;height: 13px;background: url(Img/Index/jjfajt01.png) no-repeat center;position: absolute;left: 97px;top: 7px;transition: all 0.5s;}

.jjfa_con .box1 .jjfaicon {width: 30px; height: 35px; background-position: -0px -417px;}
.jjfa_con .box2 .jjfaicon {width: 30px; height: 35px; background-position: -30px -417px;}
.jjfa_con .box3 .jjfaicon {width: 30px; height: 35px; background-position: -60px -417px;}
.jjfa_con .box4 .jjfaicon {width: 30px; height: 35px; background-position: -90px -417px;}
.jjfwysico {display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(/home/pc_files/ho.png);}
.jjfa_con .jjfabox:hover {background: linear-gradient(to top, #fc3da0, #ff6178);}
/* .jjfa_con .jjfabox:hover .boxem {background: url(jjfaty02.png) no-repeat center;} */
.jjfa_con .jjfabox:hover .boxi {display: block;}
.jjfa_con .jjfabox:hover .p1 {color: #fff;border-color: #fff;}
.jjfa_con .jjfabox:hover .p1 b {color: #fff;}
.jjfa_con .jjfabox:hover .p2 {color: #fff;}
.jjfa_con .jjfabox:hover .p3 em {color: #fff;}
.jjfa_con .jjfabox:hover .p3 span {color: #fff;}
.jjfa_con .jjfabox:hover .p4 {height: 40px;background: #fcb814;border-top-color: #fcb814;}
.jjfa_con .jjfabox:hover .p4 span {left: 15px;}
.jjfa_con .jjfabox:hover .p4 em {background: url(Img/Index/jjfajt01.png) no-repeat center;position: absolute;left: 164px;top: 13px;}

.jjfa_con .box1:hover .jjfaicon {transform: rotateY(360deg); background-position: -120px -417px;}
.jjfa_con .box2:hover .jjfaicon {transform: rotateY(360deg); background-position: -150px -417px;}
.jjfa_con .box3:hover .jjfaicon {transform: rotateY(360deg); background-position: -180px -417px;}
.jjfa_con .box4:hover .jjfaicon {transform: rotateY(360deg); background-position: -210px -417px;}

.ho_con { width: 1200px; margin: auto;}
.ho_tit { position: relative; width: 1200px; margin: auto; text-align: center;}
.ho_tit img { display: inline-block;}
.ho_tit p { width: 100%; text-align: center;font-size: 30px; font-weight: bold; color: #000000; bottom: 4px;}
.ho_tit p:before, .ho_tit p:after { content: ''; display: inline-block; vertical-align: middle; width: 100px;height: 1px; background: #fff;}
.ho_tit p span { display: inline-block;}
.ho_tit p span:before, .ho_tit p span:after { content: ''; display: inline-block; vertical-align: middle;width: 8px; height: 8px; border-radius: 50%; background: #fff;}
.ho_tit p span:before { margin-right: 20px;}
.ho_tit p span:after {margin-left: 20px;}
.ho_tit p span i {font-style: initial; color: #af4d87;}
.bt_sm { font-size:14px; color:#999999; margin-top:10px; font-family: serif;}

.iconfont {display: inline-block; overflow: hidden; background-repeat: no-repeat; background: url(/home/pc_files/ho.png) center no-repeat;}


/*footer*/
.footer{ overflow:hidden; width:100%; height:380px; background-color:#333333;}

.footer dl{ width:290px; float:left; height:185px; overflow:hidden; border-left:1px solid #525252; padding-left:35px;}
.footer dt a{ font-size:16px; color:#fff;}
.footer dt{ margin-bottom:20px;}
.footer dd a{ font-size:13px; color:#999; line-height:29px; display:block}
.footer .footer_ewm{ width:200px; text-align:center; float:left; border-right:1px solid #525252;}
.footer .footer_ewm img{ display:block; margin:0 auto; margin-bottom:10px;}
.footer .footer_ewm p{ font-size:12px; color:#999; margin-bottom:5px;}
.footer .footer_center{ overflow:hidden; margin-top: 55px;}
.footer .footer_btm{ overflow:hidden; margin-top:30px;}
.footer .footer_btm .dizhi { float:left; overflow:hidden}
.footer .footer_btm .dizhi p{ font-size:14px; color:#c9c9c9; line-height:20px; margin-bottom:10px;}
.footer .footer_btm .dizhi p em{ background:url(Img/Common/footer_dian.png) no-repeat right center; padding-right:20px; margin-right:30px;}
.footer .footer_btm .dizhi span{display: block; font-size:12px; color:#555555; float: left;}
.footer .footer_btm .dizhi span a {color:#7b7b7b;}
.footer .footer_btm .dizhi span a:hover { text-decoration:underline;}
.footer .footer_btm .dizhi p a {color:#c9c9c9;}
.footer .footer_btm .dizhi p a:hover { color:#fff;text-decoration:underline;}

.footer .footer_btm .phone{ float:right; text-align:right;}
.footer .footer_btm .phone p{ color:#ccc;}
.footer .footer_btm .phone i{ font-style:normal; display:block; font-size:24px; color:#ccc; font-weight:normal}
.footer .footer_btm .phone span{ display:block; width:111px; height:17px; text-align:center; font-size:10px; line-height:17px; font-family:Arial; float:right}
.txt2 { font-size: 14px; color: #666; margin-top: 10px; text-align: center; } .txt2 a { color: #71777d; }