@charset "utf-8";
/* by Sean cyy 20161206 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;font-family: microsoft yahei; }
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
/* ::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} */

/* 全局 */
a { text-decoration: none; color: #333; outline:none;}
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { margin: 0 auto;width:1200px; }

.anim1s {-webkit-animation-delay: .1s; -moz-animation-delay: .1s;-ms-animation-delay: .1s;animation-delay: .1s;}
.anim2s {-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s;}
.anim3s {-webkit-animation-delay: .3s; -moz-animation-delay: .3s;-ms-animation-delay: .3s;animation-delay: .2s;}
.anim4s {-webkit-animation-delay: .4s; -moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .2s;}
.anim5s {-webkit-animation-delay: .5s; -moz-animation-delay: .5s;-ms-animation-delay: .5s;animation-delay: .2s;}

/*头部*/
.slu_top {position: relative;overflow: hidden;background: url(../images/slubg.jpg) no-repeat center top;background-size: cover;height: 900px;transition:.3s;}
.slu_top .slu_topr {position: absolute;top: 0;bottom: 0;right: 0;background: rgba(255,255,255,0.9);width: 66.7%;}
.slu_top .slu_top_box {position: absolute;left: 15%;right: 10%;height: 100%;}
.slu_top .slu_top_box .top_box {vertical-align: middle;display: inline-block;}
.slu_top .slu_top_box  em{vertical-align: middle;display: inline-block;height: 100%;}
.slu_top .slu_top_box .top_box .top_box_tt p{font-size:14px;color:#999999;line-height:36px;}
.slu_top .slu_top_box .top_box .top_box_tt h2{font-size:53px;color:#2d2d2d;letter-spacing:1px}
.slu_top .slu_top_box .top_box .top_box_tt h2 span{font-weight:normal;font-family:"微软雅黑 light";margin-left:10px}
.slu_top .slu_top_box .top_box .topr_line{width:38%;height:5px;background:#faa633;margin:8% 0;}
.slu_top .slu_top_box .top_box .topr_info{font-size:16px;color:#242424;line-height:36px;font-family:"微软雅黑 light";}


/*优势*/
.slu_advantage{padding:120px 0}
.slu_advantage .slu_adleft{float:left;width:32%;margin-right:16%;}
.slu_advantage .slu_adleft .sub_dis{font-size:14px;color:#2d2d2d;font-family:"微软雅黑 light";border-bottom:1px solid #242424;padding-bottom:9%;margin-bottom:9%;}
.slu_advantage .slu_adleft h2{font-size:34px;color:#111;line-height:46px;}
.slu_advantage .slu_adleft .slu_disin{font-size:14px;color:#666;line-height:36px;font-family:"微软雅黑 light";margin:22% 0 8%}
.slu_advantage .slu_adleft .btn_slu{width:47px;height:16px;background:url(../images/slu_jt.png) no-repeat left center;display:block;transition:.3s;background-position:0 0;}
.slu_advantage .slu_adleft .btn_slu:hover{background-position:0 -16px;}
.slu_advantage .slu_adright{float:left;width:52%;}
.slu_advantage .slu_adright ul{}
.slu_advantage .slu_adright ul li{overflow:hidden;margin-bottom:6%;}
.slu_advantage .slu_adright ul li .slu_img{width:50px;height:50px;border-radius:50%;background-color:#faa633;background-position:center center;background-repeat:no-repeat;background-size:38px;float:left;margin-right:6%;transition:all .5s ease-in;}
.slu_advantage .slu_adright ul li:hover .slu_img{transform: rotate3d(0, 1, 0, -360deg);-webkit-transform: rotate3d(0, 1, 0, -360deg);-moz-transform: rotate3d(0, 1, 0, -360deg);-ms-transform: rotate3d(0, 1, 0, -360deg);-o-transform: rotate3d(0, 1, 0, -360deg)}
.slu_advantage .slu_adright ul li .slu_img01{background-image:url(../images/slu_icon1.png)}
.slu_advantage .slu_adright ul li .slu_img02{background-image:url(../images/slu_icon2.png)}
.slu_advantage .slu_adright ul li .slu_img03{background-image:url(../images/slu_icon3.png)}
.slu_advantage .slu_adright ul li .slu_img04{background-image:url(../images/slu_icon4.png)}
.slu_advantage .slu_adright ul li .slu_img05{background-image:url(../images/slu_icon5.png)}
.slu_advantage .slu_adright ul li .slu_txt{float:left;width:84%;}
.slu_advantage .slu_adright ul li .slu_txt h2{font-weight:normal;font-size:20px;color:#242424;}
.slu_advantage .slu_adright ul li .slu_txt .slu_info{font-size:12px;color:#999;line-height:22px;margin-top:10px;}

.slu_price_top{padding:120px 0 280px;text-align:center;background:url(../images/solu_pricebg.jpg) no-repeat center top;position:relative;overflow:hidden}
.slu_price_top h2{font-size:36px;color:#fff;}
.slu_price_top .subinfo{font-size:16px;color:#fff;font-family:"微软雅黑 light";margin:30px 0 34px;}
.slu_price_top i{display:block;height:2px;width:100px;background:#faa633;margin:0 auto;}


.slu_pricebox{background:#f7f7f7;padding-bottom:120px;}
.slu_pricebox .slu_wrapper{width:1200px;margin:0 auto;}
.slu_pricebox .slu_priceta{margin:-14% auto 0;background:#fff;position:relative;z-index:0;}
.slu_priceta .slu_price_ul {overflow:hidden}
.slu_priceta .slu_price_ul .slu_price_li{float:left;width:33.333333%;margin-right:-1px;border-right:1px solid #efefef;position:relative;padding-bottom:44px}
.slu_priceta .slu_price_ul .slu_price_li .hot{display:block;position:absolute;right:0;top:0;width:60px;height:44px;background:url(../images/hot-new.png) no-repeat center top;}

.slu_priceta .slu_price_ul .slu_price_li .yj_price{position:absolute;top:88px;right:10%;font-size:18px;color:#faa633;}
.slu_priceta .slu_price_ul .slu_price_li .yj_price span{font-size:12px;color:#999;margin-left:6px;}


.slu_priceta .slu_price_ul .slu_price_li:nth-last-of-type(1){margin-right:0;border-right:0;}
.slu_priceta .slu_price_ul .slu_price_li .price_li_top{position:relative;}
.slu_price_li .price_li_top .slu_libox{padding:10% 10% 4%;}
.slu_price_li .slu_libox  .price_top p{font-size:18px;font-family:"微软雅黑 light";color:#faa633;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-weight:bold}
.slu_price_li .slu_libox  .price_top p span{color:#faa633;}
.slu_price_li .slu_libox  .price_top h2{font-size:36px;color:#faa633;position:relative;margin:10px 0 15px;font-weight:500}
.slu_price_li .slu_libox  .price_top h2 span{font-size:12px;color:#999;margin-left:6px;}
.slu_price_li .slu_libox  .price_top h2 i{width:16px;height:16px;border-radius:50%;background:#faa633;color:#fff;font-size:12px;text-align:center;font-weight:normal;display:block;position:absolute;bottom:6px;left:38%;font-style:normal;}
.slu_price_li .slu_libox  .price_top .price_top_info{font-size:12px;color:#666;line-height:23px;min-height:70px;}
.slu_price_li:nth-last-of-type(1) .slu_libox  .price_top h2 i{left:45%}

.price_mid{margin:6% 0;}
.price_mid ul{}
.price_mid ul li{font-size:13px;color:#666;font-family:"微软雅黑 light";line-height:34px;}
.price_mid ul li span{color:#000;}
.price_li_pub h2{background:#faa633;color:#fff;padding:0 10%;line-height:40px;font-weight:normal;}
.price_li_pub .price_li_btmlist{padding:0 10%;height:480px;overflow:hidden}
.price_mid ul li em{font-style:normal;color:#aaa;margin-left:8px;}
.price_li_pub:nth-last-of-type(1){height:480px;} 
.slu_price_li .open{transition:.3s;display:none}
.slu_price_li .close{display:block;}



.slu_price_li .price_clickbtn{background:url(../images/price_click.png) no-repeat left center;font-size:16px;color:#444;padding-left:40px;display:block;line-height:36px;margin:0 10%}
.slu_price_li .price_clickbtn:hover{color:#faa633}


/*高端定制*/
.slu_dingzhi{padding:120px 0 100px;background:#fff;overflow:hidden}
/* .slu_dingzhi .slu_dz_left{float:left;width:32%;margin-right:20%;background:url(../images/price_dz.jpg) no-repeat left top;padding:78px 0;} */
.slu_dingzhi .slu_dz_left{float:left;width:32%;margin-right:20%;overflow:hidden;padding-top:2%}
.slu_dingzhi .slu_dz_left img{float:left;width:60%;}
.slu_dingzhi .slu_dz_left .slu_dztxt{float:left;width:40%;margin-top:8%}
.slu_dingzhi .slu_dz_left h2{font-size:55px;line-height:66px;letter-spacing:2px;color:#333;font-family:"微软雅黑 light";}
.slu_dingzhi .slu_dz_left p{font-size:14px;color:#999;margin-top:14px;}
.slu_dingzhi .slu_dz_right{float:left;width:48%;}
.slu_dingzhi .slu_dz_right ul{overflow:hidden;}
.slu_dingzhi .slu_dz_right ul li{width:47%;margin:0 6% 6% 0;float:left}
.slu_dingzhi .slu_dz_right ul li:nth-of-type(2n){margin-right:0;}
.slu_dingzhi .slu_dz_right ul li:nth-of-type(2),.slu_dingzhi .slu_dz_right ul li:nth-of-type(3){margin-bottom:0;}
.slu_dingzhi .slu_dz_right ul li h1{font-size:26px;color:#faac41;font-weight:normal;}
.slu_dingzhi .slu_dz_right ul li h2{font-size:18px;color:#101010;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slu_dingzhi .slu_dz_right ul li p{font-size:12px;color:#444;line-height:22px;margin-top:16px;font-family:"微软雅黑 light";}

.infooter{background:#282a30;overflow:hidden;height:36px;line-height:36px;}
.infooter p{float:left;font-size:12px;color:#f2f2f2;}
.infooter a{float:right;display:block;color:#f2f2f2;font-size:12px;}


.see_demo{position:absolute;width:80px;height:36px;line-height:36px;display:block;right:10px;bottom:42px;background:#faa633;color:#fff;text-align:center}
.see_inmessage{position:absolute;width:80px;height:36px;line-height:36px;display:block;right:10px;bottom:42px;background:#faa633;color:#fff;text-align:center}

.popup_box{display:none}
.popup_content{padding:16px 16px 30px;}
.popup_content .demolist{width:100%}
.popup_content .demolist .hd{text-align:center; border-bottom:1px solid #efefef;}
.popup_content .demolist .hd ul{display:inline-block;text-align:Center;height:56px;line-height:56px;}
.popup_content .demolist .hd ul li{display:inline-block;margin:0 16px;position:relative;cursor:pointer;font-size:16px;}
.popup_content .demolist .hd ul li:after{position:absolute;content:'';border:1px solid #efefef;height:10px;right:-16px;top:40%}
.popup_content .demolist .hd ul li:nth-last-of-type(1):after{border:0;}
.popup_content .demolist .hd ul li a{font-size:14px;color:#666;}
.popup_content .demolist .hd ul li.on {color:#FAA633;}
.popup_content .demolist .bd{margin-top:26px;}
.popup_content .demolist .bd .con .demo_slick{overflow:hidden;padding-top:30px}
.popup_content .demolist .bd .con .demo_slick .item{float:left;width:33.3333%;transition:.3s;}
.popup_content .demolist .bd .con .demo_slick .slick-slide{width:33.3333%;}
.popup_content .demolist .bd .con .demo_slick .item .slick_itembox{padding:0 2%;position:relative;}

.popup_content .demolist .bd .con .demo_slick .item .demo{overflow:hidden;border:1px solid #efefef;}
.popup_content .demolist .bd .con .demo_slick .item .demo img{display:block;width:100%;}
.popup_content .demolist .bd .con .demo_slick .item:hover{margin-top:-10px;}
.popup_content .demolist .bd .con .demo_tt{line-height:46px;border:1px solid #f7f7f7;margin:16px 0;padding:0 10px;position:relative;}
.popup_content .demolist .bd .con .demo_tt .demo_type{float:left;width:42%;font-size:12px; color:#707070;}
.popup_content .demolist .bd .con .demo_tt .demo_type span{color:#FAA633;}
.popup_content .demolist .bd .con .demo_tt .demo_link{float:right;width:58%;display: inline;text-align: right;}
.popup_content .demolist .bd .con .demo_tt .demo_link a{font-size:12px; color:#707070;background-position:left center;line-height:36px;padding-left:24px;background-repeat:no-repeat;background-size:16px}
.popup_content .demolist .bd .con .demo_tt .demo_link a:hover{color:#52a4f8}
.popup_content .demolist .bd .con .demo_tt .demo_link a.show_qt{background-image:url(../images/see_demo.png);margin-right:8%;}
.popup_content .demolist .bd .con .demo_tt .demo_link a.show_ht{background-image:url(../images/htys.png);}
/* .popup_content .demolist .bd .con .demo_tt:before{position:absolute;width: 0;height: 0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #eee;content:'';left:8%;top:-5px;} */
.popup_content .demolist .bd .con  .demo_slick .slick-slide{outline:none}


.popup_content .demolist .bd .con .demo_slick .item  .slick_itembox .hover_box{width: 70%;border-radius: 3px;padding: 1.2% 0;position: absolute;top: 50%;left: 50%;margin-left: -35%;margin-top: 0px;background: rgba(255, 255, 255, 1);opacity: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4);text-align:center}

.popup_content .demolist .bd .con .demo_slick .item  .slick_itembox .hover_box a{width: 46%;border: 1px solid #009CFF;border-radius: 3px;text-align: center;line-height: 30px;display: inline-block;background: #009CFF;
color: #fff;font-size: 12px;transition: all 0.3s ease-out 0s;}
.popup_content .demolist .bd .con .demo_slick .item  .slick_itembox .hover_box a.endp{background:#ff592d;border-color:#ff592d}
.popup_content .demolist .bd .con .demo_slick .item:hover  .slick_itembox .hover_box{opacity:1}

.hover_txt{text-align:center;}
.hover_txt .title{color:#505050;font-size:18px;}
.hover_txt .subtitle{color:#B0B0B0;font-size:12px;letter-spacing:1px}

.pop_cover{
	position: absolute;
	width: 100%;
    height: 90%;
    top: 16%;
    background: #fff url(../images/fancybox_loading.gif) no-repeat center;
}
.slick-prev, .slick-next{position: fixed;top:152px;}
.slick-prev{left: 40%;}
.slick-next{right: 40%;}
 
@media screen and (max-width: 1200px) {
	.pc-btn {display: none;}
}
// .popup_content .demolist .hd > ul > li:first-of-type,
// .popup_content .demolist .bd .con:first-of-type { display: none;}

 
/*.slick-prev:before, .slick-next:before{color: #fff}*/
@media (max-width: 1366px) {
	.wrapper {width:100%;box-sizing: border-box;padding:0 12px;}
	.slu_pricebox .slu_wrapper{width:100%;box-sizing: border-box;padding:0 12px;}
	.slu_dingzhi .slu_dz_left{margin-right:10%}
	.slu_dingzhi .slu_dz_right{width:58%}
	
}

@media (max-width: 1300px) {
	.popup_content .demolist .bd .con .demo_tt .demo_type{display:none}
	.popup_content .demolist .bd .con .demo_tt .demo_link{width:100%;text-align:center;}
	
}
@media (max-width: 1200px) {
	
	.slu_price_li .slu_libox .price_top h2 i{left:48%}
	.slu_price_li:nth-last-of-type(1) .slu_libox .price_top h2 i{left:54%}
	.see_demo{display:none}
	.slu_priceta .slu_price_ul .slu_price_li:nth-of-type(1) .yj_price,.slu_priceta .slu_price_ul .slu_price_li:nth-of-type(2) .yj_price{display:none}
}
@media (max-width: 1000px) {
	.slu_advantage .slu_adright ul li .slu_txt{width:80%;}
	
}
@media (max-width: 960px)  {
	
	.slu_price_li .slu_libox .price_top h2 i{left:58%}
	.slu_price_li:nth-last-of-type(1) .slu_libox .price_top h2 i{left:69%}
	.slu_pricebox .slu_priceta{margin-top:-16%}
	.slu_dingzhi .slu_dz_left,.slu_dingzhi .slu_dz_right{float:none;width:100%}
	.slu_dingzhi .slu_dz_left img{width:20%}
	
	.slu_dingzhi .slu_dz_left .slu_dztxt{margin-top:0;width:76%}
	.slu_dingzhi .slu_dz_left h2{font-size:26px;line-height:36px;}
	.slu_dingzhi .slu_dz_left p{margin-top:6px}
	.slu_pricebox{padding-bottom:80px;}
	.see_inmessage{display:none}
	.slu_priceta .slu_price_ul .slu_price_li{float:none;width:100%;border-bottom:1px solid #efefef;padding-bottom:5%}
}
@media (max-width: 768px)  {
	.slu_advantage .slu_adright ul li .slu_txt{width:78%;}
	
	.slu_price_top{padding: 40px 0 120px;}
	.slu_price_top h2{font-size:16px;}
	.slu_price_top .subinfo{font-size:12px;margin: 10px 0 12px;}
	.slu_price_li .slu_libox .price_top h2 i{left:44%}
	.slu_price_li:nth-last-of-type(1) .slu_libox .price_top h2 i{left:52%}
	.slu_dingzhi{padding:40px 0 20px;}
	.popup_content .demolist .bd .con .demo_slick .item:hover{margin-top:0}
	.popup_content .demolist .hd ul li{margin:0 8px;}
	.popup_content .demolist .hd ul li a{font-size:12px;}
	.slu_priceta .slu_price_ul .slu_price_li:nth-of-type(1) .yj_price{display:block;}
}

@media (max-width: 640px) {
	
	.slu_top {height: 360px;}
	.slu_top .slu_top_box .top_box .top_box_tt p{font-size:12px;}
	.slu_top .slu_top_box .top_box .top_box_tt h2{font-size:20px;}
	.slu_top .slu_top_box .top_box .topr_info{font-size:12px;line-height:18px;max-height:70px;overflow:hidden}
	.slu_advantage{padding:30px 0}
	.slu_advantage .slu_adleft ,.slu_advantage .slu_adright{float:none;width:100%;}
	.slu_advantage .slu_adleft .sub_dis{margin-bottom:4%;padding-bottom:4%}
	.slu_advantage .slu_adleft h2{font-size:18px;line-height:24px}
	.slu_advantage .slu_adleft .slu_disin{margin:4% 0 4%;font-size:12px;line-height:22px;}
	.slu_adright{margin-top:4%}
	.slu_price_li:nth-of-type(1) .price_li_pub .price_li_btmlist{height:204px;}
	.slu_price_li:nth-of-type(1) .price_li_pub:nth-of-type(2) .price_li_btmlist{height:60px;}
	.slu_price_li:nth-of-type(1) .price_li_pub:nth-last-of-type(1){height:302px}
	
	.slu_price_li:nth-of-type(2) .price_li_pub:nth-of-type(1) .price_li_btmlist{height:250px;}
	.slu_price_li:nth-of-type(2) .price_li_pub:nth-of-type(2) .price_li_btmlist{height:60px;}
	.slu_price_li:nth-of-type(2) .price_li_pub:nth-last-of-type(1){height:240px}
	.price_li_pub:nth-last-of-type(1){height:360px;} 
	
	}
















.price_clickbtn, .see_demo {position:static;display:inline-block;width:300px;line-height:40px;height:40px;font-size:18px;color:#fff;margin: 10px 0;background:#faa633;border-radius:10px;}




.slu_pricebox .slu_priceta { margin: 0 auto; }

.slu_price_li .slu_libox .price_top h2 i { right: 1%; }

.slu_price_li .slu_libox .price_top h2 span em { font-size: 15px; text-decoration: line-through; }