@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family:Arial; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family:Arial;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block; max-width:1600px; width: 90% !important;; margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%;}

.header{ height:99px; line-height:98px; border-bottom:1px solid rgba(255, 255, 255, 0.2); position: fixed; top:0; left:0; width: 100%; z-index:200;}
.header2{ background: rgba(0, 0, 0, 0.8);}
.header .logos{ height:98px;}
.header .logos img{ display: block; height:100%;}

.header .lang{ font-size:14px; color:#ffffff; height:40px; line-height:40px; margin-top:29px; position: relative; cursor: pointer; }
.header .lang .top{ padding:0 10px;}
.header .lang span{float: left; }
.header .lang .icon-ditu_diqiu_o{ font-size:20px; }
.header .lang .tit{ float: left; margin:0 15px 0 10px;}
.header .lang .icon-xiajiantou{ font-size:14px; }

.header .lang:hover{ background:#ffffff; color:#2b2b2b; }

.header .lang .lang_sub{ text-align: center; display: none; position: absolute; left:0; top:40px; width:100%; }
.header .lang .lang_sub a{ display: block; width:100%; line-height:40px; height:40px; margin-top:1px; background:#ffffff;}
.header .lang .lang_sub a:hover{ background:#8a314d; color:#ffffff;}

.nav{ overflow: hidden; font-size:18px; color:#ffffff; margin-right:35px; }
.nav li{ float: left; }
.nav li a{ padding:0 35px; display:block; position: relative; }
.nav li a:after{ content:""; width:0; height:4px; background:#ffffff; position: absolute; left:0; bottom:0;}
.nav li.on a:after,.nav li:hover a:after{ width:100%;}


.nav_btn{ display: none; width:24px; height:60px; width:60px; padding:20px 18px; cursor: pointer; position: relative; z-index:10; }
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px 0;}
.nav_btn span.sp02{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}


.banner{  }
.banner .swiper-slide{ height:100%; position: relative;}
.banner .swiper-slide img{ display: none;}
.banner .swiper-slide .bantxt{ position: absolute; left:0; width:100%; height:100%; top:0; text-align: center; color:#ffffff; line-height:1.4;}
.banner .swiper-slide .bantxt .tit01{ font-size:18px; letter-spacing:4px;}
.banner .swiper-slide .bantxt .tit02{ font-size:48px; margin:1% 0;}
.banner .swiper-slide .bantxt .tit03{ font-size:28px;}

.slide_down{ position: absolute; left:50%; width:80px; margin-left:-40px; bottom:5%; z-index:100; text-align: center; }
.slide_down .tit{ font-size:14px; color:#ffffff; line-height:1; margin-bottom:35px; }
.slide_down .lower{ width:30px; margin:0 auto; cursor: pointer; animation: myFade 2s linear infinite; position: relative; }
.slide_down .lower img{ display: block; width:100%;}


.home_services{ background:#f5f6fa;}
.hs_list{}
.hs_list li{ float: left; width:33.33%; padding:6% 3%;}
.hs_list li.li02{ background:#ffffff; }
.hs_list li .img{ width:48%; margin-bottom:7%;}
.hs_list li .img img{ width:100%; display: block;}
.hs_list li .txt{}
.hs_list li .txt .titen{ color:#2b2b2b; font-size:20px; margin:2% 0 5% 0;}
.hs_list li .txt .titcn{ color:#2b2b2b; font-size:30px; margin:2% 0 7% 0;}
.hs_list li .txt .info{ color:#515151; font-size:16px; line-height:1.8; margin-bottom:14%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hmore{ width:120px; height:40px; line-height:40px; text-align: center; border-radius:20px; font-size:14px; background:#8a314d; color:#ffffff; display: block;}
.hmore:hover{ background:#2b2b2b;}


.home_solution{ background: url(../images/home_solution_bj.jpg) no-repeat center center; background-size:cover;}
.home_solution .container{ position: relative; }
.home_solution .txt{ color:#ffffff; width:60%; padding:10% 0; }
.home_solution .titen{ font-size:30px; line-height:1.4;}
.home_solution .titcn{ font-size:36px; line-height:1; margin-top:2%;}
.home_solution .xian{ background:#ffffff; width:50px; height:4px; margin-top:4%; }
.home_solution .info{font-size:18px;  line-height:2.4; margin:5% 0 10% 0;}

.home_solution .img{ width:600px; position: absolute; top:50%; right:0; margin-top:-300px;}
.home_solution .img img{ display: block; width:100%;}


.hometit{ margin:4% 0;}
.hometit .column{ line-height:70px;}
.hometit .column .en{ color:#8a314d; font-size:30px; }
.hometit .column .cn{ color:#2b2b2b; font-size:36px; margin-top:34px; }
.hometit .more{ width:120px; height:70px; font-size:16px; color:#ffffff;  border-radius:10px; text-align: center; line-height:25px; padding:10px 0;
	background: -webkit-linear-gradient(right, #8a314d , #b15a76); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #8a314d , #b15a76); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #8a314d , #b15a76); /* Firefox 3.6 - 15 */
	background: linear-gradient(to left, #8a314d , #b15a76); /* 标准的语法 */
}

.hometit .more:hover{
    	background: -webkit-linear-gradient(right, #333333 , #2b2b2b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #333333 , #2b2b2b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #333333 , #2b2b2b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to left, #333333 , #2b2b2b); 
    
}

.hcmain{ position: relative;}
.hcmain .hc-prev,.hcmain .hc-next{ position: absolute; top:50%; width:35px; height:76px; margin-top:-38px; background:#8a314d; cursor: pointer; z-index:100;}
.hcmain .hc-prev span,.hcmain .hc-next span{ color:#ffffff; line-height:76px; text-align: center; display: block; font-size:35px; }
.hcmain .hc-prev{ left:-60px;}
.hcmain .hc-next{ right:-60px;}
.hcmain .hc-prev:hover,.hcmain .hc-next:hover{background:#2b2b2b;}


.hclist .swiper-slide{ width:32%; position: relative; border-left:1px solid #e5e5e5; }
.hclist .swiper-slide a{ display: block; padding:5% 0 20% 0; }
.hclist .swiper-slide .img{ padding-left:6%; margin:10% 0;}
.hclist .swiper-slide img{ display: block; width:100%; }
.hclist .swiper-slide .tit{ padding-left:6%; position: relative; line-height:1; color:#000000; font-size:18px; font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hclist .swiper-slide .tit:after{ content: "";  position: absolute; left:0;  top:0; height:100%; width:5px; background:#8a314d;}
.hclist .swiper-slide .hmore{ margin-left:6%;}

.hclist .swiper-slide .tit:hover{ color:#8a314d;}


.footer{ background:#f2f3f5; }
.footer .dbtop{ padding:4% 0; }
.footer .txt{ width:80%; }
.footer .txt .dbnav{ color:#232323; font-size:16px; line-height:35px; }
.footer .txt .dbnav span{ color:#b1b1b1; font-size:14px; margin:0 16px; }
.footer .txt .dbnav a:hover{color:#8a314d; text-decoration: underline; }

.footer .txt .info{ color:#878787; font-size:16px; margin-top:30px; line-height:35px; }
.footer .txt .info span{ margin-right:16px; }

.footer .wechat{ overflow: hidden; }
.footer .wechat .img{ width:100px; margin:0 auto;}
.footer .wechat .img img{ display: block; width:100%; }
.footer .wechat .tit{ text-align: center; color:#232323; font-size:14px; width:150px; margin-top:10px; }

.footer .copy{ color:#878787; font-size:16px; border-top:2px solid #eaeaeb; padding:2% 0; }
.footer .copy a:hover{color:#8a314d; text-decoration: underline; }


/*弹层*/
.layerbj{ background:rgba(0, 0, 0, 0.8); position: fixed; top:0; left:0; height:100%; width:100%; z-index:1000; display: none;}

.layermain{ position: fixed; width:60%; height:70%; left:20%; top:15%; z-index:1001; display: none; }
.layershow{ height:100%; overflow: hidden; padding:5%; background:#ffffff; border-radius:10px; position: relative;}
.layermain .close{ position: absolute; width:28px; height:28px; color:#ffffff; right:-56px; top:0; cursor: pointer;}
.layermain .close span{ font-size:28px;}
.layermain .content{ overflow: hidden; height:100%; }
.layermain .content .swiper-slide {height: auto;}

.layermain .swiper-scrollbar{ opacity:1 !important; background:#e2e2e2; top:0; position: absolute; height:100%; right:0; width:5px; z-index:100;}
.layermain .swiper-scrollbar .swiper-scrollbar-drag{ background:#8a314d;}
.layermain .tit{ color:#2b2b2b; font-size:36px; text-align: center; line-height:1; margin-bottom:3%;}
.layermain .txt{ color:#666565; font-size:16px; line-height:2; text-align: justify;}
/*弹层*/

/*案例列表*/
.nyban{ overflow: hidden; position: relative; }
.nyban>img{ display: block; width:100%; }
.nyban .nbtxt{ position: absolute; left:0; top:0; width:100%; height:100%; color:#ffffff; line-height:1.5; }
.nyban .nbtxt .en{ font-size:28px; text-transform: uppercase; width:50%; }
.nyban .nbtxt .cn{ font-size:40px; margin-top:1.5%; }

.nyban .ban_down{ position: absolute; left:0; bottom:10%; width:100%; }
.nyban .ban_down .lower{ width:30px; animation: myFade 2s linear infinite; position: relative; cursor: pointer; }
.nyban .ban_down img{width:100%; display: block;}

.caselist{ overflow: hidden;}
.caselist li{ float: left; width:48%; margin-right:4%; margin-top:4%;}
.caselist li .img{ overflow: hidden; position: relative;}
.caselist li .img:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.9) 100%);
    left: 0;
    top: 0;
}
.caselist li img{ width:100%; display: block;}
.caselist li .txt{ text-align: center; padding:5% 0; border-bottom:1px solid #d2d2d2; line-height:1;}
.caselist li .txt h3{ color:#3b3b3b; font-size:24px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.caselist li .txt p{ color:#6d6d6d; font-size:16px; margin-top:2.5%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.caselist li:hover .txt{ background:#8a314d; }
.caselist li:hover .txt h3{ color:#ffffff; }
.caselist li:hover .txt p{ color:#e9cad4; }

.paging{ margin:4% 0; text-align: center;}
.paging a,.paging span{ background:#ffffff; font-size:16px; line-height:1; border:1px solid #edecec; display:inline-block; padding:12px 16px; margin:0 3px;}
.paging span,.paging a:hover{ background:#8a314d; color:#ffffff;}
/*案例列表*/


/*关于我们*/
.aboutbj{ background: url(../images/aboutbj.jpg) no-repeat center bottom; background-size:100% auto;}

.about_txt{ color:#5c5c5c; font-size:18px; line-height:2; margin:5% 0; text-align: justify;}

.about_num{ width:90%; margin:0 auto 8% auto; text-align: center; }
.about_num li{ float: left; width:33.33%; line-height:1; border-right:1px solid #dcdcdc; }
.about_num li:last-child{ border:none; }
.about_num li .num{ color:#000000; font-size:48px; font-weight:bold; }
.about_num li .tit{ font-size:16px; color:#676767; margin-top:16px; }
/*关于我们*/

/*联系我们*/
.contactbj{ background: url(../images/contactbj.jpg) no-repeat center center; background-size:cover;}
.contact{ padding:5% 0; margin-top:99px;}
.contact .txt{ width:45%; color:#ffffff;}
.contact .txt .titen{ font-size: 28px; text-transform: uppercase; line-height:1.3; }
.contact .txt .titcn{ font-size: 40px; margin-top: 1.5%; line-height:1.3;}

.conlist{ overflow: hidden; margin:4% 0;}
.conlist li{ float: left; width:100%; color:#c3d5f1; font-size:18px; margin:2% 0; line-height:30px;}
.conlist li span{ font-size:24px; margin-right:18px; color:#ffffff; }

.conlist2{ margin-bottom:0;}

.contact .message{ width:45%; background: rgba(138, 49, 77, 0.9); padding:5%; }
.contact .message .mtit{ text-align: center; color:#ffffff; line-height:1; }
.contact .message .mtit .cn{ font-size:30px; }
.contact .message .mtit .en{ font-size:14px; text-transform: uppercase; margin-top:4%; }

.formlist{ overflow: hidden; margin-top:10%; }
.formlist li{ float: left; width:100%; margin-bottom:15px; }
.formlist li.input input{ color:#ffffff; font-size:14px; background:none; border:1px solid #9c4c66; display: block; width:100%; height:48px; line-height:46px; padding:0 15px; }
.formlist li.input input::placeholder{color:#c27a91;}
.formlist li.input input:hover{ border:1px solid #ffffff;}

.formlist li.textarea textarea{ color:#ffffff; font-size:14px; background:none; border:1px solid #9c4c66; display: block; width:100%; height:120px; line-height:1.6; padding:15px; }
.formlist li.textarea textarea::placeholder{color:#c27a91;}
.formlist li.textarea textarea:hover{ border:1px solid #ffffff;}

.formlist li.submit{ margin-bottom:0;}
.formlist li.submit input{ color:#8a314d; background:#ffffff; font-size:18px; display: block; width:100%; height:48px; cursor: pointer; }
.formlist li.submit input:hover{ color:#ffffff; background:#2b2b2b; }
/*联系我们*/

/*服务与支持*/
.nynav{ height:70px; line-height:70px; color:#292929; font-size:18px; }
.nynav a{ float: left;}
.nynav span{ float: left; background:#e7e7e7; height:20px; width:1px; margin:25px 30px 0 30px; }
.nynav a.on,.nynav a:hover{ color:#8a314d;}

.huibj{ background:#f8f8f8;}

.service{ padding:6% 0; position: relative;}
.service .txt{ width:47%; position: absolute; left:0; top:0; height:100%; }
.service .txt .tit{ color:#292929; font-size:30px;}
.service .txt .info{ color:#6d6d6d; font-size:18px; line-height:2; margin-top:5%;}
.service .txt .info li{ position: relative; padding-left:20px;}
.service .txt .info li:after{ content:""; position: absolute; width:10px; height:2px; background:#6d6d6d; top:17px; left:0;}
.service .img{ width:47%; position: relative;}
.service .img .ico{ position: absolute; width:114px; height:114px; top:-57px; right:57px; border-radius:50%; overflow: hidden;
	background: -webkit-linear-gradient(right, #8a314d , #b15a76); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #8a314d , #b15a76); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #8a314d , #b15a76); /* Firefox 3.6 - 15 */
	background: linear-gradient(to left, #8a314d , #b15a76); /* 标准的语法 */}
.service .img img{ display: block; width:100%;}

.service_case{ padding:6% 0;}
.column_tit{ color:#3b3b3b; font-size:36px; text-align: center; line-height:1;}
/*服务与支持*/


/*案例内容*/
.nyban .btn{ margin-top:3%; overflow: hidden;}
.nyban .btn a{ float: left; height:48px; line-height:48px; border-radius:5px; padding:0 30px; background:#eeeeee; color:#616163; font-size:14px; margin-right:17px;} 
.nyban .btn a span{font-size:20px; margin-right:14px; float: left; }
.nyban .btn a.a2{ color:#ffffff; background:#8a314d;}
.nyban .btn a:hover{ color:#ffffff; background:#2b2b2b; }


.case_show{ padding:5%; margin-top:-6%; position: relative; z-index:10; background:#ffffff; color:#6d6d6d; font-size:16px; line-height:2; overflow: hidden;}
.case_show .tit{ text-align:center; color:#3b3b3b; font-size:24px; line-height:1.4; margin-bottom:2%; }
.case_show .img{ float: right; width:50%; margin:0 0 4% 4%;}
.case_show .img img{ display: block; width:100%; }

.turnPage{ padding:3% 5%;}
.turnPage>div{ width:49%; position: relative; height:32px; line-height:32px;}

.turnPage .fl{ padding-left:60px;}
.turnPage .fl span{ border-radius:50%; width:32px; height:32px; border:1px solid #c9c9d4; position: absolute; left:0; top:50%; margin-top:-16px; }
.turnPage .fl span:after{ content:""; top:50%; left:50%; margin:-3px 0 0 -3px; width:0; height:0; position: absolute; border-right:7px solid #444444; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.turnPage .fl span:before{ content:""; width:36px; height:1px; background:#444444; position: absolute; left:50%; top:50%; }

.turnPage .fr{ padding-right:60px; text-align: right;}
.turnPage .fr span{ border-radius:50%; width:32px; height:32px; border:1px solid #c9c9d4; position: absolute; right:0; top:50%; margin-top:-16px; }
.turnPage .fr span:after{ content:""; top:50%; right:50%; margin:-3px -3px 0 0; width:0; height:0; position: absolute; border-left:7px solid #444444; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.turnPage .fr span:before{ content:""; width:36px; height:1px; background:#444444; position: absolute; right:50%; top:50%; }
.turnPage a{color:#3b3b3b; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.turnPage a:hover{ color:#8a314d; text-decoration:underline;}
/*案例内容*/


.animated{opacity: 0;}

.header .lang,.header .lang .lang_sub a,.nav li a:after,.hmore,.hcmain .hc-prev,.hcmain .hc-next,.caselist li .txt,.caselist li .txt h3,.caselist li .txt p,.paging a,
.formlist li.input input,.formlist li.textarea textarea,.formlist li.submit input,.nynav a,.nyban .btn a,.hometit .more{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.caselist li img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.caselist li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}