@charset "utf-8";
/* by 20161206 */
html { overflow-x:hidden}
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; color:#faa633}

/* 清理浮动 */
.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;padding:0 3.6%; }

.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;}
.anim6s {-webkit-animation-delay: .6s; -moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s;}

/*头部*/
/* .header{position:relative;height:1080px;background:url(../images/banner.jpg) no-repeat center top;} */
.header{position:relative;}
.header .site_bg{}
.header .site_bg.slick-slider{margin-bottom:0}

.header .site_bg  img{max-width:100%;display:block;}
.site_txt{position:absolute;z-index:2;width:40%;top:16%;left:0;right:0;margin:0 auto;}
.site_txt img{width:100%;margin:0 auto;display:block;}
.site_txt img.bann-word{position:absolute;top:0;left:0;display:none;}
.site_txt a{display:block;}

.scroll_case{position:absolute;bottom:-150px;left:0;right:0;width:42.01%;background:url(../images/computer.png) no-repeat center center / 100%;z-index:5;margin:0 auto;height:50%;}/*edit by leakey  width=42.01%*/
.scroll_case .slideBox{position:absolute;top:11%;left:12%;right:12%;bottom:18%;overflow:hidden;height:76%;}
.scroll_case .slideBox .bd{position:relative;z-index:0;height:100%;}
.scroll_case .slideBox .bd ul{overflow:hidden;}
.scroll_case .slideBox .bd ul li{float:left;vertical-align:middle; }
.scroll_case .slideBox .bd ul li a{display:block;}
.scroll_case .slideBox .bd ul li a img{display:block;width:100%;}
.scroll_case .slick_banner{position:absolute;top:13%;left:12%;right:12%;bottom:18%;overflow:hidden;height:76%;}
.scroll_case .slick_banner a{display:block;}
.scroll_case .slick_banner a img{display:block;width:100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}

#myjQueryNav{display:none}




/*服务项目*/
.site_service{position:relative;z-index:1}
.site_service .left,.site_service .right{float:left;width:50%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;position:relative;overflow:hidden}
.site_service .left .static,.site_service .right .static{position:relative;}
.site_service .s_img{display:block;width:100%;}
.site_service .sleft_box{position:absolute;top:0;bottom:0;left:10%;right:10%;}
.site_service .left .sleft_box{background:url(../images/web_img.png) no-repeat 92% bottom;background-size:51%}
.site_service .sleft_box .txt{margin-top:18%;}
.site_service .sleft_box .txt .s_tt{color:#fff;margin-bottom:4%;}
.site_service .sleft_box .txt .s_tt i{color:#f5f5f5;font-size:22px;font-family:"opensans-light";}
.site_service .sleft_box .txt .s_tt h2{color:#fff;font-size:34px;font-weight:normal;}
.site_service .sleft_box .info{font-size:24px;color:#fff;line-height:40px;margin-top:10%}

.site_service .right  .sleft_box{text-align:right}
.site_service .symbol{position:absolute;bottom:10%;z-index:5;left:0;right:0;margin:0 auto;width:10%;}
.site_service .symbol img{display:block;width:100%;opacity:.7;}

.left .s_hover{position:absolute;left:-40%;right:0;width:100%;top:0;bottom:0;z-index:3;background:#f4f4f4;opacity:0;transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;}
.right .s_hover{position:absolute;right:-40%;width:100%;top:0;bottom:0;z-index:3;background:#f4f4f4;opacity:0;transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;}
.s_hover .hover_box{padding:8% 5%;}
.s_hover .hover_box .hover_tt{margin-left:16px;}
.s_hover .hover_box .hover_tt i{color:#666;font-size:22px;font-family:"opensans-light";}
.s_hover .hover_box .hover_tt h2{color:#666;font-size:34px;font-weight:normal;}
.s_hover  .hover_list{}
.s_hover  .hover_list ul{overflow:hidden}
.s_hover  .hover_list ul li{float:left;text-align:center;width:33.33333%;margin-top:9%}
.s_hover  .hover_list ul li a{display:block;padding-right:28%;color:#666666}
.s_hover  .hover_list ul li a h2{font-size:20px;font-weight:normal;}
.s_hover  .hover_list ul li a p{font-size:14px;margin-top:10px;height:58px;overflow:hidden;}

.left:hover .s_hover{opacity:1;left:0}
.right:hover .s_hover{opacity:1;right:0;}

.right .s_hover .hover_list ul li {width:50%;}
.right .s_hover .hover_list ul li a{padding-left:28%;padding-right:0}
.right .s_hover .hover_list ul li a p{}
.right .s_hover .hover_box .hover_tt{text-align:right;}


/*客户*/
.site_customer{padding:5% 0 0;}
.site_customer .cus_tt{text-align:center;}
.site_customer .cus_tt h2{font-size:48px;color:#555;font-weight:normal;}
.site_customer .cus_tt i{display:block;width:22%;height:1px;background:#c9c9c9;position:relative;margin:2% auto;}
.site_customer .cus_tt i:after{content:'';position:absolute;width:8px;height:8px;left:50%;top:-4px;background:#c9c9c9;border-radius:50%;}
.site_customer .cus_info{text-align:center;line-height:28px;font-size:16px;color:#999}


.customer_list{position:relative;z-index:1;background:#fff;margin-top:4%}
.customer_list ul{}
.customer_list ul li{width:16.66666%;transition: 500ms ease-out;-webkit-transition: 500ms ease-out;float:left;margin-bottom:10px;}
.customer_list ul li a{display:block;padding:5px}
.customer_list ul li a img{max-width: 100%;transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;margin:0 auto;display:block;}
.customer_list ul li:hover{box-shadow:0 0 8px #ddd}
/* .customer_list ul li a::after{box-shadow: 0 0 0 0 #eee inset;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;transition: all 0.2s ease 0s;width: 100%;} */
/* .customer_list ul li a:hover::after{box-shadow: 0 0 0 3px #f6f6f6 inset;} */


/*案例*/
.site_case{position:relative;z-index:1;}
.site_case .site_casebox{overflow:hidden;}
.site_case .site_casebox .left,.site_case .site_casebox .right{float:left;}

.site_case .site_casebox .double{overflow:hidden;width:33.33%;}
.site_case .site_casebox .double ul li{position:relative;padding-top:40%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;overflow:hidden;background-size:100%;background:no-repeat center center;}
.site_case .site_casebox .double ul li a{display:block;}
.site_case .site_casebox .double ul li a img{position:absolute;top:0;display:block;max-width:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.site_case .site_casebox .single{width:66.66%;}
.site_case .site_casebox .single .child{position:relative;overflow:hidden;padding-top:40%;background-size:100%;background:no-repeat center center;}
.site_case .site_casebox .single .child a{display:block;}
.site_case .site_casebox .single .child a img{position:absolute;top:0;display:block;max-width:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.site_case .site_casebox .single .child:hover a img,.site_case .site_casebox .double ul li:hover a img{transform:scale(1.1,1.1);}

.site_case .site_casebox  .sitec_hover{background:rgba(0,0,0,.6);position:absolute;top:20px;left:20px;right:20px;bottom:20px;margin:0 auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;opacity:0}
.site_case .site_casebox  .sitec_hover a{display:block;border:1px solid #ddd;text-align:center;height:100%;}
.site_case .site_casebox  .sitec_hover a .txt{vertical-align:middle;display:inline-block;}
.site_case .site_casebox  .sitec_hover a .txt h2{font-size:24px;color:#fff;font-weight:normal;}
.site_case .site_casebox  .sitec_hover a .txt p{font-size:18px;color:#faa633;line-height:30px;}
.site_case .site_casebox  .sitec_hover a em{vertical-align:middle;display:inline-block;height:100%}
.site_case .site_casebox .double li:hover .sitec_hover,.site_case .site_casebox .single .child:hover .sitec_hover{opacity:1}

.site_case_items {}
.site_case_items a {display:block;width:33%;padding-top:40%;}


/*优势*/

.site_stran{padding:80px 0;}
.site_stran .wrapper{text-align:center}
.site_stran .feed_list{width:100%;display:inline-block;vertical-align:middle;}
.site_stran  em{height:100%;display:inline-block;vertical-align:middle;}
.site_stran .feed_list ul{overflow:hidden;}
.site_stran .feed_list ul li{float:left;width:25%;text-align:center;}
.site_stran .feed_list ul li h2 {overflow:hidden;line-height:40px;}
.site_stran .feed_list ul li h2 span{font-size:100px;color:#555555;font-weight:normal;}
.site_stran .feed_list ul li h2 i{font-size:36px;font-weight:normal;font-style:normal;margin-left:10px;vertical-align:54px}
.site_stran .feed_list ul li .subin{font-size:22px;color:#555555;}
.site_stran .feed_list ul li:nth-of-type(1) .subin{margin-left:-40px;}


/*简介*/
.site_about{overflow:hidden;background:#eeeeee;position:relative}
.site_about .sitea_left{float:left;width:42%;}
.site_about .sitea_left img{width:100%;display:block;}
.site_about .sitea_right{width:58%;position:absolute;top:0;bottom:0;right:0;}
.site_about .sitea_right .sitea_box{height:100%;padding:0 14%}
.site_about .sitea_right .aboutbox{display:inline-block;vertical-align:middle;}
.site_about .sitea_right em{display:inline-block;vertical-align:middle;height:100%}
.site_about .sitea_right .aboutbox h2{font-size:36px;color:#555;font-weight:normal;}
.site_about .sitea_right .aboutbox h2 span{font-size:26px;color:#555;font-weight:normal;display:block;}
.site_about .sitea_right .aboutbox .info{margin-top:50px;font-size:18px;color:#888;line-height:28px;}
.site_about .sitea_right .aboutbox .more{display:block;width:180px;line-height:46px;background:#faa633;color:#fff;text-align:center;border-radius:30px;margin-top:20%;font-size:16px;}


/*新闻*/
.site_new{padding:80px 0;overflow:hidden;}
.site_new .new_tt{text-align:center;}
.site_new .new_tt h2{font-size:48px;color:#555;font-weight:normal;}
.site_new .new_tt .info{color:#999;font-size:18px;line-height:26px;margin-top:26px;}
.site_new .new_list{margin-top:60px;}
.site_new .new_list ul{overflow:hidden;}
.site_new .new_list ul li{float:left;width:33.33333%;margin-bottom:1%}
.site_new .new_list ul li .img{position:relative;height:100%;overflow:hidden}
.site_new .new_list ul li .img a{display:block;}
.site_new .new_list ul li .img img{display:block;width:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.site_new .new_list ul li .img:hover a  img{transform:scale(1.1,1.1);}
.site_new .new_list ul li .img .new_hover{position:absolute;top:0;left:0;bottom:0;right:0;margin:5%;background:rgba(0,0,0,.44);text-align:center;opacity:0;transition:.3s;}
.site_new .new_list ul li .img .new_hover .more{position:absolute;top:50%;left:0;right:0;margin:-24px auto 0;line-height:48px;width:28%;background:#faa633;text-align:center;color:#fff;border-radius:32px;font-size:16px;}

.site_new .new_list ul li .img:hover .new_hover{opacity:1}
.site_new .new_list ul li .txt{text-align:center;padding:3%;}
.site_new .new_list ul li .txt h2 a{display:block;font-size:22px;color:#555;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.site_new .new_list ul li .txt .info{font-size:16px;color:#666666;line-height:28px;margin-top:16px;max-height:84px;min-height:84px;overflow:hidden}

.site_new .new_list ul li .txt h2 a:hover{color:#faa633}


/*客户评价*/

.site_comment{background:#f7f7f7;padding:80px 0  100px}
.site_comment .comment_tt{text-align:center}
.site_comment .comment_tt h2{font-size:48px;color:#555;font-weight:normal;}
.site_comment .comment_tt .info{color:#999;font-size:18px;line-height:26px;margin-top:26px;}

.site_comment .comment_list{margin-top:60px;}
.site_comment .comment_list .runabout{margin:0 auto;width:66%;}
.site_comment .comment_list .runabout .item{}
.site_comment .comment_list .runabout .libox{margin:16px;text-align:Center;background:#fff;padding:16% 12% 24%; box-shadow:0 0 3px #eee;transition: all 300ms ease;}
.site_comment .comment_list .runabout .libox .comm_ph{background:url(../images/bd.jpg) no-repeat center center;text-align:center;}
.site_comment .comment_list .runabout .libox .comm_ph img{width:80px;height:80px;margin:0 auto;}
.site_comment .comment_list .runabout .libox h2{font-size:24px;color:#666666;margin-top:16px;font-weight:normal;}
.site_comment .comment_list .runabout .libox i{display:block;width:2px;height:2px;background:#faa633;border-radius:50%;margin:36px auto;font-style:normal;}
.site_comment .comment_list .runabout .libox .com_info{font-size:16px;color:#666;line-height:30px;}
.site_comment .runabout .slick-center .libox{transform: scale(1.1)}
.site_comment .runabout .slick-center{position:relative;z-index:666666}

.slick-slide{outline:none}

.site_comment .slick-list{padding:50px 0}


.slick-active{}


.comment_list .slick-dots{text-align:center;margin-top:40px;}
.comment_list .slick-dots li{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px;background:#999}
.comment_list .slick-dots li button{width:6px;height:6px;font-size: 0;line-height: 0;display: block;width: 6px;height: 6px; padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.comment_list .slick-dots li.slick-active button:before{    font-size: 0;line-height: 0;position: absolute;
    top: 0;left: 0;width: 6px;height: 6px;content: '';text-align: center; color: #999;}
.comment_list .slick-dots li button:before{display:none} 
.comment_list  .slick-dots .slick-active{background:#faa633}

/*手机 链接*/
.site_link{padding:40px 0;border-top:1px solid #f7f7f7;display:none}
.site_link .link_list{text-align:center;}
.site_link .link_list img{margin-right:10px;vertical-align:-3px;}
.site_link .link_list a{color:#666666;font-size:12px;margin-right:10px;}
.site_link .link_list a:nth-last-of-type(1){margin-right:0;}

/*手机站——底部*/
.mobile_foot{display:none}
.site_footer{background:#333;padding:20px 0;}
.site_footer .foot_nav{text-align:center}
.site_footer .foot_nav a{display:inline;color:#fff;font-size:12px;margin-right:30px;position:relative}
.site_footer .foot_nav a:after{content:'';position:absolute;right:-15px;top:3px;bottom:0;height:12px;border-right:1px solid #aaa;}
.site_footer .foot_nav a:nth-last-of-type(1)::after{border-right:0;}
.con_info{text-align:center;font-size:12px;color:#fff;line-height:20px;}
.m_copy{text-align:center;font-size:12px;color:#666;line-height:36px;background:#fff}

/*底部*/
.footer{}
.footer .foot_top{background:#2b2b2b;overflow:hidden;padding:60px 0}
.footer .foot_top .ft_box{overflow:hidden}
.footer .foot_top .ft_box .left{float:left;width:23.5%;margin-right:2%;}
.footer .foot_top .ft_box .middle_left{float:left;width:22.5%;margin-right:2%;}
.footer .foot_top .ft_box .middle_right{float:left;width:22.5%;margin-right:4%;}
.footer .foot_top .ft_box .middle_right p{color:#fff}
.footer .foot_top .ft_box .right{float:left;width:18%;}
.footer .foot_top .ft_box .right .bq_list p{color:#666;font-size: 14px;line-height: 28px;text-indent: 2em;}

.footer .foot_top .ft_box .left img{display:block;margin-bottom:10px;}
.footer .foot_top .ft_box .left .info{color:#666;font-size:12px;line-height:24px;}
.footer .foot_top   h2{font-size:20px;color:#faa633;margin-bottom:20px;font-weight:normal;}
.footer .foot_top .middle_left .link_list{}
.footer .foot_top .middle_left .link_list ul{overflow:hidden;}
.footer .foot_top .middle_left .link_list ul li{float:left;width:48%;margin-right:4%;border-top:1px dotted #666;line-height:40px;}
.footer .foot_top .middle_left .link_list ul li:nth-of-type(2n){margin-right:0;}
.footer .foot_top .middle_left .link_list ul li a{display:block;color:#666;font-size:14px;}
.footer .foot_top .middle_left .link_list ul li:nth-last-of-type(1),.footer .foot_top .middle_left .link_list ul li:nth-last-of-type(2){border-bottom:1px dotted #666;}

.footer .foot_top .middle_right .yqlink_list a{color:#666;font-size:14px;margin-right:10px;line-height:28px;}
.footer .foot_top .right .input{border:1px solid #dedede;border-radius:4px;line-height:50px;padding:0 2%;}
.footer .foot_top .right .input .inputstyle{border:none medium;background:none;width:100%;line-height:50px;color:#fff;}
.footer .foot_top .right .dy{background:#faa633;text-align:center;line-height:50px;border-radius:4px;margin:10px 0 26px;}
.footer .foot_top .right .dy .dystyle{border:none medium;background:none;color:#2c2c2c;font-size:14px;cursor:pointer;line-height:50px;}

.footer .foot_top .right .bq_list a{margin-right:10px;color:#fff;line-height:28px;font-size:14px;}
.service_city ul{text-align:center;background:#2b2b2b;color: #666;font-size: 14px; line-height: 30px;padding-bottom: 10px;}
.service_city ul a{ line-height:25px;color: #666;}
.foot_bottom{background:#000;text-align:center;color:#666;line-height:22px;padding:26px 0;}
.foot_bottom a{color:#666; text-decoration: underline;}
.foot{display:none}

@media (max-width: 1440px) {	
	
	.site_service .sleft_box .txt .s_tt i{font-size:18px;}
	.site_service .sleft_box .txt .s_tt h2{font-size:24px;}
	.site_service .sleft_box .info{font-size:16px;color:#fff;line-height:32px;margin-top:10%}
	
	.s_hover  .hover_list ul li{margin-top:8%}
	.s_hover  .hover_list ul li a p{height:auto;}
	.s_hover  .hover_list ul li a  h2{font-size:18px;}
	.s_hover  .hover_list ul li a  p{font-size:12px;}
	.site_stran{padding:50px 0;}
	.site_stran .feed_list ul li h2{}
	.site_stran .feed_list ul li h2 span{font-size:70px;}
	.site_stran .feed_list ul li h2 i{font-size:24px;vertical-align: 38px;}
	.site_stran .feed_list ul li .subin{font-size:18px;}
	.site_stran .feed_list ul li:nth-of-type(1) .subin{font-size:18px;margin-left:-27px;}
	.site_customer .cus_tt h2{font-size:36px;}
	.site_customer .cus_info{font-size:13px;line-height:23px}
	.site_case .site_casebox  .sitec_hover a .txt h2{font-size:20px;}
	.site_case .site_casebox  .sitec_hover a .txt p{font-size:13px;line-height:24px;}
	.site_about .sitea_right .aboutbox h2{font-size:26px;}
	.site_about .sitea_right .aboutbox h2 span{font-size:20px;margin-top:4px;}
	.site_about .sitea_right .aboutbox .info{margin-top:30px;font-size:13px;line-height:23px;}
	.site_about .sitea_right .aboutbox .more{display:block;width:150px;line-height:36px;border-radius:30px;margin-top:16%;font-size:13px;}
	
	.site_new .new_tt h2{font-size:34px;}
	.site_new .new_tt .info{font-size:13px;line-height:26px;margin-top:16px;}
	.site_new .new_list ul li .img .new_hover .more{margin:-18px auto 0;line-height:36px;font-size:13px;}
	.site_new .new_list ul li .txt h2 a{font-size:16px;}
	.site_new .new_list ul li .txt .info{font-size:13px;line-height:22px;margin-top:10px;max-height:68px;min-height:68px;overflow:hidden}
	.site_new { padding: 60px 0;}
	.site_comment .comment_tt h2{font-size:34px;}
	.site_comment .comment_tt .info{font-size:13px;line-height:20px;margin-top:22px;}
	.site_comment .comment_list .runabout {width: 72%;}
	
}
@media (max-width:1200px){
	.site_about .sitea_right .aboutbox .more{margin-top:1%}
	
}
@media (max-width:960px){
	.site_comment{padding:50px 0 60px}
	.site_comment .comment_list{margin-top:40px;overflow:hidden;}
	.site_comment .comment_list .runabout .libox .com_info{font-size:14px;max-height:90px;overflow:hidden;line-height:22px;}
	.site_comment .comment_list .runabout .libox i{margin:20px auto;}
	.comment_list .slick-dots{margin-top:16px;}
	.site_comment .slick-list{padding:0}
	.site_about .sitea_right .aboutbox .more{margin-top:7%}
	.site_about .sitea_right .aboutbox .info{max-height:70px;overflow:hidden}
}

@media (max-width: 768px) {	
	.site_service .left, .site_service .right{width:100%;}
	.site_comment .comment_list .runabout{width:86%}
	.site_comment .comment_list .runabout .libox .com_info{font-size:14px !important;max-height:90px;overflow:hidden;line-height:22px;}
	.site_comment .comment_list .runabout .libox i{margin:20px auto;}
}

@media (max-width: 720px){
	.wrapper{padding:0 10px;}
	.site_new .new_list ul li .txt{text-align:left;padding:6% 3%}
	.site_new .new_list ul li .txt h2{font-size:16px;}
	.site_new .new_list ul li .txt .info{font-size:12px;line-height:22px;margin-top:10px;max-height:40px;min-height:40px;}
	.site_txt{top:36%;width:58%}
	.left:hover .s_hover,.right:hover .s_hover{display:none} 
	.s_hover .hover_box .hover_tt i{font-size:16px}
	.s_hover .hover_box .hover_tt h2{font-size:24px;}
	.site_service .sleft_box .info{font-size:14px;line-height:20px;} 
	.site_service .sleft_box{left: 3%;right: 3%;}
	.site_service .sleft_box .txt{margin-top:10%}
	.site_service .symbol{display:none;}
	.site_service .left .sleft_box{background-size:46%;background-position:right bottom}
	.site_customer .cus_tt h2{font-size:22px;}
	.site_customer{padding:10% 0 8%}
	.site_customer .cus_tt i{margin:3% auto}
	.site_customer .cus_info{max-height:46px;overflow:hidden}
	.customer_list ul li{width:25%;}
	.customer_list ul{max-height:110px;overflow:hidden;}
	.site_stran .feed_list ul li h2 span{font-size:24px;} 
	.site_stran .feed_list ul li h2 i{font-size: 16px; vertical-align: 5px;margin-left:0}
	.site_stran .feed_list ul li .subin{font-size:13px}
	.site_stran .feed_list ul li:nth-of-type(1) .subin{font-size:13px;margin-left:0}
	.site_about .sitea_right .sitea_box{display: inline-block;padding:0}
	.site_about .sitea_right .aboutbox h2{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;margin-top:20px;}
	.site_about .sitea_right .aboutbox h2 span{font-size:14px;}
	.site_about .sitea_right .aboutbox .info{margin-top:16px;line-height:18px;font-size:12px;padding:0 20px}
	.site_about .sitea_right .aboutbox .more{margin-top:6%;width:100px;line-height:28px;font-size:10px;margin-left:20px;}
	.site_new{padding:40px 0}
	.site_new .new_list{margin-top:30px;}
	.site_new .new_tt h2{font-size:22px;}
	.site_new .new_tt .info{line-height:20px;max-height:40px;overflow:hidden}
	.site_new .new_list ul li{width:50%}
	.site_new .new_list ul li:hover .img .new_hover,.site_new .new_list ul li .img .new_hover{display:none}
	.site_comment .comment_tt h2{font-size:22px;}
	.site_comment .comment_list .runabout{width:100%;}
	.site_footer .foot_nav a{margin-right:12px;}
	.site_footer .foot_nav a:after{right:-7px;height:6px;top:5px}
	.mobile_foot{display:block;position: relative;top: -10px;}
	.footer{display:none}
	.site_link{display:block}
	.site_stran{padding:30px 0 40px}
	.site_comment .comment_list .runabout .libox{padding:16% 8%;}
	.header .site_bg{overflow:hidden}
	.header .site_bg img{max-width:150%}
	.site_case .site_casebox .left, .site_case .site_casebox .right{width:100%}
	.site_about{padding-bottom:26px;}
	.site_about .sitea_left{width:100%;}
	.site_about .sitea_right{position:relative;padding:16px 0;width:100%}
	
	.site_comment .comment_list .runabout .libox h2{font-size:20px !important;}
}


@font-face {
	font-family: 'opensans-light';
	src: url('../fonts/opensans-light?v=4.3.0');
	src: url('../fonts/opensans-light.eot?#iefix&v=4.3.0') format('embedded-opentype'),  url('../fonts/opensans-light.woff?v=4.3.0') format('woff'), url('../fonts/opensans-light.ttf?v=4.3.0') format('truetype'), url('../fonts/opensans-light.svg?v=4.3.0#fontawesomeregular') format('svg');
	
}










.responsive_case {width:100%;overflow:hidden;}
.responsive_case div {float:left;width:33.33%;text-align:center;}
.responsive_case div a {}
.responsive_case div a img {display:block;width:100%;}
.responsive_case div a h2 {font-size:16px;font-weight:normal;padding:10px 0;}

.responsive_case_btn, .responsive_case_btn:hover {display:block;width:300px;  font-size:16px;  line-height: 46px; color:#fff;
    background: #faa633; border-radius:20px; margin: 0 auto; text-align:center;}


@media (max-width: 720px){
.responsive_case div {width:50%;}
.site_stran .feed_list ul li{width:50%;margin:20px 0}

.customer_list ul {max-height:none}
.customer_list ul li{width:50%;}
}



.gsjg img {
	height: 35px;
	width: 25px;
}

	.ser_top,
	.scroll_case { z-index: 111; overflow: initial; }
	.scroll_case { bottom: 10px; height: 59.8%; left: 40%; right: auto; }

	.site_service .left .sleft_box , 
	.site_service .right .sleft_box { background: none; }
	.right .s_hover .hover_list ul li { width: 33.333%; }
	.site_service .square3 .sleft_box { background: url(../images/web_img.png) no-repeat 92% bottom; background-size: 51%; }
	.left .s_hover .hover_list ul li { width: 50%; }
	.site_service { position: relative; }
	.site_service .symbol { position: absolute; left: 50%; right: auto; }
	.site_service .square3 .s_hover .hover_list ul li { width: 33.333%; }
	.site_service .square4 .s_hover .hover_list ul li { width: 50%; }


	/*客户*/
	.main{padding:5% 0 0;}
	.main .cus_tt{text-align:center;}
	.main .cus_tt h2{font-size:48px;color:#555;font-weight:normal;}
	.main .cus_tt i{display:block;width:22%;height:1px;background:#c9c9c9;position:relative;margin:2% auto;}
	.main .cus_tt i:after{content:'';position:absolute;width:8px;height:8px;left:50%;top:-4px;background:#c9c9c9;border-radius:50%;}
	.main .cus_info{text-align:center;line-height:28px;font-size:16px;color:#999}

	.main-case.main { margin-top: 116px; }


	@media screen and (max-width: 720px) {
		.ser_topr em { font-size: 14px!important; }
	}