@charset "utf-8";
/* CSS Document */
:root{    
	--main_color:#035CAC;        /* 主色 */
	--main_color_rgb:3,92,172;  /*rgba*/
	--main_color_dark:#0d73c4;   /* 主色-深 */    
	--main_color_tint:#afdcf8;   /* 主色-浅 */
    --main_color_other:#091b27;  /* 主色-其他 */
    --second_color:#ff4444;      /* 副色 */       
    --bg_gray:#f3f3f3;           /* 灰色背景 */
    --module_gap_xl:1rem;  		 /* 模块间隔-超级 */
    --module_gap_x:.75rem;   	 /* 模块间隔-大 */
    --module_gap_m:.5rem;   	 /* 模块间隔-中 */
    --module_gap_s:.25rem;   	 /* 模块间隔-小 */  
}
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0;}
html{ overflow-x:hidden; }
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; font-size:14px; background:#f4f4f4;}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none; color:#333;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.top_blank{height:75px;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank80{height:80px;}


.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content:center;}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}



#header {position: fixed;height:75px;background: #fff;z-index: 1000; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.1); box-sizing:border-box; padding:20px 10px 20px 10px;}
#header .logo img{height:26px; display:block; margin-top:5px;}

/*导航*/
.menu-opener {
	position: absolute;top: 50%;
    -ms-transform: translateY(-50%) translateX(20%);
    transform: translateY(-50%) translateX(20%);
    right: 1rem;
    cursor: pointer;
}
.menu-opener .menu-label {
    color: #009944;
    font-size: 1rem;
    display: inline-block;
    line-height: 30px;
    margin-right: 0.5em;
    font-family: sans-serif;vertical-align:top;
}
.menu-opener .menu-icon {
    height: 30px;
    width: 30px;
    border: 1px dotted #000;
    border-radius: 15px;
    display: inline-block;
    margin-right: 1em;
}
.menu-opener .menu-icon i {
    display: block;
    width: 11px;
    height: 2px;
    top: 13px;
    left: 9px;
    background-color: #000;
    position: relative;
    transition: all .2s ease-in-out;
}
.menu-opener .menu-icon i:after, .menu-opener .menu-icon i:before {
    display: block;
    width: 5px;
    height: 2px;
    background-color: #000;
    content: '';
    left: 3px;
    position: absolute;
}
.menu-opener .menu-icon i:before {
    top: -3px;
    transition: all 0.3s;
}
.menu-opener .menu-icon i:after {
    top: 3px;
    transition: all 0.3s;
    transition-delay: 0.05s;
}

/*弹出导航*/
#container {position: fixed;width: 100%;height: 100%; top: 0;left: 0;display: none; z-index: 100000;}
#container .header {position: fixed;left: 0; top: 0; width: 100%;height:75px;z-index: 10;padding: 15px 1em; box-sizing:border-box;transition: background-color .2s ease-in-out;}
#container .header nav {position: fixed;left: 0;top: 0;width: 100%;height: 100%; background-color:#009944;}

#container .menu-opener .menu-label {color: #fff;}
#container .menu-opener .menu-icon {border: #fff 1px solid;}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before {background: #fff;}
.menu-opener.opened .menu-icon {transition: transform 0.3s}
.menu-opener.opened .menu-icon i {
	top: 13px;
	left: 9px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.menu-opener.opened .menu-icon i:before {opacity: 0}
.menu-opener.opened .menu-icon i:after {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 11px;
	top: 0px;
	left: 0px
}
.menu-opener.opened .menu-icon:hover {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.menu-opener.opened .menu-icon:hover i {
	left: 8px
}
/*导航*/
.primary-menu {position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%;}
.primary-menu li {text-align: center; line-height:46px;}
.primary-menu a {display: block;color: #fff;font-size:16px;}
/*电话*/
#container .tel{ position: absolute; left: 50%; bottom: 3rem;-ms-transform: translateX(-50%); transform: translateX(-50%);}
#container .tel a {color: #fff; text-transform: uppercase; font-size: 18px;}
#container .tel a img { margin: 2px 5px 0 0;}



/*焦点图*/
#banner h1{ display:none;}
#banner .swiper-slide{text-align:center; overflow:hidden; position:relative; background:#000;}
#banner .swiper-slide img{min-width:100%; height:200px; display:block;}

/*文本*/
#banner .txt {position: absolute;left: 0;top: 50%;  width:100%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
#banner .txt p {font-size:22px;color: #fff;}
#banner .txt span {font-size: 15px; color: rgba(255,255,255,0.9);text-transform: uppercase;display: block; margin-top:15px;}


/*分页器*/
#banner .swiper-pagination{text-align:center;}
#banner .swiper-pagination-bullet{width:25px;height: 2px; display: inline-block; border-radius:0; background: rgba(255,255,255,0.3);  opacity:1; margin-right:10px;}
#banner .swiper-pagination-bullet-active{  background: rgba(255,255,255,0.8);}
#banner .swiper-pagination{bottom:10px;}
	

/*标题*/
.title {text-align:center; margin:35px 0 20px 0;}
.title h2 { font-size:16px;color: #009944; font-weight: bold; margin-bottom:10px;}
.title h4 {font-size: 12px;color: #666;}

.page_box{padding:0 10px;}

/*服务列表*/
.service_list{ }
.service_list li{ text-align:center; background:#fff; width:48.5%; float:left; border-radius:5px; overflow:hidden;}
.service_list li:nth-child(2n){ float:right;}
.service_list .s_list1 .pic{ padding:0px 0 15px 0;}
.service_list .s_list1 .pic img{ width:100%;}
.service_list .s_list2 .pic{ padding:15px 0 15px 0;}
.service_list .s_list2 .pic img{ height:56px;}
.service_list .s_list2 li{margin-bottom:10px;}
.service_list li .txt{ padding-bottom:20px;}
.service_list li .txt h3{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.service_list li .txt p{ font-size:12px; color:#888; line-height:18px; padding:0 10px;}


/*服务列表  配套服务*/
.title_ny{margin:25px 0 10px 0;}
.title_ny h5{ display:inline-block;font-size:16px; color:#009944; font-weight:bold;}
.title_ny h5 small{ margin-left:5px;}
.title_ny h5 small img{height:28px;  vertical-align:bottom;}
.title_ny h6{ display:inline-block; margin:0px 0 0 8px; font-weight:normal; font-size:12px; color:#8c8d8e;}

#s_list { width: 100%; margin-top:10px; padding-bottom:40px;}
#s_list .swiper-slide {text-align: center; background: #fff; border-radius:5px;}
#s_list .swiper-slide .pic{ padding:25px 0 20px 0;}
#s_list .swiper-slide .pic img{ height:46px;}
#s_list .swiper-slide .txt{ padding-bottom:25px;}
#s_list .swiper-slide .txt h3{ font-size:14px; font-weight:bold; margin-bottom:10px; color:#009944}
#s_list .swiper-slide .txt p{ font-size:12px; color:#888; line-height:20px;}

#s_list .swiper-pagination-bullet{ background:#666;}
#s_list .swiper-pagination-bullet-active{  background:#009944;}



.site_list{ padding:.5rem 0;}
.site_list .tit{ font-size:13px; margin-bottom:10px;}
.site_list ul { margin-bottom:25px;}
.site_list ul a{ display:inline-block; margin-right:10px; line-height:2; font-size:12px;}



/*案例展示*/
.web_list{}
.web_list ul{}
.web_list li{width:48.5%;float:left; margin-bottom:15px; background:#fff;}
.web_list li:nth-child(2n){float:right;}

.web_list li .img_box{width:100%; display:block; position:relative; overflow:hidden;}
.web_list li .img_box img{width:100%; display:block;transition: 0.5s all;}

.web_list li .cont_box{width:100%;padding: 12px 5% 8px;border: 0px solid #f2f2f2; border-top:0; box-sizing:border-box;}
.web_list li .cont_box .stit{ font-size:15px; line-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web_list li .cont_box .lab_font{ line-height:28px; font-size:12px; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*常见问题*/
.faqbg {background: #fff;  border-radius:5px; padding:10px 15px 15px 15px;}
.faqbg .faq_title{line-height:46px;background: #f7f7f8;margin-top: 10px;font-size:14px;padding: 0 10px;position: relative;}
.faqbg .faq_cont{display: none;}
.faqbg .faq_title span{width: 46px;height: 46px;display: inline-block;position: absolute;right: .4rem;top: 0;background: url(../images/jia.png)center no-repeat;}
.faqbg .faq_cont{background: #E8F4FF;font-size: 13px;line-height: 22px;padding: 10px 10px;text-align: justify;color:#666666;border:0px solid #035CAC;}
.faqbg .current{background: #035CAC; color: #fff;}
.faqbg .current span{background: url(../images/jian.png) center no-repeat;}

.faq_hide{overflow:hidden; position:relative; width:100%;}
.faq_show{overflow:visible; position:relative; width:100%; /*height:auto !important; */}

.showa{background:#fff; width:100%; padding:5px 0 20px 0; text-align:center; border-radius:0 0 5px 5px;}
.showa a{ width:60%; line-height:32px; display:inline-block; border:solid 1px #ddd; border-radius:32px; color:#666;}

/* 表单样式 */
.index_form_box{width:96%; margin:auto;}
.index_form_box div{margin-top:10px;}
.index_form_box input[type=text]{width: 100%; line-height: 42px;border-radius: 4px;border:0px solid #ddd;font-size: 13px;padding-left: 2%; box-sizing:border-box;}
input:focus{border:1px solid #ccc;}
textarea:focus{border:1px solid #ccc;}
.textarea textarea{width: 100%;height: 90px;font-size: 12px;border-radius: 5px;border:0px solid #ddd;padding-left: 2%;padding-top: 5px; box-sizing:border-box;}

.index_form_box select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}


#formyzm{margin-top:10px;}
#formyzm input{ width:160px;line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}
#formyzm img{width:80px; padding:10px 10px;}

.submit input {cursor: pointer; border-radius: 3px;background: #E60013;opacity: 0.8;color: #fff;border:1px solid #fff;display: block;width:100%; height: 45px;font-size: 16px;}
.index_form_box .submit{ border-radius: 3px;background: #E60013; opacity: 0.8; color: #fff;border:0px solid #fff;display: block;width:100%; height: 45px;font-size: 16px; }


/*底部联系方式*/
.contact1 {width: 100%;text-align: center;margin:25px 0;}
.contact1 h3 { margin-bottom:10px;}
.contact1 a{ display: inline-block; width:160px; height:38px; line-height:38px; background: #009944; text-align: center; border-radius: 5px; overflow: hidden; font-size:12px;color: #fff;}

.contact2{ text-align:center;}
.contact2 h5{line-height:22px; font-size:12px;}
.contact2 h3 { margin: 10px 0 15px; font-size:20px;}
.contact2 p {font-size:12px;color: #373739;line-height:20px;}
.contact2 .weixin{ font-size:12px; margin-top:15px;}
.contact2 .weixin img{ width:150px; margin-bottom:10px;}


/*底部*/
footer{overflow: hidden;padding:10px 15px;background: #323232;padding-bottom:25px;}
footer ul a{color: #999;margin:5px 10px 5px 0px;font-size: 13px;line-height:25px; border:solid 1px #444; padding:3px 15px; display:inline-block; border-radius:20px;}
footer h3{font-size: 14px;color: #ddd;margin-bottom: 10px;margin-top:25px;}
footer p{color: #999;font-size: 14px;}
.qqzixun{width: 100%;font-size: 14px;line-height: 38px;color: #fff;background-color:var(--main_color);text-align: center;border-radius: 20px;margin-top: 25px;}

/*固定底部菜单*/
#footer{width: 100%; height: 55px; background:#fff;position: fixed;bottom: 0; left: 0; z-index: 999;font-size: 12px; border-top: 1px solid #eee;}
#footer a{text-decoration:none;  width:20%; height:52px; float:left; display:block; text-align:center; color:#555; font-size:12px;}

#footer ul li{ padding-top:34px;}
#footer li.bot_1{ background:url(../images/fot_1.png) no-repeat center 7px; background-size:20px auto;}
#footer li.bot_2{ background:url(../images/fot_2.png) no-repeat center 5px; background-size:25px auto;}
#footer li.bot_3{ background:url(../images/fot_3.png) no-repeat center 5px; background-size:23px auto;}
#footer li.bot_4{ background:url(../images/fot_4.png) no-repeat center 5px; background-size:25px auto;}
#footer li.bot_tj{ position:relative;}
#footer li.bot_tj i{width:50px; height:50px; background:#ccc; position:absolute; left:50%; margin-left:-25px; top:-20px; border-radius:100%;background:url(../images/bot_tj_bg.png) no-repeat center #fff; background-size:45px auto;}


.zixun_ico{ position:fixed; z-index:9999; right:10px; bottom:60px;}
.zixun_ico img{width:48px;}




/*404*/
.page_msg {padding: 50px; background:#fff;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}



/*二级页面*/
.page_ban{height:160px; line-height:160px; position:relative;}

.page_ban h4{ font-size:16px; color:#fff; margin-bottom:15px;}
.page_ban h2{ font-size:22px; color:#fff; text-align:center}


/*====移动端导航====*/

#m_n_nav{position: relative;z-index: 99; width: 100%; height:1px;}
#bnt_sub_nav { position: absolute; right:0px; top: 0px; cursor: pointer; }
#bnt_sub_nav img { display: block; height: 25px; transition:0.3s all; padding:15px;}
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

#sub_nav_content{background: #fff; display: none; box-shadow: 0 0 5px #999; z-index: 9; padding:5px 10px; height:225px;}

/* 同级导航 */
.sub_nav ul{ padding-top:25px;}
.sub_nav a{color: #333;margin:15px 10px 5px 0px;font-size: 13px;line-height:25px; background:#f4f5f6; padding:5px 16px; display:inline-block; border-radius:20px;}
.sub_nav a.currclass{color:#fff; background:#E60013;}


/*产品服务*/
.s_list_ny ul{ margin-top:25px;}
.s_list_ny li{ width:100%;padding:20px 15px; margin-bottom:10px;box-sizing:border-box; background:#fff; transition:0.3s all; border-radius:5px;}
.s_list_ny li .pic{ width:75px; float:left; padding-top:8px;  transition:0.3s all;}
.s_list_ny li .pic img{ display:block; width:48px;}
/*.service_list li:hover .pic img:nth-child(1){ display:none;}
.service_list li:hover .pic img:nth-child(2){ display:block;}
*/.s_list_ny li .txt p{line-height:22px; color:#666; font-size:12px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/}
.s_list_ny li .txt h3{ font-size:16px; color:#333;  display:block; padding:0px 0 10px 0; font-weight:normal;}


/*产品服务内页*/
.taocan_title { margin-top:25px; height:30px;}
.taocan_title b{font-size:16px;color:#111; float:left; font-weight:bold; margin-right:10px;}
.taocan_title span{width: 20px; height: 20px; display:inline-block; color: #ffffff;text-align: center; font-size: 12px;line-height: 20px;font-weight: bold; float:left;}
.taocan_title .cu{background: #ff6600;margin-top: -5px;}
.taocan_title .xiao{background: #01cdff;margin-top:-10px;}

.tc_con .canshu{background:#fff; border-radius:5px; padding:20px 15px; }
.tc_con .canshu li{margin-bottom:10px; line-height:28px;}
.tc_con .canshu li lable{border:1px solid #aaaaaa;line-height:25px;height:25px;width:70px;text-align:center; display:inline-block;color:#555;  margin-right:5px;}
.tc_con .canshu li #spanTC{color:#E60013;font-size:20px;font-weight:bold; line-height:20px;}
.taocan_titleD,.taocan_titleD:hover{border:1px solid #989898;line-height:25px;height:25px; margin-right:5px; color:#555;background:#ffffff; display:inline-block; padding:0 10px;}
.taocan_titleD-1,.taocan_titleD-1:hover{border:1px solid #E60013;color:#fff;background-color:#E60013; line-height:25px;height:25px; margin-right:5px; display:inline-block;padding:0 10px;}

.tc_con .canshu li.a_link1 a{ display:inline-block; padding:0 12px;line-height:33px;color:#666666;background:#ffffff;border:1px solid #666666; text-align:center; margin-right:6px;}
.tc_con .canshu li.a_link1 a:hover{color:#FFFFFF;background:#585858;}
.tc_con .canshu li.a_link1 a:first-child{ display:inline-block;line-height:33px;color:#FFFFFF;background:#E60013;border:1px solid #d90024; transition:0.3s all;}

/*资料*/
/* 切换 */
.tabs1 { margin-top:20px;}
#wrapper {width: 100%;  overflow-y: hidden;  border-radius:5px 5px 0 0;}
.tabs1 li{float:left; margin-top:0px; width:50%; display:inline-block;}
.tabs1 li a {display:inline-block; width:100%;height: 36px;line-height: 36px; font-size:14px; background: #ddd; text-align:center;}
.tabs1 li.active a{background: #E60013; color:#fff;}
#tabs-container1  .swiper-slide{ background:#fff; padding:15px 15px; box-sizing:border-box; border-radius:0 0 5px 5px;}
#tabs-container1  .swiper-slide p{margin-bottom:10px; line-height:22px; border-bottom:dotted 1px #ddd; padding-bottom:5px;}

/*服务保障*/
.bz_box ul{ margin-top:25px;}
.bz_box li{ width:100%;padding:20px 15px; margin-bottom:10px;box-sizing:border-box; background:#fff; transition:0.3s all; border-radius:5px;}
.bz_box li .pic{ width:60px; float:left;  transition:0.3s all;}
.bz_box li .pic img{ display:block; width:48px;}
.bz_box li .txt p{line-height:22px; color:#666; font-size:12px;}
.bz_box li .txt h3{ font-size:16px; color:#333;  display:block; margin:5px 0 5px 0; font-weight:normal;}


/*营销型网站*/
.yx_box{}
.yx_box li{height:160px; margin-top:15px; color:rgba(255,255,255,0.9); position:relative; font-size:12px; line-height:16px; border-radius:5px;}
.yx_box li h3{color:#e60012; font-size:18px; font-weight:bold;}
.yx_box li h4{font-size:16px;  font-weight:bold; margin:10px 0 10px 0;}
.yx_box li div{position:absolute; top:50%;-ms-transform: translateY(-50%) translateX(20%); transform: translateY(-50%) translateX(20%);}
.yx_box li:first-child div{right:25%;}

/*网站维护*/
.wzwh_box{}
.wzwh_box li{ margin-bottom:15px; border-radius:5px; overflow:hidden;}
.wzwh_box li .pic{}
.wzwh_box li .pic img{width:100%;}
.wzwh_box li .txt{ background:#fff; padding:10px 15px;}
.wzwh_box li .txt h3{ font-size:16px; margin-bottom:10px;}
.wzwh_box li .txt p{ line-height:22px; color:#666;}

/*=================网站模板===============*/
.muban_nav{ text-align:center; margin-bottom:15px;}
.muban_nav a{margin:0 2px 10px 2px; display:inline-block; padding:5px 10px; transition:0.5s all; border-radius:3px;}
.muban_nav a.on,.muban_nav a:hover{ background:var(--main_color); color:#fff;}

.mb_list{ }
.mb_list li{ width:48.5%; margin-bottom:15px;}
.mb_list li .pic{ overflow:hidden; border-radius: 5px; transition: all .3s ease-out 0s;}
.mb_list li .pic img{ width:100%; display:block;}
.mb_list li .txt{ padding:15px 0 0 2px;}
.mb_list li .txt h3{ font-size:15px; font-weight:normal; margin-bottom:10px;}
.mb_list li .txt p{ font-size:12px; color:#999;}
.mb_list li .txt p span{ margin-left:5px;}

.mb_show{text-align:center;}
.mb_show img{ max-width:100%;}




/* 同级导航 */
.n_sub_nav{text-align: center;border-bottom: 0px solid #eee;box-sizing: border-box;  padding:15px 5px 10px 5px;}
.n_sub_nav li{float: left;margin-bottom: 6px;}
.n_sub_nav li a{font-size: 14px; background: #fff; border:solid 1px #e8e8e8;display: block;color: #333;margin: 0 3px;padding:8px 0; border-radius:42px; }
.n_sub_nav li.currclass a{background: #146bbb;border:solid 1px #146bbb; color:#fff;}
.sub2 li{width:50%;}
.sub3 li{width:33.3%;}
.sub4 li{width:25%;}



/* 图文分页 */
.pic_art_list{}
.pic_art_list dl{ padding:10px 10px; border-bottom:solid 0px #eee; transition: all .3s; background:#fff; border-radius:5px; margin-bottom:10px;}
.pic_art_list dt{ width:38%; overflow:hidden}
@media screen and (max-width:768px){
	.pic_art_list dt{height: 95px;}
}
@media screen and (max-width:425px){
	.pic_art_list dt{height: 90px;}
}
@media screen and (max-width:375px){
	.pic_art_list dt{height: 85px;}
}
@media screen and (max-width:320px){
	.pic_art_list dt{height: 80px;}
}
.pic_art_list dt img{width:100%; height:100%;  display:block; border-radius:3px;}
.pic_art_list dd{width:58%;}
.pic_art_list dd h5{ font-size:15px; line-height:24px;}
.pic_art_list dd .time{ font-size:12px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; color: #aaa;margin-top:5px;}

/*加载更多*/
.btn-more{ width:66%; margin:20px auto; border:solid 1px #e8e8e8; background:#fff; line-height:32px; text-align:center; border-radius:32px;}
.dixian{font-size:12px; text-align:center; color:#999; margin:10px auto;}



/*新闻详情*/
.navbar{line-height:44px; text-align:center; font-size:16px; color:#fff;  border-bottom: 0px solid #e3e3e3; position:fixed; left:0; top:0; width:100%; background:#035CAC; z-index:99;}
.navbar .back{width: 20px; position: absolute;top: 0;left: 0; padding:10px 15px 9px 10px;}
.navbar .back img{width:100%; display:block;}

/* 新闻内容页 */
.ntitle{ border-bottom:solid 1px #e8e8e8; margin-bottom:10px;}
.ntitle h2{font-size: 18px; line-height:35px;}
.ntitle span{font-size: 12px; color: #aaa;margin:10px 0 15px; display:block; font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}

.ptitle{text-align: center;margin:10px 0;}
.ptitle h1{font-size: 20px;}


.neirong{line-height: 25px; text-align:justify;overflow: hidden;}
.neirong img{max-width:100%;  border-radius:5px;}
.neirong p{margin-bottom: 15px;font-size: 15px;}

.neirong table{ border:1px solid #ddd; border-collapse:collapse;   font-size:14px; line-height:25px;}
.neirong table td{padding:5px; border:1px solid #ddd;}



.more_1{ text-align:center; margin:25px 15px 10px 15px;}
.more_1 a{ text-transform:uppercase; display:inline-block; line-height:38px; width:100%; background:#f0f0f0; border-radius:5px; color:#888;}
.more_1 a:hover{background:#D4AA4B; color:#fff;}




/* 点击返回 */
.more{ margin:15px auto;}
.more a{width:80%; margin:auto; text-align:center; line-height:32px; background:#f8f8f8; border:solid 1px #ddd; color:#999; border-radius:100px; font-size:14px; display:block;}
.more a:hover{background: #146bbb;border:solid 1px #146bbb; color:#fff;}

/* 分页 */
.mypages{margin-bottom:10px; text-align:center; height:50px; line-height:50px;}
.mypages a{ background:#E1DFE0; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}
.mypages a.curr,.mypages a:hover{background:#1463AA;  color:#FFFFFF;}


/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 64px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}


/*关于我们*/
.bai_box{ background:#fff; padding:15px 15px; border-radius:10px;}

#pxkc{ padding-bottom:20px;}
#pxkc img{width:100%; display:block; border-radius:5px;}

/*分页器*/
#pxkc .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:#ccc; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#pxkc .swiper-pagination-bullet-active{background:#e00;color: #fff;width: 8px;border-radius: 8px;opacity: 1.0;}
#pxkc .swiper-pagination{bottom:0px;}

#pxkc .swiper-slide{position:relative;}
#pxkc .swiper-slide h3{font-size:14px; position:absolute; margin-top:-32px; padding:0 10px; box-sizing:border-box; border-radius:0 0 5px 5px; color:#fff; background:rgba(0,0,0,0.5); width:100%; line-height:32px;}
#pxkc .swiper-slide p{line-height:22px; text-align:justify; margin-top:8px;}


/*关于我们服务范围*/

.page_fw{}
.page_fw li{width:30.3%;  background:#fff; border-radius:5px; margin:0 1.5% 10px 1.5%; font-size:14px; padding-bottom:10px; text-align:center;  float:left; transition:0.3s all;}
.page_fw li>div{width:100%; height:60px;}
.page_fw li:nth-child(1) div{background:url(../images/fw_03.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(2) div{background:url(../images/icon_mfhm.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(3) div{background:url(../images/fw_09.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(4) div{background:url(../images/fw_11.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(5) div{background:url(../images/gssj_ico1.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(6) div{background:url(../images/fw_19.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(7) div{background:url(../images/dljz_ico8.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(8) div{background:url(../images/gssj_ico4.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(9) div{background:url(../images/sbzc_ico1.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(10) div{background:url(../images/fw_25.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(11) div{background:url(../images/gssj_ico4.png) no-repeat center; background-size:36px auto;}
.page_fw li:nth-child(12) div{background:url(../images/dljz_ico7.png) no-repeat center; background-size:36px auto;}

/*服务保障*/
.page_bz{}
.page_bz li{ clear:both;}
.page_bz li .icon {width: 86px;height: 86px;display: inline-block; float:left; margin:0 10px;}
.page_bz li .title{ font-size:18px; padding:15px 0 5px 0;}
.page_bz li .content{ color:#666;}

/*案例展示*/
.case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; }


/*案例内容页*/
.page_ban .work_box{position: absolute;left:10px;top:50%; margin-top:-20px;  font-family:"黑体";}
.page_ban .work_box h2{font-size:20px; color:#FFF; font-weight:normal; margin-bottom:10px;}
/*.page_ban .work_box h2:after{content:"";display: block;width:25px;background:rgba(255,255,255,.5);height:1px; margin:10px 0 15px 0;}*/
.page_ban .work_box p{color:#FFF; font-size:12px;}


/*网站优化解决方案*/
.seo_fa {}
.seo_fa li {float: left; width:22%; margin:10px 1.5%;text-align: center; font-size:12px;}
.seo_fa i {display: inline-block; width:52px; padding:5px 5px; box-sizing:border-box;border-radius:50px; margin-bottom:10px;}
.seo_fa i img{width:100%;}
.seo_fa .ico_01,.seo_fa .ico_07{
	background: -webkit-linear-gradient(#019bff,#9079ff);
	background: -o-linear-gradient(#019bff,#9079ff);
	background: -moz-linear-gradient(#019bff,#9079ff);
	background: linear-gradient(#019bff,#9079ff)
}

.seo_fa .ico_02,.seo_fa .ico_08{
	background: -webkit-linear-gradient(#fd985b,#fd4e5a);
	background: -o-linear-gradient(#fd985b,#fd4e5a);
	background: -moz-linear-gradient(#fd985b,#fd4e5a);
	background: linear-gradient(#fd985b,#fd4e5a)
}

.seo_fa .ico_03,.seo_fa .ico_09{
	background: -webkit-linear-gradient(#6986e7,#895ed9);
	background: -o-linear-gradient(#6986e7,#895ed9);
	background: -moz-linear-gradient(#6986e7,#895ed9);
	background: linear-gradient(#6986e7,#895ed9)
}

.seo_fa .ico_04,.seo_fa .ico_10{
	background: -webkit-linear-gradient(#ffb104,#ff8252);
	background: -o-linear-gradient(#ffb104,#ff8252);
	background: -moz-linear-gradient(#ffb104,#ff8252);
	background: linear-gradient(#ffb104,#ff8252)
}

.seo_fa .ico_05,.seo_fa .ico_11 {
	background: -webkit-linear-gradient(#b34efe,#ff3d7f);
	background: -o-linear-gradient(#b34efe,#ff3d7f);
	background: -moz-linear-gradient(#b34efe,#ff3d7f);
	background: linear-gradient(#b34efe,#ff3d7f)
}

.seo_fa .ico_06,.seo_fa .ico_12 {
	background: -webkit-linear-gradient(#99cc34,#5fcc55);
	background: -o-linear-gradient(#99cc34,#5fcc55);
	background: -moz-linear-gradient(#99cc34,#5fcc55);
	background: linear-gradient(#99cc34,#5fcc55)
}

.seo_fa a:hover .bg {
	background-image: none!important
}


.seo_box1{}
.seo_box1 li{ background:#fff; padding:20px 10px; margin-top:10px; border-radius:5px; text-align:justify;}
.seo_box1 li .pic{width:70px; float:left; padding:15px 0 10px 0;}
.seo_box1 li .pic img{ height:52px;}
.seo_box1 li .txt{ }
.seo_box1 li .txt h3{ font-size:15px; font-weight:normal; margin-bottom:10px;}
.seo_box1 li .txt p{ font-size:13px; color:#888; line-height:18px; }


/*小程序方案*/
.xcx_yy li{width:47%; margin:5px 1.5%; height:190px;  border:solid 0px #e8e8e8; background:#FFF; box-sizing:border-box;text-align: center;float: left;cursor: pointer;transition: 0.3s all; border-radius:5px;}

.xcx_yy .xcx_yy_ico{height:80px; line-height:80px;}
.xcx_yy .xcx_yy_ico img{ display:inline-block; vertical-align: middle; height:46px;}
.xcx_yy li h3{font-size:16px;height:25px; color:#000; font-weight:normal;}
.xcx_yy li p{font-size: 12px;color: #666; line-height:22px; padding:0 10px;}


/*小程序模板展示*/
#certify {position: relative;}

#certify .swiper-container {padding-bottom: 20px;}

#certify  .swiper-slide {width:300px;height:559px; padding-top:70px; box-sizing:border-box; background: url(../images/iphone.png) no-repeat; text-align:center;}
#certify  .swiper-slide img{display:inline-block; width:229px; height:407px;}

#certify .swiper-button-prev {left: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}