@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;font-size:12px;line-height:22px;background:#f3f3f5; font-family:Arial;min-width: 1200px;user-select: none;}
div,form,img,ul,ol,li,dl,dt,dd,b,iframe,p{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:Arial;font-weight: 600;color: #37404d;letter-spacing: 1px;line-height: 1.6;}
li{list-style:none;}
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;margin-top:-1px;line-height:0;zoom:1;}/*ie and firefox1.5 updata */
a{text-decoration:none;}
a:link,a:visited{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix { zoom: 1 }
.main{ width:1200px; margin:0 auto;}
.bgfff{ background:#fff;}
.ptop50{ padding-top:40px;}
.mtop96{margin-top:96px;}
.bgcase{background: #f3f3f5;}


/*头部*/
.top{ position:fixed; left:0px;top: 0px; width:100%;height:96px; background:#fff;z-index: 3; -moz-box-shadow:0 0px 24px rgba(179, 179, 179, 0.3); -webkit-box-shadow:0 0px 24px rgba(179, 179, 179, 0.3); box-shadow:0 0px 24px rgba(179, 179, 179, 0.3); }
.logo{ margin-left:85px; }
.logo a{background:url(../images/en/logo01.png) no-repeat center; width:202px; height:96px; display:block;}
.topNav{ padding-right:103px; position:relative;right: 85px;}
.topNav ul li{ float:left; display:inline-block; padding-top:43px; margin-left:60px;}
.topNav ul li:first-child { margin:0px;}
.topNav ul a{color:#333333; font-size:16px; -webkit-transition: 0.4s ease;  transition: 0.4s ease;}
.topNav ul a:hover{ color:#f75151;}
.topNav ul a.acurr{ color:#f75151;}
.topNav ul a i{ width:6px; height:6px; display:inline-block; background:#f75151; margin:0px 9px 3px 0px;border-radius:50%;}


.topMeun{ position:absolute; top:38px; right:10px; width:38px;}
.switch_box{ width:38px; height:30px; position:relative;line-height:30px;float: left; cursor:pointer; font-size:16px;} 
.switch{ color:#333333;}
a.switchli{border:none;position:absolute; color:#f75151; width:35px; text-align:center; height:30px; line-height:30px;top:29px; left:-4px; font-size:14px; display:none;z-index:3;}
.jt{ display:block; background:url(../images/en/sj.png) no-repeat; width:10px; height:5px; position:absolute;top: 12px; right:-9px;}
.jt-normal{transform: rotate(0deg); -webkit-transform: rotate(0deg);transition: transform .5s;}
.jt-inverse{transform: rotate(180deg); -webkit-transform: rotate(180deg);transition: transform .5s;}


/*底部*/
.bottom{  margin-top:100px; height:32px; text-align:center;}
.bottom a{ width:32px; height:32px; display:inline-block; background:url(../images/en/botbg.png) no-repeat; margin-left:118px;-webkit-transition: 0.4s ease;
    transition: 0.4s ease;}
.bottom a:first-child{ margin:0px;}
a.botli01{ background-position:0px 2px;}
a.botli01:hover{ background-position:-64px 2px;}
a.botli02{ background-position:0px -58px;}
a.botli02:hover{ background-position:-64px -58px;}
a.botli03{ background-position:0px -141px;}
a.botli03:hover{ background-position:-64px -141px;}
a.botli04{ background-position:6px -237px;}
a.botli04:hover{ background-position:-56px -237px;}
a.botli05{ background-position:0px -326px;}
a.botli05:hover{ background-position:-64px -326px;}

/*表单*/
.conform{ width:500px; margin:38px auto 0 auto;}
.conform li{ margin-bottom:10px;}
.conform li:last-child{ margin-bottom:0px;}
.conform li .inp{height:17px; line-height:17px;padding:12px 28px;color:#4d4d4d; border:none; background:#fff;width:444px;font-size: 15px;font-family:Arial, Helvetica, sans-serif;border-radius:3px; }
button.inpbtn{ width:500px; height:50px; display:block; border: 0; text-align:center; color:#fff; font-size:16px; line-height:50px; margin:20px 0px 0px 0px;
background: -webkit-linear-gradient(left,  #f75151 , #ff835d); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right,  #f75151, #ff835d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,  #f75151, #ff835d); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,#f75151 , #ff835d);

}
button.inpbtn:hover{cursor: pointer; background: -webkit-linear-gradient(left,  #ed4242 , #f76c42); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right,  #ed4242, #f76c42); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,  #ed4242, #f76c42); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,#ed4242 , #f76c42); }
.inp:focus{border:1px solid #a1a3f9; outline:none;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #cccccc; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #cccccc; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #cccccc; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #cccccc; } 
.inparea:focus{border:1px solid #a1a3f9; outline:none;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #cccccc; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #cccccc; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #cccccc; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #cccccc; } 


/*关于我们*/
.gywm_img{ padding-top:18px; margin-bottom:-20px;}
.headline{ color:#333333; font-size:34px; font-weight:bold; text-align:center;  margin:0 auto; position:relative; margin-top:55px;}
.hlwarp{border-bottom:1px solid #cdcdcd; display: inline-block;  padding:24px 5px;}
.headline span{ color:#f75151;}
.headline i{ display:block; width:30px; height:3px; position:absolute; left:50%; margin-left:-15px; bottom:-1px; background:#f75151;}
.gywm_text{ color:#333333; font-size:16px; width:850px; margin:45px auto 0 auto; line-height:24px; padding-bottom:130px;}

/*案例列表*/
.case_part{ padding-bottom:110px;}
.case_part li{width:580px;height:550px;display:inline-block;position:relative;margin-top:65px;top:0;transition:top .5s; margin-left:26px;}
.case_part li:first-child{ margin:0px;}
.case_part li .bg_image{width:100%;height:416px;border-radius:2px; background-size:cover;}
.bg_image01{ background:url(../images/en/casepic/01/1.jpg) no-repeat center;}
.bg_image02{ background:url(../images/en/casepic/02/6.jpg) no-repeat center;}
.bg_image03{ background:url(../images/en/casepic/03/3.jpg) no-repeat center;}
.bg_image04{ background:url(../images/en/casepic/04/3.jpg) no-repeat center;}
.bg_image05{ background:url(../images/en/casepic/05/1.jpg) no-repeat center;}
.bg_image06{ background:url(../images/en/casepic/06/3.jpg) no-repeat center;}
.case_part li .bg_image .hover_div{width:100%;height:100%;background:rgba(0,0,0,.7);padding-top:75px;box-sizing:border-box;opacity:0;transition:padding-top .5s}
.hover_div_text{ margin-top:86px; font-size:20px; color:#fff;line-height:25px;text-align:center;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding:0px 15px;}
a.hover_div_btn{ background:#f75151; width:180px; height:50px; line-height:50px; text-align:center; display:block; margin:50px auto 0px auto;border-radius: 3px; font-size:16px; color:#ffffff;}
.case_part li .dd_word{height:135px; padding-left:10px; width:570px;border-bottom:1px solid #e1e1e1;transition:border-bottom .5s}
.dd_word01{color:#151111; font-size:22px; padding:30px 0px 20px 0px;}
.dd_word02{font-size:16px; color:#999999; line-height:22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case_part li .dd_word:after{position:absolute;content:'';bottom:-1px;width:0;height:1px;background:#f75151;left:50%;transition:all .6s}
.case_part li .dd_word i{position:absolute;bottom:-10px;left:140px;color:#999}
.case_part li:hover{transition:top .5s;top:-10px}
.case_part li:hover .hover_div{opacity:1;padding-top:60px;transition:padding-top .5s;animation:hoverdelay .5s 1;-webkit-animation:hoverdelay .5s 1}
.case_part li:hover .dd_word{transition:border-bottom .5s;background-color:#fff;box-shadow:0 8px 12px 0 #eee}
.case_part li:hover .dd_word:after{width:100%;left:0;background:#f75151}
.case_part li:hover .dd_word i{transition:all .5s;opacity:0}
@keyframes hoverdelay{from{opacity:0}to{opacity:1}}@-webkit-keyframes hoverdelay{from{opacity:0}to{opacity:1}}

/*案例弹窗轮播*/
.mengceng{width:100%;height:100%;background:#000;position:fixed;opacity:.8;top:0;left:0;z-index:999; display:none;}
.case_lunbo{ width:900px;height: 627px;  position:fixed; top:50%; margin-top:-440px; left:50%; margin-left:-450px; z-index:1000; }
a.case_tc_close{ background:url(../images/en/lb_close.png) no-repeat center; width:20px; height:20px; display:block;  top:0px; right:-38px; position:absolute;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center; background:#fff; padding:10px 0px; }
.swiper-slide img{ width:880px; height:587px;}
.swiperbot{}
.swiperbot01{ font-size:20px; line-height:25px; color:#fff; text-align:left; margin:20px 0px;} 
.swiperbot02{ font-size:14px; line-height:20px; color:#cccccc;text-align:left;}
#casetc03,#casetc04,#casetc05,#casetc06{ margin-top:-340px;}
/*服务*/
.servelist{ padding:70px 0px 110px 0px;}
.servelist .listbox{ width:370px; height:620px; float:left; background:#fafafb; margin-left:40px;position: relative;top: 0;transition: top .5s; }
.servelist .listbox:hover{transition:top .5s;top:-10px;
box-shadow: 0 13px 36px -9px rgba(243, 243 , 245, 0.9); background:#ffffff;}
.servelist .listbox:first-child{ margin-left:0px;}
.servelist .listbox .lipic{ margin:70px auto 45px auto; width:106px; height:106px;}
.litext01{ text-align:center; color:#333333; font-size:24px; line-height:30px; }
.enbold .litext01{font-weight: bold;}
.litext02{text-align:center; color:#cccccc; font-size:16px; line-height:22px; margin-top:10px;}
.jsul{ margin-top:36px; padding-left:80px;}
.jsul01{ padding-left:107px;}
.jsul02{ padding-left:65px;}
.jsul04{ padding-left:55px;}
.jsul li{ color:#666666; font-size:16px; line-height:35px; background:url(../images/en/iocn05.png) no-repeat left; background-position:-7px -115px; padding-left:27px; position:relative;}
.jsul li span{ display:inline-block; background:url(../images/en/iocn05.png) no-repeat;background-position:-15px -15px; width:6px; height:10px; position:absolute; top:13px; right:63px;}
/*.listbox01{position: relative;top: 0;transition: top .5s; }
.listbox01:hover{transition:top .5s;top:-10px;
box-shadow: 0 13px 36px -9px rgba(243, 243 , 245, 0.9); background:#ffffff;}*/
/*.jsul02 li{-webkit-transition: 0.4s ease;  transition: 0.4s ease;}*/
.jsul02 li:hover{ color:#f75151; cursor:pointer;}
.jsul02 li:hover span{ background:url(../images/en/iocn05.png) no-repeat;background-position:-15px -44px; }
.jsulnno{ display:none; position:absolute;top: -155px;left: 271px; z-index:2;}
.jsulnno dd{ margin-bottom:26px; height:90px; line-height:90px; text-align:center;
background:linear-gradient(to right,#f75151,#ff835d);/* 标准*/ 
background:-webkit-linear-gradient(left,#f75151,#ff835d);/* Safari 5.1 - 6.0 */
background:-o-linear-gradient(right,#f75151,#ff835d);/* Opera 11.1 - 12.0 */
 background:-moz-linear-gradient(right,#f75151,#ff835d);/* Firefox 3.6 - 15 */
font-size:20px; color:#ffffff;}
.jsulnno .jsulnno_sj{ display:inline-block; background:url(../images/en/iocn05.png) no-repeat; width:14px; height:25px; background-position:-8px -74px; position:absolute; left:-13px; top:160px;}
.jsulnno dl{ padding-bottom:34px; width:257px; background:#ffffff; border:1px solid #fcebec;}
.jsulnno dt{ font-size:16px; color:#666666; line-height:33px;}
.jsulnno dt i{ display:inline-block; margin:0px 18px 3px 35px; background:#666666; width:5px; height:5px; border-radius: 50%;}
.jsulnno01 dt i{margin:0px 18px 3px 21px;}
.jsul02 li:hover .jsulnno{display:block;}

.servelist_zi .listbox{box-shadow: 0 13px 36px -9px rgba(243, 243 , 245, 0.9); background:#fff;border-top:6px transparent solid;border-image:linear-gradient(to right,#fff,#fff) 1 10;height:674px;}
.servelist_zi .listbox:hover{border-top:6px transparent solid;border-image:linear-gradient(to right,#f75151,#ff835d) 1 10;}



/*首页*/
.bgcolor{background:-webkit-linear-gradient(left,#343340,#483b44);
	background:-o-linear-gradient(right,#343340,#483b44);
	background:-moz-linear-gradient(right,#343340,#483b44);
	background:linear-gradient(to right,#343340,#483b44);
}
.bg01{ background:url(../images/en/banner.jpg) no-repeat center; height:1140px; position:relative;}
/*首页头部*/
.top_dw{width:100%;position:fixed;animation-delay:2s;}
.sytop{background-color:rgba(57, 57, 57, 0.3);top:0;left:0;z-index:99;height:96px; border-bottom:1px solid #31252e;}
.sytop .topNav ul a{ color:#fff;}
.sytop .topNav ul a:hover{color:#f75151;}
.sytop .topNav ul a.acurr{color:#f75151; font-weight:bold;}
.sytop .switch{ color:#fff;}
.sytop .jt{background:url(../images/en/sj1.png) no-repeat;}
.sytop .logo a{background:url(../images/en/logo02.png) no-repeat center;}



.text_en{ text-align:center; position:absolute; width:100%; top:344px;}

.js_text{ width:1200px; height:340px;background-color:rgba(29, 17, 26, 0.5); position:absolute; bottom:0px; left:50%; margin-left:-600px;}
.js_text .headline{ color:#fefefe; font-size:30px; margin-top:48px;}
.js_text .headline i{ background:#fff;}
.js_text .hlwarp{padding: 24px 10px;}

.switchtop{width:860px; margin:30px auto 0 auto;color:#fff;font-size:14px; line-height:24px; height:70px; position:relative; overflow:hidden;}
.switch01,.switch02{ position:absolute; top:0px; left:0px;width:860px;}
.switch02{ display:none;}
.switchbtn{ margin-top:30px; text-align:center;}
.switchbtn span{ cursor:pointer; display:inline-block; width:26px; height:26px;border-radius: 1px;}
.switch span:first-child { margin-right:10px;}
.switch01btn{background:#f75151 url(../images/en/sjbg.png) no-repeat center;background-position:8px -57px;}
.switch01btn_h{ background:#ffffff url(../images/en/sjbg.png) no-repeat center;background-position:8px 6px;}
.switch02btn{background:#f75151 url(../images/en/sjbg.png) no-repeat center;background-position:10px -87px; }
.switch02btn_h { background:#ffffff url(../images/en/sjbg.png) no-repeat center;background-position:11px -24px;}


/*提示弹窗*/
.pxtc{ width:350px; height:380px; background:#fff;border-radius:5px; position:fixed; top:50%; margin-top:-190px; left:50%; margin-left:-175px; z-index:1000; text-align:center;}
.pxtc .pxtc_gb{ background:url(../images/en/px_31.jpg) no-repeat center; width:14px; height:14px; display:block; position:absolute; top:15px; right:15px;}
.pxtc .pxtc01{ background:url(../images/en/px_32.jpg) no-repeat center; width:230px; height:144px; margin:0 auto; margin-top:28px;}
.pxtc .pxtc02{ color:#333333; font-size:20px; line-height:61px; font-weight:bold;}
.pxtc .pxtc03{ color:#999999; font-size:17px; line-height:26px;}
.pxtc .pxtc04{ text-align:center; border-top:1px solid #f1f1f1; color:#333333; font-size:20px; height:69px; line-height:69px; display:block; font-weight:bold; margin-top:25px;}

.tijiao_sb{ background:url(../images/en/tijiao_sb.png) no-repeat center; width:417px; height:95px; color:#fff; font-size:16px; text-align:center; padding-top:163px; position:fixed; z-index:11; top:50%; left:50%; margin-left:-209px; margin-top:-129px;}


/*客户*/
.customer{ padding:70px 0px 100px 0px;}
.customer ul{ margin-bottom:13px;}
.customer li{ margin-left:13px; float:left; width:290px; height:190px; background:#f3f3f5;}
.customer li:first-child{ margin:0px;}

/*首页*/
.syster li{ background:#fff;}
.sybot{ background:#40363e url(../images/en/sybot.jpg) no-repeat center; height:770px;}
.sybot .headline{ color:#fff;}
.sybot .hlwarp{ border-bottom:1px solid #cdcdcd;}
.sybot .headline i{ background:#ffffff;}
.sybot .bottom{ }

/*右侧浮动*/
.iocnbox{position: fixed;right: 40px;width:72px;bottom:135px;z-index: 99;height:176px;}
.iocn{display: block; width: 72px;height: 72px;z-index: 5;border-radius: 50%;cursor: pointer;background:url(../images/en/px_30.png) no-repeat center;text-align: center;margin-bottom: 30px;}
.iocn01{background-position:0px 0px;box-shadow: 0 8px 20px -5px rgba(199, 200 , 201, 0.5);}
.iocn01:hover{background-position:0px -97px;	}
.iocn01:hover .iocn01_ewm{ display:block;}
.iocn01_ewm {padding: 15px;width: 157px;background: #fff;position: absolute;top: -71px;left: -207px;display: none;}
.bksj {width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 13px solid #fff;position: absolute;top: 50%;margin-top: -14px;left: 185px;}
.bkwz {font-size: 16px;color: #333333;line-height:20px;padding-top:12px;}
.iocn02{ background-color: rgba(153, 153, 153, 0.2);background-position:-4px -175px;transition:all .4s ease-out; display:none;}
.iocn02:hover{ background-color: rgba(153, 153, 153, 0.4);background-position:-4px -249px;transform: translateY(-5px); -webkit-transform: translateY(-5px);}

/*中文*/
.headlinecn{ font-family:"黑体"; font-weight:normal;}
.switch span.jt_cn{ margin-right:1px;}
a.inpbtn_cn{ font-weight:normal;}
.headlinecn span{ font-family: Arial;}
.servelist_cn .listbox{ height:620px;}
.servelist_cn .litext01{font-family:"黑体";}
.servelist_cn .jsul.jsul01{ padding-left:135px;}
.servelist_cn .jsul{ padding-left:87px;}
.servelist_cn .jsul.jsul03{ padding-left:123px;}
.servelist_cn .jsul.jsul02{ padding-left:107px;}
.servelist_cn .jsul li span{ right:108px;}
.servelist_cn .jsulnno dd{font-family:"黑体";}
.servelist_cn .jsulnno dt i{ margin:0px 15px 3px 65px;}
.servelist_cn .jsulnno01 dt i{ margin:0px 15px 3px 33px;}
.servelist_cn .jsulnno{ left:190px;}


.copyc{color: #ccc;margin-top: 66px;line-height: 30px;text-align: center;font-size: 14px;border-top: 1px solid #e3e3e5;padding: 50px 0;}
.sybot .copyc{border-top: none;color:#80767e; padding-top:50px 0 0 0 }


.select-box-sex {display: inline-block;position: relative;background: url(../images/en/sel_arrow.png) 469px no-repeat #fff;border-radius: 2px;width:498px;height: 39px;margin-right: 20px;border: 1px solid #e4e4e4;}
.fwselect{border: 0;appearance: none;background: 0 0;width:498px;height: 39px;-webkit-appearance: none;-moz-appearance: none; padding-left:28px;position: relative;bottom: 1px;color: #ccc; font-size:14px;}
option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}

/*20200806自媒体模块添加*/
.bg_jb022{background: -webkit-linear-gradient(to right,#a44541, #a4543b);
 background: -o-linear-gradient(to right,#a44541, #a4543b); 
background: -moz-linear-gradient(to right,#a44541, #a4543b); 
background: linear-gradient(to right,#a44541, #a4543b); /* 标准的语法 */ }
.Column_bg{ width:100%; height:960px; padding-top:40px; box-sizing:border-box; background: url(../images/en/zmt.jpg) no-repeat center}
.Column_bg02{ background: url(../images/en/zmt_02.jpg) no-repeat center; height:1110px; padding-top:90px}
.Column_bg .headline,.Column_bg .headline span{ color:#ffffff;}
.Column_bg .headline i{ background:#fff}
.Column_con{ width:800px;background:#ffffff; border-radius:25px; margin:80px auto 0 auto; padding:40px 30px 50px 30px; box-sizing:border-box}
.Column_con ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:18px; color:#333333; border-bottom:1px solid #efefef}
.Column_con ul li a:hover{ color:#f75151;}
.Column_con ul li a:visited{color:#999999;}
.bg_hstm{ background: rgba(49, 39, 45, 0.3); box-shadow:none}
.bg_hstm .topNav ul a{ color:#ffffff}
.bg_hstm .topNav ul a:hover{color:#f75151;}
.bg_hstm ul a.acurr{ color:#f75151;}
.bg_hstm  .switch{ color:#fff}
.bg_hstm .logo a {background: url(../images/en/logo02.png) no-repeat center;}
.bg_hstm .jt {background: url(../images/en/sj1.png) no-repeat;}



@media screen and (max-width: 1915px) { 
.case_lunbo{ width:680px;height: 479px;  position:fixed; top:50%; margin-top:-350px; left:50%; margin-left:-340px;  }
.swiper-slide img{ width:660px;height: 440px;}
.swiperbot01{ font-size:16px; line-height:22px; color:#fff; text-align:left; margin:15px 0px;} 
.swiperbot02{ font-size:13px; line-height:15px; color:#cccccc;text-align:left;}
#casetc03,#casetc04,#casetc05,#casetc06{ margin-top:-260px;}
}
@media screen and (max-width:1470px) { 
.topNav ul li{     margin-left: 43px;}
.topNav {padding-right:100px;}

}
@media screen and (max-width:1353px) { 
.logo{    margin-left: 40px;}
.topNav{    right: 40px;}
.topNav ul li{ margin-left:30px;}
.topNav {
    padding-right: 85px;}
}
@media screen and (max-width:1280px) { 
.switch_box{ font-size:15px;}
.topNav ul a{font-size:15px;}
.topNav {
    padding-right: 75px;}
}