/* CSS Document */
/*
Theme Name:北京-抖音代运营网站
Theme URI: http://www.douyin.com/
Description: 爱永设计官方网站。
Author: 爱永
Author URI: http://www.aysheji.com/
Version: 4.4.1
License: 爱永设计许可认证
License URI: http://www.aysheji.com/
Tags: 网站建设,网站模板,婚庆网站模板
Date: 2019-09-03
*/
/* =Reset default browser CSS. Based on work by 刘爱永: http://www.aysheji.com/
-------------------------------------------------------------- */
@import url(css.css); @import url(animation2.css); @import url(proscrol.css); @import url(index_banner.css);
.tophidden{height:124px;overflow:hidden;background:none;}
#headdiv{height: 131px;position: fixed;top: 0px;width: 100%;z-index: 1000;background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;}
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective: 800px;-webkit-perspective: 800px;-moz-perspective: 800px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;}
.index-back-box{height:100px; /*background-color:#fff; */background:none;/*position:absolute;bottom:0; */width:1440px;margin:0 auto;overflow: hidden;transform-origin: bottom;-webkit-transform-origin: bottom;-moz-transform-origin: bottom;transform: rotateX(0deg) translate3d(0, 0, 0);-webkit-transform: rotateX(0deg) translate3d(0, 0, 0);-moz-transform: rotateX(0deg) translate3d(0, 0, 0);
transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
-webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
-moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;}
.index-back-box.active{background:url(../image/i_banner_bg.png) left bottom repeat-x;/*transform: rotateX(100deg) translate3d(0,0,0); -webkit-transform: rotateX(100deg) translate3d(0,0,0); -moz-transform: rotateX(100deg) translate3d(0,0,0);*/}
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0;}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative;}
.index-back-box .sub-arrows i.prev:before, .index-back-box .sub-arrows i.next:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../image/sub-arrows.png);background-position:0px 0px;background-repeat:no-repeat;}
.index-back-box .sub-arrows i.prev:before{background-position:0px 0px;left:-7px;}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0px;left:24px;}
.index-back-box .sub-arrows i.icom:after{position:absolute;content: '';left:0;top:28px;width:30px;height:2px;background-color: #fff;transform: scale(0, 1);-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);
transition: all .3s ease-out 0s;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;
transition: all .3s ease-out 0s;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px;}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px;}
.index-back-box .sub-arrows i:hover:after{transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px;}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px;}
.index-back-box .sub-share{position:absolute;right:15px;top:0;width:auto;height:100%;display:table;cursor:pointer;}
.index-back-box .sub-share .tels{display:table-cell;vertical-align:middle;}
.index-back-box .sub-share .tels span{display:inline-block;}
.index-back-box .sub-share .tels .cc1{opacity: 0;filter: alpha(opacity='0');transform: translateX(-40px);-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;}
.index-back-box .sub-share .tels .cc2{transform: translateX(80px);-webkit-transform: translateX(80px);-moz-transform: translateX(80px);transition: all 0.7s ease 0s;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;}
.index-back-box .sub-share .sider-tel{display:table-cell;vertical-align:middle;font-size:0;opacity:0;filter: alpha(opacity='0');
transform: translateX(130px); -webkit-transform: translateX(130px); -moz-transform: translateX(130px);transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;}
.index-back-box .sub-share .sider-tel a{display:inline-block;font-size:12px;color:#000;margin: 0 8px;opacity: 0;filter: alpha(opacity='0');transform: translateX(50px);-webkit-transform: translateX(50px);-moz-transform: translateX(50px);transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.index-back-box .sub-share:hover .tels .cc1{opacity: 1;filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;-webkit-transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;-moz-transition: all 1s cubic-bezier(0.5, 1.25, 0.75, 1.65) 0s;}
.index-back-box .sub-share:hover .tels .cc2{opacity: 0;filter: alpha(opacity='0');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);}
.index-back-box .sub-share:hover .sider-tel{opacity: 1;filter: alpha(opacity='100');transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;-webkit-transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;-moz-transition: all 1s cubic-bezier(0.5, 1.0, 0.75, 1) 0s;} .index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){opacity: 1;
filter: alpha(opacity='100');
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;
-moz-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) 0s;} .index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){opacity: 1;
filter: alpha(opacity='100');
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;
-webkit-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;
-moz-transition: all 0.4s cubic-bezier(0.5, 0.65, 0.75, 1) .2s;}
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:0.7;-moz-transform:scale(0.7);}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px;}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation: ani-svg 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;margin:0 auto;}
.index-back-box .sub-mouse i{position:absolute;bottom:5px;left:50%;color:#000;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);} @keyframes ani-svg{0%{opacity: 0.4; transform: translateY(-20px);} 15%{opacity: 0.65; transform: translateY(-15px);} 25%{opacity: 0.8; transform: translateY(-10px);} 50%{opacity: 1; transform: translateY(0px);} 65%{opacity: 0.8; transform: translateY(5px);} 75%{opacity: 0.65; transform: translateY(10px);} 100%{opacity: 0.4; transform: translateY(15px);}} @-webkit-keyframes ani-svg{0%{opacity: 0.4; -webkit-transform: translateY(-20px);} 15%{opacity: 0.65; -webkit-transform: translateY(-15px);} 25%{opacity: 0.8; -webkit-transform: translateY(-10px);} 50%{opacity: 1; -webkit-transform: translateY(0px);} 65%{opacity: 0.8; -webkit-transform: translateY(5px);} 75%{opacity: 0.65; -webkit-transform: translateY(10px);} 100%{opacity: 0.4; -webkit-transform: translateY(15px);}} @-moz-keyframes ani-svg{0%{opacity: 0.4; -moz-transform: translateY(-20px);} 15%{opacity: 0.65; -moz-transform: translateY(-15px);} 25%{opacity: 0.8; -moz-transform: translateY(-10px);} 50%{opacity: 1; -moz-transform: translateY(0px);} 65%{opacity: 0.8; -moz-transform: translateY(5px);} 75%{opacity: 0.65; -moz-transform: translateY(10px);} 100%{opacity: 0.4; -moz-transform: translateY(15px);}}
/*首页*/
.i_bg{background-color:#f5f5f5;overflow:hidden;}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:32px;}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px;}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000000;font-weight:normal;letter-spacing:1px;font-family:"华文细黑";}
.i_service_t p{font-size:18px;}
/*优势*/
.advantage{text-align:center;overflow:hidden;}
.num_box{width:20%;float:left;height:124px;background:url(../image/recruitment_bg.png) right center no-repeat;}
.num_box:last-child{background:none;}
.num_box .num{font-weight:bold;color:#dd100f;font-family:"华文细黑";font-weight:normal;font-size:24px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px;}
.num_box h3{font-size:16px;color:#333333;font-weight:normal;line-height:30px;}
/*服务*/
.i_service{margin:0 auto;clear:both;}
.i_service .i_service_box{position:relative;overflow:hidden;margin-bottom:70px;}
.i_service .i_service_box img{display:block;width:100%;}
.i_service .i_service_box .box{position:absolute;left:0.7%;top:1.5%;height:98.5%;width:24.6%;max-width:350px;}
.i_service .i_service_box .box ul{width:100%;height:100%;display:block;}
.i_service .i_service_box .box ul li{display:table;height:24.25%;margin-bottom:1%;width:100%;overflow:hidden;background:#fff;transition:all 0.3s;}
.i_service .i_service_box .box ul li:last-child{margin-bottom:0;}
.i_service .i_service_box .box ul li a{display:block;width:100%;height:100%;}
.i_service .i_service_box .box ul li .box_con{width:86%;padding-left:14%;height:100%;display:table;text-align:left;cursor:pointer;}
.i_service .i_service_box .box ul li h2{font-size:18px;color:#000;line-height:159px;font-weight:normal;display:table-cell;vertical-align:middle;padding-left:10%;transition:all 0.3s;}
.i_service .i_service_box .box ul li i{display:table-cell;vertical-align:middle;font-style:normal;height:159px;width:72px;background-repeat:no-repeat;background-position:center;background-size:100% auto;transition:all 0.3s;}
.i_service .i_service_box .box ul li.box1 i{background-image:url(../image/box1.png);}
.i_service .i_service_box .box ul li.box2 i{background-image:url(../image/box2.png);}
.i_service .i_service_box .box ul li.box3 i{background-image:url(../image/box3.png);}
.i_service .i_service_box .box ul li.box4 i{background-image:url(../image/box4.png);}
.i_service .i_service_box .box ul li.isel{background:#dd100f;}
.i_service .i_service_box .box ul li.isel h2{color:#fff;}
.i_service .i_service_box .box ul li.isel.box1{background:#dd100f;}
.i_service .i_service_box .box ul li.isel.box1 i{background-image:url(../image/box1_on.png);}
.i_service .i_service_box .box ul li.isel.box2 i{background-image:url(../image/box2_on.png);}
.i_service .i_service_box .box ul li.isel.box3 i{background-image:url(../image/box3_on.png);}
.i_service .i_service_box .box ul li.isel.box4 i{background-image:url(../image/box4_on.png);}
.i_service .i_service_box .box_txt2{position:absolute;right:2.5%;top:32%;width:34%;max-width:330px;}
.i_service .i_service_box .box_txt2 .box_hidden{display:none;}
.i_service .i_service_box .box_txt2 h3{font-weight:normal;font-family:"华文细黑";font-size:36px;color:#000;margin-bottom:3%;} .i_service .i_service_box .box_txt2 .box_hidden:nth-child(2) h3, .i_service .i_service_box .box_txt2 .box_hidden:nth-child(3) h3{color:#fff;} .i_service .i_service_box .box_txt2 .box_hidden:nth-child(2) p, .i_service .i_service_box .box_txt2 .box_hidden:nth-child(3) p{color:#fff;}
.i_service .i_service_box .box_txt2 p{font-size:16px;line-height:30px;}
.i_service .i_service_box .box_txt2 a{font-size:16px;width:210px;height:48px;line-height:48px;overflow:hidden;border-radius:20px;background:url(../image/i_two_bg1.png) 140px center no-repeat #fff;float:left;text-indent:53px;margin-top:12%;transition:all 0.3s;color:#000;}
.i_service .i_service_box .box_txt2 a:hover{background:url(../image/i_two_bg1.png) 150px center no-repeat #fff;text-indent:63px;}
.i_case2{background-color:#f5f5f5;margin-top:10px;text-align:center;padding-bottom:20px;}
.guwenmore{display:inline-block;width:92px;height:50px;line-height:50px;margin:0 auto;margin-top:-50px;text-align:center;/* background:url(../images/i_more.png) no-repeat; */clear:both;overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../image/works_more.png) no-repeat center -50px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../image/works_more.png) no-repeat center 0px;}
.customer2{overflow:hidden;padding-top:40px;margin-bottom:79px;}
.customer_list2{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin-top:60px;}
.customer_list2 ul li{float:left;width:-webkit-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px);border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;overflow:hidden;position:relative;}
.customer_list2 ul li img{display: block;width: 100%;}
.customer_list2 ul li:first-child{width:40%;border-left:0;border-top:0;}
/*.customer_list2 ul li .imgbg{filter: Alpha(Opacity=0);opacity: 0;}*/
.customer_list2 ul li .imgs{cursor:pointer;overflow:hidden;border-color:#fff; /*transition:all 0.3s;position:absolute; top:0; left:0; width:100%; height:100%;*/}
.customer_list2 ul li .imgs:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 0 #eee;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
.customer_list2 ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.customer_list2 ul li .imgs img{/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/opacity:0.5;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
/*.customer_list2 ul li:hover .imgs{border:7px solid #f5f5f5; height:calc(100% - 14px);height:-webkit-calc(100% - 14px);height:-moz-calc(100% - 14px);width:calc(100% - 14px);width:-webkit-calc(100% - 14px);width:-moz-calc(100% - 14px);}*/
.customer_list2 ul li:hover .imgs img{/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;-webkit-transform:scale(0.9) translateY(-8px);-moz-transform:scale(0.9) translateY(-8px);transform:scale(0.9) translateY(-8px);}
.customer_list2{position:relative;}
.customer_list2 .item{display:none;overflow:hidden;}
.customer_list2 .customer-buttons{position:absolute;top:20px;width:40%;left:0;height:0;text-align:right;}
.customer_list2 .customer-buttons div{color: #FFF;display: inline-block;zoom: 1;
*display: inline;width:50px;height:50px;/*IE7 life-saver*/text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;cursor:pointer;}
.customer_list2 .customer-buttons div.owl-prev{background:url(../image/left.png) no-repeat;margin-right:-1px;}
.customer_list2 .customer-buttons div.owl-prev:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../image/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-prev.disabled{background:url(../image/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next{background:url(../image/recruitment_bg.png) no-repeat;margin-right:20px;}
.customer_list2 .customer-buttons div.owl-next:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../image/right_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next.disabled{background:url(../image/right_on.png) no-repeat;}
/*风雨同行*/
.solution_ul2{overflow:hidden;padding-top:60px;}
.solution_ul2 ul li{float:left;width:49%;height:188px;overflow:hidden;position: relative;background-color:#f9f9f9;z-index:0;border:1px solid #dfdfdf;margin-bottom:2%;} .solution_ul2 ul li:nth-child(2n+0){float:right;} .solution_ul2 ul li:nth-child(3){margin-bottom:0;} .solution_ul2 ul li:nth-child(4){margin-bottom:0;}
.solution_ul2 ul li .shade{width:238px;height:188px;background:url(../image/recruitment_bg.png) center center no-repeat;position:absolute;top:0;left:-238px;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;}
.solution_ul2 ul li .bg{width:calc(100% - 239px);width:-webkit-calc(100% - 239px);width:-moz-calc(100% - 239px);height:188px;background:#dd100f;background-size:100% 100%;position:absolute;bottom:0;left:100%;z-index:1;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;}
/*.solution_ul2 ul li:hover .shade{left:0;}*/
.solution_ul2 ul li:hover .bg{left:239px;}
.solution_ul2 ul li:hover p{color:#fff;}
.solution_ul2 ul li:hover p strong{color:#fff;}
.solution_ul2 ul li:hover img{}
.solution_ul2 ul li img{width:238px;height:188px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
transition:all .4s linear;float:left;border-right:1px solid #dfdfdf;}
.solution_ul2 ul li p{color:#666;line-height:24px;height:140px;overflow:hidden;padding:20px 6%;padding-bottom:0;font-family:"微软雅黑";position:relative;z-index:2;font-size:14px;}
.solution_ul2 ul li p strong{color:#000;font-size:20px;line-height:48px;font-weight:normal;}
.guwenmore2{width:180px;height:38px;display:block;margin:0 auto;border:1px solid #ff9c00;clear:both;margin-top:35px;margin-bottom:32px;text-align:center;line-height:38px;font-size:16px;color:#ff9c00;border-radius:20px;}
.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);
transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);
-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);
-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle} .hvr-shutter-out-vertical::before{background:#ff9c00 none repeat scroll 0 0;
border:0 none;
padding:1px;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
transform:scaleY(0);
transform-origin:50% 50% 0;
transition-duration:.3s;
transition-property:transform;
transition-timing-function:ease-out;
-moz-transform:scaleY(0);
-moz-transform-origin:50% 50% 0;
-moz-transition-duration:.3s;
-moz-transition-property:transform;
-moz-transition-timing-function:ease-out;
-webkit-transform:scaleY(0);
-webkit-transform-origin:50% 50% 0;
-webkit-transition-duration:.3s;
-webkit-transition-property:transform;
-webkit-transition-timing-function:ease-out;
z-index:-1;
border-radius:20px;}
.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover{color:#000} .hvr-shutter-out-vertical:active::before, .hvr-shutter-out-vertical:focus::before, .hvr-shutter-out-vertical:hover::before{transform:scaleY(1);
-moz-transform:scaleY(1);
-webkit-transform:scaleY(1)}
.btn-enter{font-family:iuniFonts;opacity:0;
transition:all .5s ease-in .1s;
-moz-transition:all .5s ease-in .1s;
-webkit-transition:all .5s ease-in .1s}
.btn-enter{transition-delay:.1s;
-moz-transition-delay:.1s;
-webkit-transition-delay:.1s;transform:translate(0px, 5px);-moz-transform:translate(0px, 5px);-webkit-transform:translate(0px, 5px)}
.btn-enter{opacity:1;top:0;transform:translate(0px, 0);-moz-transform:translate(0px, 0);-webkit-transform:translate(0px, 0)}
.btn-enter:active, .btn-enter:focus, .btn-enter:hover{color:#000}
.btn-enter{opacity:1;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s}
.btn-enter{transform:translate(0px, 0);-moz-transform:translate(0px, 0);-webkit-transform:translate(0px, 0)}
.btn-enter:active, .btn-enter:focus, .btn-enter:hover{background:#fff;color:#fff}
/*解决方案*/
.solutioncon{height:874px;overflow:hidden;background:url(../image/i_bg1.jpg) center center no-repeat;}
.solutioncon .solutioncon_l{width:48%;max-width:550px;float:left;overflow:hidden;color:#fff;}
.solutioncon .solutioncon_l .divhidden{display:none;}
.solutioncon .solutioncon_l .h2{font-size:60px;font-weight:normal;line-height:72px;margin-top:223px;margin-bottom:62px;font-family:"华文细黑";}
.solutioncon .solutioncon_l .p{font-size:20px;font-family:"华文细黑";line-height:36px;overflow:hidden;margin-bottom:52px;max-width:435px;}
.solutioncon .solutioncon_l .guwenmore3{display:block;width:50px;height:50px;line-height:50px;text-align:center;clear:both;overflow:hidden;transition:all 0.3s;border:2px solid #fff;border-radius:50%;}
.guwenmore3 i{display:block;width:100%;height:100%;background:url(../image/i_bg2.png) center center no-repeat;animation: ani-svg2 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg2 0.85s linear 0s alternate infinite;-moz-animation: ani-svg2 0.85s linear 0s alternate infinite;}
.guwenmore3:Hover{opacity:0.6;filter:Alpha(opacity=60);} @keyframes ani-svg2{0%{opacity: 0; transform: translateX(-12px);} 25%{opacity: 0.25; transform: translateX(-10px);} 50%{opacity: 0.5; transform: translateX(0px);} 75%{opacity: 0.75; transform: translateX(10px);} 100%{opacity: 1.0; transform: translateX(12px);}} @-webkit-keyframes ani-svg2{0%{opacity: 0.4; -webkit-transform: translateX(-20px);} 15%{opacity: 0.65; -webkit-transform: translateX(-15px);} 25%{opacity: 0.8; -webkit-transform: translateX(-10px);} 50%{opacity: 1; -webkit-transform: translateY(0px);} 65%{opacity: 0.8; -webkit-transform: translateX(5px);} 75%{opacity: 0.65; -webkit-transform: translateX(10px);} 100%{opacity: 0.4; -webkit-transform: translateX(15px);}} @-moz-keyframes ani-svg2{0%{opacity: 0.4; -moz-transform: translateX(-20px);} 15%{opacity: 0.65; -moz-transform: translateX(-15px);} 25%{opacity: 0.8; -moz-transform: translateX(-10px);} 50%{opacity: 1; -moz-transform: translateX(0px);} 65%{opacity: 0.8; -moz-transform: translateX(5px);} 75%{opacity: 0.65; -moz-transform: translateX(10px);} 100%{opacity: 0.4; -moz-transform: translateX(15px);}}
.solutioncon .solution_ul{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px);float:right;overflow:hidden;border-right:1px solid #495a6f;border-bottom:1px solid #495a6f;margin-top:157px;}
.solutioncon .solution_ul ul li{float:left;height:279px;width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px);border-top:1px solid #495a6f;border-left:1px solid #495a6f;text-align:center;position:relative;overflow:hidden;}
.solutioncon .solution_ul ul li a{position:absolute;width:100%;height:100%;z-index:9999;top:0;left:0;}
.solutioncon .solution_ul ul li .shade{width:100%;height:100%;background:#dd100f;position:absolute;transform:rotate(-90deg);top:-120%;left:-10%;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;}
.solutioncon .solution_ul ul li img{height:58px;display:block;margin:0 auto;margin-bottom:27px;margin-top:71px;position:relative;}
.solutioncon .solution_ul ul li strong{display:block;text-align:center;height:84px;line-height:84px;background:url(../image/recruitment_bg.png) center top no-repeat;font-size:20px;color:#fff;font-weight:normal;position:relative;}
.solutioncon .solution_ul ul li:hover .shade{top:0;left:0;transform:rotate(0deg);}
.solutioncon .solution_ul ul li p{display:none;}
.solutioncon .solution_ul ul li .CorebgColour{width:100%;height:100%;z-index: -1;padding: 1px;margin: -1px;background:#dd100f;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;filter: Alpha(Opacity=0);opacity: 0;}
.solutioncon .solution_ul ul li:hover .CorebgColour{z-index:99;filter: Alpha(Opacity=100);opacity: 1.0;}
/*我们的圈子*/
.new{overflow:hidden;background-color:#f5f5f5;padding-top:50px;padding-bottom:80px;}
.flexslider{overflow:visible;}
.news_lone{width:32.7%;height:520px;overflow:hidden;position:relative;}
.news_lone_img{height:520px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.news_lone_img img{display:block;width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{position:absolute;bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px;background:url(../image/recruitment_bg.png) 92% center #fff no-repeat;left:10px;right:10px;text-align:left;overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table;width:100%;height:100%;overflow:hidden;}
.news_lone .blog_title{padding-right:25%;padding-left:30px;margin-top:25px;display:table-cell;vertical-align:middle;line-height:24px;color:#000000;font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.news_lone:hover .blog_infTop{background:url(../image/recruitment_bg.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{color:#dd100f;}
.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline;}
.blog_list li{float: left;display:block;position:relative;height:360px;background-color:#fff;margin-bottom:8px;overflow:hidden;transition:all 0.3s;width: 32%;margin:10px 9px}
.blog_list li:last-child{margin-bottom:0;}
.blog_list ul li img{width:100%;height: 235px;}
.blog_list.r li{display:block;position:relative;height:168px;background-color:#fff;margin-bottom:8px;overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{margin-bottom:0;}
.blog_list.l li a{display:block;width:90%;max-width:420px;margin:0 auto;overflow:hidden;color:#666;}
.blog_list li a .h2 {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    line-height: 56px;
    margin-bottom: 14px;
    transition: all 0.3s;
    margin-left: 20px;
}
.blog_list li a .p {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    height: 50px;
    overflow: hidden;
    transition: all 0.3s;
    margin-left: 20px;
}
.blog_list .dates {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    transition: all 0.3s;
    margin-left: 20px;
}
.blog_list.l .blog_Rtime{height:66px;overflow:hidden;text-align:center;margin-top:22px;text-align:left;background:url(../image/i_bg5.png) 98% center no-repeat;display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime em, .blog_list.l .blog_Rtime b{display:block;font-family:"华文细黑";}
.blog_list.l .blog_Rtime b{display:block;color:#000;font-size:30px;height:34px;line-height:34px;font-weight:normal;letter-spacing:1px;}
.blog_list.l .blog_Rtime em{font-style:normal;height:20px;line-height:20px;font-size:16px;}
.blog_list.l .blog_Rmore{margin-top:34px;overflow:hidden;display:block;border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{color:#000;display:block;height:32px;line-height:32px;overflow:hidden;font-size:18px;font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{color:#dd100f;}
.blog_list.l .blog_Rmore span{display:block;line-height:24px;height:72px;overflow:hidden;margin-top:19px;font-size:16px;}
/*.blog_list.l li:hover{background-color:#dd100f;}
.blog_list.l li:hover a{color:#fff;}*/
.blog_list.l li:hover .blog_Rtime{background:url(../image/i_bg5.png) 100% center no-repeat;}
/*.blog_list.l li:hover .blog_Rmore b{color:#fff;}
.blog_list.l li:hover .blog_Rtime b{color:#fff;}*/
.blog_list.r li a{display:block;width:90%;max-width:368px;margin:0 auto;overflow:hidden;color:#666;padding-top:20px;}
.blog_list.r .blog_Rtime{height:95px;width:66px;float:left;overflow:hidden;margin-top:18px;text-align:left;}
.blog_list.r .blog_Rtime em, .blog_list.r .blog_Rtime b{display:block;font-family:"华文细黑";}
.blog_list.r .blog_Rtime b{display:block;color:#000;font-size:30px;height:50px;line-height:50px;font-weight:normal;letter-spacing:1px;background:url(../image/recruitment_bg.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{font-style:normal;height:42px;line-height:42px;font-size:16px;}
.blog_list.r .blog_Rmore{float:right;height:114px;border-left:1px solid #f5f5f5;padding-left:30px;width:234px;padding-top:14px;overflow:hidden;}
.blog_list.r .blog_Rmore b{color:#000;display:block;height:48px;line-height:24px;overflow:hidden;font-size:18px;font-weight:normal;max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#dd100f;}
.blog_list.r .blog_Rmore span{display:block;line-height:38px;height:38px;overflow:hidden;margin-top:15px;background:url(../image/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/box-shadow:0 15px 15px rgba(0, 0, 0, .1);transform:scale(1.005);}
/*.blog_list.r li:hover{background-color:#dd100f;}
.blog_list.r li:hover a{color:#fff;}
.blog_list.r li:hover .blog_Rmore b{color:#fff;}*/
.blog_list.r li:hover .blog_Rtime b{/*color:#fff;background:url(../images/i_bg6_on.png) left bottom no-repeat;*/}
.blog_list.r li:hover .blog_Rmore span{background:url(../image/i_bg5.png) 5% center no-repeat;}
/*联系我们*/
.i_contact{height: 666px;overflow: hidden;background: url(../image/i_bg7.jpg) no-repeat center top;}
.i_contact_t{margin-top:20px;height:96px;line-height:96px;font-size:40px;color:#fff;font-family:"华文细黑";letter-spacing:2px;}
.i_contact_ul{float:left;width:31.3%;max-width:418px;overflow:hidden;margin-top:80px;color:#fff;}
.i_contact_ul ul li{display:block;border-bottom:1px solid #617e8c;font-family:"华文细黑";}
.i_contact_ul ul li a{color:#fff;}
.i_contact_ul ul li a:hover{color:#dd100f;}
.i_contact_ul ul li:first-child{padding-top:9px;height:97px;line-height:26px;font-size:24px;}
.i_contact_ul ul li:first-child a{color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#dd100f;}
.i_contact_ul ul li:first-child span{display:block;height:36px;line-height:36px;overflow:hidden;font-size:36px;font-weight:normal;font-family:"华文细黑";margin-top:3px;} .i_contact_ul ul li:nth-child(2){padding-top:40px;
height:100px;
line-height:60px;} .i_contact_ul ul li:nth-child(2) a{float:left;
position:relative;
display:block;
width:60px;
height:60px;
margin-right:30px;} .i_contact_ul ul li:nth-child(2) img{width:60px;
height:60px;} .i_contact_ul ul li:nth-child(2) a .wem1{width: 203px;
display: none;
color: #363636;
text-align: center;
position: absolute;
left: -75px;
top: -208px;} .i_contact_ul ul li:nth-child(2) a .wem1 img{width:203px;
height:203px;} .i_contact_ul ul li:nth-child(2) a:hover .wem1{display:block;} .i_contact_ul ul li:nth-child(2) a .wem2{width: 203px;
display: none;
color: #363636;
text-align: center;
position: absolute;
left: -70px;
top: -208px;} .i_contact_ul ul li:nth-child(2) a .wem2 img{float:none;
width:203px;
height:203px;} .i_contact_ul ul li:nth-child(2) a:hover .wem2{display:block;} .i_contact_ul ul li:nth-child(3){border-bottom:0;
padding-top:34px;
font-size:18px;
line-height:30px;} .i_contact_ul ul li:nth-child(3) img{float:left;
width:40px;
height:48px;
margin-right:20px;
margin-top:5px;}
.i_contact_r{float:right;width:66.6%;overflow:hidden;margin-top:80px;background:#ffffff;height:506px;}
.i_contact_r .i_contact_t{color:#000;}
.i_contact_r .i_contact_r_div{width:94%;max-width:880px;overflow:hidden;margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{height:68px;line-height:68px;float:left;width:100%;margin-bottom:20px;}
.i_contact_r .i_contact_r_div ul li div{border:1px solid #dfdfdf;overflow:hidden;}
.i_contact_r .i_contact_r_div ul li div .inputs{width:100%;border:0;height:68px;text-indent:20px;background:none;color:#666666;font-size:18px;font-family:"微软雅黑";outline:none;} .i_contact_r .i_contact_r_div ul li:nth-child(1){width:49%;} .i_contact_r .i_contact_r_div ul li:nth-child(2){width:49%;
float:right;} .i_contact_r .i_contact_r_div ul li:nth-child(3){width:49%;} .i_contact_r .i_contact_r_div ul li:nth-child(4){width:49%;
float:right;}
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%;height: 68px;display: block;background: #dd100f;border: 1px #dd100f solid;outline: none;color: #fff;font-size: 18px;text-align: center;line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
/*分页样式开始*/
#pageabc{text-align:center;margin:30px 0;clear:both;height:auto;overflow:hidden;color:#eb3e98;line-height:23px;text-align:center;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span, #pageabc a{font-size:12px;color:#686868;padding:10px 20px;border:1px solid #e5e5e5;text-decoration:none;margin:3px;display:inline-block;text-align:center;background:#fff;}
#pageabc a:hover, #pageabc a.current{color:#fff;background-color:#c42221;border:1px solid #c42221;}
/*分页样式结束 */
.erjinav{text-align:center;}
.erjinav li{display:inline-block;}
.erjinav li a{display:block;height: 52px;width: 140px;line-height: 52px;font-size: 16px;color: #333;background: #fff;text-align: center;transition: all 0.3s;}
.erjinav li.current a, .erjinav li a:hover{background: #c42221;color: #fff;}
.i_contact_r_div{}
.i_contact_r_div form.fm-form li table{width:100%;} .i_contact_r_div form.fm-form li td:nth-child(1){display:none;}
.i_contact_r_div form.fm-form input{background:none;border:#dbdbdb 1px solid;width:100%;text-indent:10px;height:70px;font-size: 18px;line-height:70px;}
.i_contact_r_div form.fm-form textarea{background:none;border:#dbdbdb 1px solid;width:100%;text-indent:10px;height:70px;font-size: 18px;line-height:70px;}
.i_contact_r_div form.fm-form input.submit{background:#dd100f;color:#fff;border:none;cursor: pointer;}
/*服务之心*/
.i_service{}
.i_service ul li{float:left;display:inline;height:442px;width:23.87%;margin-right:1.5%;margin-right:1%\0;overflow:hidden;text-align:center;margin-bottom:80px;}
.i_service ul li:hover{box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .05);transform: translate3d(0, -2px, 0);
transition: all .3s cubic-bezier(.55, 0, .1, 1);} .i_service ul li:nth-of-type(4n), .index-ser ul li.mr0{margin-right:0;}
.i_service ul li a{display:block;height:100%;line-height:56px;overflow:hidden;color:#666666;margin-top:13px;font-size:16px;transition:all 0.3s;}
.i_service ul li:last-child a{border-right:0;}
.i_service ul li a:hover{color:#dd100f;}
.i_service ul li a i{display:block;width:120px;height:100px;margin:0 auto;margin-bottom:23px;overflow:hidden;transition:all 0.3s;margin-top:50px;}
.i_service ul li a i.bgs1{background-position:left center;}
.i_service ul li a i.bgs2{background-position:-242px center;}
.i_service ul li a i.bgs3{background-position:-484px center;}
.i_service ul li a i.bgs4{background-position:-726px center;}
.i_service ul li a:hover i{background-image:url(../image/i_bg1.png);}
.i_service ul li a:hover i.bgs1{background-position:-121px center;}
.i_service ul li a:hover i.bgs2{background-position:-363px center;}
.i_service ul li a:hover i.bgs3{background-position:-605px center;}
.i_service ul li a:hover i.bgs4{background-position:-847px center;}
.i_service ul li a h2{font-weight:normal;font-size:20px;color:#000;}
.i_service ul li a p{max-width:280px;margin:0 auto;width:90%;font-weight:normal;font-size:16px;color:#666666;line-height:24px;height:96px;}
.i_service ul li a label{display:block;font-size:14px;color:#666;height:40px;line-height:40px;width:178px;margin:0 auto;border:1px solid #cccccc;border-radius:20px;margin-top:32px;transition:all 0.3s;}
.i_service ul li:hover a label{background:#dd100f;border:1px solid #dd100f;color:#fff;} @media screen and (max-width:1440px){/*banner*/
.index-back-box{width:1200px;} .i_service_t{font-size:16px;
padding-bottom:35px;} .i_service_t h2{font-size:36px;} .i_service_t p{font-size:16px;}
/*服务*/
.i_service .i_service_box .box ul li .box_con{width:90%;
padding-left:10%;} .i_service .i_service_box .box ul li h2{line-height:132px;} .i_service .i_service_box .box ul li i{width:60px;
height:132px;} .i_service .i_service_box .box_txt2 h3{font-size:30px;} .i_service .i_service_box .box_txt2 p{font-size:14px;
line-height:26px;} .customer2{padding-top:25px;
padding-bottom:60px;}
/*风雨同行*/
.solution_ul2 ul li p strong{font-size:18px;} .solution_ul2 ul li p{font-size:12px;}
/*解决方案*/
.solutioncon{height:714px;} .solutioncon .solutioncon_l .h2{font-size:50px;
line-height:60px;
margin-top:170px;} .solutioncon .solutioncon_l .p{font-size:18px;
line-height:30px;} .solutioncon .solution_ul{margin-top:124px;} .solutioncon .solution_ul ul li{height:233px;} .solutioncon .solution_ul ul li img{margin-top:48px;} .solutioncon .solution_ul ul li strong{font-size:18px;}
/*我们的圈子*/
.new{padding-top:35px;
padding-bottom:60px;} .news_lone{height:433px;} .news_lone_img{height:433px;} .blog_r{height:433px;} .blog_list.l li{height:213px;
margin-bottom:7px;} .blog_list.l .blog_Rmore{margin-top:25px;} .blog_list.l .blog_Rmore b{font-size:16px;} .blog_list.l .blog_Rmore span{line-height:20px;
height:60px;
margin-top:10px;
font-size:14px;} .blog_list.l .blog_Rtime{margin-top:20px;} .blog_list.l .blog_Rtime b{font-size:25px;} .blog_list.l .blog_Rtime em{font-size:13.3px;} .blog_list.r li{height:139.66px;
margin-bottom:7px;} .blog_list.r li a{padding-top:17px;} .blog_list.r .blog_Rmore b{line-height:20px;
height:40px;
font-size:16px;} .blog_list.r .blog_Rtime b{font-size:25px;} .blog_list.r .blog_Rtime em{font-size:13.3px;}
/*联系我们*/
.i_contact_t{font-size:36px;} .i_contact_ul ul li:first-child{font-size:22px;} .i_contact_ul ul li:first-child span{font-size:34px;} .i_contact_r .i_contact_r_div ul li div .inputs{font-size:16px;}}