/* ---深圳市源美网络科技有限公司-http://www.szymweb.com---*/
/* ----------------------- HOME --------------------------------*/
.h_title{ height:80px; text-align:center;}
.h_title .h_title_1{ height:50px; line-height:50px; color:#f2054d; border-bottom:1px solid #ddd;}
.h_title .h_title_1 i{ height:50px; line-height:50px; display:inline-block; *display:block; zoom:1; padding:0 10px; font-size:30px; border-bottom:1px solid #f2054d; font-weight: bold;}
.h_title .h_title_1 a{ display:inline-block; *display:block; zoom:1; background:#f2054d; color:#fff; width:25px; height:25px; line-height:25px;border-radius:50%; font-size:20px;}
.h_title .h_title_2{ height:30px; line-height:35px; color:#888; font-size:14px;}
/* mv */
.header-wrapper { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: url(../images/yuanmei_mv.jpg) no-repeat center top; background-size: cover; z-index: 1;}
.header-video {  left: 0;  top: 0;  min-height: 100%; min-width: 100%;}
video {  display: inline-block;  vertical-align: baseline;}
video {  object-fit: contain;}
.header-content { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/tile-yuanmei.png); display: table;}
/* banner */
.hobanner{ margin:0 auto; height:680px; overflow:hidden; margin-top:80px; width:100%; position:}
.flexslider{ position:relative; height:680px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:680px;}
.flex-control-nav{position:absolute;bottom:40px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:5px; margin-left:10px; *display:inline; zoom:1;border-radius:5px; }
.flex-control-nav a{display:inline-block;width:40px;height:5px;line-height:100px; text-align:center; color:#bf000e; overflow:hidden; background-color:#eee; cursor:pointer;border-radius:5px;  }
.flex-control-nav .flex-active{ color:#fff; background-color:#f2054d;}
.flex-direction-nav{position:absolute;z-index:3;width:100%; height:60px;bottom:40px;}
.flex-direction-nav li a{display:block;width:50px;height:50px; padding:5px; overflow:hidden;cursor:pointer;position:absolute; transition:none;}
.flex-direction-nav li a.flex-prev{right:-60px; background:url(../images/in_ban_left.png) center no-repeat #000; opacity:0; transition: all .6s ease;}
.hobanner:hover .flex-direction-nav li a.flex-prev{ right:70px; opacity:0.5;}
.hobanner:hover .flex-direction-nav li a.flex-prev:hover{ opacity:0.8;}
.flex-direction-nav li a.flex-next{right:-60px;background:url(../images/in_ban_right.png) center no-repeat #000; opacity:0; transition: all .8s ease;}
.hobanner:hover .flex-direction-nav li a.flex-next{ right:5px; opacity:0.5; }
.hobanner:hover .flex-direction-nav li a.flex-next:hover{ opacity:0.8;}
.banner_js{ position:absolute; bottom:0px; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); width:100%; height:132px; z-index:2;}
.banner_js ul{}
.banner_js ul li{ width:20%; float:left; cursor:pointer; transition: all .25s ease;}
.banner_js .b_j_wz{ padding:8% 5% 10% 30%; border-left:1px solid rgba(220,220,220,.2);}
.banner_js .bjs_icon1{ background:url(../images/bjs_icon1.png) 16px center no-repeat;}
.banner_js .bjs_icon2{ background:url(../images/bjs_icon2.png) 16px center no-repeat;}
.banner_js .bjs_icon3{ background:url(../images/bjs_icon3.png) 16px center no-repeat;}
.banner_js .bjs_icon4{ background:url(../images/bjs_icon4.png) 16px center no-repeat;}
.banner_js .bjs_icon5{ background:url(../images/bjs_icon5.png) 16px center no-repeat;}
.banner_js ul li h5{ color:#eee; font-size:16px; font-weight:bold; padding:10px 0 10px 0;}
.banner_js ul li p{ color:#999; font-size:13px; line-height:24px;}
.banner_js ul li:nth-child(5) .b_j_wz{border-right:1px solid rgba(220,220,220,.2);}
.banner_js ul li:hover{ background:rgba(0,0,0,0.3); filter:alpha(opacity=30);}
.banner_js ul li:hover p{ color:#fff}
/* 为您推荐 */
.ho_service { overflow:hidden; position: relative; padding:50px 0 80px 0}
.h_pro_lei{ width:1200px; height:522px; float:left;  margin-top:50px;}
.h_pro_lei_02{cursor: pointer;width:212px; height:522px; float:left;  margin-right:12px; display:inline;box-shadow: #E2E2E2 0px 0px 15px;background: #FFF;}
.h_pro_lei_02t{ width:212px; height:59px; float:left; text-align:center; margin-top:65px;background:url(../images/producet_bg_head.png) no-repeat center top;}
.h_pro_lei_02z{ width:212px; height:70px; float:left; text-align:center; margin-top:27px; overflow:hidden;}
.h_pro_lei_02z p{font-size:14px; color:#686868; margin-top:10px;}
.h_pro_lei_02z span{ font-size:22px; color:#252525;}
.h_pro_lei_02w{ width:174px; height:120px; float:left; border-bottom:1px #E1E1E1 solid; border-top:1px #E1E1E1 solid; margin-left:20px; display:inline; margin-top:20px; padding-top:15px; color:#686868; padding-bottom:20px; text-align:center; line-height:32px;}
.h_pro_lei_02s{ width:212px; height:50px; float:left; text-align:center; color:#333; margin-top:30px;}
.h_pro_lei_02s span a{ font-size:14px; color:#666; display:block; width:150px; height:42px; border:1px solid #f8f8f8; display:inline-block; line-height:42px;border-radius:3px; }
.h_pro_lei_02m{display: none;}
.h_pro_lei_03{margin-right:0;}
.tpt-list-none{display: none;}
.tpt-list-none2{display: block; font-size:15px;}
.h_pro_lei_01{cursor: pointer;width:304px;background:url(../images/producet_bg_01.jpg) #FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02t{width:304px;height:82px;margin-top:50px;background:url(../images/producet_bg_head.png) no-repeat center top;}
.h_pro_lei_02:nth-child(2) .h_pro_lei_02t{background:url(../images/producet_bg_head2.png) no-repeat center top;}
.h_pro_lei_02:nth-child(3) .h_pro_lei_02t{background:url(../images/producet_bg_head3.png) no-repeat center top;}
.h_pro_lei_02:nth-child(4) .h_pro_lei_02t{background:url(../images/producet_bg_head4.png) no-repeat center top;}
.h_pro_lei_02:nth-child(5) .h_pro_lei_02t{background:url(../images/producet_bg_head5.png) no-repeat center top;}
.h_pro_lei_01 .h_pro_lei_02z{width:304px;margin-top:20px;}
.h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02w{width:244px;height:100px;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s{width:304px;color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s span a{color:#fff;}
.h_pro_lei_01 .h_pro_lei_02m{display: block;}
.h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; line-height:33px;}
.h_pro_lei_01 .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_lei_01 .tpt-list-none{display: block;line-height: 20px; text-align:justify; font-size:14px;}
.h_pro_lei_01 .tpt-list-none2{display: none;}
.del_float{ padding:50px 0;}
/* 我们的优势 */
.index_youshi_con{display:block;overflow:hidden;padding-bottom:50px;height:660px}
.h_yshi .h_title{padding-bottom:40px}
.index_youshi_con dl{float:left;width:50%;height:50%}
.index_youshi_con dl dt{position:relative;float:left;overflow:hidden;margin:0 auto;width:50%;height:100%;background-position:center center;background-size:cover;background-repeat:repeat}
.index_youshi_con dl dt img{height:100%}
.index_youshi_con dl dt span{position:absolute;top:0;display:none;width:100%;height:100%;background-color:rgba(34,37,45,.66);background-position:center center;background-repeat:no-repeat}
.index_youshi_con dl dd{position:relative;float:left;width:50%;height:100%}
.index_youshi_con dl dd .dd_box{position:absolute;top:50%;left:0;box-sizing:border-box;margin-top:-100px;padding:0 10px 0 40px;width:100%;height:201px}
.index_youshi_con dl dd .dd_box h3{height:28px;font-weight:400;font-size:21px;line-height:28px}
.index_youshi_con dl dd .dd_box em{display:block;height:28px;color:#333;font-style:normal;font-size:24px;line-height:28px}
.index_youshi_con dl dd .dd_box font{display:block;margin-top:28px;width:52px;height:1px;background-color:#ed1f23}
.index_youshi_con dl dd .dd_box p{overflow:hidden;margin-top:30px;height:125px;color:#777;font-size:15px;line-height:25px}
.index_youshi_con dl:hover dt span{display:block}
.index_youshi_con dl:hover dd{background-color:#f2054d}
.index_youshi_con dl:hover dd .dd_box em,.index_youshi_con dl:hover dd .dd_box h3,.index_youshi_con dl:hover dd .dd_box p{color:#fff}
.index_youshi_con dl:hover dd .dd_box font{background-color:#fff}
/* 案例 */
.ho_case{ padding:30px 0; background:#f5f5f5;}
.ho_case .w1200{overflow:hidden; padding-top:10px; margin-top:60px}
.ho_case .case_tit{ height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.ho_case .case_tit span{ float:left; height:40px; line-height:40px; border-bottom:1px solid #f2054d; font-size:18px; color:#f2054d; padding-right:15px}
.ho_case .case_tit a{ float:right; height:40px; line-height:40px;}
.ho_case ul{ float:left; margin-left:-15px;}
.ho_case li{ float:left; width:390px; height:240px; overflow:hidden; margin:0 0 15px 15px}
.ho_case li span{ float:left; width:390px; padding:0px 0 0px 10px; overflow:hidden; height:0px; line-height:22px; background:url(../images/ho_case_sbg.jpg) no-repeat right center; transition: all .25s ease; font-size:13px;}
.ho_case li:hover span{ height:40px; padding:5px 0 5px 10px;}
.ho_case li span i{ color:#fff; font-size:12px}
.ho_case li p{ float:left; width:390px; height:240px;}
.ho_case li p img{ width:390px; height:240px;}
.ho_case li:hover p{}
.case_title_bg{ overflow:hidden; background:#222; position:relative; margin-top:80px; z-index:3}
.case_title_bg h2{ width:1200px; height:40px; line-height:40px; margin:0 auto; margin-top:100px; color:#d20342; font-size:34px; text-align:center; font-weight:bold}
.case_title_bg .case_nhex{ width:100%; height:1px; background:#393939; margin-top:50px; position:relative}
.case_title_bg .case_nhex span{ position:absolute; width:100px; left:50%; margin-left:-50px; top:-2px; height:4px; background:#626262}
.case_title_bg .case_navl{ width:1200px; height:100px; line-height:100px; margin:0 auto; overflow:hidden; text-align:center}
.case_title_bg .case_navl a{ font-size:17px; color:#eee; display:inline-block; margin:0 40px;}
.case_title_bg .case_navl a:hover{ color:#f2054d;}
.case_title_bg .case_navl a.cur{ color:#f2054d; font-weight:bold}
.case_title_top{ position: absolute; top: 80px; height:430px; width:100%; overflow:hidden; left: 0; background-color: black; }
/* 案例2 */
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.case_list_ym{width:98%; margin:0 auto; overflow:hidden; background:#f5f5f5}
.case_list_ymto{ padding-top:18px;}
.portfolio-grid{ float:left; margin-left:-1%; width:100%}
.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:24%;margin-left:1%;}
.thumbnail a.thumbnail_a:hover{cursor:url('../other/more.cur'),crosshair;cursor:url('../images/cases_shi.png') 40 40, crosshair;}
.projectinfo{ display:none;}
.thumbnail:hover .projectinfo{position:absolute; display:block;z-index:2;top:-60px;left:0;width:100%;height:100%; background:rgba(0,0,0,.3);height:0\9;}
.thumbnail img{ width:100%;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta .fl{float:left;}
.thumbnail .meta .fr{float:right;}
.thumbnail .meta h3{font-size:18px;padding-left:10px;font-weight:normal;width:285px; line-height:60px;}
.thumbnail .meta h3 a{font-size:18px;color:#000;}
.thumbnail:hover .meta h3 a{font-size:18px;color:#fff;}
.thumbnail .meta .fr{width:80px;text-align:right;padding-right:10px;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_b.png) no-repeat center;}
.thumbnail:hover .meta{background-color:#f2054d;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png) no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png) no-repeat center;}



/* 形象设计案列 */
.wu_bj{width:94%; margin:0 3%; padding-top:20px; overflow:hidden; background:#fff; margin-top:85px;}
.wu_bj .portfolio-grid{margin-left:-1% !important;}
.qiye_xx{overflow:hidden;position:relative;display:inline-block;float:left;width:32.3%;margin:0 0 1% 1%; transition: all 1s ease; }
.wu_bj .qiye_xx .des_bt{ display:none; }
.wu_bj .qiye_xx:hover .des_bt{ display:block; width:100%;position:absolute; display:block;z-index:2;top:0;left:0;height:100%; background:rgba(0,0,0,.7);height:0\9;}
.qiye_xx .des_bt h5{ color:#fff; font-size:26px; position:absolute; bottom:30px; left:30px;cursor:pointer;transition: all 1s ease;}
.qiye_xx .des_bt h5 p{ font-size:16px; padding-top:10px;transition: all 1s ease;}

.ban_list{}
.ban_list ul{}
.ban_list ul li{}


/* 移动应用案列 */

.yd_bj{ padding-top:1%; width:100%;}
.yd_bj .yd_bjj{ overflow:hidden; width:98%; margin:0 1%; margin-top:90px;}
.yd_bj .portfolio-grid{margin-left:-1.2% !important;}
.qiye_yd{overflow:hidden;position:relative;display:inline-block;float:left;width:32.1%;margin:0 0 1.2% 1.2%; transition: all 1s ease; }
.qiye_yd:hover .projectinfo{position:absolute; display:block;z-index:2;top:-60px;left:0;width:100%;height:100%; background:rgba(0,0,0,.5);height:0\9;}
.qiye_yd .qiye_xx_c{ width:100% !important; padding-left:0 !important;}

.qiye_yd .meta{ width:90%; padding:0 5%;overflow:hidden; background-color:#fff; height:auto;}
.qiye_yd .meta h3{ line-height:50px; padding-top:10px;}
.qiye_yd .meta h3 a{ color:#333;}
.qiye_yd .meta dd{line-height:20px;padding-bottom:20px;}
.qiye_yd .meta dd a{color:#666;}
.qiye_yd img{transition: all .5s ease; }
.qiye_yd .thumbnail_a img{margin-bottom:-3px;}
.qiye_yd:hover .meta{background-color:#f2054d;}
.qiye_yd:hover .meta h3 a{color:#fff;}
.qiye_yd:hover .meta dd a{color:#fff;}
/*
.qiye_yd:hover img{transform:scale(1.1);}*/



/* 宣传视频案例 */


.public_width{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding:115px 0 0 0; background:url(../images/video_bj.jpg) no-repeat center top #000; background-size:cover; margin-top:80px;}

.video_con{  color: #fff; margin:0 auto}
.video_con .video_con_title{ width: 100%;height: 70px; line-height: 70px;font-size: 30px; font-weight: bold;text-indent: 1em; color: #fff; background-color: #333;}
.video_con .video_con_show{ margin:0 !important; padding:0 !important;}
.video_con_show{ width: 100%;height:auto; font-size: 0; }
.video_con_show .video_bofang{ display: inline-block; width: 1060px; font-size: 24px; vertical-align: top;}
.video_con_show_con video{ width:100%; height:600px;box-shadow: 0 1px 10px #333;}	
.tab-box .video_con_show_con{width:1060px;height:630px;display:none;}
.tab-box .video_con_show_con .video_con_show_con_tit{ text-align:center; padding-bottom:20px; margin-top:10px;}
.tab-box .video_con_show_con .video_con_show_con_tit h2{ font-size:25px;}

/* 让第一个框显示出来 */
.tab-box div:first-Child{display:block;} 
/* 改变选项卡选中时候的样式 */
.change{background:rgba(242,5,77,0.8) !important;} 	
	
		
/*.video_con_show .video_show_zs{ display: inline-block; width: 100%;height:auto;font-size: 24px; margin-top:30px; background-color:#111; padding-bottom:50px;}	
.picScroll-left1 {overflow:hidden; width:100%;}
.picScroll-left1 .hd_zs {overflow:hidden;position:relative;z-index:10;height:80px;width:100%;}
.picScroll-left1 .hd_zs .prev_zs{display:block;position:absolute;width:37px;height:36px; line-height:36px; right:50px; top:20px;background-color:#fcfcfc;border:1px solid #e1e1e1;border-radius:4px;cursor:pointer;overflow:hidden; text-align:center; font-size:18px;}
.picScroll-left1 .hd_zs .next_zs {display:block;position:absolute;width:37px;height:36px; line-height:36px; right:0; top:20px;background-color:#fcfcfc;border:1px solid #e1e1e1;border-radius:4px;cursor:pointer;overflow:hidden; text-align:center; font-size:18px;}
.picScroll-left1 .hd_zs .prev_zs:hover,.picScroll-left1 .hd_zs .next_zs:hover{background-color:#f2054d;border:1px solid #f2054d; color:#fff; transition: all .3s ease;}
.picScroll-left1 .hd_zs .prevStop_zs {background-position:-60px 0;}
.picScroll-left1 .hd_zs .nextStop_zs {background-position:-60px -50px;}
.picScroll-left1 .hd_zs ul {float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;}
.picScroll-left1 .hd_zs ul li {float:left;width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;}
.picScroll-left1 .hd_zs ul li.on {background-position:0 0;}
.picScroll-left1 .bd_zs {position:relative;z-index:22;max-width:100%;margin:0 auto;}
.picScroll-left1 .bd_zs ul {float:left;overflow:hidden;text-align:center;height:auto;}
.picScroll-left1 .bd_zs ul li {width:220px; margin-right:15px;float:left;line-height:0;cursor:pointer;}
.picScroll-left1 .bd_zs ul .li_img {width:100%;position:relative;line-height:0; }
.picScroll-left1 .bd_zs ul .li_img img{border-radius:0;width:100%; height:125px;}
.picScroll-left1 ul li {background:#151515;}
.picScroll-left1 ul li .li_tet {width:100%;height:40px;position:relative;overflow:hidden;text-align:center;}
.picScroll-left1 ul li .li_tet .pf_bgcolor {width:100%;height:40px;background:#ef6500;position:absolute;top:-70px;left:0;z-index:1;}
.picScroll-left1 ul li .li_tet .pf_tit_cn {line-height:40px;position:relative;z-index:2;font-size:14px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.picScroll-left1 ul li:hover .li_tet .pf_tit_cn a{ color:#fff;}
.picScroll-left1 ul li:hover .li_tet{ background:rgba(242,5,77,0.8); transition: all 0.8s ease; }
.picScroll-left1 ul li:hover .li_tet .pf_tit_cn a{ color:#fff;}*/


.video_con_show .video_show_zs{ display: inline-block; width: 100%;height:auto;font-size: 24px; margin-top:30px; background-color:#111;}


.video_show_zs .video_show_title{ font-size: 14px; margin: 10px;}
.video_show_zs .video_show_con{ width:90%; margin:30px 5%; height:170px;  padding:20px 5px; overflow-x:scroll;overflow:auto; background-color:#111; }
.video_show_zs .video_show_con li{ float:left; width:15.6%; height:166px; margin:0 0.5% 30px 0.5%;cursor:pointer; background-color:#151515; text-align:center;}
.video_show_zs .video_show_con li img{ display:inline-block;width:100%; height:130px;}
.video_show_zs .video_show_con li span{ float:left; display:block; height:36px; line-height:36px; width:90%; padding:0 5% 5px 5%; font-size:14px; margin-top:-6px !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 1s ease; }	
.video_show_zs .video_show_con li:hover span{}	
	
		
.tab-box .video_con_show_con{width:1060px;height:630px;display:none;}
.tab-box .video_con_show_con .video_con_show_con_tit{ text-align:center; padding-bottom:20px;}
.tab-box .video_con_show_con .video_con_show_con_tit h2{ font-size:28px;}

/* 让第一个框显示出来 */
.tab-box div:first-Child{display:block;} 
/* 改变选项卡选中时候的样式 */
.change{background:rgba(242,5,77,0.8);} 



.video_show_con::-webkit-scrollbar {/*滚动条整体样式*/
    width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.video_show_con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
background-color: #555;

    }
.video_show_con::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        /*border-radius: 10px;*/
        background: #282828 ;
    }
	
	
	
	
	
/*视频优势*/	
.v_ys{ width:100%; height:auto; overflow:hidden; background-color:#e7e7e7;}	
.ys_tit{ overflow:hidden;padding:120px 0 0 0; text-align:center;}
.ys_tit h3{ font-size:47px;font-weight: 100; color:#555;}
.ys_tit p{ font-size: 22px; padding-top: 11px; color:#666;}
.ys_tit dd{ margin:80px 0 80px 0; text-align:center; width:100%;}
.ys_tit dd a{ display:inline-block; width:137px; height:28px; line-height:28px; text-align:center; background-color:#f2054d; color:#fff;border-radius:1px;}

.ys_img{ width:100%; text-align:center;}
.ys_img dd{ padding:80px 0;}
.ys_img dd img{}

.ys_list{ overflow:hidden; margin:60px 0 0 0; padding-bottom:80px;}
.ys_list ul{}
.ys_list ul li{ float:left; width:33.3%; margin:0 0 0 0; text-align:center;}
.list_li{ border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; padding:30px 0 50px 0;}

.ys_list ul li:nth-child(3) .list_li,.ys_list ul li:nth-child(6) .list_li{ border-right:none;}
.ys_list ul li:nth-child(4) .list_li,.ys_list ul li:nth-child(5) .list_li,.ys_list ul li:nth-child(6) .list_li{border-bottom:none;}


.list_li img{}
.list_li h5{ font-size:22px; color:#555; padding-bottom:5px;}
.list_li p{ color:#666; font-size:13px;}




/*视频服务*/	
.v_fw{ width:100%; height:auto; overflow:hidden; background-color:#f0f0f0; padding-bottom:60px;}	
.v_list{ overflow:hidden; margin:0 0 0 0;}
.v_list ul{}
.v_list ul li{ float:left; width:50%; margin:0 0 5% 0;}
.v_list_n{ display:inline-block;}
.v_list_n .n_img{ float:left;}
.v_list_n .n_wz{ float:left; width:70%; margin:0 5%;}
.v_list_n .n_wz h5{ font-size:16px; padding-bottom:8px; color:#666}
.v_list_n .n_wz p{ color:#8b8b8b; line-height:22px;}

.v_shebei{ width:100%; height:850px; overflow:hidden;background:url(../images/v_shebei.jpg) center no-repeat;  background-size:cover;}	
.v_shebei .kong{ width:100%; height:300px; overflow:hidden;}
.v_shebei h3{ color:#eee; font-size:47px; text-align:center;}
.v_shebei dd{ color:#eee;font-size:22px; text-align:center; padding:15px 0 60px 0;}
.v_shebei p{ color:#eee; width:80%; margin:0 10%; text-align:center; line-height:23px;}


/* 服务范围点击图片 */
.banner{ width:100%; height:680px; overflow: hidden; position:relative;}
.banner .flexslider2{ position:relative; height:680px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.banner .slides{position:relative;z-index:1; height:680px;}
.banner .slides li{ width:100%; height:680px; text-align:center; cursor:pointer; text-align:center;background-position: center top; background-repeat: no-repeat;}
.banner .slides li img{ max-height:680px; width:auto;}
.banner .flex-control-nav{ display:none;}
.banner .flex-direction-nav{position:absolute;z-index:3;width:100%; top:40%;}
.banner .flex-direction-nav li a{display:block;width:57px;height:110px;overflow:hidden;cursor:pointer;position:absolute; transition:none;}
.banner .flex-direction-nav li a.flex-prev{left:50px;background:url(../images/ban_left02.png) center no-repeat;}
.banner:hover .flex-direction-nav li a.flex-prev{ background-position:center; transition: all .25s ease; }
.banner .flex-direction-nav li a.flex-next{right:50px;background:url(../images/ban_right02.png) center no-repeat;}
.banner:hover .flex-direction-nav li a.flex-next{ background-position:center; transition: all .25s ease; }








/* 十年经验与产值 */
.ho_ppzcz{ width:100%; background:url(../images/ho_service_bg.jpg) no-repeat center top #1f1f1f; overflow:hidden; position:relative; padding:50px 0; margin-bottom:50px;}
.ho_ppzcz ul{ margin:0px auto; padding:45px 0px 0px; width:1256px;}
.ho_ppzcz .Line:after{ display:block; content:" "; position:absolute; top: 50%; margin-top:-2px; background:#f2054d; width:100%; height:4px; z-index:2;}
.ho_ppzcz ul li{float:left;width:262px; text-align:center;color:#FFF; display:inline; margin-left:10px;}
.ho_ppzcz ul li p{ margin:0px auto;width:187px; height:194px; position:relative;background:#f2054d; font-family:Arial, Sans-serif;  font-size:125px; text-align:center; line-height:194px; font-weight:bold; overflow:hidden; border-radius:10px;}
.ho_ppzcz ul li span{ display:block;font-size:18px; padding-top:30px;}
.ho_ppzcz ul li.cur{ width:392px; margin-left:25px;}
.ho_ppzcz ul li.cur p{ width:392px;background:#f2054d}
.ho_ppzcz .h_title_1{ border-bottom:1px solid #333;}

/* 解决方案 */
.position{ overflow:hidden; padding-top:60px; background:#f5f5f5}
.position .ho_tit4{ padding-bottom:30px;}
.container{ max-width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.left_img{ width:58.3333%; float:left; overflow:hidden }
.left_img img{ max-width:100% }
.right_txt{ width:41.6667%; float:left }
.right_txt_container{ padding-left:40px }
.right_txt_container p{ font-size:14px; line-height:36px; color:#666; max-height:216px; overflow:hidden }
.right_txt_container ul{ padding-top:30px; }
.right_txt_container li{ height:50px; line-height:50px; border-bottom:1px solid #e6e6e6; margin-left:45px; position:relative; color:#666 }
.right_txt_container li:before{ border-color:#e3e3e3; border-radius:50%; border-style:solid; border-width:1px; color:#777; content:">"; font-family:SimSun; font-weight:bold; height:25px; left:-45px; line-height:25px; margin-top:-12px; position:absolute; text-align:center; top:50%; transition:color 0.25s ease 0.01s, border-color 0.25s ease 0.01s; width:25px; }
.right_txt_container li:hover:before{ border-color:transparent; color:#fff; z-index:5; }
.right_txt_container li:after{ background-color:#da251d; border-radius:50%; content:""; height:25px; left:-45px; margin-top:-12px; opacity:0; filter:alpha(opacity=0); position:absolute; top:50%; transform:scale(0); transition:transform 0.3s ease 0s, opacity 0.25s ease 0s; width:25px; }
.right_txt_container li:hover:after{ opacity:1; transform:scale(1); filter:alpha(opacity=100); }
/* 服务 */
.services{ padding:20px 0 50px 0; overflow:hidden;}
.services li{ float:left; width:200px;}
.services li p{ height:80px; line-height:80px; text-align:center; padding-bottom:10px;}
.services li p i{ padding:30px 30px; margin-top:10px; display:inline-block}
.services li .se_1 i{ background:url(../images/head_bg.png) no-repeat left -467px;}
.services li .se_2 i{ background:url(../images/head_bg.png) no-repeat -65px -467px;}
.services li .se_3 i{ background:url(../images/head_bg.png) no-repeat -135px -467px;}
.services li .se_4 i{ background:url(../images/head_bg.png) no-repeat -205px -467px;}
.services li .se_5 i{ background:url(../images/head_bg.png) no-repeat -270px -467px;}
.services li .se_6 i{ background:url(../images/head_bg.png) no-repeat -335px -467px;}
.services li .fontwe{ height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; color:#333;transition:all 0.3s ease;}
.services li:hover .fontwe{ color:#f2054d}
.services li dd{ height:25px; line-height:25px; text-align:center; font-size:12px; color:#666}
/* 新闻 */
.index_news_con{overflow:hidden;}
.index_news_con ul{height:360px;margin-left:-57px;overflow:hidden}
.index_news_con ul li{width:362px;height:180px;overflow:hidden;float:left;margin-left:57px}
.index_news_con ul li a{display:block;color:#333}
.index_news_con ul li dl{margin-top:35px;overflow:hidden}
.index_news_con ul li dl dt{width:96px;height:90px;overflow:hidden;float:left;text-align:center;padding:6px 0 0 0;margin-top:5px;background-color:#f4f4f4}
.index_news_con ul li dl dt span{display:block;height:24px;line-height:24px;font-size:17px}
.index_news_con ul li dl dt em{display:block;height:64px;line-height:64px;font-size:52px;color:#f2054d; font-style:normal}
.index_news_con ul li dl dd{width:246px;float:left;margin-left:20px}
.index_news_con ul li dl dd b{display:block;height:24px;line-height:24px;overflow:hidden;font-size:19px;font-weight:400}
.index_news_con ul li dl dd p{height:66px;line-height:22px;margin-top:16px;font-size:14px;color:#848484;overflow:hidden}
.index_news_con ul li:hover dl dt{background-color:#f2054d}
.index_news_con ul li:hover dl dt em,.index_news_con ul li:hover dl dt span{color:#fff}
/* 联系我们 */
.i_contact{height: 666px;overflow: hidden; background: url(../images/i_contact.jpg) no-repeat center top;}
@media (max-width:1920px) {
	.i_contact_c{ padding:0 15%; overflow:hidden;}
}
@media (max-width:1300px) {
	.i_contact_c{ padding:0 !important; width:1200px; margin:0 auto}
}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; 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 #ccc;}
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.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:#f67524;}
.i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal;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{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; width:60px; height:60px; margin-right:30px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 203px;display: none; color: #363636;  text-align: center; padding-top: 215px;  position: absolute; left: -158px; top: -205px; background-image: url(../images/fewm.png); background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../images/fewm2.png);background-repeat: no-repeat;}
.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;outline:none;}
.i_contact_r .i_contact_r_div ul li:nth-child(2){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(5){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li:nth-child(5) input{ width: 68%; float: left;}
.i_contact_r .i_contact_r_div ul li:nth-child(5) img{ width: 30%; float: right}
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 68px;  display: block; background: #f2054d; border: 1px #f2054d solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
/* 合作 */
.ho_news{ overflow:hidden; padding:0 0 30px 0}
.ho_news .kh_img{ overflow:hidden; width:80%; margin:40px auto}
.ho_news .kh_img ul{ text-align:center; margin-left:-0.2%;}
.ho_news .kh_img ul li{ float:left; width:19%; border:1px solid #eee; margin-bottom:0.4%; margin-left:0.5%; overflow:hidden; background-color:#FFF}
.ho_news .kh_img ul li img{ width:90%; padding: 5%}
.ho_news .kh_img ul li:hover{ border:1px solid #f2054d; transition: all .5s ease;}
.ho_news .kh_img ul li:hover img{ transition: all 0.8s ease;transform:rotatey(360deg);}
.ho_news .ho_n_list{ float:left; width:360px;}
.ho_news .nr20{ margin-left:58px;}
.ho_news .ho_n_list .ho_n_l_t{ float:left; width:100%; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.ho_news .ho_n_list .ho_n_l_t span{ float:left; height:35px; line-height:35px; font-size:18px; color:#333; border-bottom:1px solid #f2054d;}
.ho_news .ho_n_list .ho_n_l_t span i{ padding:0 5px; color:#f2054d; font-size:12px;}
.ho_news .ho_n_list .ho_n_l_t a{ float:right; height:35px; line-height:35px; font-size:12px; color:#666;}
.ho_news .ho_n_list .ho_n_l_l{ float:left; width:100%; padding-top:10px;}
.ho_news .ho_n_list .ho_n_l_l li{ float:left; width:100%; height:30px; line-height:30px;}
.ho_news .ho_n_list .ho_n_l_l li span{ float:right;height:30px; line-height:30px; font-size:12px; color:#666}
.ho_news .ho_n_list .ho_n_l_l li a{ float:left; width:83%; height:30px; line-height:30px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ho_news .ho_n_list .ho_n_l_l li a:hover{ text-indent:15px;}
/* 友链 */
.ho_links{ overflow:hidden; padding:30px 0; background:#f8f8f8}
.ho_links .ho_l_tit{ height:40px; line-height:45px; border-bottom:1px solid #ddd;}
.ho_links .ho_l_tit span{ float:left; height:40px; line-height:45px; border-bottom:1px solid #f2054d; font-size:18px; color:#333}
.ho_links .ho_l_tit span i{ color:#f2054d; padding:0 10px; color:#f2054d; font-size:12px}
.ho_links .ho_l_li{ padding:10px 0;}
.ho_links .ho_l_li li{ float:left; height:30px; line-height:30px; padding-right:15px;}
/* ----------------------- common --------------------------------*/
/*  栏目导航 */
.chnn_nav{ overflow:hidden; height:70px; padding:80px 0 20px 0;}
.chnn_nav .ch_nav_l{ float:left; width:570px; height:35px; font-size:24px; line-height:22px; color:#333;}
.chnn_nav .ch_nav_l i{ font-size:12px; color:#666}
.chnn_nav .ch_nav_r{ margin-top:30px; text-align:right; height:35px;}
.chnn_nav .ch_nav_r li{ display:inline-block; *display:inline; zoom:1; height:35px; border:1px solid #ddd; line-height:35px; padding:0 10px; margin-left:10px;border-radius:3px;transition:all 0.3s ease;}
.chnn_nav .ch_nav_r li a{ display:inline-block; font-size:14px; color:#333;}
.chnn_nav .ch_nav_r li:hover{ background:#f2054d; border:1px solid #f2054d;}
.chnn_nav .ch_nav_r li:hover a{ color:#fff}
.chnn_nav .ch_nav_r li.cur{ background:#f2054d; border:1px solid #f2054d; color:#fff;}
.chnn_nav .ch_nav_r li.cur a{ color:#fff;}
/*  新闻列表 */
/*.news_list{ overflow:hidden; background:#f8f8f8; padding:10px 0 50px 0;}
.news_list .w1200{ overflow:hidden;}
.news_list .ne_ll{ margin-left:-15px;}
.news_list li{ float:left; width:560px; height:90px; background:#fff; border:1px solid #e6e6e6; margin:20px 0 0 15px; display:block; padding:15px;transition:all 0.3s ease}
.news_list li:hover{ border:1px solid #f2054d;}
.news_list li:hover .n_title h3{ color:#f2054d}
.news_list li .n_img{ float:left; width:150px; height:90px;}
.news_list li .n_title{ float:right; width:395px; height:90px;}
.news_list li .n_title h3{ font-size: 14px; line-height: 27px; color: #333; font-weight:bold;transition:all 0.3s ease}
.news_list li .n_title p{ line-height: 20px; color: #666; height: 60px; overflow: hidden;}*/
.news_list{ overflow:hidden; padding:10px 0 50px 0}
.news_list .w1200{ overflow:hidden;}
.news_list li{ float:left; width:1200px; height:213px; overflow:hidden; background:#f7f7f7; zoom:1;margin-bottom: 40px;}
.news_list .news_time{ float:left; background:#f2054d; width:120px; padding: 18px 20px 40px 0;}
.news_list .news_time .day{display: block;font-size:70px;color:#fff;font-family: "Impact";text-align: right;}
.news_list .news_time .year{display: block;color:#eee;text-align:right;line-height: 22px;}
.news_list .news_time .author{display: block;color:#eee;text-align:right;line-height: 22px;}
.news_list .news_time .type{display: block;text-align: right;background:url(../images/n01.jpg) no-repeat right top;padding-top: 6px;margin-top: 4px;}
.news_list .news_time .type a{color: #fff;}
.news_list .news_cont{ float:right;width: 980px;margin-right: 40px;}
.news_list .news_cont h2{font-size: 20px;font-weight: normal;padding-top: 26px;}
.news_list .news_cont h2 a{color: #333; font-size:20px}
.news_list .news_cont a:hover{color: #f2054d;}
.news_list .news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_list .news_cont .vis{color: #999;line-height: 38px;margin-top: 12px;}
.news_list .news_cont .more{float: right;color: #f2054d;display: inline-block;border: 1px solid #f2054d;line-height: 38px;padding: 0 24px;}
.news_list .news_more{width: 1200px;margin: 40px auto 80px;text-align: center;}
.news_list .news_more a{display: block;font-size: 14px;color: #2eafbb;border: 1px solid #f2054d;line-height: 38px;}
.ndraw{ width:1200px; height:213px; position:relative; box-sizing: border-box;	box-shadow: inset 0 0 0 1px #f7f7f7; -webkit-transition: color 0.25s; transition: color 0.25s;}
.ndraw::before, .ndraw::after {	box-sizing: border-box;	content: ''; position: absolute; width: 100%; height: 100%;}
.ndraw::before, .ndraw::after { border:1px solid transparent; width: 0;	height: 0;}
.ndraw::before { top: 0; left: 0;}
.ndraw::after {	bottom: 0; right: 0;}
.news_list li:hover .ndraw::before, .ndraw::after { width: 100%; height: 100%;}
.news_list li:hover .ndraw::before { border-top-color: #f2054d;	border-right-color: #f2054d; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.news_list li:hover .ndraw::after { border-bottom-color: #f2054d;	border-left-color: #f2054d;	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.ndraws{ width:1200px; height:213px; position:relative; margin-top:-213px; background:none;}
/*  分页 */
.pages{ line-height:30px; overflow:hidden; padding:60px 0; text-align:center;}
.pages .w1200{ margin:0 auto}
.pages a{ border:1px solid #ccc; background:#fff; display:inline-table; width:45px; height:45px; line-height:45px; margin:0 3px; border-radius:3px;}
.pages a:hover{ background:#f2054d; color:#fff; border:1px solid #f2054d;}
.pages span{ background:#f2054d; border:1px solid #f2054d;  display:inline-table; width:45px; height:45px; line-height:45px; margin:0 3px; border-radius:3px; color:#fff}
/*  新闻详细 */
.news_c_title { margin-top: 40px; text-align: center; padding:40px 0 30px 0; border-bottom: 1px solid #ccc;}
.news_c_title .news_c_t_t{ font-size: 24px;  line-height: 24px; color: #333;}
.news_c_title .news_c_t_c{ margin-top: 15px; color: #666;}
.news_c_con{ overflow:hidden; font-size:16px; line-height:28px; color:#333; overflow:hidden; padding-bottom:50px; padding-top:8px}
.news_c_con a{ font-size:16px}
.news_c_con img{ max-width:1200px;}
.news_c_con .n_url{ font-size:12px; border-left:1px solid #f2054d; padding-left:5px; height:17px; line-height:17px}
.news_c_con .n_url a{ font-size:12px}
.news_c_con2{ overflow:hidden; font-size:14px; line-height:28px; color:#333; overflow:hidden; padding-bottom:50px;}
.news_c_con2 a{ font-size:14px}
.news_c_con2 img{ max-width:1200px;}
.news_c_c_nex{ overflow:hidden; border-top:1px solid #eee; padding:20px 0;}
.news_c_c_nex .l{ float:left;}
.news_c_c_nex .l p{ height:30px; line-height:30px; color:#666;}
.news_c_c_nex .l p a{ color:#666;}
.news_c_c_nex .l p a:hover{ color:#f2054d}
.news_c_c_nex .r{ float:right;}
.news_c_c_nex .r a{ float:right; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #f2054d; color:#f2054d;}
/*  案例详情 */
.case_c_con{ margin-top: 40px; overflow:hidden; background:url(../images/case_conbg.jpg) no-repeat center top #efeeec}
.case_c_title{ padding:30px 0; border-bottom: 1px solid #dee1e2; height:60px; line-height:60px;}
.case_c_title h3{ float:left; height:60px; line-height:60px; font-size:48px; color:#333}
.case_c_title .c_next{ float:right; height:37px; line-height:37px; margin-top:10px;}
.case_c_title .c_next a{ background:#fff; display:inline-block; *display:block; zoom:1; width:45px; text-align:center; height:37px; line-height:37px;}
.case_c_title .c_next .next{ background:url(../images/head_bg.png) no-repeat left -538px;}
.case_c_title .c_next .next:hover{ background:url(../images/head_bg.png) no-repeat -45px -538px;}
.case_c_title .c_next .prev{ background:url(../images/head_bg.png) no-repeat -45px -576px;}
.case_c_title .c_next .prev:hover{ background:url(../images/head_bg.png) no-repeat left -576px;}
.case_c_desc{ padding:30px 0; overflow:hidden;}
.case_c_desc .c_c_d{ float:left; width:600px; font-size:14px; color:#333; line-height:24px;}
.case_c_desc .c_c_d .more{ color:#f2054d; font-size:13px}
.case_c_desc .c_c_tu{ float:right}
.case_c_desc .c_c_tu p{ float:left; width:120px; height:120px; margin-left:5px;}
.case_c_desc .c_c_tu p img{ border:5px solid #fff;}
.case_c_list{ height:598px; margin-bottom:30px; border-radius:3px; border:1px solid #ddd}
.case_c_list .flexslider{ height:600px !important;}
.case_c_list .slides li{height:600px !important;}
.case_c_list .flex-control-nav{ /*margin-left:-620px;*/margin-left:0; bottom:20px}
.case_c_list .flex-control-nav a{ background-color:#000;}
.case_c_list .flex-control-nav .flex-active{ background-color:#f2054d;}
.case_c_list .slides li img{ border-radius:2px; height:600px;}
.case_c_list .flex-direction-nav{ display:block !important; position:absolute;z-index:30;width:100%; height:141px;top:40%;}
.case_c_list .flex-direction-nav li a{display:block;width:72px;height:141px;overflow:hidden;cursor:pointer;position:absolute; transition:none;}
.case_c_list .flex-direction-nav li a.flex-prev{left:10px;background:url(../images/ban_left.png) center no-repeat; display:none;}
.case_c_list:hover .flex-direction-nav li a.flex-prev{ display:block;}
.case_c_list .flex-direction-nav li a.flex-next{right:10px;background:url(../images/ban_right.png) center no-repeat; display:none;}
.case_c_list:hover .flex-direction-nav li a.flex-next{ display:block;}
.case_more{ background:url(../images/case_more.png) repeat; overflow:hidden; margin-left:-600px; position:absolute; display:none; left:50%; top:341px; width:1200px;height:600px; z-index:50; border-radius:3px;} 
.case_more .c_m_title{ float:left; width:1180px; height:40px; line-height:40px; margin:0 10px; border-bottom:1px solid #444}
.case_more .c_m_title .c_m_t{ float:left; height:40px; line-height:40px; color:#f2054d; font-size:16px; border-bottom:1px solid #fff; padding:0 5px;}
.case_more .c_m_title .c_m_m{ float:right; width:25px; height:25px; line-height:25px; margin-top:7px; font-size:14px; color:#666; text-align:center; border-radius:50%; border:1px solid #666;}
.case_more .c_m_title .c_m_m:hover{ border:1px solid #ccc; color:#ccc}
.case_more .c_m_con{ float:left; width:1170px; margin:10px 15px; color:#ccc; height:535px; font-size:15px; line-height:28px; overflow-y:auto; overflow-x:hidden;}
.case_more .c_m_con img{ max-width:1160px;}
.case_more .c_m_con::-webkit-scrollbar { width:2px;}
.case_more .c_m_con::-webkit-scrollbar-track { background:#000;}
.case_more .c_m_con::-webkit-scrollbar-thumb { background:#f2054d;}
.c_m_links{ height:50px; float:left; width:1200px; padding-bottom:30px; text-align:center;}
.c_m_links a{ display:inline-block; *display:block; zoom:1; padding:0 20px; margin:0 5px; height:60px; line-height:85px; text-align:center; font-size:14px; color:#666; border:1px solid #ccc; border-radius:3px; background:url(../images/head_bg.png) no-repeat #f2054d;}
.c_m_links .c_color1{ background-position:27px -650px; color:#fff; border:1px solid #f2054d;}
.c_m_links .c_color2{ background-position:40px -695px; color:#fff; border:1px solid #f2054d;}
.c_m_links .c_color3{ background-position:35px -754px; color:#fff; border:1px solid #f2054d;}
.c_m_links .c_color4{ background-position:34px -813px; color:#fff; border:1px solid #f2054d;}
.c_m_links .c_color5{ background-position:32px -872px; color:#fff; border:1px solid #f2054d;}
/*  关于我们 */
.about_list{ overflow:hidden; padding:140px 0 50px 0;}
.about_list .about_logo{ float:left; width:50%;}
.about_list .about_desc{ float:right; width:46%; color:#555; font-size:16px; line-height:28px;}
.ab_nav_list{ position:fixed; float:right; margin-left:1205px; width:35px; height:auto; opacity:0.4;transition:all 0.3s ease; z-index:1}
.ab_nav_list:hover{opacity:1;}
.ab_nav_list_t{ width:35px; height:30px; background:url(../images/ab_nav_list_top.png) center top no-repeat}
.ab_nav_list_c{ width:35px; overflow:hidden; background:url(../images/ab_nav_list_co.png) center top repeat-y; padding:10px 0; text-align:center;}
.ab_nav_list_c li{ display:inline-block; *display:block; zoom:1; width:35px; height:35px; line-height:35px; background:#f2054d; margin-top:10px;border-radius:50%;}
.ab_nav_list_c li:hover{ background:#ff5d8e}
.ab_nav_list_c li a{ color:#fff;}
.ab_nav_list_b{ width:35px; height:120px; background:url(../images/ab_nav_list_bo.png) center bottom no-repeat}
.about_key_desc{ overflow:hidden; background:#f8f8f8; padding:30px 0}
.about_k_d{ float:left; width:580px; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.about_k_d2{ margin-left:40px;}
.ab_k_d_tit{ height:50px; line-height:50px; font-size:20px; color:#fff; margin-top:20px; padding-left:15px; background:#f2054d}
.ab_k_d_tit i{ display:inline-block; *display:block; zoom:1; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:30px;}
.ab_k_d_con{ padding:10px; color:#333; line-height:22px; font-size:14px;}
.ab_k_d_con i{ font-size:25px; color:#f2054d}
.about-services{ overflow:hidden; }
.about-services ul{margin:0;padding:0;width:100%;float:left}
.about-services li{width:16.6666%;float:left;position:relative;overflow:hidden;height:0;padding-bottom:16.666%;color:#fff; background:#CCC;background-size:100% 100%;}
.about-services li.about-web{background-color:#f0dc6b}
.about-services li.about-branding{background-color:#ffa26f}
.about-services li.about-seo{background-color:#81c2d6}
.about-services li.about-wechat{background-color:#86af53}
.about-services li a{color:#fff;width:100%;height:100%;left:0;top:0;cursor: pointer;}
.about-services li big{ font-size:16px;width:100%;padding:0 20px;position:absolute;left:0;bottom:20px;font-weight:bold}
.about-services li big small{display:block; font-size:12px; border-bottom:solid 1px #fff;width:80%; font-weight:normal}
.about-culture {background-color: #e7e7e7; overflow:hidden}
.about-culture .about-culture-content {padding: 10em 0 13em 45%; color: #767676; width: 100%; background: url(../images/about-culture.jpg) no-repeat left center;}
.about-culture .about-culture-content h2 {font-size:40px; color:#222;}
.about-culture .about-culture-content h3{font-size: 20px;margin:20px 0; font-weight:bold}
.about-culture .about-culture-content h3 .green{ color:#f2054d; font-weight:bold}
.about-culture .about-culture-content p.des-cn {margin: 1.8em 0;line-height: 1.8;font-size: 13px; width:550px;}
.about-culture .about-culture-content p.des-en {width:550px; display:block; font-size:13px; line-height:22px; height:110px;}
/**微信**/
.wechatbj{ background:url(../images/weixin_bj.png) center 80px no-repeat; background-size:100% auto}
.wechat_banner{ width:100%; height:auto; overflow:hidden; height:400px; padding-top:80px;} 
.wechat_banner ul{ display:block; width:50%; text-align:left; float:left; margin:150px 0 0 0;}
.wechat_banner ul h3{ display:none;}
.wechat_banner ul dd{ color:#f4fcf7; font-size:35px; font-weight:bold; padding-bottom:10px;}
.wechat_banner ul dd.mm_bot{ padding-bottom:20px; font-size:28px;}
.wechat_banner ul p{ color:#f4fcf7; font-size:14px; padding-bottom:8px; line-height:18px;}

.wechat_banner img{width:100%;} 
.banner_showmobile{ width:1200px; margin:auto;}
.banner_showmobile ul{ position:relative;}
.banner_showmobile ul li{ height:380px; position:absolute; left:-50px; top:-260px; z-index:4;}
.banner_showmobile ul li img{ height:380px; }
.weixin{ width:1200px; margin:auto; margin-bottom:30px; border-bottom:1px solid #cccccc; position:relative;}
.weixin h3{ font-size:35px; color:#333333; text-align:center; font-weight:normal; line-height:40px; margin-top:40px;}
.weixin .contentinfo{ position:relative;  width:1200px;  margin:50px auto;} 
.weixin .contentinfo ul.list{ overflow:hidden;}
.weixin .contentinfo .list li{ float:left; display:inline; width:175px; height:204px; text-align:center; padding:10px 0 0; margin:10px 12px; overflow:hidden; background:#f8f8f8; transition: all .25s ease;}
.weixin .contentinfo .list li h3{ color:#000000; font:16px/20px "微软雅黑";margin:10px 0 0;}
.weixin .contentinfo .list li p{ color:#535352;font:14px/20px "微软雅黑"; margin:10px; text-align:center;}
.weixin .contentinfo .list li:hover{ box-shadow: 0 1px 5px #999;}
.wechat_banner_item {height: 590px;background-size: cover;}
.wx_item_bj{background:url(../images/wechat_bg1.jpg) no-repeat center;}
.wechat_banner_item .posr {position: relative;height: 100%;}
.wechat_banner_item .posr dl {width: 560px;position: absolute;top: 180px;color: #333;}
.wechat_banner_item .posr dl dt {font-size: 48px;font-weight:bold;margin-bottom: 5px;}
.wechat_banner_item .posr dl dd {font-size: 16px;line-height: 28px;}
.wechat_banner_item .wrap_2 dl,.wechat_banner_item .wrap_4 dl {color: #fff;}
.wechat_banner_item .wrap_3 dl {color: #956041;}
.wechat_banner_item .posr .wechat_img {position: absolute;right: 0px; bottom: 0px;}
.wechat_banner_item .posr .wechat_img img{ vertical-align:middle}

.wechat_banner_item .wechat_img_gw{left:0 !important;}


/*  联系我们 */
.contact_l{ overflow:hidden; background:url(../images/contact_bg.jpg) center bottom no-repeat; height:460px; padding-top:80px;}
.contact_l .contact_feek{ float:left; width:550px; height:340px; margin-top:60px;}
.contact_l .contact_feek li{ float:left; width:490px; line-height:30px; color:#fff;}
.contact_l .contact_feek .c_f_t1{ color:#f2054d; font-size:20px;}
.contact_l .contact_feek .c_f_t2{ color:#fff; font-size:14px;}
.contact_l .contact_feek .c_f_t3{ margin:8px 0}
.contact_l .contact_feek .c_f_t3 .yzm{ width:100px; height:35px}
.contact_l .contact_feek .c_f_t3 input{ float:left; width:230px; height:30px; line-height:30px; border:1px solid #ddd; background:none; color:#ccc; text-indent:10px; outline:none;}
.contact_l .contact_feek .c_f_t4 input{ float:left; width:488px; height:30px; line-height:30px; border:1px solid #ddd; background:none; color:#ccc; text-indent:10px; outline:none;}
.contact_l .contact_feek .c_f_t3 .c_f_i2{ margin-left:25px;}
.contact_l .contact_feek .c_f_t4 textarea{ float:left; width:488px; height:80px; background:none; border:1px solid #ddd; outline:none; text-indent:10px; color:#fff; padding:10px 0;}
.contact_l .contact_feek .c_f_t5 input{ float:left; width:490px; height:30px; line-height:30px; margin-top:0px; background:#f2054d; border:none; font-size:16px; color:#fff; outline:none; cursor:pointer;}
.contact_con{ overflow:hidden; padding:30px 0}
.contact_con002{ margin-top:100px;}
.co_co_list{ float:left; width:580px; height:260px}

.co_co_list02{ margin-left:40px;}
.co_co_list .co_co_tit{ height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.co_co_list .co_co_tit span{ float:left; height:40px; line-height:40px; border-bottom:1px solid #f2054d; padding:0 5px; font-size:18px; color:#f2054d}
.co_co_list .co_co_con{ line-height:24px; color:#333; padding:10px 0; font-size:14px;}
.co_co_list .co_co_con img{ margin-right:20px;}
.co_co_list .co_co_con p{ line-height:25px;}
.co_co_list .co_co_con .c_qq{ float:left; height:40px; line-height:40px; background:url(../images/qq.png) no-repeat 15px 6px #fff; background-size:20px 22px; padding-left:40px; padding-right:10px; border:1px solid #eee; border-radius:3px; margin-right:10px;}
.co_co_list .co_co_con .c_qq a{}
.co_co_list .co_co_con .c_tel{ float:left; width:580px; padding:10px 0; margin-bottom:10px;}
.co_co_list .co_co_con .c_tel dt{ float:left; width:80px; height:45px;}
.co_co_list .co_co_con .c_tel dt img{}
.co_co_list .co_co_con .c_tel dd{ float:left; width:500px;}
.co_co_list .co_co_con .c_tel dd span{ float:left; width:500px;}
.co_co_list .co_co_con .c_tel dd .t a{ font-size:30px; font-weight:bold;}

/*  解决方案 */
.sl_banner{background:url(../images/sl_banner.jpg) center bottom no-repeat; height:340px; padding-top:80px;}
.solutions{ overflow:hidden;}
.solutions .so_list{ width:100%; margin-top:50px;}
.solutions .so_list ul li{ width:100%; height:390px; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd; position:relative;}
.solutions .so_list .so_list_img{ float:left; width:520px; overflow:hidden;height:325px; margin:25px 0 0 0;}
.solutions .so_list .so_list_img img{ width:526px; height:325px; transition: all .3s ease;}
.solutions .so_list .so_list_wz{ float:right; position:relative;width:600px; box-shadow: 0px 1px 20px #c5c5c5; padding:30px 40px; background-color:#fff; height:310px; transition: all .5s ease;}
.solutions .so_list li:hover .so_list_wz{ box-shadow: 0px 1px 20px #666; }
.solutions .so_list .so_list_wz h5{ font-size:30px; color:#333;}
.solutions .so_list .so_list_wz p{ font-size:16px; color:#707070; line-height:26px; padding-top:20px; text-align:justify;}
.solutions .so_list .so_list_wz dd{position:absolute;bottom:40px;}
.solutions .so_list .so_list_wz dd a{ display:block;color:#666;font-size:18px;height:50px;line-height:50px;border:1px solid #ccc;padding:0 30px; float:left; margin-right:20px;transition: all .3s ease;}
.solutions .so_list .so_list_wz dd a:hover{border-color:#333;background:#333;color:#fff;}
.solutions .so_list .so_list_wz dd a.curr{border-color:#f2054d;background:#f2054d;color:#fff;}
/*.solutions .so_list li:nth-child(2n+2) .so_list_img {float:right;}
.solutions .so_list ul li:hover img{transform:scale(1.05);}*/
/*  解决方案详情 */
.solutions_con{ overflow:hidden; padding:80px 0}
.solutions_con .sou_left{ float:left; width:840px;}
.solutions_con .sou_left .sou_lefttit{ height:50px; line-height:50px; font-size:20px; color:#333; border-bottom:1px solid #eee; margin-bottom:10px;}
.solutions_con .sou_left .sou_lefttit h1{ border-bottom:1px solid #f2054d; height:30px; line-height:30px; font-size:20px; float:left; padding:0 10px; background:#f2054d; color:#fff; margin-top:10px}
.solutions_con .sou_left .sou_leftcon{  font-size:14px; line-height:30px; color:#333; }
.solutions_con .sou_left .sou_leftcon img{ max-width:840px;}
.solutions_con .sou_right{ float:right; width:320px; background:#f5f5f5; padding:20px 0 30px 0;}
.solutions_con .sou_scrollbar{ height:1000px; overflow-y:auto; overflow-x:hidden; margin-right:10px}
.solutions_con .sou_scrollbar::-webkit-scrollbar { width:2px;}
.solutions_con .sou_scrollbar::-webkit-scrollbar-track { background:#ccc;}
.solutions_con .sou_scrollbar::-webkit-scrollbar-thumb { background:#f2054d;}
.solutions_con .sou_right li{ padding:12px 30px; border-top:1px solid #e5e5e5;}
.solutions_con .sou_right li span{ height:30px; line-height:30px; padding-left:5px; border-left:1px solid #f2054d}
.solutions_con .sou_right li span a{ font-size:16px;}
.solutions_con .sou_right li dd{ line-height:22px;}
.solutions_con .sou_right li dd a{ color:#666}
.solutions_con .sou_right li dd a:hover{ color:#f2054d}
/*  网站建设 */
.web_list{ overflow:hidden; padding:80px 0}
.web_list_banner{ height:499px; background:url(../images/web_list_banner.jpg) no-repeat center bottom; padding-top:80px;}
.web_list_tit{ height:30px; overflow:hidden; line-height:30px; background:#fff; padding:20px 0 10px 0}
.web_list_tit span{ float:left; width:100px; height:30px; line-height:30px; background:#f2054d;border-radius:2px; font-size:14px; color:#fff; text-align:center;}
.web_list_li{ overflow:hidden;}
.web_list_li .web_llcon{ float:left; width:258px; padding:20px; border:1px solid #eee; margin-right:-1px; background:url(../images/web_llconbf.jpg) center 460px no-repeat; transition:all 0.3s ease;}
.web_list_li .web_llcon:hover{ background:url(../images/web_llconbf.jpg) no-repeat; padding:20px; border:1px solid #f2054d;}
.web_list_li .web_llcon:hover .w_l_t{ color:#fff}
.web_list_li .web_llcon:hover .w_l_d{ color:#fff}
.web_list_li .web_llcon:hover .w_l_m span{ color:#fff}
.web_list_li .web_llcon:hover .w_l_m a{ background:#fff; color:#f2054d}
.web_list_li .web_llcon .w_l_t{ height:40px; line-height:30px; color:#f2054d; font-size:20px;}
.web_list_li .web_llcon .w_l_i{ height:200px;}
.web_list_li .web_llcon .w_l_d{ height:120px; padding:10px 0; line-height:23px; font-size:13px; color:#777; text-indent:25px;}
.web_list_li .web_llcon .w_l_m{}
.web_list_li .web_llcon .w_l_m span{ float:left; height:35px; line-height:35px; color:#f2054d; font-size:22px;}
.web_list_li .web_llcon .w_l_m a{ float:right; height:35px; line-height:35px; width:100px; text-align:center; background:#eee; color:#666}
.web_list_tishi{background:#FFFFCC; border:#FFCC00 1px solid; overflow:hidden;}
.web_list_tishi span{ float:left; padding:10px; color:#444; line-height:25px; font-size:13px;}
.web_list_bq{ overflow:hidden; background:url(../images/ymlct.jpg) center no-repeat;}
.web_list_bq li{ float:left; width:171px; height:110px; line-height:180px; font-size:14px; text-align:center; color:#666}
.web_list_bq li:hover{ color:#f2054d}
.web_list_kh{ overflow:hidden;}
.web_list_kh .web_khl20{ float:left; margin-left:-8px;}
.web_list_kh li{ float:left; width:230px; height:80px; line-height:80px; text-align:center; border:1px solid #ddd; margin:0 0 8px 8px}
.web_list_kh li img{ vertical-align:middle}
.right_kf{ width:49px; height:260px; position:fixed; right:0; top:250px; background:url(../images/right_kfbg.png) no-repeat center; z-index:10; transition:all 0.8s ease;}
.right_kf a{ float:left; width:49px; height:52px;}
.right_kf:hover{ top:260px;}
/* 网站建设服务项目 */
.ym_websiteBox1{ padding-top:10px;}
.ym_websiteBox1,.ym_websiteBox2,.ym_websiteBox3,.ym_websiteBox4,.ym_websiteBox4_2,.ym_websiteBox4_3,.ym_websiteBox4_4,.ym_websiteBox4_5,.ym_websiteBox4_6,.ym_websiteBox4_7,.ym_websiteBox4_8,.ym_websiteBox4_9,.ym_websiteBox4_10,.ym_websiteBox4_11,.ym_websiteBox4_12,.ym_websiteBox4_13{ height:550px;overflow:hidden;}
.grWidth{ width:1220px; margin:0 auto;}
.ym_websiteFont{width:475px;margin-top:100px;background:url(../images/font_bg1.png) no-repeat left top;padding:35px 0 0 35px;overflow:hidden;}
.ym_websiteFont h2{font-size:36px;font-weight:bold;line-height:40px;margin-bottom:10px;}
.ym_websiteFont h2 span{color:#f2054d;}
.ym_websiteFont h3{font-size:24px;margin-bottom:20px;}
.ym_websiteFont div{margin-bottom:30px;font-size:14px;text-indent:2em;line-height:26px;}
.ym_websiteFont .btn{height:35px;line-height:35px;}
.ym_websiteFont .btn a{display:inline-block; width:110px;height:35px;text-align:center;color:#fff;border-radius:3px;font-size:16px;margin-right:25px;background:#f2054d;}
.ym_websiteFont .btn .btn2{background:#1b1f29;}
.ym_websiteFont .btn a:hover{background:#f2054d;transition:all 0.3s;}
.ym_websiteFont2{color:#fff;}
.ym_websiteFont2 h2{ color:#222}
.ym_websiteFont2 h2 span{color:#fff;}
.ym_websiteFont2 .btn a{display:inline-block; width:110px;height:35px;text-align:center;color:#f2054d;border-radius:3px;font-size:16px;margin-right:25px;background:#fff;}
.ym_websiteFont2 .btn a:hover{background:#fff;}
.ym_websiteFont2 .btn .btn2{background:#222;color:#fff;}
.ym_websiteFont2 .btn a:hover{background:#fff; color:#f2054d;transition:all 0.3s;}
.ym_websiteFont2{text-align:right;background:url(../images/font_bg2.png) no-repeat right top;float:right;padding:35px 35px 0 0;}
.ym_websiteBox1{background:url(../images/website_img1.jpg) no-repeat center top;}
.ym_websiteBox2{background:url(../images/website_img2.jpg) no-repeat center top;}
.ym_websiteBox3{background:url(../images/website_img3.jpg) no-repeat center top;}
.ym_websiteBox4{background:url(../images/website_img4_2.jpg) no-repeat center top;}
.ym_websiteBox4_2{background:url(../images/website_img4_3.jpg) no-repeat center top;}
.ym_websiteBox4_3{background:url(../images/website_img4.jpg) no-repeat center top;}
.ym_websiteBox4_4{background:url(../images/website_img4_4.jpg) no-repeat center top;}
.ym_websiteBox4_5{background:url(../images/website_img4_5.jpg) no-repeat center top;}
.ym_websiteBox4_6{background:url(../images/website_img4_6.jpg) no-repeat center top;}
.ym_websiteBox4_7{background:url(../images/website_img4_7.jpg) no-repeat center top;}
.ym_websiteBox4_8{background:url(../images/website_img4_8.jpg) no-repeat center top;}
.ym_websiteBox4_9{background:url(../images/website_img4_9.jpg) no-repeat center top;}
.ym_websiteBox4_10{background:url(../images/website_img4_10.jpg) no-repeat center top;}
.ym_websiteBox4_11{background:url(../images/website_img4_11.jpg) no-repeat center top;}
.ym_websiteBox4_12{background:url(../images/website_img4_12.jpg) no-repeat center top;}
.ym_websiteBox4_13{background:url(../images/website_img4_13.jpg) no-repeat center top;}
.ym_websiteBox5{padding:70px 0; background:#ecedf0;overflow:hidden}
.ym_websiteTitle{font-size:32px;font-weight:lighter;line-height:32px;}
.ym_websiteTitle strong{color:#f2054d;font-weight:lighter;}
.ym_websiteBox5_main{padding-top:30px;overflow:hidden;height:525px;}
.ym_websiteBox5_main li{float:left;height:110px;padding:35px 0 30px 0;overflow:hidden;width:330px;border-bottom:1px dashed #b6b7b8;padding-right:115px;}
.ym_websiteBox5_main li span{display:inline-block;width:46px;height:46px;background:url(../images/website_icon.png) no-repeat;float:left;}
.ym_websiteBox5_main li div{width:275px;float:right;color:#848484;}
.ym_websiteBox5_main li div h3{font-size:22px;line-height:35px;color:#1b1f29;margin-bottom:5px;}
.ym_websiteBox5_main li.w2 span{background-position:-46px 0;}
.ym_websiteBox5_main li.w3 span{background-position:-92px 0;}
.ym_websiteBox5_main li.w4 span{background-position:-138px 0;}
.ym_websiteBox5_main li.w5 span{background-position:-184px 0;}
.ym_websiteBox5_main li.w6 span{background-position:-230px 0;}
.ym_websiteBox5_main li.w7 span{background-position:-276px 0;}
.ym_websiteBox5_main li.w8 span{background-position:-322px 0;}
.ym_websiteBox5_main li.w9 span{background-position:-368px 0;}
.ym_websiteBox5_main li.w3,.ym_websiteBox5_main li.w6,.ym_websiteBox5_main li.w9{padding-right:0;}
.ym_websiteBox6{background:url(../images/website_img5.jpg) no-repeat center top;height:605px;}
.ym_websiteBox6 .ym_websiteTitle{color:#fff;padding-top:55px;margin-bottom:15px;}
.ym_websiteBox6 .p01{font-size:16px;color:#9ca3b2;}
.ym_websiteBox62{ display:none;}
.ym_websiteBox7{padding:55px 0;overflow:hidden;}
.ym_websiteTitle span{display:block;font-size:20px;margin-top:10px;margin-bottom:20px;font-weight:normal;}
.ym_websiteBox7 ul{overflow:hidden;}
.ym_websiteBox7 li{float:left;background:#f2054d url(../images/w_icon1.png) no-repeat 25px center;height:110px;padding:25px;overflow:hidden;padding-left:145px;width:210px;color:#ddd;border-radius:5px;margin-right:40px;}
.ym_websiteBox7 li h3{color:#fff;font-size:18px;height:30px;`}
.ym_websiteBox7 li.w2{background:#f2054d url(../images/w_icon2.png) no-repeat 25px center;}
.ym_websiteBox7 li.w3{background:#f2054d url(../images/w_icon3.png) no-repeat 25px center;margin-right:0;}
.ym_websiteBox8{padding-bottom:55px;overflow:hidden;padding-top:10px;}
.ym_websiteBox8 .font{font-size:16px;line-height:36px}
.ym_websiteBox8 .font span{color:#f2054d;}
.ym_websiteBox8 .btn{text-align:center;margin-top:40px;}
.ym_websiteBox8 .btn a{display:inline-block;width:315px;height:45px;text-align:center;background:#f2054d;color:#fff;font-size:18px;border-radius:30px;line-height:45px;}
.ym_websiteBox8 .btn a:hover{background:#1b1f29;transition:all 0.3s;}
/* 客服 */
.qqkefu{position: fixed;top:250px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:100;right:0;width:45px;transition:all 0.8s ease;border-radius:5px0 0 5px}
.qqkefu:hover{ margin-top:5px;}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px; color:#fff; cursor:pointer;position:relative;text-indent:10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px; font-size:14px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#bf003a;}
.qqkefu ul li.top{background:url(../images/right_kf01.png) no-repeat center #f2054d;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(../images/right_kf01.png) no-repeat center #bf003a;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../images/right_kf02.png) no-repeat center #f2054d;}
.qqkefu ul li b.b{background:url(../images/right_kf03.png) no-repeat center #f2054d;}
.qqkefu ul li b.f{background:url(../images/right_kf04.png) no-repeat center #f2054d;}
.qqkefu ul li b.c{background:url(../images/right_kf05.png) no-repeat center #f2054d;}
.qqkefu ul li:hover b.a{background:url(../images/right_kf02.png) no-repeat center center #bf003a;}
.qqkefu ul li:hover b.b{background:url(../images/right_kf03.png) no-repeat center center #bf003a;}
.qqkefu ul li:hover b.f{background:url(../images/right_kf04.png) no-repeat center center #bf003a;}
.qqkefu ul li:hover b.c{background:url(../images/right_kf05.png) no-repeat center center #bf003a;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../images/right_kf_eimg.png) no-repeat;}
.erweima p{margin-top:5px;margin-left:10px;}
.erweima img{width:90px;height:110px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}
/* 提交需求 */
.mydiv { position:fixed; height:100%; background:#fff; overflow-y:auto; top:0; right:0; padding:0 30px; width:510px; z-index:100}
.mydiv .mydiv_clk{ position:absolute; color:#0497e0; right:30px; top:30px; color:#fff; padding:8px 10px; font-size:14px; background:#555;}
.mydiv .mydiv_clk:hover{ background:#f2054d}
.mydiv_list{ background:#fff; overflow:hidden; width:510px;height:800px; margin-top:80px; text-align:left}
.mydiv_list .c_f_title{ height:60px; line-height:60px; width:510px; border-bottom:1px solid #eee;}
.mydiv_list .c_f_title .c_f_t{ float:left; height:60px; line-height:60px; font-size:30px; color:#f2054d;}
.mydiv_list .c_f_title .c_f_m{ float:right; height:60px; line-height:60px; font-size:20px;}
.mydiv_list .c_f_con{ padding:20px 0;}
.mydiv_list .c_f_con .c_n{ float:left; width:510px; height:40px; line-height:40px; margin-bottom:15px;}
.mydiv_list .c_f_con .c_n span{ float:left; width:80px; height:40px; line-height:40px; color:#333; font-size:15px;}
.mydiv_list .c_f_con .c_n dl{ float:left; width:430px; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block;}
.mydiv_list .c_f_con .c_n dl.c_n_i{ float:left; width:175px; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block;}
.mydiv_list .c_f_con .c_n dl input{ float:left; width:100%; background:none; border:none; outline: none; font-size: 15px; color: #464646; height:30px; line-height:30px; margin-top:5px; text-indent:10px;}
.mydiv_list .c_f_con .c_tser{ float:left; width:510px; height:35px; line-height:35px; border-top:1px solid #eee; font-size:20px; color:#f2054d; margin-top:15px;}
.mydiv_list .c_f_con .clearfix{ float:left; width:510px;}
.mydiv_list .c_f_con .clearfix dd{ float:left; width:230px; height:35px; line-height:35px; font-size:13px}
.mydiv_list .c_f_con .clearfix dd.cl_r_2{ float:left; width:170px; height:35px; line-height:35px;}
.mydiv_list .c_f_con .clearfix dd.submit{ float:left; width:510px; text-align:center; padding-top:20px;}
.mydiv_list .c_f_con .clearfix dd.submit input{ padding:10px 40px; background:#f2054d; color:#fff; border:none; border-radius:2px; font-size:15px; cursor:pointer; font-weight:bold; outline:none;}
.mydiv_list .c_f_con .clearfix dd span{ padding-left:5px; font-size:14px; color:#333}
.clearfix2 dd{ width:165px !important;}
.bg,.popIframe {display:none;width: 100%;height: 100%;left:0;top:0;z-index:10;position:fixed; background:rgba(0,0,0,0.5); filter:alpha(opacity=50);}



.webmap{ width:100%; overflow:hidden;padding: 110px 0 }
.webmap .map_list li{ overflow:hidden; width:100%; margin-bottom:20px;}
.webmap .map_wz h3{font-size:20px;color:#999;margin-bottom:15px; font-weight:bold; color:#f2054d; }
.webmap .map_wz h3 span{ width:3px; display:block; background-color:#f2054d; height:20px; margin:5px 8px 0 0; float:left;}
.webmap .map_wz dl{ margin-left:-1%;}
.webmap .map_wz dl dd{ float:left; width:19%; margin:0 0 1% 1%;}
.webmap .map_wz dl dd a{display:block; font-size:14px;min-width:158px;height:43px;line-height:43px;border:1px solid #f5f5f5;text-align:center;transition: all .3s ease;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.webmap .map_wz dl dd a:hover{border:1px solid #f2054d;}
.h_pro_lei_sj{ display:none;}







/* SEO */
.seobanner{ width:100%; height:280px; background:url(../images/seo_bj.jpg) no-repeat center;position:relative; margin-top:80px;}
.seobanner_min{ width:100%; height:200px; margin-top:50px;position:absolute; display:inline;}
.seobanner_min_box{ width:600px; height:200px; margin:0 auto;}
.seobanner_min_lei{ width:200px; height:100px; float:left; text-align:center; color:#FFFFFF; overflow:hidden;}
.seobanner_min_lei p{ font-size:52px;}
.seobanner_min_lei span{ font-size:18px;}
.seobanner_min_di{ width:100%; height:40px; float:left; background-color:#FD9A01; border-radius: 30px; margin-top:30px; margin-left:20px; display:inline; color:#FFFFFF; text-align:center; font-size:22px; padding-top:5px;}

.seo_fenxi{ overflow:hidden; padding-bottom:50px;}
.seo_fenxi_con{ overflow:hidden; text-align:center; line-height:28px; font-size:16px; color:#333;}

.seo_jiage { overflow:hidden; padding-bottom:50px;}
.system_mian_listbox { width: 100%; position: relative; }
.index_system_listbox { width: 33%;float: left; border: 1px solid #c7c7c7; background-color: #fff;margin-left: -1px;position: relative; box-sizing:border-box;}
.index_system_listbg {width:100%;overflow:hidden;margin:0 auto;}
.index_system_iconbox { width: 100%; height: 160px; background-color: #252d30; padding: 20px 0px 4px; }
.index_system_icon { width: 76px; height: 76px; background: url(../images/seo_iconbox.png) no-repeat center top; margin: 0 auto; }
.system_icon01 { width: 100%; height: 76px; background: url(../images/seo_icon01.png) no-repeat center center; display: block; }
.system_icon02 { width: 100%; height: 76px; background: url(../images/seo_icon02.png) no-repeat 23px center; display: block; }
.system_icon03 { width: 100%; height: 76px; background: url(../images/seo_icon03.png) no-repeat 23px center; display: block; }
.system_icon04 { width: 100%; height: 76px; background: url(../images/seo_icon04.png) no-repeat center center; display: block; }
.index_system_title { width: 100%; margin-top: 12px; text-align: center; position:relative;  font-weight:normal;}
.index_system_title a { font-size: 20px; color: #fff; }
.index_system_title a:hover {color: #fff; text-decoration: underline; }
.index_system_title h2 { font-size: 18px; color: #fff;  margin-top: 2px; }
.index_system_title p { font-size: 14px; color: #fff; opacity: 0.5; margin-top: 2px; }
.index_system_title .note_box{ width:auto; padding:2px 4px; font-size:12px; color:#fff; background-color:#f1ae1f; position:absolute; top:7px; left:245px;}
.index_system_title .note_box em{ display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #f1ae1f; position:absolute; top:3px; left:-7px;}
.index_system_pricebox { width: 100%; padding:0; overflow: hidden;margin:0 auto; box-sizing:border-box;}
.index_system_price { width: 100%; border-bottom: 1px dashed #e5e5e5; height: 70px; text-align: center; line-height: 70px; }
.index_system_price h2 { font-size: 36px; letter-spacing: -1; font-weight: bold; color: #f2054d; font-weight:normal; }
.index_system_price h2 i { font-size: 20px; font-weight: normal; }
.system_price_functionbox { width: 100%; margin-top: 6px; overflow: hidden; }
.system_price_functionbox ul {width:100%; overflow: hidden;padding:15px 0;}
.system_price_functionbox ul li {margin-bottom:15px;float: left; font-size: 14px; color: #777; background: url(../images/seo_icon_check.png) no-repeat 20px center; padding-left: 10%; width:40%; }

.system_price_function_btn { overflow: hidden; margin: 0px 10px 30px; text-align:center}
.system_price_function_btn a { display:inline-table; width: 106px; height: 32px; border-radius: 2px; color: #f2054d; border: 1px solid #f2054d; line-height: 32px; text-align: center; font-size: 16px;}
.system_price_function_btn a.system_price_function_btn_r { float: right; }
.system_price_function_btn a:hover { background-color: #f2054d; color: #fff; }

.index_system_listbox:hover { border: 2px solid #f2054d; z-index: 2; top: -1px; box-shadow: 0 0 10px #f2054d; }
.index_system_listbox:hover .index_system_iconbox { background-color: #f2054d; }
.index_system_listbox:hover .index_system_icon { background: url(../images/seo_iconbox.png) no-repeat center bottom; }
.index_system_listbox:hover .system_icon01 { background: url(../images/seo_icon01_hover.png) no-repeat center center; }
.index_system_listbox:hover .system_icon02 { background: url(../images/seo_icon02_hover.png) no-repeat 23px center; }
.index_system_listbox:hover .system_icon03 { background: url(../images/seo_icon03_hover.png) no-repeat 23px center; }
.index_system_listbox:hover .system_icon04 { background: url(../images/seo_icon04_hover.png) no-repeat center center; }

/*seo优势*/
.seo_youshi { overflow:hidden; background:#f8f8f8; padding-bottom:50px;}
.sc-title{ padding:50px 0 20px 0; overflow:hidden; font-size:38px; font-weight:bold;}
.seo_youshi ul{ float:left;}
.seo_youshi li{ float:left; width:19.5%; height:258px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.seo_youshi li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../images/seo-section4-icon.png) no-repeat;}
.seo_youshi li h3{ font-size:18px; color:#333; margin-top:20px;}
.seo_youshi li span{ font-size:14px; color:#82939e; padding:0 25px; display:block; line-height:25px; text-align:left; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.seo_youshi li i.icon01{ background-position:0 0;}
.seo_youshi li i.icon02{ background-position:0 -70px;}
.seo_youshi li i.icon03{ background-position:0 -140px;}
.seo_youshi li i.icon04{ background-position:0 -210px;}
.seo_youshi li i.icon05{ background-position:0 -280px;}
.seo_youshi li i.icon06{ background-position:-70px 0;}
.seo_youshi li i.icon07{ background-position:-70px -70px;}
.seo_youshi li i.icon08{ background-position:-70px -140px;}
.seo_youshi li i.icon09{ background-position:-70px -210px;}
.seo_youshi li i.icon10{ background-position:-70px -280px;}
.seo_youshi li:hover .warp{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.seo_youshi li:hover .warp span{ height:150px;}
.seo_youshi .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #0af; display:inline-block; text-align:center; font-size:14px; color:#0af; margin:50px auto 0; margin-left:530px;}
.seo_youshi .s-btn:hover{ background-color:#0af; color:#fff;}


/* APP */
.mobile-app-title{ text-align:center; overflow:hidden}
.app_title1{ color:#3a3a3a; font-size:32px; line-height:70px; font-weight:bold; padding-bottom:10px}
.app_title2{ color:#757575; font-size:16px; line-height:28px;}
.appkaifa-move-4 .mobile-app-title{ padding-top:20px;}
.appkaifa-move-4 .app_title1{ color:#fff;}
.appkaifa-move-4 .app_title2{ color:#ddd;}
.mobile-app-1{margin-top:80px; background: url(../images/mobile_app_1_bg.png) no-repeat; background-position: top center; overflow:hidden; height: 808px; padding: 0 15%; z-index: 10;}
.mobile-app-1 .right-cont{justify-content: left; align-items: baseline; float:left; width:60%}
.mobile-app-1 .right-cont h1{ float:left; width:100%;font-size: 51px; color: #fff; margin-top: 120px; font-weight:bold}
.mobile-app-1 .right-cont h3{ float:left; width:100%;font-size: 34px; font-weight: 500; color: #fff; margin-top: 10px;}
.mobile-app-1 .right-cont p{ float:left; width:100%;font-size: 16px; color: #fff; margin-top: 10px; padding: 5px 15px; background-color: rgba(255, 255, 255, 0.2);}
.mobile-app-1 .right-cont span{ float:left; width:100%;font-size: 14px; color: #fff; text-align: left; margin-top: 10px;}
.mobile-app-1 .right-cont .a-btn{ display:inline-table;font-size: 16px; color: #353434; text-align: center; margin: 30px -18px 0 0; padding-top: 19px; background: url("../images/mobile_app_1_btn.png") no-repeat; background-position: top center; width: 216px; height: 93px;}

.appkaifa-move-2{color: #595961; padding: 100px 0 100px; height: auto; z-index: 1; margin-top: -200px;}
.appkaifa-move-2 ul.clearfix{width: 1200px; overflow: hidden; margin: 50px auto 0;}
.appkaifa-move-2 ul.clearfix li{float: left; width: 25%; text-align: center;}
.appkaifa-move-2 ul.clearfix li p{margin: 20px 10% 0; font-size: 16px;}

.appkaifa-move-1{background: #f1f2f5; color: #595961; padding: 50px 0; height: auto; z-index: 1; /*margin-top: -260px;*/}
.appkaifa-move-1 .whyus_list{ overflow:hidden; padding-top:50px;}
.appkaifa-move-1 .whyus_list li{ float:left; padding: 0 5px;}
.appkaifa-move-1 .whyus_list li .postr{font-size: 12px; width: 250px; height: 320px; background: #fff; padding: 0px 20px; box-shadow: 0px 0px 10px 0px rgba(29,31,42,0.09); padding-bottom: 30px; position: relative;}
.appkaifa-move-1 .whyus_list .top_line{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 2px; background: #f2054d;}
.appkaifa-move-1 .whyus_list .lnumb{font-size: 120px; color: #FEF7F0; width: 100%; margin: auto; margin-bottom: 40px; border-bottom: solid 1px #E9E9EA; text-align: center;}
.appkaifa-move-1 .whyus_list li .posta_top{position: absolute; top: 16%; text-align: center; font-size: 15px; width: 100%; font-weight: bold; left: 0;}
.appkaifa-move-1 .whyus_list li .posta_top p{font-size: 18px;}
.appkaifa-move-1 .whyus_list .postr p{font-size: 14px; line-height: 25px; color: #555555;}
.appkaifa-move-1 .whyus_list .postr>p{margin: 0 25px;}
.appkaifa-move-1 .app-header-title,.appkaifa-move-2 .app-header-title{margin-bottom: 50px;}


.appkaifa-move-3{color: #595961; padding: 50px 0; height: auto; z-index: 1; /*margin-top: -260px;*/}
.appkaifa-move-3 .clearfix{width: 1000px; overflow: hidden; margin: 0 auto; padding-bottom: 30px;}
.appkaifa-move-3 .clearfix li{float: left; width: 16%; background: #f5f5f5; text-align: center; margin:4% 2% 0; border-radius: 20px; padding: 32px 0;}
.appkaifa-move-3 .clearfix li:hover{background: #f2054d; box-shadow: 0px 10px 20px 0px #f5ab7e; transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.appkaifa-move-3 .clearfix li p{font-size: 16px; color: #60646a; text-align: center; margin-top: 10px; font-weight: 700;}
.appkaifa-move-3 .clearfix li:hover p{color: #fff;}
.appkaifa-move-3 .clearfix li i{width: 100%; height: 64px; background-position: center; background-repeat: no-repeat; display: block;}
.appkaifa-move-3 .clearfix li.ins_1 i{background-image: url("../images/ins_1.png");}
.appkaifa-move-3 .clearfix li.ins_1:hover i{background-image: url("../images/ins_2.png");}
.appkaifa-move-3 .clearfix li.ins_2 i{background-image: url("../images/ins_3.png");}
.appkaifa-move-3 .clearfix li.ins_2:hover i{background-image: url("../images/ins_4.png");}
.appkaifa-move-3 .clearfix li.ins_3 i{background-image: url("../images/ins_5.png");}
.appkaifa-move-3 .clearfix li.ins_3:hover i{background-image: url("../images/ins_6.png");}
.appkaifa-move-3 .clearfix li.ins_4 i{background-image: url("../images/ins_7.png");}
.appkaifa-move-3 .clearfix li.ins_4:hover i{background-image: url("../images/ins_8.png");}
.appkaifa-move-3 .clearfix li.ins_5 i{background-image: url("../images/ins_9.png");}
.appkaifa-move-3 .clearfix li.ins_5:hover i{background-image: url("../images/ins_10.png");}
.appkaifa-move-3 .clearfix li.ins_6 i{background-image: url("../images/ins_11.png");}
.appkaifa-move-3 .clearfix li.ins_6:hover i{background-image: url("../images/ins_12.png");}
.appkaifa-move-3 .clearfix li.ins_7 i{background-image: url("../images/ins_13.png");}
.appkaifa-move-3 .clearfix li.ins_7:hover i{background-image: url("../images/ins_14.png");}
.appkaifa-move-3 .clearfix li.ins_8 i{background-image: url("../images/ins_15.png");}
.appkaifa-move-3 .clearfix li.ins_8:hover i{background-image: url("../images/ins_16.png");}
.appkaifa-move-3 .clearfix li.ins_9 i{background-image: url("../images/ins_17.png");}
.appkaifa-move-3 .clearfix li.ins_9:hover i{background-image: url("../images/ins_18.png");}
.appkaifa-move-3 .clearfix li.ins_10 i{background-image: url("../images/ins_19.png");}
.appkaifa-move-3 .clearfix li.ins_10:hover i{background-image: url("../images/ins_20.png");}


.Development_case_column_2 .index-item01 .item01list-con{/*margin-top: 15px;*/ padding: 0px 22.5px; /*margin-bottom: 50px;*/ overflow: hidden;  margin: 15px auto 50px;}
.Development_case_column_2 .index-item01 .item01list-con .list{/*width: 20%;*/ width: calc(25% - 15px); float: left; padding: 0px 7.5px; margin-top: 20px;}
.Development_case_column_2 .index-item01 .item01list-con .list01{width: calc(40% - 15px);}
.Development_case_column_2 .index-item01 .item01list-con .list01 .img{position: relative; overflow: hidden;}
.Development_case_column_2 .index-item01 .item01list-con .list img{max-width: 100%; width: 100%; display: block; height: 280px;}
.Development_case_column_2 .index-item01 .item01list-con .list01 .img .tit{position: absolute; width: 100%; left: 0; bottom: -60px; background: rgba(0,0,0,0.5); height: 60px; line-height: 60px; padding: 0px 20px; color: #fff;}
.Development_case_column_2 .index-item01 .item01list-con .list .tit{height: 70px; line-height: 70px; background: #f1f1f1 url(http://www.xnvision.com/skin/images/icon02.png) no-repeat right center; padding: 0px 20px; padding-right: 75px;}
.Development_case_column_2 .index-item01 .item01list-con .list .tit a{display: block; width: 100%; height: 100%; font-size: 18px; color: #222;}
.Development_case_column_2 .textHidden{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.Development_case_column_2 .index-item01 .item01list-con .list:hover .box{box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; position: relative; top: -5px;}
.Development_case_column_2 a.index-more{width: 190px; height: 45px; text-align: center; line-height: 45px; display: block; margin: 0 auto; border-radius: 30px; background: #e8e8e8; color: #b4b5b5;}
.Development_case_column_2 a.index-more:hover{background: #f80; color: #fff; box-shadow: 0px 0px 15px #f80; -webkit-box-shadow: 0px 0px 15px #f80;}

.appkaifa-move-4{height: 530px; background: url("../images/mobile_app_1_bg2.jpg") center;}
.appkaifa-move-4 ul{width: 1200px; display: flex; margin: 0 auto;}
.appkaifa-move-4 ul li{text-align: center; width: 260px; padding: 0 20px; margin-top: 35px;}
.appkaifa-move-4 ul li h1{font-size: 20px; color: #fff; font-weight: 100; margin-top: 20px;}
.appkaifa-move-4 ul li p{color: #ced9fe; margin-top: 15px; line-height: 1.7em; text-decoration: none;}
.appkaifa-move-4 .wechat-header-title .text{width: 800px; text-align: center; font-size: 16px;}
.appkaifa-move-4 .wechat-header-title{padding-top: 60px;}
.appkaifa-wechat-1 .container{width: 1200px; margin: 40px auto;}


@media screen and (max-width:1400px){
.header .header_right .center .nav li.nav_li .nav_tit{ padding:0 20px;}
}

@media screen and (max-width:1360px){
.header .header_right .center .nav li.nav_li .nav_tit{ padding:0 15px;}

.bt_nav_right .ul_list dd{ margin-bottom:2px;}
.ho_news .kh_img{ width: 90%}

.hobanner{ height:580px;}
.flexslider{ height:580px;}
.slides li{ height:580px; background-size:118% 100% !important;}

.banner_js{ height:100px;}
.banner_js .b_j_wz{padding:3% 5% 3% 30%;}
.banner_js ul li p{ line-height:21px;}

.nav .nav_list .warp{ width:66%;}
}


/* ====================  手机  ==================== */
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){
.header{ display:none;}
.qqkefu{ display:none;}
.footerbar{}

#topcontrol {display:block;}

.sj_head{ display:block;}
::-webkit-scrollbar-track-piece {
 width:0px;
 background-color:#ddd;
}
::-webkit-scrollbar {
 width:0px;
 background-color:#2882e8;
}
::-webkit-scrollbar-thumb {
 width:0px;
 background-color:#aeaeae;
}
::-webkit-scrollbar-thumb:hover {
 width:0px;
 background-color:#111;
}


.h_title{ height:80px; text-align:center; width:94%; margin:0 3%;}
.h_title .h_title_2{ padding-top:5px;}

/* banner */
.hobanner{ height:auto;margin-top:0; width:100%;}
.flexslider{height:auto;}
.slides{ overflow:hidden; width:100%; margin-bottom:-3px;}
.slides li{height:auto; background-size: auto 100% !important;}
.flex-control-nav{bottom:8px; }
.flex-direction-nav{display:none;}
.banner_js{ position:relative; bottom:0px; background-color:#fff; height:auto; z-index:2; padding-bottom:10px;}
.banner_js .w1200{ width:100%; overflow:hidden;}
.banner_js ul{ padding:0 0 5px 0;}
.banner_js ul li{ width:50%; background-color:#f5f5f5; padding-top:0;}
.banner_js .b_j_wz{ padding:0 10px 15px 10px; border-left:none;}
.banner_js .bjs_icon1{ background:url(../images/bjs_icon1_2.png) 140px 15px no-repeat; background-size:30px 30px; padding-top:10px;}
.banner_js .bjs_icon2{ background:url(../images/bjs_icon2_2.png) 35px 15px no-repeat; background-size:30px 30px; padding-top:10px;border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.banner_js .bjs_icon3{ background:url(../images/bjs_icon3_2.png) 35px 15px no-repeat; background-size:30px 30px;padding-top:10px; border-bottom:1px solid #e9e9e9;}
.banner_js .bjs_icon4{ background:url(../images/bjs_icon4_2.png) 35px 15px no-repeat; background-size:30px 30px;padding-top:10px;border-right:1px solid #e9e9e9;}
.banner_js .bjs_icon5{ background:url(../images/bjs_icon5_2.png) 35px 15px no-repeat; background-size:30px 30px;padding-top:10px;}
.banner_js ul li h5{padding:10px 0 10px 40px; color:#555;}
.banner_js ul li p{font-size:12px;}
.banner_js ul li:nth-child(5) .b_j_wz{border-right:none;}
.banner_js ul li:nth-child(1){ width:100%; background-color:#eee; padding:10px 0;}
.banner_js ul li:nth-child(1) h5{ text-align:center;}
.banner_js ul li:nth-child(1) p{ text-align:center;}
.banner_js ul li h5{ text-align:center; padding-left:0;}
.banner_js ul li p{ text-align:center;}
.banner_pp .flex-control-nav{ display:none !important; }

.banner_js ul li:hover{ background-color:#f5f5f5;}
.banner_js ul li:hover p{ color:#999;}
.banner_js ul li:nth-child(1){ background-color:#eee;}





/* 为您推荐 */
.ho_service { overflow:hidden; position: relative; padding:30px 0 0 0}
.ho_service .w1200{ width:100%;}
.ho_service .h_title .h_title_2{ display:block; height:auto; overflow:hidden; line-height:24px;}

.h_pro_lei{ display:none;}
.h_pro_lei_sj{ width:100%; height:auto; float:left;  margin:10px 0 0 0; display:block;}
.h_pro_lei_sj .h_pro_lei_02{cursor: pointer;width:50%; height:222px; float:left; margin:0 0 0 0; display:inline;box-shadow:none;background: #FFF; }
.h_pro_lei_sj .h_pro_lei_02t{ width:100%; height:59px; float:left; text-align:center; margin-top:15px;background:url(../images/producet_bg_head.png) no-repeat center top;}
.h_pro_lei_sj .h_pro_lei_02z{ width:100%; height:60px; float:left; text-align:center; margin-top:15px; overflow:hidden;}
.h_pro_lei_sj .h_pro_lei_02z p{font-size:12px; color:#686868; margin-top:10px;}
.h_pro_lei_sj .h_pro_lei_02z span{ font-size:20px; color:#252525;}

.h_pro_lei_02:nth-child(2) .fuwu_bk,.h_pro_lei_02:nth-child(4) .fuwu_bk{border-right:1px solid #f5f5f5; overflow:hidden; display:block;}
.h_pro_lei_02:nth-child(4) .fuwu_bk,.h_pro_lei_02:nth-child(5) .fuwu_bk{border-top:1px solid #f5f5f5; overflow:hidden; display:block;}


.h_pro_lei_sj .h_pro_lei_02w{display:none;}
.h_pro_lei_sj .h_pro_lei_02s{ width:100%; height:50px; float:left; text-align:center; color:#333; margin-top:20px;}
.h_pro_lei_sj .h_pro_lei_02s span a{ font-size:14px; color:#666; display:block; width:100px; height:36px; border:1px solid #f8f8f8; display:inline-block; line-height:36px;border-radius:3px; }
.h_pro_lei_sj .h_pro_lei_02m{display: none;}
.h_pro_lei_sj .h_pro_lei_03{margin-right:0;}
.h_pro_lei_sj .tpt-list-none{display: none;}
.h_pro_lei_sj .tpt-list-none2{display: block;}


.h_pro_lei_sj .h_pro_lei_01{cursor: pointer;width:100%;background:url(../images/producet_bg_01.jpg) #FFFFFF; border-bottom:none;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02t{width:100%;height:62px;margin-top:15px;background:url(../images/producet_bg_head.png) no-repeat center top;}

.h_pro_lei_sj .h_pro_lei_02:nth-child(2) .h_pro_lei_02t{background:url(../images/producet_bg_head2.png) no-repeat center top;}
.h_pro_lei_sj .h_pro_lei_02:nth-child(3) .h_pro_lei_02t{background:url(../images/producet_bg_head3.png) no-repeat center top;}
.h_pro_lei_sj .h_pro_lei_02:nth-child(4) .h_pro_lei_02t{background:url(../images/producet_bg_head4.png) no-repeat center top;}
.h_pro_lei_sj .h_pro_lei_02:nth-child(5) .h_pro_lei_02t{background:url(../images/producet_bg_head5.png) no-repeat center top;}

.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02z{width:100%;margin-top:10px;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}

.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02w{width:90%;height:100px;margin:0 5%;padding-top:20px; color:#FFFFFF; display:none;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02s{width:100%;color:#FFFFFF; margin-top:10px;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02s span a{color:#fff; width:100px; height:36px; line-height:36px;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02m{display: block;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; line-height:33px;}
.h_pro_lei_sj .h_pro_lei_01 .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_lei_sj .h_pro_lei_01 .tpt-list-none{display: block;line-height: 20px; text-align:justify;}
.h_pro_lei_sj .h_pro_lei_01 .tpt-list-none2{display: none;}

.del_float{ padding:35px 0 0 0;}





/*.h_pro_lei{ width:100%; height:auto; float:left;  margin:30px 0 0 0;}
.h_pro_lei_02{cursor: pointer;width:50%; height:222px; float:left; margin:0 0 0 0; display:inline;box-shadow:none;background: #FFF; }
.h_pro_lei_02t{ width:100%; height:59px; float:left; text-align:center; margin-top:15px;background:url(../images/producet_bg_head.png) no-repeat center top;}
.h_pro_lei_02z{ width:100%; height:60px; float:left; text-align:center; margin-top:15px; overflow:hidden;}
.h_pro_lei_02z p{font-size:12px; color:#686868; margin-top:10px;}
.h_pro_lei_02z span{ font-size:22px; color:#252525;}

.h_pro_lei_02:nth-child(2) .fuwu_bk,.h_pro_lei_02:nth-child(4) .fuwu_bk{border-right:1px solid #f5f5f5; overflow:hidden; display:block;}
.h_pro_lei_02:nth-child(4) .fuwu_bk,.h_pro_lei_02:nth-child(5) .fuwu_bk{border-top:1px solid #f5f5f5; overflow:hidden; display:block;}


.h_pro_lei_02w{display:none;}
.h_pro_lei_02s{ width:100%; height:50px; float:left; text-align:center; color:#333; margin-top:20px;}
.h_pro_lei_02s span a{ font-size:14px; color:#666; display:block; width:100px; height:36px; border:1px solid #f8f8f8; display:inline-block; line-height:36px;border-radius:3px; }
.h_pro_lei_02m{display: none;}
.h_pro_lei_03{margin-right:0;}
.tpt-list-none{display: none;}
.tpt-list-none2{display: block;}


.h_pro_lei_01{cursor: pointer;width:100%;background:url(../images/producet_bg_01.jpg) #FFFFFF; border-bottom:none;}
.h_pro_lei_01 .h_pro_lei_02t{width:100%;height:62px;margin-top:15px;background:url(../images/producet_bg_head.png) no-repeat center top;}
.h_pro_lei_01 .h_pro_lei_02z{width:100%;margin-top:10px;}
.h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}

.h_pro_lei_01 .h_pro_lei_02w{width:90%;height:100px;margin:0 5%;padding-top:20px; color:#FFFFFF; display:none;}
.h_pro_lei_01 .h_pro_lei_02s{width:100%;color:#FFFFFF; margin-top:10px;}
.h_pro_lei_01 .h_pro_lei_02s span a{color:#fff; width:100px; height:36px; line-height:36px;}
.h_pro_lei_01 .h_pro_lei_02m{display: block;}
.h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; line-height:33px;}
.h_pro_lei_01 .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_lei_01 .tpt-list-none{display: block;line-height: 20px; text-align:justify;}
.h_pro_lei_01 .tpt-list-none2{display: none;}
.del_float{ padding:15px 0;}

*/










/* 我们的优势 */
.index_youshi_con{display:block;overflow:hidden; width:100%; margin:0; padding-bottom:0px;height:auto;}
.h_yshi .h_title{padding-bottom:40px}
.h_yshi .h_title .h_title_2{ display:block; height:auto; overflow:hidden; line-height:24px;}
.index_youshi_con dl{float:left;width:100%;height:260px; position:relative; overflow:hidden; margin-bottom:3px;}

.index_youshi_con dl dt{position:relative;float:left;overflow:hidden;margin:0 auto;width:100%;height:260px;background-position:center center;background-size:cover;background-repeat:no-repeat}
.index_youshi_con dl dt img{height:auto !important; width:100% !important;}
.index_youshi_con dl dt span{position:absolute;top:0;display:none;width:100%;height:auto;background-color:rgba(34,37,45,.66);background-position:center center;background-repeat:no-repeat}

.index_youshi_con dl dd{position:absolute; top:0; float:left;width:100%;height:auto; margin-top:130px;}

.index_youshi_con dl dd .dd_box{position:absolute;top:0;left:0;box-sizing:border-box;padding:0 0 0 0;width:90%;height:auto; z-index:9; margin:-100px 0 0 20px;}
.index_youshi_con dl dd .dd_box h3{height:28px;font-weight:400;font-size:21px;line-height:28px; color:#fff;}
.index_youshi_con dl dd .dd_box em{display:block;height:28px;color:#333;font-style:normal;font-size:24px;line-height:28px; color:#fff;}
.index_youshi_con dl dd .dd_box font{display:block;margin-top:15px;width:52px;height:1px;background-color:#fff;}
.index_youshi_con dl dd .dd_box p{overflow:hidden;margin-top:15px;height:125px;color:#777;font-size:15px;line-height:25px; color:#fff; width:100%; display:block;}
.index_youshi_con dl:hover dt span{display:block}
.index_youshi_con dl:hover dd{background-color:#f2054d}
.index_youshi_con dl:hover dd .dd_box em,.index_youshi_con dl:hover dd .dd_box h3,.index_youshi_con dl:hover dd .dd_box p{color:#fff}
.index_youshi_con dl:hover dd .dd_box font{background-color:#fff}

.position{ display:none;}
.ho_ppzcz{ display:none;}

.ho_case .h_title .h_title_2{ display:block; height:auto; overflow:hidden; line-height:24px;}



/*首页服务 */
.services{ padding:0 0 30px 0; overflow:hidden;}
.services .w1200{ width:100%;}
.services li{ float:left; width:50%; background:#f5f5f5}
.services li p{ height:80px; line-height:80px; text-align:center; padding-bottom:10px;}
.services li p i{ padding:30px 30px; margin-top:10px; display:inline-block}
.services li .se_1 i{ background:url(../images/head_bg.png) no-repeat left -467px;}
.services li .se_2 i{ background:url(../images/head_bg.png) no-repeat -65px -467px;}
.services li .se_3 i{ background:url(../images/head_bg.png) no-repeat -135px -467px;}
.services li .se_4 i{ background:url(../images/head_bg.png) no-repeat -205px -467px;}
.services li .se_5 i{ background:url(../images/head_bg.png) no-repeat -270px -467px;}
.services li .se_6 i{ background:url(../images/head_bg.png) no-repeat -335px -467px;}
.services li .fontwe{ height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; color:#333;transition:all 0.3s ease;}
.services li:hover .fontwe{ color:#f2054d}
.services li dd{ height:50px; line-height:25px; text-align:center; font-size:12px; color:#666}
.services li:nth-child(2),.services li:nth-child(3),.services li:nth-child(6){ background-color:#eee;}


/* 新闻 */
.ho_news .h_title .h_title_2{ display:block; height:auto; overflow:hidden; line-height:24px;}
.index_news_con{overflow:hidden; margin-top:20px;}
.index_news_con ul{height:auto;margin-left:0;overflow:hidden}
.index_news_con ul li{width:100%;height:auto;margin-left:0}
.index_news_con ul li dl{margin:0 0 20px 0;overflow:hidden}
.index_news_con ul li dl dt{width:25%;padding:6px 0 5px 0;margin-top:0;}
.index_news_con ul li dl dt em{font-size:46px;}
.index_news_con ul li dl dd{width:70%;float:right;margin-left:0}
.index_news_con ul li dl dd p{font-size:12px;}
.index_news_con ul li dl dd b{ width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/* 联系我们 */
.i_contact{ display:none; width:100%;height: 580px;overflow: hidden; background: url(../images/i_contact.jpg) no-repeat center top;}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; letter-spacing:2px;}
.i_contact_ul{max-width:330px;width:94%; margin:0 3%;  overflow:hidden; margin-top:20px;}
.i_contact_ul ul li:nth-child(3) img{ margin-top:25px;}
.i_contact_r{ display:none;}
.ho_links{ display:none;}




















/*  栏目导航 */
.chnn_nav{ overflow:hidden; height:auto; padding:20px 0; width:94%; margin:0 3%;}
.chnn_nav .w1200{ width:100%;}
.chnn_nav .ch_nav_l{ float:left; width:100%; overflow:hidden; height:auto; font-size:18px; line-height:22px; color:#333; margin-bottom:20px; text-align:center;}
.chnn_nav .ch_nav_l i{ font-size:12px; color:#666}
.chnn_nav .ch_nav_r{ width:100% !important; display:block; overflow:hidden; margin-top:0 !important; text-align:left; height:auto;}
.chnn_nav .ch_nav_r{ margin-left:0;}
.chnn_nav .ch_nav_r li{ display:block; zoom:1; width:30% !important; float:left; text-align:center; height:35px; border:1px solid #ddd; line-height:35px; padding:0; margin:0 0 10px 2.6%;border-radius:3px;transition:all 0.3s ease;}



/*  网站建设 */
.web_list{ overflow:hidden; padding:80px 0}
.web_list_banner{ width:100%; height:180px; background:url(../images/web_list_banner.jpg) no-repeat center; background-size:150% 100%; padding-top:0;}
.web_list_tit{ height:30px; overflow:hidden; line-height:30px; background:#fff; padding:20px 0 10px 0}
.web_list_tit span{ float:left; width:100px; height:30px; line-height:30px; background:#f2054d;border-radius:2px; font-size:14px; color:#fff; text-align:center;}
.web_list_li{ overflow:hidden;}
.web_list_li .web_llcon{ float:left; width:258px; padding:20px; border:1px solid #eee; margin-right:-1px; background:url(../images/web_llconbf.jpg) center 460px no-repeat; transition:all 0.3s ease;}
.web_list_li .web_llcon:hover{ background:url(../images/web_llconbf.jpg) no-repeat; padding:20px; border:1px solid #f2054d;}
.web_list_li .web_llcon:hover .w_l_t{ color:#fff}
.web_list_li .web_llcon:hover .w_l_d{ color:#fff}
.web_list_li .web_llcon:hover .w_l_m span{ color:#fff}
.web_list_li .web_llcon:hover .w_l_m a{ background:#fff; color:#f2054d}
.web_list_li .web_llcon .w_l_t{ height:40px; line-height:30px; color:#f2054d; font-size:20px;}
.web_list_li .web_llcon .w_l_i{ height:200px;}
.web_list_li .web_llcon .w_l_d{ height:120px; padding:10px 0; line-height:23px; font-size:13px; color:#777; text-indent:25px;}
.web_list_li .web_llcon .w_l_m{}
.web_list_li .web_llcon .w_l_m span{ float:left; height:35px; line-height:35px; color:#f2054d; font-size:22px;}
.web_list_li .web_llcon .w_l_m a{ float:right; height:35px; line-height:35px; width:100px; text-align:center; background:#eee; color:#666}
.web_list_tishi{background:#FFFFCC; border:#FFCC00 1px solid; overflow:hidden;}
.web_list_tishi span{ float:left; padding:10px; color:#444; line-height:25px; font-size:13px;}
.web_list_bq{ overflow:hidden; background:url(../images/ymlct.jpg) center no-repeat;}
.web_list_bq li{ float:left; width:171px; height:110px; line-height:180px; font-size:14px; text-align:center; color:#666}
.web_list_bq li:hover{ color:#f2054d}
.web_list_kh{ overflow:hidden;}
.web_list_kh .web_khl20{ float:left; margin-left:-8px;}
.web_list_kh li{ float:left; width:230px; height:80px; line-height:80px; text-align:center; border:1px solid #ddd; margin:0 0 8px 8px}
.web_list_kh li img{ vertical-align:middle}
.right_kf{ width:49px; height:260px; position:fixed; right:0; top:250px; background:url(../images/right_kfbg.png) no-repeat center; z-index:10; transition:all 0.8s ease;}
.right_kf a{ float:left; width:49px; height:52px;}
.right_kf:hover{ top:260px;}



/* 网站建设服务项目 */
.ym_websiteBox1{ padding-top:10px;}
.ym_websiteBox1,.ym_websiteBox2,.ym_websiteBox3,.ym_websiteBox4,.ym_websiteBox4_2,.ym_websiteBox4_3,.ym_websiteBox4_4,.ym_websiteBox4_5,.ym_websiteBox4_6,.ym_websiteBox4_7,.ym_websiteBox4_8,.ym_websiteBox4_9,.ym_websiteBox4_10,.ym_websiteBox4_11,.ym_websiteBox4_12,.ym_websiteBox4_13{ height:auto; padding:0 0 50px 0;overflow:hidden;}
.grWidth{ width:94%; margin:0 3%;}
.ym_websiteFont{width:90%;margin-top:50px;background:url(../images/font_bg1.png) no-repeat left top;padding:35px 0 0 35px;overflow:hidden;}
.ym_websiteFont h2{font-size:36px;font-weight:bold;line-height:40px;margin-bottom:10px;}
.ym_websiteFont h2 span{color:#f2054d;}
.ym_websiteFont h3{font-size:24px;margin-bottom:20px;}
.ym_websiteFont div{margin-bottom:30px;font-size:14px;text-indent:2em;line-height:26px;}
.ym_websiteFont .btn{height:35px;line-height:35px;}
.ym_websiteFont .btn a{display:inline-block; width:110px;height:35px;text-align:center;color:#fff;border-radius:3px;font-size:14px;margin-right:25px;background:#f2054d;}
.ym_websiteFont .btn .btn2{background:#1b1f29;}
.ym_websiteFont .btn a:hover{background:#f2054d;transition:all 0.3s;}
.ym_websiteFont2{color:#fff;}
.ym_websiteFont2 h2{ color:#222}
.ym_websiteFont2 h2 span{color:#fff;}
.ym_websiteFont2 .btn a{display:inline-block; width:110px;height:35px;text-align:center;color:#f2054d;border-radius:3px;font-size:14px;margin-right:25px;background:#fff;}
.ym_websiteFont2 .btn a:hover{background:#fff;}
.ym_websiteFont2 .btn .btn2{background:#222;color:#fff;}
.ym_websiteFont2 .btn a:hover{background:#fff; color:#f2054d;transition:all 0.3s;}
.ym_websiteFont2{text-align:right;background:url(../images/font_bg2.png) no-repeat right top;float:right;padding:35px 35px 0 0;}

.ym_websiteBox1,.ym_websiteBox3,.ym_websiteBox4_2,.ym_websiteBox4_4,.ym_websiteBox4_6,.ym_websiteBox4_8,.ym_websiteBox4_10,.ym_websiteBox4_12{background:none; background-color:#edecf1;}
.ym_websiteBox2,.ym_websiteBox4,.ym_websiteBox4_3,.ym_websiteBox4_5,.ym_websiteBox4_7,.ym_websiteBox4_9,.ym_websiteBox4_11,.ym_websiteBox4_13{background:none; background-color:#f2054d;}
.ym_websiteBox2 .btn a,.ym_websiteBox4 .btn a,.ym_websiteBox4_3 .btn a,.ym_websiteBox4_5 .btn a,.ym_websiteBox4_7 .btn a,.ym_websiteBox4_9 .btn a,.ym_websiteBox4_11 .btn a,.ym_websiteBox4_13 .btn a{ margin:0 0 0 25px !important;}
.ym_websiteBox5{padding:50px 0; background:#ecedf0;overflow:hidden}
.ym_websiteTitle{font-size:30px;font-weight:lighter;line-height:32px; font-family:"微软雅黑";}
.ym_websiteTitle strong{color:#f2054d;font-weight:lighter; line-height:40px; font-family:"微软雅黑";}
.ym_websiteBox5_main{padding-top:20px;overflow:hidden;height:auto;}
.ym_websiteBox5_main li{float:left;height:auto;padding:15px 0 20px 0;overflow:hidden;width:330px;padding-right:115px;}
.ym_websiteBox5_main li.w3,.ym_websiteBox5_main li.w6,.ym_websiteBox5_main li.w9{padding-right:115px;}
.ym_websiteBox6{display:none;}
.ym_websiteBox62{display:block; height:auto; padding:50px 0 0 0; background-color:#fff; overflow:hidden; }
.ym_websiteBox62 .ym_websiteTitle{margin-bottom:12px; font-size:24px;}
.ym_websiteBox62 .p01{font-size:16px;color:#666;}
.ym_websiteBox62 .grWidth ul{ margin-top:30px}
.ym_websiteBox62 .grWidth ul li{ float:left; width:33%; margin-bottom:20px; text-align:center;}
.ym_websiteBox62 .grWidth ul li img{ width:80%;}
.ym_websiteBox7{padding:35px 0 !important}
.ym_websiteBox7 li{padding:35px 0 0 0;padding-left:0;width:100%;margin:0 0 20px 0 !important;background: #f2054d url(../images/w_icon1.png) no-repeat 15px center;}
.ym_websiteBox7 li h3{ padding-left:130px;}
.ym_websiteBox7 li p{ padding-left:130px;}
.ym_websiteBox8 .btn{ margin-top:30px;}
.ym_websiteBox8 .btn a{width:260px;font-size:16px;}
.ym_websiteBox7 li.w2 { background: #f2054d url(../images/w_icon2.png) no-repeat 15px center;}
.ym_websiteBox7 li.w3 { background: #f2054d url(../images/w_icon3.png) no-repeat 15px center; margin-right: 0;}






/*  关于我们 */
.about_list{ overflow:hidden; width:100%; padding:20px 0 30px 0;}
.about_list .w1200{ width:100%;}
.about_list .about_logo{ width:100%;padding-bottom:10px;}
.about_list .about_logo img{max-width:100%;}
.about_list .about_desc{width:94%; margin:0 3%; }
.about_list .about_desc img{ max-width:100%; padding:10px 0 0 0;}
.ab_nav_list{ display:none;}
.about_key_desc{ overflow:hidden;width:100%; background:#f8f8f8; padding:40px 0 30px 0;}
.about_key_desc .w1200{ width:94%; margin:0 3%;}
.about_key_desc .h_title{ height:auto !important; overflow:hidden;}
.about_key_desc .h_title .h_title_1{height:auto !important; overflow:hidden;}
.about_key_desc .h_title .h_title_1 i{ border:none; font-size:20px; line-height:28px;}
.about_key_desc .h_title .h_title_2{height:auto !important; overflow:hidden; line-height:24px; padding-top:10px;}
.about_k_d{width:100%;}
.about_k_d2{ margin-left:0;}
.ab_k_d_con{ padding:20px 0 10px 0; text-align:justify;}
.about-services{ overflow:hidden;width:94%; margin:0 3%;}
.about-services li{width:50%;height:100px;}
.about-services li:nth-child(2),.about-services li:nth-child(5),.about-services li:nth-child(10),.about-services li:nth-child(12){ display:none;}
.about-services li:nth-child(4){ float:right;}
.about-services li:nth-child(9){ float:right;}
.about-culture {background-color: #e7e7e7; overflow:hidden;width:100%; }
.about-culture  .w1200{ width:94%; margin:0 3%;}
.about-culture .about-culture-content {padding:20px 0 50px 0; width: 100%; height:auto; background: url(../images/about-culture.jpg) no-repeat center 30px; background-size:auto 40%;}
.about-culture .about-culture-content h2 {font-size:36px; color:#f2054d; margin-top:200px;}
.about-culture .about-culture-content p.des-cn { width:100%;}
.about-culture .about-culture-content p.des-en {width:100%; height:auto;}



/**微信**/
.wechat_banner{ width:100%; height:auto; overflow:hidden;background:none; height:280px; padding-top:0; background-color:#13ab58; } 
.wechat_banner .w1200{ width:100%;}
.wechat_banner ul{ display:block; width:230px; text-align:left; float:right; margin:45px 20px 0 0;}
.wechat_banner ul h3{ display:block; color:#fff; font-size:20px; font-weight:bold; padding-bottom:20px;}
.wechat_banner ul dd{ color:#fff; font-size:16px; padding-bottom:10px;}
.wechat_banner ul p{ color:#fff; font-size:12px; padding-bottom:5px; line-height:18px;}
.wechat_banner ul dd.mm_bot{ padding-bottom:10px;}





.wechat_banner img{width:100%;} 
.banner_showmobile{ width:100%; margin:auto;}
.banner_showmobile ul li{ height:200px;left:0; top:-235px;}
.banner_showmobile ul li img{ height:200px; }
.weixin{ width:94%; margin:0 3% 30px 3%;}
.weixin h3{ font-size:28px;}
.weixin .contentinfo{ position:relative;  width:100%;  margin:20px auto;} 
.weixin .contentinfo .list li{ width:46%; height:204px; padding:10px 0 0; margin:10px 2%;}
.wechat_banner_item {height: 570px;background-size: cover; width:100%;}
.wx_item_bj{background:none; background-color:#e9f7f8;}
.wechat_banner_item .posr {position: relative;height: 100%; width:100%;}
.wechat_banner_item .posr dl {width: 94%; margin:0 3%!important; position:relative; top: 50px; left: 0px;color: #333;}
.wechat_banner_item .posr dl dt {font-size: 28px;margin-bottom: 10px; text-align:center;}
.wechat_banner_item .posr dl dd {font-size: 16px;line-height: 28px;text-align:justify;}
.wechat_banner_item .wrap_2 dl,.wechat_banner_item .wrap_4 dl {color: #fff;}
.wechat_banner_item .wrap_3 dl {color: #956041;}
.wechat_banner_item .posr .wechat_img {position: absolute;right: 70px; bottom: 0px;}
.wechat_banner_item .posr .wechat_img img{ vertical-align:middle; width:260px;}
.wechat_banner_item .wechat_img_gw{left:70px !important;}


/* 案例 */
.case_title_bg{ margin-top:0;}
.case_title_bg h2{ position:relative; width:94%; padding:0 3%; left:0; margin-left:0 !important; margin-top:10px; height:auto; line-height:40px; top:30px; color:#d20342; font-size:20px; text-align:center; font-weight:bold}
.case_title_top{ display:none; }
.thumbnail{width:49%;margin-left:1%;}
.thumbnail .meta h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center; width:100%; padding-left:0;}
.thumbnail .meta h3 a{font-size:16px;color:#000;}

.case_title_bg .case_navl{ width:100%; height:auto; line-height:auto; margin:0 auto; overflow:hidden; text-align:center; padding:10px 0;}
.case_title_bg .case_navl a{ font-size:14px; color:#eee; float:left; width:33.3%; line-height:30px; margin:0; text-align:center;}
.case_title_bg .case_navl a:hover{ color:#f2054d;}
.case_title_bg .case_navl a.cur{ color:#f2054d; font-weight:bold}


/* 形象设计案列 */
.wu_bj{ background-color:#fff; padding-top:1%;}
.wu_bj .portfolio-grid{margin-left:-1% !important; padding-bottom:30px;}
.qiye_xx{overflow:hidden;position:relative;display:inline-block;float:left;width:49%;margin-left:1%; transition: all 1s ease; }
.wu_bj .qiye_xx .des_bt{ display:none;}
.wu_bj .qiye_xx:hover .des_bt{ display:block; width:100%;transition: all 1s ease;position:absolute; display:block;z-index:2;top:-3px;left:0;height:100%; background:rgba(0,0,0,.7);height:0\9;}
.qiye_xx .des_bt h5{ color:#fff; font-size:12px; position:absolute; bottom:20px; left:30px;}
.qiye_xx .des_bt h5 p{ display:none;}


/* 移动应用案列 */
.yd_bj{ padding-top:1%; width:100%;}
.yd_bj .yd_bjj{ overflow:hidden; width:98%; margin:0 1%;}
.yd_bj .portfolio-grid{margin-left:-1% !important;}
.qiye_yd{overflow:hidden;position:relative;display:inline-block;float:left;width:49%;margin:0 0 1.2% 1%; transition: all 1s ease; }
.thumbnail .meta h3{ line-height:40px; overflow:hidden;}
.qiye_yd .meta dd{ height:60px; overflow:hidden; float:left; padding-bottom:0; margin-bottom:20px;}





/* 宣传视频案例 */
.public_width{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding:50px 0 0 0; background:url(../images/video_bj.jpg) no-repeat center top; background-size:cover; margin-top:0;}
.video_con{  color: #fff; width:94%; margin:0 3%;}
.video_con .video_con_title{ width: 100%;height: 70px; line-height: 70px;font-size: 30px; font-weight: bold;text-indent: 1em; color: #fff; background-color: #333;}
.video_con .video_con_show{ margin:0 !important; padding:0 !important;}
.video_con_show{ width: 100%;height:auto; font-size: 0; }
.video_con_show .video_bofang{ display: inline-block; width: 100%; font-size: 24px; vertical-align: top;}
.video_con_show_con video{ max-width:100%; height:auto;}
.w1060{ width:100%; max-width:100%;}	
		
.tab-box .video_con_show_con{width:100%;height:auto;display:none;}
.tab-box .video_con_show_con .video_con_show_con_tit{ text-align:center; padding-bottom:20px;}
.tab-box .video_con_show_con .video_con_show_con_tit h2{ font-size:18px;}

.video_con_show .video_show_zs{ display: inline-block; width: 100%;height:auto;font-size: 24px; border-left:none; box-sizing: border-box; margin:30px 0 0 0; background-color:#000; padding-bottom:50px;}


.video_show_zs .video_show_title{ font-size: 14px; margin: 10px;}
.video_show_zs .video_show_con{ width:100%; margin:0; height:140px;  padding:0; overflow-x:scroll;overflow:auto; background-color:#000; }
.video_show_zs .video_show_con li{ float:left; width:46%; height:140px; margin:0 4% 2% 0;cursor:pointer;}
.video_show_zs .video_show_con li img{ display:inline-block;width:100%; height:auto;}
.video_show_zs .video_show_con li span{ float:left; display:block; height:36px; line-height:36px; width:90%; padding:0 5% 5px 5%; font-size:12px; margin-top:-6px !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 1s ease; }	
.video_show_zs .video_show_con li:hover span{}		
		
.tab-box .video_con_show_con{width:100%;height:auto;display:none;}
.tab-box .video_con_show_con .video_con_show_con_tit{ text-align:center; padding-bottom:20px;}
.tab-box .video_con_show_con .video_con_show_con_tit h2{ font-size:18px;}

/* 让第一个框显示出来 */
.tab-box div:first-Child{display:block;} 
/* 改变选项卡选中时候的样式 */
.change{background:rgba(242,5,77,0.8);} 



.video_show_con::-webkit-scrollbar {/*滚动条整体样式*/
    width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.video_show_con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
background-color: #555;

    }
.video_show_con::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        /*border-radius: 10px;*/
        background: #282828;
    }
	
	


/*.video_con_show .video_show_zs{ display: inline-block; width: 100%;height:auto;font-size: 24px; margin:20px 0 30px 0; background-color:#111; padding-bottom:0;}	
.video_con_show .video_show_zs .w1400{ width:100%; max-width:100%;}
.picScroll-left1 .bd_zs ul li {width:186px;}
.picScroll-left1 .bd_zs ul .li_img img{ height:100px;}


.picScroll-left1 .hd_zs {height:60px;}
.picScroll-left1 .hd_zs .prev_zs{top:10px;}
.picScroll-left1 .hd_zs .next_zs {top:10px;}*/
	

	
	
	
	
/*视频优势*/	
.v_ys{ width:100%; height:auto; overflow:hidden; background-color:#e7e7e7;}	
.w980{ width:100%; max-width:100%;}
.ys_tit{ overflow:hidden;padding:50px 0 0 0; text-align:center;}
.ys_tit h3{ font-size:30px;font-weight: 100; color:#555;}
.ys_tit p{ font-size: 16px; padding-top: 11px; color:#666;}
.ys_tit dd{ margin:40px 0; text-align:center; width:100%;}
.ys_tit dd a{ display:inline-block; width:137px; height:28px; line-height:28px; text-align:center; background-color:#b81816; color:#fff;border-radius:1px;}

.ys_img{ width:100%; text-align:center;}
.ys_img dd{ padding:20px 0 30px 0;}
.ys_img dd img{ max-width:100%; height:auto;}
.ys_img dt img{ max-width:100%; height:auto;}

.ys_list{ overflow:hidden; margin:60px 0 0 0; padding-bottom:50px;}
.ys_list ul{}
.ys_list ul li{ float:left; width:50%; margin:0 0 0 0; text-align:center;}
.list_li{ border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; padding:20px 0 30px 0;}

.ys_list ul li:nth-child(3) .list_li,.ys_list ul li:nth-child(6) .list_li{  border-right:1px solid #d3d2d2;}
.ys_list ul li:nth-child(4) .list_li{border-bottom:1px solid #d3d2d2;}
.ys_list ul li:nth-child(2) .list_li,.ys_list ul li:nth-child(4) .list_li,.ys_list ul li:nth-child(6) .list_li{ border-right:none;}


.list_li img{}
.list_li h5{ font-size:18px; color:#555; padding-bottom:5px;}
.list_li p{ color:#666; font-size:13px;}


/*视频服务*/	
.v_fw{ width:100%; height:auto; overflow:hidden; background-color:#f0f0f0; padding-bottom:60px;}	
.v_list{ overflow:hidden; margin:10px 0 0 0;}
.v_list ul{}
.v_list ul li{ float:left; width:50%; margin:0 0 5% 0;}
.v_list_n{ display:inline-block;}
.v_list_n .n_img{ float:left; width:100%; text-align:center;}
.v_list_n .n_wz{ float:left; width:90%; margin:0 5%; text-align:center;}
.v_list_n .n_wz h5{ font-size:16px; padding-bottom:8px; padding-top:20px; color:#666}
.v_list_n .n_wz p{ color:#8b8b8b; line-height:22px;}

.v_shebei{ width:100%; height:520px; overflow:hidden;background:url(../images/v_shebei.jpg) center no-repeat;  background-size:cover;}
.v_shebei .w980	{ width:94%; margin:0 3%;}
.v_shebei .kong{ width:100%; height:150px; overflow:hidden;}
.v_shebei h3{ color:#eee; font-size:30px; text-align:center;}
.v_shebei dd{ color:#eee;font-size:16px; text-align:center; padding:15px 0 30px 0;}
.v_shebei p{ color:#ddd; width:100%; margin:0; text-align:center; line-height:23px;}








/*  案例详情 */
.case_c_con{ width:100%; margin-top: 0;}
.case_c_con .w1200{ width:94%; margin:0 3%;}
.case_c_desc{ padding:30px 0; width:100%; margin:0;}
.case_c_desc .c_c_d{width:100%;}
.case_c_desc .c_c_tu{ float:left; margin-top:20px; width:100%;}
.case_c_desc .c_c_tu p{ width:100px; height:100px; padding-right:10px;}
.case_c_desc .c_c_tu p img{ max-width:100%; height:auto;}
.case_c_list{ height:200px; margin-bottom:20px;border:none}
.case_c_list .flexslider{ height:200px !important;}
.case_c_list .slides li{height:200px !important;}
.case_c_list .flex-control-nav{ margin-left:0; bottom:10px;}
.case_c_list .slides li img{ border-radius:2px; height:auto; width:100%;}
.case_more{ margin-left:0; left:0; top:0; width:100%;height:100%; padding-top:30px; z-index:667;} 
.case_more .c_m_title{width:100%; margin:0;}
.case_more .c_m_title .c_m_t{ padding:0 5px; margin-left:3%;}
.case_more .c_m_title .c_m_m{ margin:7px 20px 0 0;}
.case_more .c_m_con{ float:left; width:94%; margin:10px 3%;}
.case_more .c_m_con img{ max-width:100%;}
.c_m_links{ height:auto; width:100%; padding-bottom:10px;}
.c_m_links a{ margin:0 5px 20px 5px;}

.case_c_title{ height:auto; overflow:hidden; width:100%;}
.case_c_title h3{height:auto;}

/*  提交需求   */
.f_demand{ background:#fff; overflow:hidden; margin-left:0; position:absolute; display:none; left:0; top:2px; width:100%; height:auto; z-index:50; border-radius:3px;box-shadow: 0 1px 3px #000; padding:10px 0 20px 0;}
.f_demand .c_f_title{ height:60px; line-height:60px; padding:0 35px; border-bottom:1px solid #eee;}
.f_demand .c_f_title .c_f_t{ float:left; height:60px; line-height:60px; font-size:30px; color:#f2054d;}
.f_demand .c_f_title .c_f_m{ float:right; height:60px; line-height:60px; font-size:20px;}

.f_demand .c_f_con{ padding:20px 0; width:94%; margin:0 3%; overflow:hidden;}
.f_demand .c_f_con .c_n{ float:left; width:100%; height:auto; line-height:40px; margin-bottom:15px;}
.f_demand .c_f_con .c_nn02{ margin-top:20px !important; padding-top:20px !important;}
.f_demand .c_f_con .c_nn2{}
.f_demand .c_f_con .c_n span{ float:left; width:20%; height:40px; line-height:40px; color:#333; font-size:15px; text-align:left !important;}
.f_demand .c_f_con .c_n dl{ float:left; width:80%; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block;}
.f_demand .c_f_con .c_n dl input{ float:left; width:100%; background:none; border:none; outline: none; font-size: 15px; color: #464646; height:30px; line-height:30px; margin-top:5px; text-indent:10px;}
.f_demand .c_f_con .c_n dl.c_n_i{ float:left; width:80% !important; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block; margin-bottom:15px;}
.f_demand .c_f_con .c_tser{ float:left; width:100%; height:35px; line-height:35px; border-top:1px solid #eee; font-size:20px; color:#f2054d; margin-top:15px; padding-top:15px;}
.f_demand .c_f_con .c_n dl.c_n_i02{ width:200px !important;}

.f_demand .c_f_con .clearfix{ float:left; width:100%; overflow:hidden;}
.f_demand .c_f_con .clearfix dd{ float:left; width:230px; height:35px; line-height:35px; font-size:13px}
.f_demand .c_f_con .clearfix dd.cl_r_2{ float:left; width:170px; height:35px; line-height:35px;}
.f_demand .c_f_con .clearfix dd.submit{ float:left; width:100%; text-align:center; padding-top:0;}
.f_demand .c_f_con .clearfix dd.submit input{ padding:10px 40px; background:#f2054d; color:#fff; border:none; border-radius:3px; font-size:15px; cursor:pointer; font-weight:bold; outline:none;}
.f_demand .c_f_con .clearfix dd span{ padding-left:5px; font-size:14px; color:#333}
.f_demand_bg{ display:none; position:fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:40; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60);}


/*  新闻列表 */
.news_list{ overflow:hidden; padding:10px 0 50px 0; width:94%; margin:0 3%;}
.news_list .w1200{ overflow:hidden; width:100% !important;}
.news_list li{ float:left; width:100%; height:auto; overflow:hidden; background:#f7f7f7; zoom:1;margin-bottom: 40px;}
.news_list .news_time{ float:left; background:#f2054d; width:100%; padding: 18px 20px 40px 0; display:none;}
.news_list .news_time .type,.news_list .news_time .author,.news_list .news_time .year,.news_list .day{margin-right:20px;}
.news_list .news_cont{ float:right;width: 94%; margin:0 3% 20px 0;}
.ndraw{ width:100%; height:213px;}
.ndraws{ width:100%; background:none;}

/*  分页 */
.pages{ width:100%; line-height:30px; overflow:hidden;  text-align:center; padding:10px 0;}
.pages a{ border:1px solid #ccc; background:#fff; width:auto !important; height:auto !important; line-height:auto !important; padding:5px 10px; margin:0 3px; border-radius:3px;}
.pages a:hover{ background:#f2054d; color:#fff; border:1px solid #f2054d;}
.pages span{ background:#f2054d; border:1px solid #f2054d; width:auto !important; height:auto !important; line-height:auto !important; padding:5px 10px; margin:0 3px; border-radius:3px; color:#fff}
/*  新闻详细 */
.c_headen{ display:none;}
.news_c_title { width:94%; margin:0 3%;text-align:left; padding:40px 0 20px 0;}
.news_c_title .news_c_t_t{ font-size: 24px;  line-height: 30px;}
.news_c_title .news_c_t_c .yinc,.news_c_title .news_c_t_c .yinc02{ display:none;}
.news_c_con{ overflow:hidden; width:94%; margin:0 3%; padding-top:20px}
.news_c_con p{text-indent:0 !important;}
.news_c_con img{ max-width:100%;}
.news_c_con2{ overflow:hidden; font-size:14px; line-height:28px; color:#333; overflow:hidden; padding-bottom:50px;}
.news_c_con2 a{ font-size:14px}
.news_c_con2 img{ max-width:100%;}
.news_c_c_nex{ width:94%; margin:0 3%;padding:10px 0 20px 0;}
.news_c_c_nex .l{ margin-bottom:10px;}
.news_c_c_nex .r{ float:left;}

/* 合作 */
.ho_news{ overflow:hidden;width:94%; margin:0 3%; padding:20px 0 30px 0}
.ho_news .w1200{ width:100%;}
/*.ho_news .kh_img{ overflow:hidden; width:100%; margin:40px auto}
.ho_news .kh_img ul{ text-align:center; margin-left:-0.2%;}
.ho_news .kh_img ul li{ float:left; width:19%; border:1px solid #eee; margin-bottom:0.4%; margin-left:0.5%; overflow:hidden; background-color:#FFF}
.ho_news .kh_img ul li img{ width:100%;filter:grayscale(100%);transition: all .5s ease;}
.ho_news .kh_img ul li:hover{ border:1px solid #f2054d; transition: all .5s ease;}
.ho_news .kh_img ul li:hover img{ filter:grayscale(0%);cursor:pointer; transition: all 0.8s ease;transform:rotatey(360deg);}
*/
.ho_news .ho_n_list{ width:100%; margin-bottom:20px;}
.ho_news .nr20{ margin-left:0;}


/* 新闻详细页面推荐案例 */
.ho_case{ overflow:hidden;width:100%; padding:30px 0; background:#f5f5f5;}
.ho_case .w1200{overflow:hidden; width:94%; margin:0 3%; padding-top:30px;}
.ho_case ul{ margin-left:0; width:100%;}
.ho_case li{width:100%; height:auto;margin:0 0 15px 0}
.ho_case li span{width:100%;}
.ho_case li p{ float:left; width:100%; height:auto;}
.ho_case li p img{ width:100%; height:auto;}



/* 解决方案 */
.sl_banner{background:url(../images/sl_banner.jpg) -280px bottom no-repeat; height:200px; padding-top:80px; background-size: auto 100%;}
.solutions{ overflow:hidden; width:94%; margin:0 3%;}
.solutions .w1200{ width:100% !important;}
.solutions .so_list{ margin-top:3%;}
.solutions .so_list ul li{ width:100%; height:auto; overflow:hidden; padding-bottom:0;}
.solutions .so_list .so_list_img{ width:100%;height:auto; margin:0;}
.solutions .so_list .so_list_img img{ width:100%; height:auto;}
.solutions .so_list .so_list_wz{ width:100%; box-shadow:none; padding:20px 0 10px 0; height:auto;}
.solutions .so_list li:hover .so_list_wz{ box-shadow: 0px 1px 20px #666; }
.solutions .so_list .so_list_wz h5{ font-size:24px;}
.solutions .so_list .so_list_wz p{ overflow:hidden; height:auto; font-size:14px;line-height:24px; margin-bottom:20px; text-align:justify;}
.solutions .so_list .so_list_wz dd{position:relative;bottom:0;}
.solutions .so_list .so_list_wz dd a{ font-size:16px;height:40px;line-height:40px;padding:0 20px;margin-right:20px;}
.solutions .so_list .so_list_wz dd a.curr{margin-bottom:20px;}


/*  解决方案详情 */
.solutions_con{ overflow:hidden; width:100%; padding:20px 0 40px 0}
.solutions_con .w1200{ width:100%;}
.solutions_con .sou_left{ float:left; width:94%; margin:0 3%;}
.solutions_con .sou_left .sou_leftcon img{ max-width:100%;}
.solutions_con .sou_right{ width:100%; padding:20px 0 30px 0; margin-top:30px;}
.solutions_con .sou_scrollbar{ height:520px;}



/*  服务   */
.f_service_con{ width:100%; height:200px; padding-top:10px;}
.f_service_con .h_fumin{ width:100%; height:auto;}
.f_service_con .h_fumin_lei{ width:46%; margin:0 2%; height:auto; margin-top:20px; height:auto !important; }
.f_service_con .h_fumin_lei_tu{ width:20%; height:60px;}
.f_service_con .h_fumin_lei_tu img{ width:100%;}
.f_service_con .h_fumin_lei p{font-size:16px; padding:5px 0 8px 0; width:100%;}
.f_service_con .h_fumin_lei span{font-size:12px; width:100%; display:block; line-height:20px;}


/*  联系我们 */
.contact_l{ overflow:hidden; background:url(../images/contact_bg.jpg) left top no-repeat #CCC; height:auto; padding:0; width:100%;}
.contact_l .w1200{ width:94%; margin:0 3%;}
.contact_l .contact_feek{ float:left; width:100%; height:auto; margin-top:0; padding:20px 0}
.contact_l .contact_feek li{ float:left; width:100%; line-height:30px; color:#fff;}
.contact_l .contact_feek .c_f_t1{ color:#f2054d; font-size:20px;}
.contact_l .contact_feek .c_f_t2{ color:#fff; font-size:14px;}
.contact_l .contact_feek .c_f_t3{ margin:8px 0 0 0}
.contact_l .contact_feek .c_f_t3 .yzm{ width:100px; height:35px}
.contact_l .contact_feek .c_f_t3 input{ float:left; width:99%; height:30px; line-height:30px; border:1px solid #ddd; background:none; color:#ccc; text-indent:10px; outline:none;}
.contact_l .contact_feek .c_f_t4 input{ float:left; width:99%; height:30px; line-height:30px; border:1px solid #ddd; background:none; color:#ccc; text-indent:10px; outline:none;}
.contact_l .contact_feek .c_f_t3 .c_f_i2{ margin:8px 0 0 0;}
.contact_l .contact_feek .c_f_t4 textarea{ float:left; width:99%; height:60px; background:none; border:1px solid #ddd; outline:none; text-indent:10px; color:#fff; padding:10px 0; margin-top:8px;}
.contact_l .contact_feek .c_f_t5 input{ float:left; width:100%; height:30px; line-height:30px; margin-top:0px; background:#f2054d; border:none; font-size:16px; color:#fff; outline:none; cursor:pointer;}


.contact_l .contact_feek  li:nth-child(5) .c_f_i2{ display:none;}
.contact_con{ overflow:hidden; padding:30px 0 0 0; width:100%;}
.contact_con002{margin-top:0;}
.contact_con .w1200{ width:94%; margin:0 3%;}
.co_co_list{ float:left; width:100%; height:auto}
.co_co_list02{ margin-left:0; margin-bottom:20px;}
.co_co_list .co_co_tit{ height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.co_co_list .co_co_tit span{ float:left; height:40px; line-height:40px; border-bottom:1px solid #f2054d; padding:0 5px; font-size:18px; color:#f2054d}
.co_co_list .co_co_con{ line-height:24px; color:#333; padding:10px 0; font-size:14px;}
.co_co_list .co_co_con p{ line-height:25px;}
.co_co_list .co_co_con .c_qq{ float:left; height:40px; line-height:40px; background:url(../images/qq.png) no-repeat 15px 6px #fff; background-size:20px 22px; padding-left:40px; padding-right:10px; border:1px solid #eee; border-radius:3px; margin:0 10px 10px 0;}
.co_co_list .co_co_con .c_qq a{}
.co_co_list .co_co_con .c_tel{ float:left; width:580px; padding:10px 0; margin-bottom:10px;}
.co_co_list .co_co_con .c_tel dt{ float:left; width:80px; height:45px;}
.co_co_list .co_co_con .c_tel dt img{}
.co_co_list .co_co_con .c_tel dd{ float:left; width:500px;}
.co_co_list .co_co_con .c_tel dd span{ float:left; width:500px;}
.co_co_list .co_co_con .c_tel dd .t a{ font-size:30px; font-weight:bold;}
.co_co_list .co_co_con table{ width:100% !important;}


.co_co_con table tr{ float:left; width:100% !important; text-align:center !important;}
.co_co_con table tr td{ width:100% !important; text-align:center !important;}
.co_co_con table tr.yinc{ display:none;}
.co_co_list .co_co_con table img{ max-width:100%; margin:0;}


/* 网站地图 */
.webmap{ width:100%; overflow:hidden;padding: 20px 0 }
.webmap .w1200{ width:94%; margin: 0 3%;}
.webmap .map_wz dl{ margin-left:-1%;}
.webmap .map_wz dl dd{ float:left; width:49%; margin:0 0 1% 1%;}



/* 提交需求 */
.mydiv { position:fixed; height:100%; background:#fff; overflow-y:auto; top:0; right:0; padding:0; width:100%; z-index:9999999999}
.mydiv .mydiv_clk{ position:absolute; color:#0497e0; right:20px; top:20px; color:#fff; padding:10px 15px; font-size:14px; background:#555;}
.mydiv .mydiv_clk:hover{ background:#f2054d}
.mydiv_list{ background:#fff; overflow:hidden; width:94%; margin:0 3%;height:auto; padding-bottom:50px; margin-top:80px; text-align:left}
.mydiv_list .c_f_title{ height:60px; line-height:60px; width:510px; border-bottom:1px solid #eee;}
.mydiv_list .c_f_title .c_f_t{ float:left; height:60px; line-height:60px; font-size:30px; color:#f2054d;}
.mydiv_list .c_f_title .c_f_m{ float:right; height:60px; line-height:60px; font-size:20px;}
.mydiv_list .c_f_con{ padding:20px 0;}
.mydiv_list .c_f_con .c_n{ float:left; width:100%; height:40px; line-height:40px; margin-bottom:15px;}
.mydiv_list .c_f_con .c_n span{ float:left; width:20%; height:40px; line-height:40px; color:#333; font-size:15px;}
.mydiv_list .c_f_con .c_n dl{ float:left; width:75%; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block;}
.mydiv_list .c_f_con .c_n dl.c_n_i{ float:left; width:175px; height:40px; background: #f7f7f7; box-shadow: 1px 1px 3px #bdbcbc inset; display: block;}
.mydiv_list .c_f_con .c_n dl input{ float:left; width:100%; background:none; border:none; outline: none; font-size: 15px; color: #464646; height:30px; line-height:30px; margin-top:5px; text-indent:10px;}
.mydiv_list .c_f_con .c_tser{ float:left; width:100%; height:35px; line-height:35px; border-top:1px solid #eee; font-size:20px; color:#f2054d; margin-top:15px;}
.mydiv_list .c_f_con .clearfix{ float:left; width:100%;}
.mydiv_list .c_f_con .clearfix dd{ float:left; width:230px; height:35px; line-height:35px; font-size:13px}
.mydiv_list .c_f_con .clearfix dd.cl_r_2{ float:left; width:170px; height:35px; line-height:35px;}
.mydiv_list .c_f_con .clearfix dd.submit{ float:left; width:100%; text-align:center; padding-top:20px;}
.mydiv_list .c_f_con .clearfix dd.submit input{ padding:10px 40px; background:#f2054d; color:#fff; border:none; border-radius:2px; font-size:15px; cursor:pointer; font-weight:bold; outline:none;}
.mydiv_list .c_f_con .clearfix dd span{ padding-left:5px; font-size:14px; color:#333}
.clearfix2 dd{ width:165px !important;}
.bg,.popIframe {display:none;width: 100%;height: 100%;left:0;top:0;z-index:10;position:fixed; background:rgba(0,0,0,0.5); filter:alpha(opacity=50);}
.mydiv_list .c_f_con .c_n dl.yzmm{ width:58% !important;}
.mydiv_list .c_f_con .xmm { height:auto !important;}
.mydiv_list .c_f_con .xmm span{ width:20% !important;}
.mydiv_list .c_f_con .xmm dl.c_n_i{ width:75% !important;}

.mydiv_list .c_f_con .xmm .xmm_01{ width:100%; overflow:hidden; display:block; margin-bottom:15px;}
.mydiv_list .c_f_con .xmm .xmm_01 span{ text-align:left !important;}


/*  seo   */
.seobanner{ height:240px; margin-top:0; overflow:hidden;}
.seobanner_min{ height:auto}
.seobanner_min_box{ height:auto; overflow:hidden; width:96%; padding:0 2%;}
.seobanner_min_lei{ width:33%;}
.seobanner_min_lei p{ font-size:35px;}
.seobanner_min_lei span{ font-size:14px;}
.seobanner_min_di{ width:96%; padding:0 2%; margin-left:0; margin-top:0; font-size:16px; line-height:40px;}

.seo_fenxi{ width:96%; padding:0 2% 25px 2%;}
.seo_fenxi .w1200{ width:100%}

.seo_jiage{ width:96%; padding:0 2% 25px 2%;}
.seo_jiage .w1200{ width:100%}
.index_system_listbox{ width:100%}

.seo_youshi{ width:96%; padding:0 2% 25px 2%;}
.seo_youshi .w1200{ width:100%}
.seo_youshi li{ width:49.5%; height:230px;}
.sc-title{ font-size:28px;}
.index_system_pricebox{ padding:0}
.system_price_functionbox ul li{ padding-left:10%; width:40%}

/*  app   */
.mobile-app-title{ padding:0 5%}
.app_title2{ font-size:14px}
.mobile-app-1{ height:auto; padding:0 5%; margin-top:0}
.mobile-app-1 .right-cont{ width:100%}
.mobile-app-1 .right-cont h1{ font-size:35px; margin-top:40px}
.mobile-app-1 .right-cont h3{ font-size:26px}
.mobile-app-1 .right-cont p{ width:90%}
.appkaifa-move-2{ margin-top:0; padding:30px 0 50px}
.appkaifa-move-2 ul.clearfix{ width:100%}
.appkaifa-move-2 ul.clearfix li{ width:50%}
.appkaifa-move-1{ overflow:hidden; width:100%; height:auto}
.appkaifa-move-1 .whyus_list{margin: 20px auto 0; width:100% !important; float:left; padding-top:0}
.appkaifa-move-1 .whyus_list li{ float:left; width:46% !important; overflow:hidden; padding:0 2%;}
.appkaifa-move-1 .whyus_list li .postr{ width:96%; padding:0 2% 10px 2%;}
.appkaifa-move-3 .clearfix{ width:100%}
.appkaifa-move-3 .clearfix li{ width:25%; margin:2%; padding:2%}
.Development_case_column_2{ width:100%}
.Development_case_column_2 .index-item01 .item01list-con{ padding:0 2%; width:96%}
.Development_case_column_2 .index-item01 .item01list-con .list{ width:50%; padding:0; margin-top:5px}
.Development_case_column_2 .index-item01 .item01list-con .list .tit{ padding:0 2%}
.appkaifa-move-4{ height:auto; overflow:hidden; padding-bottom:20px;}
.appkaifa-move-4 ul{ width:100%; display:block}
.appkaifa-move-4 ul li{ width:50%; width:46%; padding:0 2%; float:left}



.ho_news .kh_img{ width: 96%; padding: 0 2%;}
.ho_news .kh_img ul li{ width: 32%}








/*  底部   */
.footerbar{width: 100%;height: auto; overflow:hidden;}
.footerbar .footer-t{width: 100%;height: auto;background: #262626;}
.footerbar .footer-t .f-box{width: 100%;height: auto;margin: 0 auto;padding:30px 0;}
.footerbar .footer-t .f-box .f-1{width: 90%;height: auto;float:left;margin:0 5%;}
.footerbar .footer-t .f-box .f-1 .f-t{width: auto;height: auto;padding-top:5px;padding-left: 48px;padding-bottom: 15px;border-bottom:1px solid #3c3c3c;background: url(../images/icon-lc.png) no-repeat scroll 4px 12px;}
.footerbar .footer-t .f-box .f-1 .f-t h2{font-size: 18px;color:#e5e5e5;line-height: 24px;}
.footerbar .footer-t .f-box .f-1 .f-t span{font-size: 14px;color:#e5e5e5;line-height: 24px;display: block;}

.footerbar .footer-t .f-box .f-1 .f-t span:after{ padding-left:5px; content:"（以下电话点击拨打↓）"; color:#f2054d; }


.footerbar .footer-t .f-box .f-1 .f-b{width: auto;height: auto;padding-top: 20px; width:100%; text-align:center;}
.footerbar .footer-t .f-box .f-1 .f-b h1 { padding-bottom:10px;}
.footerbar .footer-t .f-box .f-1 .f-b h1 a{font-size: 24px;color:#fff;line-height: 28px;font-weight: bold;margin-bottom: 10px;}
.footerbar .footer-t .f-box .f-1 .f-b h1:nth-child(1) a:before{ content:"大客户专线："; font-size:22px; color:#f2054d}
.footerbar .footer-t .f-box .f-1 .f-b h1:nth-child(2) a:before{ content:"服务热线："; font-size:22px; color:#f2054d}
.footerbar .footer-t .f-box .f-1 .f-b p{font-size: 14px;color:#b2b2b2;line-height: 28px;}

.footerbar .footer-t .f-box .f-2{display:none;}

.footerbar .footer-t .f-box .f-3{width: 90%;height: auto;float:left;margin:0px 5% 0 5%;}
.footerbar .footer-t .f-box .f-3 .f-t{ display:none;width: auto;height: auto;padding-top:5px;padding-left: 48px;padding-bottom: 15px;border-bottom:1px solid #3c3c3c;background: url(../images/icon-wx.png) no-repeat scroll 4px 12px;}
.footerbar .footer-t .f-box .f-3 .f-t h2{font-size: 18px;color:#e5e5e5;line-height: 24px;}
.footerbar .footer-t .f-box .f-3 .f-t span{font-size: 14px;color:#e5e5e5;line-height: 24px;display: block;}
.footerbar .footer-t .f-box .f-3 .f-b{padding-top: 20px;}
.footerbar .footer-t .f-box .f-3 .f-b ul { text-align:center;}
.footerbar .footer-t .f-box .f-3 .f-b ul li{width: 110px;height: auto;margin-right: 20px;float:left; width:100%; text-align:center;}
.footerbar .footer-t .f-box .f-3 .f-b ul li img{width: 110px;display: block;margin-bottom: 5px; display:inline-block;}
.footerbar .footer-t .f-box .f-3 .f-b ul li p{font-size: 13px;color:#b2b2b2;line-height: 28px;text-align: center;}
.footerbar .footer-t .f-box .f-3 .f-b ul li:nth-child(2){ display:none;}

.footerbar .footer-about{ text-align:justify; background:#262626; overflow:hidden; padding:0 0 30px 0; font-size:12px; color:#666; line-height:26px; text-indent:2em; border-top:none; display:none;}
.footerbar .footer-about .w1200{ width:94%; margin:0 3%; border-top:1px solid #333; padding:30px 0 0 0;}
.footerbar .footer-about a{ color:#666; font-size:12px;}
.footerbar .footer-about a:hover{ color:#888}
.footerbar .footer-b{display:none;}

.footerbar .sj_footer{width: 100%;height: auto;background: #1a1a1a; display:block; padding:10px 0;}
.footerbar .sj_footer .f-box{width: 94%;height: auto;margin: 0 3%;overflow: hidden;}
.footerbar .sj_footer .f-box ul{float:left;padding: 15px 0;margin-left: 0;}
.footerbar .sj_footer .f-box ul li{float:left; text-align:center; width:33.3%; margin-bottom:0;}
.footerbar .sj_footer .f-box ul li a{font-size: 13px;color:#999;line-height: 36px;display: block;padding: 0 15px; border:1px solid #666;}

.footerbar .sj_footer .f-box p.copy{font-size: 13px;color:#999;line-height: 24px;float:left; display:block; width:100%; text-align:center;}
.footerbar .sj_footer .f-box p.copy a{ color:#999}
.footerbar .sj_footer .f-box p.copy img { vertical-align: middle; }


.footerbar .sj_footer .f-box ul li:nth-child(2) a,.footerbar .sj_footer .f-box ul li:nth-child(5) a{ border-left:none;border-right:none;}
.footerbar .sj_footer .f-box ul li:nth-child(1) a,.footerbar .sj_footer .f-box ul li:nth-child(2) a,.footerbar .sj_footer .f-box ul li:nth-child(3) a{ border-bottom:none;}



.banner_pc{ display:none;}

.banner_phone{ display:block;}








	
}



@media (min-width:375px) and (max-width:410px){
	
	
.banner_js .bjs_icon1{ background:url(../images/bjs_icon1_2.png) 120px 15px no-repeat; background-size:30px 30px;}
.banner_js .bjs_icon2{ background:url(../images/bjs_icon2_2.png) 25px 15px no-repeat; background-size:30px 30px;}
.banner_js .bjs_icon3{ background:url(../images/bjs_icon3_2.png) 25px 15px no-repeat; background-size:30px 30px;}
.banner_js .bjs_icon4{ background:url(../images/bjs_icon4_2.png) 25px 15px no-repeat; background-size:30px 30px;}
.banner_js .bjs_icon5{ background:url(../images/bjs_icon5_2.png) 25px 15px no-repeat; background-size:30px 30px;}

/**微信**/ 
.wechat_banner ul{ width:200px;}
.banner_showmobile ul li{left:-10px;}
.weixin .contentinfo .list li p{font-size:12px;}



/* 解决方案 */
.sl_banner{background:url(../images/sl_banner.jpg) -300px bottom no-repeat; height:200px; padding-top:80px; background-size: auto 100%;}
.solutions{ overflow:hidden; width:94%; margin:0 3%;}
.solutions .w1200{ width:100% !important;}
.solutions .so_list .so_list_wz h5{ font-size:22px;}
.solutions .so_list .so_list_wz p{font-size:14px;}
.solutions .so_list .so_list_wz dd a{ font-size:14px;margin-right:10px; border:1px solid #f2f2f2;}
.solutions .so_list .so_list_wz dd a.curr{ font-size:14px;}



/*  服务   */
.f_service_con{ width:100%; height:220px; padding-top:10px;}


.i_contact{ width:100%;height: 580px;overflow: hidden; background: url(../images/i_contact.jpg) no-repeat center top;}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; letter-spacing:2px;}
.i_contact_ul{max-width:300px;width:94%; margin:0 3%;  overflow:hidden; margin-top:20px;}

.ym_websiteFont h2{ font-size:32px;}
.ym_websiteFont h3{ font-size:20px;}
.ho_service .h_title .h_title_2{ font-size:12px;}



.picScroll-left1 .hd_zs {height:60px;}
.picScroll-left1 .hd_zs .prev_zs{top:0;}
.picScroll-left1 .hd_zs .next_zs {top:0;}
.picScroll-left1 .bd_zs ul li {width:167px;}
.picScroll-left1 .bd_zs ul .li_img img{ height:100px;}

	
	}
@media (max-width:360px) {
	
.banner_js .bjs_icon1{ background:url(../images/bjs_icon1_2.png) 115px 18px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon2{ background:url(../images/bjs_icon2_2.png) 25px 15px no-repeat; background-size:25px 30px;}
.banner_js .bjs_icon3{ background:url(../images/bjs_icon3_2.png) 25px 15px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon4{ background:url(../images/bjs_icon4_2.png) 25px 15px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon5{ background:url(../images/bjs_icon5_2.png) 25px 15px no-repeat; background-size:25px 25px;}
	
.ho_service .h_title .h_title_2{ font-size:12px;}
.banner_showmobile ul li{ left:-30px;}
.weixin .contentinfo .list li p{ font-size:12px;}
.case_title_bg h2{ width:340px; margin-left:-170px;}
.solutions .so_list .so_list_wz dd a.curr,.solutions .so_list .so_list_wz dd a{ font-size:12px;}

	
	}



@media (max-width:340px) {
	
.h_title .h_title_1{ height:46px; line-height:46px;}
.h_title .h_title_1 i{ height:46px; line-height:46px; font-size:22px;}
.ym_websiteFont h2{ font-size:25px;}
.ym_websiteFont h3{ font-size:18px;}
	
	
	
	
.web_list_banner{background: url(../images/web_list_banner.jpg) no-repeat -50px;background-size: auto 100%;}	
.ym_websiteBox5_main li{ width:290px;}	
.ym_websiteBox5_main li div{ width:235px;}
.ym_websiteBox7 li.w1,.ym_websiteBox7 li.w2,.ym_websiteBox7 li.w3{ background-size:auto 60%;}
.ym_websiteBox7 li h3,.ym_websiteBox7 li p{ padding:0 10px 0 120px;}



.banner_js .bjs_icon1{ background:url(../images/bjs_icon1_2.png) 100px 18px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon2{ background:url(../images/bjs_icon2_2.png) 20px 15px no-repeat; background-size:25px 30px;}
.banner_js .bjs_icon3{ background:url(../images/bjs_icon3_2.png) 20px 15px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon4{ background:url(../images/bjs_icon4_2.png) 20px 15px no-repeat; background-size:25px 25px;}
.banner_js .bjs_icon5{ background:url(../images/bjs_icon5_2.png) 20px 15px no-repeat; background-size:25px 25px;}

/*  服务   */
.f_service_con{ width:100%; height:220px; padding-top:10px;}
.f_service_con .h_fumin_lei_tu{ width:20%; height:60px;}
.f_service_con .h_fumin_lei p{font-size:16px; padding:2px 0 8px 0; width:100%;}

/**微信**/
.wechat_banner{ height:260px;} 
.wechat_banner ul{width:190px;margin:45px 10px 0 0;}
.wechat_banner ul h3{  padding-bottom:10px;}
.wechat_banner ul dd{font-size:14px; padding-bottom:5px;}
.banner_showmobile ul li{left:-20px; top:-215px;}
.banner_showmobile ul li img{ height:180px; }
.weixin h3{ font-size:24px;}
.weixin .contentinfo .list li p{font-size:12px;}
.weixin .contentinfo .list li img{ height:80px; width:80px;}
.wechat_banner_item {height: 460px;}
.wechat_banner_item .posr dl { top: 30px; }
.wechat_banner_item .posr dl dt {font-size: 22px;}
.wechat_banner_item .posr dl dd {font-size: 14px;line-height: 24px; text-align:justify;}
.wechat_banner_item .posr .wechat_img {right: 50px;}
.wechat_banner_item .posr .wechat_img img{ width:200px;}


/* 案例 */
.case_title_bg{ height:220px;  background-size:auto 70%; }
.case_title_bg h2{width:300px; margin-left:-150px;font-size:20px; }
.thumbnail .meta h3{line-height:40px;}
.thumbnail .meta h3 a{font-size:14px;}



/* 案例详情 */
.case_c_title{ padding:15px 0;}
.case_c_title h3{ font-size:36px;}
.case_c_desc{ padding:15px 0 30px 0;}
.case_c_desc .c_c_tu p{ width:80px; height:80px; padding-right:10px;}
.case_c_list .flex-control-nav{ display:none;}
.case_c_list{ height:160px; }
.case_c_list .flexslider{ height:160px !important;}
.case_c_list .slides li{height:160px !important;}


/* 解决方案 */
.sl_banner{background:url(../images/sl_banner.jpg) -280px bottom no-repeat; height:180px; padding-top:80px; background-size: auto 100%;}
.solutions{ overflow:hidden; width:94%; margin:0 3%;}
.solutions .so_list .so_list_wz h5{ font-size:20px;}
.solutions .so_list .so_list_wz p{font-size:12px; padding-top:10px;}
.solutions .so_list .so_list_wz dd a{ font-size:12px;margin-right:10px; border:1px solid #f2f2f2;}
.solutions .so_list .so_list_wz dd a.curr{ font-size:12px;}



.mydiv_list .c_f_con .c_n dl.yzmm{width: 49% !important;}




.f_demand .c_f_con .c_n dl.c_n_i02{ width:140px !important;}
.webmap .map_wz dl dd a{ min-width:142px !important;}


/* 新闻 */
.index_news_con ul li dl dt em{font-size:40px;}



.i_contact{ width:100%;height: 580px;overflow: hidden; background: url(../images/i_contact.jpg) no-repeat center top;}
.i_contact_t{ margin-top:20px; height:52px; line-height:52px; font-size:30px; color:#fff; letter-spacing:2px;}
.i_contact_ul{max-width:270px;width:96%; margin:0 2%;  overflow:hidden; margin-top:20px;}
.i_contact_ul ul li:first-child{ line-height:30px; font-size:18px;}
.i_contact_ul ul li:nth-child(3) img{ margin-top:25px;}

.h_pro_lei_02{ width:100%;}
.h_pro_lei_sj .h_pro_lei_02z span{ font-size:18px;}
.h_pro_lei_sj .h_pro_lei_02z p{ width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.h_yshi .h_title .h_title_2{ font-size:12px; line-height:22px;}
.index_youshi_con dl dd .dd_box p{ font-size:12px; line-height:22px;}
.index_youshi_con dl dd .dd_box{ font-size:20px; margin-left:17px;}
.index_youshi_con dl:nth-child(4) { height:280px;}
.index_youshi_con dl:nth-child(4) dt{ height:280px;}
.index_youshi_con dl:nth-child(4) dd{ height:280px;}
.index_youshi_con dl:nth-child(4) dd .dd_box p{ padding-bottom:10px;}

.co_co_list .co_co_con .c_tel dd .t a{ font-size:24px;}


.footerbar .footer-t .f-box .f-1 .f-b h1:nth-child(1) a:before{ content:"大客户专线："; font-size:16px; color:#f2054d}
.footerbar .footer-t .f-box .f-1 .f-b h1:nth-child(2) a:before{ content:"服务热线："; font-size:16px; color:#f2054d}

.footerbar .footer-t .f-box .f-1 .f-b h1 a{ font-size:18px;}
.index_news_con ul li dl dd b{ font-size:16px;}
.index_news_con ul li dl dd p{ margin-top:8px;}
.h_pro_lei_sj{ margin:30px 0 0 0;}
.sjj_nav ul .gg_con{ line-height:30px;}
.sjj_nav ul .gg_con p a{ font-size:18px;}
.sjj_nav ul .gg_con .gg_wz{ font-size:15px;}

.picScroll-left1 .hd_zs {height:60px;}
.picScroll-left1 .hd_zs .prev_zs{top:0;}
.picScroll-left1 .hd_zs .next_zs {top:0;}
.picScroll-left1 .bd_zs ul li {width:140px;}
.picScroll-left1 .bd_zs ul .li_img img{ height:80px;}


	
}

/* ---深圳市源美网络科技有限公司-http://www.szymweb.com---*/