
<!--
/*****************************************************************
武汉中网维优网络科技有限公司	http://www.wymonitor.com
联系电话：027-87862018			客服QQ：15035405
*****************************************************************/
-->
 @charset "utf-8";
/*----------------------------通用---------------------------------------*/







body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }
* { padding: 0; margin: 0; }
a { text-decoration: none; }
ul, li { list-style: none; }
img { border: 0; }
.input { -webkit-appearance: none; outline: none }
.cl { clear: both; }
input, select, textarea { outline: none; font-family: "微软雅黑"; -webkit-appearance: none; outline: none }
.fl { float: left; }
.fr { float: right; }
.all { width: 1100px; margin: 0 auto; overflow: hidden; }
.all2 { width: 1100px; margin: 0 auto; }
.nobd { border: 0 !important; }
/*----------------------------首页---------------------------------------*/
/* top */





.top { padding: 10px 0; position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; box-shadow: 0px 1px 10px #ccc; }
.top img { width: 150px; margin-left: 20px; margin-top: 5px; }
.top ul { margin: 15px auto 0; width: 490px; }
.top li { text-align: center; line-height: 35px; float: left; margin: 0 19px; }
.top li a { color: #333; font-size: 16px; }
.top li a:hover { color: #005BAC; }
.top li.d a { color: #005BAC; }
.top i { width: 30px; height: 30px; display: none; background: url(img/zw_tb.png) no-repeat; margin: 15px 20px 0; background-size: 100%; }
.off { right: 0 !important; }
/* banner */





.lbt1 { position: relative; margin-top: 70px; }
.lbt1 ul { width: 100% !important; }
.lbt1 li { width: 100% !important; height: 450px; }
.lbt2 { height: 30px; position: absolute; z-index: 988; top: 420px; left: 50%; margin-left: -40px; }
.lbt2 li { width: 10px !important; height: 10px; float: left; border-radius: 50%; background: #ccc; text-align: center; line-height: 20px; margin-left: 10px; }
.lbt2 li.on { background: #000; }
.banner { display: none; }
/*--新加banner--*/ 
.swiper-container { overflow: hidden; margin-top: 70px; }
.swiper-container ul li { width: 100%; height: 450px; display: block; }
.swiper-container li { transition: all 3s; opacity: 0.2; transform: scale(1.2, 1.2); }
.swiper-container .swiper-slide-active { transition: transform 8000ms ease-out 0s, opacity 800ms ease 0s; opacity: 1; z-index: 2; transform: scale(1, 1); }
.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff !important; opacity: 1 !important; border: 3px solid #fff; }
.swiper-pagination-bullet-active { background: #000 !important; border: 3px solid #000 !important; }
/* 整体样式 */





.jtys_z { width: 100%; padding: 65px 0; border-bottom: 1px solid #ccc; text-align: center; color: #444; font-size: 18px; }
.jtys_z h3 { font-family: "Times New Roman", Times, serif; font-size: 55px; line-height: 45px; font-weight: normal; }
.jtys_z h4 { line-height: 35px; font-weight: normal; width: 80px; border-bottom: 1px solid #005BAC; margin: 10px auto; font-size: 20px; }
.jtys_z a.ljxq_an { width: 162px; height: 34px; display: inline-block; text-align: center; border: 1px solid #005BAC; color: #005BAB; line-height: 34px; margin: 10px auto 0; font-size: 14px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.jtys_z a.ljxq_an:hover { background: #005BAC; color: #fff; }
/* 内页样式 */





.nyys_z { width: 100%; padding: 30px 0; border-bottom: 1px solid #ccc; text-align: center; color: #444; font-size: 18px; }
/* 关于 */





.about p { line-height: 35px; font-size: 16px; letter-spacing: 2px; }
.about p.jswz_sj { display: none; }
.about ul { margin: 30px auto; width: 680px; }
.about li { margin: 0 15px; text-align: center; float: left; }
.about li b { font-size: 80px; font-family: "ThreeFont"; font-weight: 600; letter-spacing: -2px; }
.about li b.mub_z { margin-left: 20px; }
.about li em { font-style: normal; font-family: "ThreeFont"; font-size: 100px; }
/* 服务 */





.our_z li { border: 2px solid #ccc; margin: 30px 10px; line-height: 35px; text-align: center; padding: 25px 5px 5px; float: left; width: 240px; height: 200px; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
.our_z li i { display: inline-block; width: 118px; height: 85px; background: url(img/our_tb.jpg) no-repeat; margin-bottom: 10px; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
.our_z li i.our_tb2 { background-position: -134px 0; }
.our_z li i.our_tb3 { background-position: -268px 0; }
.our_z li i.our_tb4 { background-position: -389px 0; }
.our_z li span { color: #005BAB; font-size: 24px; display: block; font-family: "Times New Roman", Times, serif; }
.our_z li em { font-style: normal; }
.our_z li:hover { border-color: #005BAC; }
.our_z li:hover i { margin-top: -70px; }
.our_z li:hover em { opacity: 0; }
.our_z li p { line-height: 20px; font-size: 14px; opacity: 0; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
.our_z li:hover p { opacity: 1; }
.our_z li i.our_tb2 { background-position: -134px 0; }
.our_z li i.our_tb3 { background-position: -268px 0; }
.our_z li i.our_tb4 { background-position: -389px 0; }
.our_z li i.our_s1 { background-position: -5px -85px; }
.our_z li i.our_s2 { background-position: -138px -85px; }
.our_z li i.our_s3 { background-position: -268px -85px; }
.our_z li i.our_s4 { background-position: -380px -85px; }
/*-- 新加2020-5-22 --*/


.our_z li .new-tit { opacity: 1 !important; font-size: 30px; color: #005BAB; display: block; margin-bottom: 10px; }
.our_z li .new-desc { opacity: 1; font-size: 18px; line-height: 35px; }
.our_z1 li { height: 370px; }
.our_z1 span { font-size: 30px !important; }
.new-jtys { padding-top: 80px; }
/* 案例 */





.new_z { width: 100%; margin: 50px 0 40px; }
.new_z li { float: left; width: 20%; overflow: hidden; position: relative; }
.new_z li a { display: block; }
.new_z li img { width: 100%; vertical-align: middle; }
.new_z li:hover div { opacity: .9; }
.new_z li div { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; background: #005BAC; color: #fff; text-align: center; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.new_z li div h5 { font-size: 18px; font-weight: normal; margin-top: 40%; line-height: 30px; }
.new_z li div p { line-height: 30px; }
/* 合作 */





.mr_frbox { position: relative; margin: 30px 0 20px; }
.mr_frbox .prev { width: 30px; height: 44px; background: url(img/qhjt.png) no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -22px; cursor: pointer; }
.mr_frbox .next { width: 30px; height: 44px; background: url(img/qhjt1.png) no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -22px; cursor: pointer; }
.mr_frUl { width: 1010px; overflow: hidden; margin: 0 auto; }
.mr_frUl li { width: 1010px; float: left; }
.mr_frUl li a { width: 147px; margin: 10px 1%; float: left; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.mr_frUl li a img { width: 100%; }
.mr_frUl li a:hover { box-shadow: 5px 5px 10px #ededed; }
.hz_sjd { display: none; }
/* footer */





.footer { width: 100%; background: #444444; padding: 30px 0; text-align: center; }
.footer span { color: #fff; font-size: 20px; line-height: 35px; }
.footer span b { font-family: "Times New Roman", Times, serif; }
.footer p { color: #fff; line-height: 25px; margin-bottom: 10px; }
.footer ul { width: 895px; margin: 0 auto; }
.footer ul.ul_2 { width: 1015px; }
.footer li { float: left; padding: 0 5px; color: #222; line-height: 25px; }
.footer h3 { text-align: center; font-size: 16px; margin-top: 15px; color: #222; font-weight: normal; }
.footer h3 a { color: #222; }
.footer_fdk { display: none; }
/*.rig_fdk{ width:50px; position:fixed; right:0; bottom:50px;}
.rig_fdk li{ width:50px; height:50px; position:relative; line-height:50px; text-align:center; background:#005BAB; border-bottom:1px solid #fff;}
.rig_fdk li i{ width:10px; height:10px; display:block; background:url(img/bj_jt.png) no-repeat; position:absolute; top:-10px;}
.rig_fdk li a{color:#fff; display:block;}
.rig_fdk li.fdk_top{ background:#999;}
.rig_fdk li img{ margin-top:13px;}*/

/*----------------------------我们---------------------------------------*/
/* 关于图蓝 */





.gytl_z h5 { font-weight: normal; font-size: 55px; line-height: 40px; color: #555; margin: 50px 0; letter-spacing: 5px; }
.gytl_z p { line-height: 35px; color: #444; font-size: 16px; letter-spacing: 2px; }
.gytl_z p.jswz_sj { display: none; }
.gytl_z ul { margin: 30px auto; width: 680px; }
.gytl_z li { margin: 0 15px; text-align: center; float: left; }
.gytl_z li b { font-size: 80px; font-family: "ThreeFont"; font-weight: 600; letter-spacing: -2px; }
.gytl_z li b.mub_z { margin-left: 20px; }
.gytl_z li em { font-style: normal; font-family: "ThreeFont"; font-size: 100px; }
/*----------------------------服务---------------------------------------*/
/* 服务流程 */





.fwlc_z h5 { font-weight: bold; font-size: 55px; line-height: 40px; color: #555; margin: 50px 0; letter-spacing: 5px; }
.fwlc_z p { line-height: 35px; color: #444; font-size: 18px; letter-spacing: 2px; margin-bottom: 30px; }
.fwlc_z p.jswz_sj { display: none; }
.fwlc_z ul.fwlc_l { width: 275px; }
.fwlc_l li { line-height: 75px; text-align: center; border-radius: 5px; border: 1px solid #A8A8A8; background: #DCDBDC; color: #222; font-size: 20px; font-weight: 400; }
.fwlc_l li.nobd { background: none; line-height: 50px; }
.fwlc_l li:hover { box-shadow: 0 5px 10px #ededed; }
.fwlc_z ul.fwlc_r { width: 780px; }
.fwlc_r li { line-height: 25px; border-radius: 5px; border: 1px solid #E1E1E1; background: #F7F7F7; height: 55px; padding: 10px 20px; margin-bottom: 50px; text-align: left; color: #888; font-size: 16px; }
.fwlc_r li.fwlc_jw { padding: 27px 20px; height: 20px; line-height: 20px; }
.fwlc_r li.fwlc_jwa { padding: 27px 20px; height: 20px; line-height: 20px; margin: 0; }
/* 见证客户 */





.jzkh_z b { font-size: 130px; font-family: "ThreeFont"; font-weight: 600; letter-spacing: -2px; color: #005BAB; line-height: 95px; }
.jzkh_z em { font-style: normal; font-family: "ThreeFont"; font-size: 140px; color: #005BAB; line-height: 20px; }
.jzkh_z h5 { font-weight: normal; font-size: 55px; line-height: 40px; color: #555; margin: 50px 0 30px; letter-spacing: 5px; }
.jzkh_z p { line-height: 35px; color: #444; font-size: 16px; letter-spacing: 2px; }
.jzkh_z p.jswz_sj { display: none; }
/*----------------------------作品---------------------------------------*/
/* 坚持原创 */





.jcyc_z b { font-family: "Times New Roman", Times, serif; font-size: 55px; line-height: 45px; font-weight: normal; color: #005BAB; }
.jcyc_z h5 { font-weight: normal; font-size: 55px; line-height: 40px; color: #555; margin: 30px 0; letter-spacing: 5px; }
.jcyc_z p { line-height: 35px; color: #444; font-size: 16px; letter-spacing: 2px; }
.jcyc_z p.jswz_sj { display: none; }
/* 全部案例 */





.al_title { width: 100%; }
.al_title ul { width: 40%; margin: 10px auto 60px; ; }
.al_title li { width: 31%; margin: 0 1%; text-align: center; position: relative; float: left; font-size: 14px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.al_title li span { border: 1px solid #ccc; line-height: 35px; }
.al_title li a { color: #fff; display: block; }
.al_title li.clik span { border: 1px solid #005BAB; background: #005BAB; color: #fff; display: inline-block; width: 99%; }
.al_title li.clik select { color: #fff; }
.al_title li select { font-size: 14px; color: #888; width: 100%; padding: 0 5%; background: none; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; line-height: 37px; height: 37px; -webkit-appearance: none; }
.al_title li i { width: 15px; height: 15px; background: url(img/mxzx_jt.png) no-repeat; display: inline-block; position: absolute; right: 7px; background-size: 100%; top: 8px; transform: rotate(180deg); z-index: -1; }
.al_title_5 { width: 100%; }
.al_title_5 ul { width: 60%; margin: 10px auto 60px; ; }
.al_title_5 li { width: 23%; margin: 0 1%; text-align: center; position: relative; float: left; font-size: 14px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.al_title_5 li span { display: block; border: 1px solid #ccc; line-height: 35px; }
.al_title_5 a li span  { color: #878787; display: block; }
.al_title_5 li:hover span { border: 1px solid #005BAB; background: #005BAB; }
.al_title_5 li.active span { border: 1px solid #005BAB; background: #005BAB; }
.al_title_5 a li:hover span, .al_title_5 a li.active span { color: #fff; }
.al_title_5 li span i { width: 20px; height: 20px; display: block; margin: 8px 10% 0 20%; background: url(img/title5.png) no-repeat; background-size: 200% auto; float: left; }
.al_title_5 li span em{ font-style:normal; float:left;}


.al_title_5 a:nth-child(1) li span i { background-position: 0px 0; }
.al_title_5 a:nth-child(2) li span i { background-position: 0 -20px; }
.al_title_5 a:nth-child(3) li span i { background-position: 0 -40px; }
.al_title_5 a:nth-child(4) li span i { background-position: 0 -60px; }
/*.al_title_5 li:nth-child(1) span.c i{ background-position: 20px 0; }
.al_title_5 li:nth-child(2) span.c i{ background-position: 20px -20px; }
.al_title_5 li:nth-child(3) span.c i{ background-position: 20px -40px; }
.al_title_5 li:nth-child(4) span.c i{ background-position: 20px -60px; }*/


/* pages */





.pages { width: 50%; padding: 10px 0; margin: 0 auto; }
.pages UL { padding-right: 0px; }
.pages UL LI { width: auto; float: LEFT; border: 1px solid #ccc; padding: 6px 10px; margin: 0px 5px; color: #BDBDBD; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #fff; }
.pages UL LI:hover { border: 1px solid #005BAB; color: #005BAB; }
.pages UL LI:hover a { color: #005BAB; display: block; }
.thisclass { background: #005BAB !important; border: 1px solid #005BAB !important; }
.thisclass a { color: #fff !important; display: block; }
/* 作品内页 */





.zpny_tit h2 { text-align: center; line-height: 25px; font-size: 20px; font-weight: normal; }
.zpny_tit span { font-size: 16px; line-height: 25px; text-align: center; }
/* 作品内容 */





.zpnr_z { padding: 0 40px; }
.zpnr_z p, .zpnr_z div, .zpnr_z img, .zpnr_z span { width: 800px; line-height: 25px; font-size: 16px; margin-bottom: 10px; display: inline-block; text-align: left; }
.fhan_z { margin: 40px auto; width: 440px; }
.fhan_z a { width: 200px; height: 45px; display: inline-block; border: 1px solid #005BAB; color: #005BAB; line-height: 45px; }
.fhan_z a.fr { background: #005BAB; color: #fff;  }

.fhan_z a.fr img{ height:60%;margin-top:5%; margin-right:8px; float:left; margin-left:13%;}
.fhan_z a.fr p{ float:left;}
/* 相关案例 */





.xgal_z ul { margin-top: 45px; }
.xgal_z li { float: left; width: 20%; overflow: hidden; position: relative; }
.xgal_z li a { display: block; }
.xgal_z li img { width: 100%; height: 220px; vertical-align: middle; }
.xgal_z li:hover div { opacity: .9; }
.xgal_z li div { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; background: #005BAC; color: #fff; text-align: center; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.xgal_z li div h5 { font-size: 18px; font-weight: normal; margin-top: 40%; line-height: 30px; }
.xgal_z li div p { line-height: 30px; }
/*----------------------------伙伴---------------------------------------*/
/* 客户列表 */





.khlb_z li { width: 14.6%; margin: 10px 1% 40px; float: left; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.khlb_z li img { width: 100%; height: 68px; }
.khlb_z li img:hover { box-shadow: 5px 5px 10px #ededed; }
/*----------------------------联系---------------------------------------*/
/* 准备 */





.zbhl_b b { font-family: "Times New Roman", Times, serif; font-size: 55px; line-height: 45px; font-weight: normal; color: #005BAB; margin-top: 500px; display: block; transition: all ease-in-out 1.2s; -webkit-transition: all ease-in-out 1.2s; }
.zbhl_b h5 { font-weight: normal; font-size: 55px; line-height: 75px; color: #555; margin-top: 30px; letter-spacing: 5px; }
/* 公司信息 */





.gsxx_z span { font-size: 20px; line-height: 40px; }
.gsxx_z span b { font-family: "Times New Roman", Times, serif; }
.gsxx_z p { font-size: 14px; line-height: 25px; }
.gsxx_z h3 { font-size: 26px; color: #005BAB; line-height: 40px; font-weight: 500; margin-top: 30px; }
.gsxx_z p.pprx_z { font-weight: 600; font-size: 18px; }
.gsxx_z p.pprx_z a { font-size: 20px; color: #444; vertical-align: middle; }
.gsxx_z ul { width: 550px; margin: 50px auto 10px; }
.gsxx_z li { float: right; margin: 0 20px; position: relative; }
.gsxx_z li img { width: 100%; }
.gsxx_z li img.hov_h { width: 100%; display: none; position: absolute; top: 0; }
.gsxx_z li.hov:hover img { display: block; }
/*首页补充新闻*/





.new_list { width: 100%; height: 830px; border-top: 1px solid #bfbfbf; background: url(img/new_bg.png) no-repeat fixed center center; }
.new_list_left { width: 45%; text-align: center; color: #005bac; float: left; }
.new_list_left h2 { font-size: 42px; margin-top: 233px; }
.new_list_left p { font-size: 28px; font-family: "Times New Roman", Times, serif; }
.new_list_right { width: 55%; float: right; color: #fff; margin-top: 35px; text-align: left; }
.new_list_right li { width: 550px; height: 140px; margin-bottom: 50px; }
.new_list_right li i { display: block; width: 105px; height: 120px; border: 1px solid #005bac; float: left; font-size: 60px; text-align: center; font-style: normal; padding-top: 20px; font-family: "Times New Roman", Times, serif; margin-right: 20px; }
.new_list_right li i font { display: block; font-size: 28px; }
.new_list_right li .new_title { font-size: 24px; line-height: 38px; }
.new_list_right li .new_title a { color: #fff; }
.new_list_right li .new_cont { font-size: 14px; line-height: 30px; }
.new_at { width: 100px; height: 24px; display: inline-block; text-align: center; border: 1px solid #005BAC; color: #005BAB; line-height: 24px; margin: 10px auto 0; font-size: 14px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
a.new_at:hover { background: #005BAC; color: #fff; }
/*新闻内页*/





.new_list_inner ul { width: 1200px; height: auto; margin: 50px auto; }
.new_list_inner ul li { width: 45%; float: left; margin: 0; text-align: left; padding-right: 5%; }
.new_list_inner ul li img { width: 200px; height: 156px; float: left; margin-right: 20px; margin-bottom: 50px; }
.new_list_inner ul li .new_time_inner { line-height: 20px; font-size: 14px; color: #9D9D9D; font-family: "MyriadPro-LightCond"; }
.new_list_inner ul li .new_tit_inner { font-size: 18px; line-height: 36px; color: #060000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new_list_inner ul li .new_cont_inner { font-size: 14px; line-height: 20px; color: #656565; letter-spacing: 0px; }
.nyyzs_z_z { text-align: left!important; }
.gytl_z_line { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.new_list_inner { border: 0 !important; }
/*pages*/
/* pages */




.pages ul { float: right; margin-top: 30px; width: auto; }
.pages ul li { width: auto; float: LEFT; border: 1px solid #ccc; margin-bottom: 30px; color: #888; display: block; padding: 6px 10px; text-align: center; margin-right: 6px; }
.pages ul li span { line-height: 35px; margin: 0 10px; }
.pages ul li a { display: block; color: #888; }
.thisclass { display: block; }
.pages ul li select { border: 0; background: none; color: #888; }
.pages ul li:hover { border: 1px solid #154c96; color: #154c96; }
.pages ul li:hover a { color: #154c96; }
.thisclass { background: #154c96 !important; border: 1px solid #154c96 !important; color: #fff !important; }
.thisclass a { color: #fff !important; }
.fwfw { padding: 80px 0 55px !important; }
/*--新闻--*/

.new_list_ul { margin-top: 40px; }
.new_list_news li { margin: 0 0 40px 0; }
.new_list_news li .pic { float: left; width: 495px; height: 250px; overflow: hidden; border: 1px solid #efefef; }
.new_list_news li .pic img { width: 100%; }
.new_list_news li .cons { float: right; width: 540px; height: 250px; position: relative; text-align: left; }
.new_list_news li .cons .addtime { font-size: 22px; font-weight: 300; color: #999; margin: -5px 0 0 0; }
.new_list_news li .title-new { margin-bottom: 10px; line-height: 40px; }
.new_list_news li .title-new { font-size: 24px; color: #999; font-weight: 700; letter-spacing: 1px; display: inline-block; text-align: left; }
.new_list_news li .cons .content { font-size: 20px; line-height: 40px; height: 80px; overflow: hidden; color: #999; margin: 0 0 8.5% 0 }
.news-t .mmore a { font-size: 19px; padding: 0 12px; height: 35px; line-height: 34px; font-weight: 300; }
.news-t .mmore a span { height: 35px; }
.new_list_news .mmore a { font-size: 19px; padding: 0 12px; height: 35px; line-height: 34px; font-weight: 300; }
.new_list_news .mmore a span { height: 35px; }
.mmore { margin: 10px 5% 0 0; text-align: left; position: absolute; bottom: 0; left: 0; }
.mmore a { display: inline-block; position: relative; border: 1px solid #999; border-radius: 10px; font-size: 12px; padding: 0 10px; height: 20px; line-height: 19px; overflow: hidden }
.mmore a i { display: inline-block; vertical-align: top; margin: -1px 0 0 2px; font-style: normal; }
.mmore a span { display: block; position: absolute; z-index: 2; background: #e6e6e7; width: 0; height: 20px; left: 0; transition: all 0.5s; }
.mmore a p { position: relative; z-index: 10; color: #999 }
.mmore a:hover span { width: 100%; }
.news-t { padding: 20px 0 50px; }










/*----------------------------手机适配---------------------------------------*/
@media (max-width: 750px) {
/*----------------------------首页---------------------------------------*/
/* 通用 */

.al_title_5 ul{ width:98%;}
.al_title_5 li span i{ margin: 8px 5% 0 8%;}


body { font-size: 1em; }
.all { max-width: 640px; width: 100%; }
/* top */




.top { height: auto; padding: 0.5em 0; }
.top img { height: 2.8em; margin-top: 0px; width: auto !important; }
.top i { width: 2.5rem; height: 2.8em; margin: 0 0.8em 0 0; display: block; }
.top ul { width: 25%; position: absolute; right: -25%; top: 4.2em; background: #fff; border-left: 1px solid #ccc; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.top li { margin: 0; padding: 0 4%; width: 92%; border-bottom: 1px solid #ccc; line-height: 3em; }
/* banner */





.lbt1, .swiper-container { display: none; }
.banner { width: 100%; display: block; margin-top: 85px; overflow: hidden; position: relative; }
.banner ul { position: absolute; }
.banner li { width: 100%; float: left; overflow: hidden; position: relative; }
.banner li img { width: 100%; }
/* 通用样式 */





.jtys_z { padding: 1.5em 0; }
.jtys_z h3 { font-size: 2em; }
.jtys_z h4 { margin-top: 0; margin-bottom: 1.5em; }
.jtys_z a.ljxq_an { line-height: 2em; height: 2em; font-size: .8em; margin: .5em auto; }
/* 关于 */





.about p { font-size: .8em; line-height: 2em; padding: 0 3%; display: none; }
.about p.jswz_sj { display: block; }
.about ul { width: 100%; margin: .5em 0; }
.about li { margin: 0 1%; width: 31%; font-size: .8em; }
.about li b { font-size: 3.5em; }
.about li b.mub_z { margin-left: 2%; }
.about li em { font-size: 3.8em; }
/* 服务 */





.our_z li { margin: 1em 2%; width: 37%; padding: 1em 3.8% 0em; height: 10em; }
.our_z1 li { height: 18em; }
.our_z li span { font-size: 1em; }
/* 案例 */





.new_z { margin: 1em 0 .5em; }
.new_z li { width: 50%; }
/* 合作 */





.hz_pcd { display: none; }
.hz_sjd { display: block; }
.hzkh_sj { width: 94%; padding: 0 3%; }
.hzkh_sj li { width: 46%; float: left; margin: .5em 2%; }
.hzkh_sj li img { width: 100%; }
/* footer */





.footer { padding: 1em 3%; width: 94%;/* margin-bottom:35px;*/ }
.footer span { font-size: 1.2em; }
.footer p { font-size: .8em; }
.footer ul { width: 100%; }
.footer li { font-size: .8em; }
.footer ul.ul_2 { width: 100%; }
.footer_fdk { display: block; width: 100%; max-width: 640px; background: #444444; position: fixed; bottom: 0; }
.footer_fdk li { float: left; width: 31%; margin: 0 1%; text-align: center; line-height: 2.5em; }
.footer_fdk li a { display: block; color: #fff; }
.footer_fdk li img { width: 15%; position: relative; top: .1em; left: -2%; }
.rig_fdk { display: none; }
/*----------------------------我们---------------------------------------*/
/* 关于图蓝 */





.gytl_z h5 { font-size: 1.4em; margin: 1em 0; line-height: 1em; letter-spacing: 2px; }
.gytl_z p { font-size: .8em; line-height: 2em; padding: 0 3%; text-align: left; display: none; }
.gytl_z p.jswz_sj { display: block; }
.gytl_z ul { width: 100%; margin: .5em 0; }
.gytl_z li { margin: 0 1%; width: 31%; font-size: .8em; }
.gytl_z li b { font-size: 3.5em; }
.gytl_z li b.mub_z { margin-left: 2%; }
.gytl_z li em { font-size: 3.8em; }
/*----------------------------服务---------------------------------------*/
/* 服务流程 */





.fwlc_z h5 { font-size: 1.4em; margin: 1em 0; line-height: 1em; letter-spacing: 2px; }
.fwlc_z p { line-height: 2em; padding: 0 3%; text-align: center; margin-bottom: 2em; }
.fwlc_z p.jswz_sj { display: block; }
.fwlc_z ul.fwlc_l { width: 94%; margin: 0 3%; }
.fwlc_l li { font-size: .8em; line-height: 4em; margin-bottom: 2em; }
.fwlc_l li.nobd { display: none; }
.fwlc_z ul.fwlc_r { width: 94%; margin: 0 3%; }
.fwlc_r li { font-size: .8em; padding: .5em 2%; height: auto; line-height: 2em; margin-bottom: 2em; }
/* 见证客户 */





.jzkh_z b { font-size: 5em; }
.jzkh_z em { font-size: 6em; }
.jzkh_z h5 { font-size: 1.2em; margin: .5em 0; line-height: 2em; }
.jzkh_z p { font-size: .8em; line-height: 2em; padding: 0 3%; margin-bottom: 2em; }
.jzkh_z p.jswz_sj { display: block; }
.mr_frbox { display: none; }
/*----------------------------作品---------------------------------------*/
/* 坚持原创 */





.jcyc_z b { font-size: 2em; margin-top: 5em; }
.jcyc_z h5 { font-size: 1.4em; margin: .5em 0; line-height: 1em; letter-spacing: 2px; }
.jcyc_z p { font-size: .8em; padding: 0 4%; text-align: left; display: none; }
.jcyc_z p.jswz_sj { display: block; }
/* 全部案例 */





.al_title ul { width: 98%; margin: .5em auto .8em; }
.al_title li select { -webkit-appearance: none; }
/* 作品内容 */





.nyys_z { padding: 1em 0; }
.zpnr_z { padding: 0 3%; width: 94%; }
.zpnr_z p, .zpnr_z div, .zpnr_z img, .zpnr_z span { width: 100% !important; height: auto !important; font-size: .8em; }
.fhan_z { margin: 1em 0; }
.fhan_z a { width: 45%; margin: 0 2%; height: 2em; line-height: 2em; font-size: .9em; }
/* 相关案例 */





.xgal_z li { width: 50%; }
/*----------------------------伙伴---------------------------------------*/
/* 客户列表 */





.khlb_z li { width: 46%; margin: 1em 2%; float: left; }
.khlb_z li img { width: 100%; height: auto; }
/*----------------------------联系---------------------------------------*/
/* 准备 */





.zbhl_b b { font-size: 2em; margin-top: 5em; }
.zbhl_b h5 { font-size: 1.4em; margin: .5em 0; line-height: 1.5em; letter-spacing: 2px; }
/* 公司信息 */





.gsxx_z span { font-size: 1.2em; }
.gsxx_z p { font-size: .8em; padding: 0 2%; }
.gsxx_z p.pprx_z { font-size: .8em; font-weight: normal; }
.gsxx_z p.pprx_z a { font-size: 1.1rem; font-weight: bold; vertical-align: middle; color: #333; display: inline-block; }
.gsxx_z h3 { line-height: 1.5em; }
.gsxx_z ul { width: 100%; margin: 1.5em auto .5em; }
.gsxx_z li { width: 60%; margin: .5em 20%; }
/*新闻*/




.new_list_left { display: none; }
.new_list_right { width: 90%; float: none; margin: 0 auto; }
.new_list_right li { width: 100%; height: 142px; overflow: hidden; }
.new_list_inner ul li { text-align: left; padding-right: 5%; width: 90%; padding: 0; margin: 0 auto; float: none; margin-bottom: 10px; }
.new_list_inner ul li img { width: 40%; height: auto; margin-right: 10px; margin-bottom: 0; }
.new_list_inner ul li .new_time_inner { display: none; }
.new_list_inner ul li .new_tit_inner { font-size: 0.8rem; line-height: 1rem; display: block; }
.new_list_inner ul li .new_cont_inner { font-size: 0.8rem; line-height: 1.2rem; height: 2.5rem; overflow: hidden; letter-spacing: 0; display: block; }
.page li { width: auto!important; }
.new_list_right li i { font-size: 50px; }
.new_list_right li .new_cont { line-height: 25px; }
.new_list_right li .new_title { white-space: nowrap; overflow: hidden; }
.new_at { margin-left: .7rem;
}
/*--修改 2020-5-22--*/


.our_z1 { margin-top: 2rem; }
.our_z1 span { font-size: 1.2rem !important; }
.our_z li .new-tit { font-size: 1.2rem; }
.our_z li .new-desc { font-size: 0.9rem; line-height: 1.5rem; }
/*--2020.6.11 新加--*/
.new_list_ul { padding: 0 0.5rem; }
.new_list_news li { margin: 20px 0 0 0 }
.new_list_news li .pic { float: left; width: 46.5%; height: auto; overflow: hidden; border: 1px solid #efefef; }
.new_list_news li .cons { float: right; width: 50%; height: auto; }
.new_list_news li .title-new { font-size: 1rem; line-height: 1.4rem; margin-top: 0.5rem; }
.new_list_news li .cons .addtime { font-size: 0.8rem; }
.new_list_news li .cons .title { line-height: 1.5rem; }
.new_list_news li .cons .title a { font-size: 0.8rem; line-height: 1.3rem; }
.new_list_news li .cons .content { font-size: 0.7rem; line-height: 1.45rem; height: 2.9rem; margin: 5px 0 10px 0 }
.new_list_news li .mmore { display: none; }
.new_list_news .pages { width: 100%; padding: 0 0.5rem; box-sizing: border-box; }
.new_list_news .pages ul { float: right; margin-top: 0.5rem; width: auto; }
.new_list_news .pages ul li { width: auto; float: LEFT; border: 1px solid #ccc; margin-bottom: 1.5rem; color: #888; display: block; padding: 0.3rem 0.5rem; text-align: center; margin-right: 0.3rem; font-size: 0.8rem; }
.new_list_news .pages ul li span { line-height: 1.75rem; margin: 0 0.5rem; }
.new_list_news .pages ul li a { display: block; color: #888; }
}
.happy { font-weight: bold; font-size: 22px; }