@charset "utf-8";

/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wuhan163.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/


body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }

* { padding: 0; margin: 0; }

a { text-decoration: none; }

ul, li { list-style: none; }

img { border: 0; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1200px; margin: 0 auto; overflow: hidden; }

/*------------------top----------------------------*/


.top { height: 82px; background: #000; width: 100%; transition: All .8s ease-out; -webkit-transition: All .8s ease-out; -ms-transition: All .8s ease-out; -o-transition: All .8s ease-out; -moz-transition: All .8s ease-out; }

.top .all { position: relative; overflow: visible; }

.top ul { margin-top: 29px; height: 24px; }

.top ul.fl { text-align: left; }

.top ul.fr { text-align: right; }

.top li { float: left; font-size: 13px; width: 155px;position: relative;    height: 53px; }

.top li a { color: #A9A9A9; line-height: 20px; }

.top li:hover a { color: #C9151E; }

.nav, .nav_lm { display: none; }

.top .all .logo { width: 8.34%; top: 0px; left: 50%; margin-left: -4.17%; position: absolute; z-index: 9999; }

.logo img { width: 100%; transition: All .8s ease; -webkit-transition: All .8s ease; -ms-transition: All .8s ease; -o-transition: All .8s ease; -moz-transition: All .8s ease; }

.scroll { position: fixed; height: 62px; background: #000; z-index: 9999; }

.scroll ul { margin-top: 19px; }

.scroll .all .logo { width: 7.09%; margin-left: -3.545%; }

.scroll .all .logo img { height: 85px !important; transition: All .8s ease; -webkit-transition: All .8s ease; -ms-transition: All .8s ease; -o-transition: All .8s ease; -moz-transition: All .8s ease; }

/*-----------------banner-------------------*/


.ck-slide { width: 100%; height: 688px; margin: 0 auto; }

.ck-slide ul.ck-slide-wrapper { height: 688px; }

.ck-slide { position: relative; overflow: hidden; }

.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; }

.ck-slide ul.ck-slide-wrapper li { position: absolute; height: 100%; }

.ck-slide ul.ck-slide-wrapper li a { display: block; width: 100%; height: 100%; }

.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s; }

.ck-slide .ck-prev { left: 5px; background: url(img/arrow-left.png) #000 50% no-repeat; }

.ck-slide .ck-next { right: 5px; background: url(img/arrow-right.png) #000 50% no-repeat; }

.ck-slidebox { position: absolute; left: 50%; bottom: 20px; z-index: 30; }

.ck-slidebox ul { height: 20px; padding: 0 4px; }

.ck-slidebox ul li { float: left; height: 12px; margin: 4px 6px; }

.ck-slidebox ul li em { display: block; width: 15px; height: 15px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer; }

.ck-slidebox ul li.current em { background-color: #C9151E; }

.ck-slidebox ul li em:hover { background-color: #C9151E; }

/*-----------------模块一-------------------*/


.mk_one, .mk_two { padding-bottom: 80px; border-bottom: 1px solid #979899; }

.w866 { width: 866px; margin: 0 auto; }

.lx h3 { font-family: "FirstFont"; font-size: 31px; color: #3F3F3F; letter-spacing: 1px; text-align: center; padding-top: 60px; }

.lx h3 b { font-weight: normal; padding: 0 10px 4px 10px; border-bottom: 2px solid #3f3f3f; }

.lx h4 { font-size: 23px; color: #41494D; font-weight: normal; text-align: center; padding-top: 40px; }

.lx h4 b { font-size: 48px; /*font-family: "TwoFont";*/ padding-left: 30px; padding-right: 8px; }

.mk_one .lx h4 { padding-top: 22px; }

.lxjj { color: #3F3F3F; font-size: 15px; line-height: 28px; text-align: center; padding-top: 30px; }

.lxlc { width: 736px; margin: 0 auto; padding-top: 37px; padding-bottom: 42px; }

.lxlc li { float: left; margin: 0 26px; }

.lxlc li h3 { font-family: "ThreeFont"; font-size: 172px; color: #1D1D1D; font-weight: normal; padding-left: 14px; }

.lxlc li.ts h3 { padding-left: 0px; }

.lxlc li b { font-family: "微软雅黑"; font-size: 49px; color: #CC010F; }

.lxlc li div { font-size: 18px; line-height: 32px; color: #3F3F3F; }

.more { width: 236px; height: 40px; border: 3px solid #C9C9C9; line-height: 40px; font-size: 13px; text-align: center; background: url(img/jt.png) no-repeat 198px center; margin: 0 auto; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -ms-transition: All 0.3s ease; -o-transition: All 0.3s ease; -moz-transition: All 0.3s ease; }

.more a { color: #535353; display: block; }

.more span { color: #CC010F; padding-left: 45px; }

.more:hover { background: #7A7A7A url(img/jt1.png) no-repeat 198px center; border-color: #7D7676; }

.more:hover a, .more:hover span { color: #fff; }

/*-----------------模块二-------------------*/


.lxal { padding-top: 45px;/* padding-bottom: 115px;*/ width: 92%; margin: 0 auto; }

.lxal li { width: 33.33%; float: left; }

.lxal li .ggzy { display: block; position: relative; }

.pp { width: 100%; float: left; }

.lxal li:hover .ycal { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }

.ycal { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; background: #df1020; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition: all .8s; -o-transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; }

.yc_top { padding: 6%; color: #fff; font-size: 17px; font-family: "宋体"; letter-spacing: .5px; }

.childSub { width: 16px; height: 2px; margin: 8px 0px; background: #fff; }

.yc_con { width: 53%; margin: 0 auto; padding-top: 25px; text-align: center; color: #fff; }

.yc_con div, .btm_con div { font-size: 18px; line-height: 22px; }

.yc_con p, .btm_con p { font-size: 12px; margin-top: 6px;    height: 17px; }

.yc_tb { width: 18.5%; position: absolute; bottom: 15px; right: 15px; }

.btm_con { padding: 12px 0 30px 12px; color: #333; }

.lxal li:hover .btm_con div { color: #C9151E; }

/*-----------------模块三-------------------*/


.mk_three { padding-bottom: 120px; }

.lxfw { margin-top: 40px; margin-bottom: 124px; }

.lxfw li { width: 242px; float: left; }

.lxfw .fw_top { position: relative; }

.fw_top .fw_two { display: none; }

.lxfw li:hover .fw_two { display: block; }

.lxfw li:hover .fw_one { display: none; }

.lxfw li:hover p { background: #F2C4AD; }

.lxfw .fw_top p { height: 1px; width: 34px; background: #ccc; position: absolute; left: 10.5%; top: 38%; }

.lxfw .fw_top div { position: absolute; bottom: 10%; left: 10.5%; color: #fff; font-size: 17px; font-weight: bold; }

.lxfw li dl { font-size: 15px; color: #333; line-height: 27px; width: 231px; height: 290px; padding-top: 20px; background: #EEEFEF; }

.lxfw li dl dt { padding-left: 10.5%; }

.lxfw .fw1 dl { width: 100%; }

.lxfw .fw1 { width: 232px; }

/*-----------------模块四-------------------*/


.mk_four { padding-bottom: 82px; }

.mk_four .all { width: 1384px; position: relative; }

.ysbj { position: absolute; top: 51%; left: 0px; width: 100%; }

.ysmg { position: absolute; top: 22.8%; left: 31.35%; width: 21.5%; }

.ysmg1 { position: absolute; top: 22.8%; left: 47.2%; width: 21.5%; }

.ysmg2 { position: absolute; top: 29.9%; left: 47.1%; width: 5.6%; z-index: 99; animation: tmcd 3s; -moz-animation: tmcd 3s; -webkit-animation: tmcd 3s; -o-animation: tmcd 3s; }

.yscf { width: 142px; background: #D4D4D4; padding-left: 10px; padding-bottom: 6px; height: 256px; }

.xsdh1 { animation: hqxs1 4s; -moz-animation: hqxs1 4s; -webkit-animation: hqxs1 4s; -o-animation: hqxs1 4s; }

.xsdh2 { animation: hqxs2 4s; -moz-animation: hqxs2 4s; -webkit-animation: hqxs2 4s; -o-animation: hqxs2 4s; }

.xsdh3 { animation: hqxs3 4s; -moz-animation: hqxs3 4s; -webkit-animation: hqxs3 4s; -o-animation: hqxs3 4s; }

.xsdh4 { animation: hqxs4 4s; -moz-animation: hqxs4 4s; -webkit-animation: hqxs4 4s; -o-animation: hqxs4 4s; }

.yscf h3 { color: #7D7C7D; font-size: 18px; font-weight: normal; padding-top: 16px; padding-bottom: 8px; }

.yscf li { float: left; width: 100%; line-height: 26px; color: #7D7C7D; font-size: 12px; }

.xb { margin-top: 262px; height: auto; }

.lxys { margin-top: -10px; margin-bottom: 46px; }

.fl.xb { margin-left: 78px; }

.fr.xb { margin-right: 78px; }

/*-----------------模块五-------------------*/


.mk_five { background: #E7141B; height: 694px; }

.art { background: url(img/yis.jpg) no-repeat 100% bottom fixed; height: 100%; width: 100%; }

.wrt_wz { color: #fff; width: 1330px; margin: 0 auto; padding-top: 105px; }

img.jjwz { padding-left: 5%;}

.wz1 { font-size: 40px; padding-bottom: 20px; }

.wz2 { font-size: 35px; padding-bottom: 12px; }

.wz3 { font-size: 60px; padding-bottom: 10px; }

.wz6 { padding-top: 114px; }

.wz4 { font-size: 45px; font-family: "FiveFont"; margin-top: -10px; }

.wz5 { font-size: 67px; font-family: "FiveFont"; }

/*-----------------模块六-------------------*/


.mk_six { padding-bottom: 106px; background: #EEEFF0; }

.ppkt { padding-top: 96px; padding-bottom: 100px; }

.ppkt ul { width: 1440px; }

.ppkt li { float: left; width: 480px; margin-right: 240px; background: #929292; height: 50px; line-height: 50px; margin-bottom: 30px; }

.ppkt li h3 { background: #CCC; float: left; width: 50px; font-size: 48px; color: #939393; font-weight: normal; text-align: center; font-family: "FiveFont"; }

.ppkt li div { width: 430px; background: url(img/jt2.png) no-repeat left center; background-size: 2.4%; float: left; font-size: 21px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*-----------------模块七-------------------*/


.mk_seven { background: url(img/sbj.png) repeat; padding-bottom: 76px; }

.mk_seven .lx h3, .mk_seven .lx h4 { color: #fff; }

.jrwm { padding-top: 60px; padding-bottom: 36px; }

.jrwm ul { width: 1242px; }

.jrwm li { float: left; width: 207px; text-align: center; margin-right: 41px; margin-bottom: 16px; }

.jrwm li img { width: 100%; }

.jrwm li h3 { font-size: 25px; color: #fff; font-weight: normal; padding-top: 25px; font-family: "FourFont"; }

.jrwm li h4 { font-weight: normal; font-size: 14px; color: #fff; letter-spacing: 20px; padding-left: 20px; padding-top: 14px; padding-bottom: 26px; }

.jrwm li .kk div { font-size: 16px; line-height: 20px; color: #434349; font-weight: bold; padding: 16px 0; background: url(img/hx.png) no-repeat top center; }

.morejr { background-position: 120px center; }

.morejr:hover { background-position: 120px center; }

ul.cy_btm { margin: 0 auto; width: 992px; padding-left: 40px; }

/*-------------模块八---apply---------------------*/


.mk_eight { padding-bottom: 76px; }

.kh { width: 100%; position: relative; padding: 80px 0; }

.kh ul { width: 1218px; }

.kh li { width: 150px; height: 70px; margin-right: 24px; float: left; margin-bottom: 24px; }

.kh li img { width: 100%; height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.kh li img:hover { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); }

.why { text-align: center; padding-top: 40px; padding-bottom: 90px; background: url(img/dbj.png) repeat; margin-top: 32px; }

.W_one { font-size: 45px; color: #727171; }

.W_one b { font-weight: normal; color: #727171; }

.W_two { font-size: 20px; color: #727171; line-height: 40px; padding-top: 14px; }

.W_three { width: 104px; margin: 0 auto; height: 2px; background: #727171; margin-top: 32px; }

.W_four { font-size: 24px; color: #727171; text-align: center; padding-top: 30px; }

.W_five { width: 274px; height: 54px; background: #E60012 url(img/tbtell.png) no-repeat 8% 50%; background-size: 15%; text-align: left; margin: 40px auto 0 auto; line-height: 54px; font-size: 42px; color: #fff; font-family: "SixFont"; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; }

.W_five a { color: #fff; padding-left: 26%; }

/*--------------------footer--------------------------*/


.footer { background: #999; color: #fff; padding-top: 44px; }

.ftrpt { width: 18%; float: left; margin: 0 1%; float: left; }

.ftrpt a { color: #fff; }

.dbtop { padding-left: 36px; background: #929292; height: 60px; border: 1px solid #CBCBCB; }

.dbtop h3 { font-size: 20px; padding-top: 7px; }

.dbtop h4 { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding-top: 2px; }

.dbbtm { padding-top: 12px; line-height: 28px; font-size: 14px; padding-left: 36px; }

.foot_btm { border-top: 2px solid #878787; margin-top: 32px; padding: 24px 0 20px 4%; }

.foot_btm li { width: 38%; float: left; font-size: 14px; color: #fff; line-height: 28px; }

.yctb { display: none; }

.foot { background: #777; color: #fff; padding-bottom: 14px; }

.foot .all { position: relative; }

.foot h3 { font-size: 17px; font-weight: normal; letter-spacing: 15px; padding-top: 36px; padding-left: 4%; }

.foot p { font-size: 14px; color: #CBCBCB; text-align: right; font-family: "宋体"; }

.foot .all div { position: absolute; right: 0px; top: 32px; }

.foot .all div a { color: #fff; font-size: 14px; padding-right: 4px; }

/*-------------------关于我们--------------------------------------*/


.s_ban { width: 100%; height: 480px; background-position: center 62px !important; }

.about .lx h3, .about .lx h4 { color: #000; }

.A_con { padding-top: 50px; }

.A_con li { float: left; width: 25%; }

.A_con li img { width: 100%; float: left; }

.sn { color: #000; width: 218px; margin: 80px auto 10px auto; }

.sn h3 { font-family: "SevenFont"; font-size: 100px; float: left; font-weight: normal; line-height: 100px; }

.sn p { font-size: 26px; font-weight: bold; float: left; }

.sn div { font-size: 16px; line-height: 20px; float: left; font-weight: bold; padding-top: 50px; text-align: left; }

.act1 { font-size: 24px; font-weight: bold; font-size: 24px; text-align: center; }

.act2 { font-size: 12px; color: #333333; padding-top: 18px; text-align: center; }

.act3 { padding-top: 52px; padding-bottom: 110px; }

.act3 li { float: left; width: 24%; text-align: center; border-right: 1px solid #F2F2F2; }

.act3 li img { width: 160px; }

.act3 li h3 { font-size: 24px; color: #000; font-weight: normal; padding-top: 14px; }

.act3 li div { font-size: 14px; color: #7B7B7B; padding: 8px 0; }

.lxhz { background: #000; text-align: center; padding: 40px 0; color: #727171; }

/*------------案例------------*/


.btal { width:625px; margin: 72px auto; padding-bottom: 10px; }

.btal li { float: left; width: 194px; margin: 0 6px; border: 1px solid #B7B7B9; height: 44px; line-height: 44px; text-align: center; font-size: 14px; }

.btal li a { color: #939393; display: block; height: 100%; }
.btal li a:hover{background: #CD020F ; border-color: #CD020F; color:#fff; }

.btal li.currt, .btal li.curr { background: #CD020F !important; border-color: #CD020F !important; }

.btal li.currt a, .btal li.curr a, .btal li.current a { color: #fff; }

.btal li.current { background: url(img/fl1.png) no-repeat 155px center #CD020F; border-color: #CD020F; }

.tsfl { background: url(img/fl.png) no-repeat 155px center; position: relative; }

.tsfl a { text-align: left; padding-left: 30px; }

.son { position: absolute; display: none; width: 100%; border: 1px solid #B7B7B9; margin-left: -1px; z-index: 9999; background: #fff; }

.son li { border: 0px; margin: 0px; }

.son li a { color: #939393 !important; }

.son li.curr a { color: #fff !important; }

.son li:hover { background: #EEEEEE; }

.fhlb { margin: 112px auto 0 auto; width: 388px; }

.fhlb a { width: 182px; float: left; border: 2px solid #E50004; height: 42px; line-height: 42px; background: #fff; text-align: center; font-size: 18px; color: #E50004; margin: 0 4px; }

.fhlb a:hover { background: #E50004; color: #fff; }

/*-------------------联系我们-------------------------*/


.lxwm { margin-top: 68px; margin-bottom: 120px; }

.lxwm li { float: left; border-left: 1px solid #959595; padding-left: 84px; padding-right: 30px; font-size: 16px; line-height: 24px; color: #333; height: 250px; }

.lxwm li a { color: #333; }

.lxwn1 { background: url(img/lxwm1.png) no-repeat 42px 2px; width: 410px; }

.lxwn2 { font-size: 14px; font-weight: bold; line-height: 32px; padding-top: 5px; padding-bottom: 54px; }

.lxwn3 { background: url(img/lxwm31.png) no-repeat 42px 8px; width: 200px; }

.lxwn4 { font-weight: bold; }

.lxwn5 { line-height: 32px; padding-top: 2px; padding-bottom: 65px; }

.lxwn6 { width: 188px; padding-top: 26px; }

.lxwn6 a { display: block; word-wrap: break-word; overflow: hidden; }

.lxwn7 { background: url(img/wb1.png) no-repeat 42px 2px; }

.lxwn7 img { width: 98px; height: 98px; }

/*-------------------职位-------------------------*/


.join .all { width: 1230px; }

.join_top { padding-top: 40px; padding-bottom: 106px; }

.join_top li { float: left; width: 25%; color: #fff; position: relative; }

.join_top li h3, .join_top li h4 { padding-left: 10%; font-weight: normal; }

.join_top li h4 { font-size: 20px; padding-top: 32px; padding-bottom: 8px; }

.join_top li h3 { font-size: 23px; }

.join_top li div { font-size: 12px; line-height: 24px; position: absolute; left: 10%; bottom: 32px; }

.zw1 { background: #333; }

.zw2 { background: #FF0000; }

.zw3 { background: #656565 url(img/xx.png) no-repeat center center; text-align: center; }

.zw3 h4 { font-size: 18px !important; }

.zw3 h3 { font-size: 20px !important; }

.zw3 h4, .zw3 h3 { padding-left: 0px !important; }

.zw3 div { font-size: 21px !important; left: 0px !important; width: 100%; bottom: 56px !important; }

.join_botom { background: #BEBEBE; padding-top: 12px; padding-bottom: 240px; }

.btn_jr { width: 1212px; margin: 0 auto; padding-top: 70px; }

.btn_jr li { float: left; background: url(img/zwzw.png) repeat; width: 33.3%; color: #ddd; position: relative; overflow: hidden; }

.btn_jr li img { width: 100%; height: 100%; }

.btn_jr li h3 { font-size: 20px; font-weight: normal; padding-top: 50px; padding-left: 30px; }

.btn_jr li h4 { font-size: 20px; background: url(img/zwdx.png) no-repeat bottom left; padding-bottom: 26px; margin-left: 30px; margin-bottom: 12px; }

.btn_jr li div { font-size: 12px; line-height: 20px; margin-left: 30px; width: 330px; }

.spc1 h3, .spc2 h3 { border-top: 3px solid #C38589; }

.spc1 h3 { margin-right: 20px; }

.spc2 h3 { margin-left: 20px; padding-left: 10px !important; }

.spc3 ins { position: absolute; left: 30px; bottom: 0px; width: 86%; border-bottom: 3px solid #56161A; }

.dhwz h3 { font-weight: bold !important; }

.dhwz h4 { font-weight: normal; }

.jtf { position: absolute; left: 30px; bottom: 14px; width: auto !important; height: auto !important; }

.xzzw { transform: rotate(0deg) scale(1) translate(0%, 0%); -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transform: rotate(0deg) scale(1) translate(0%, 0%); -o-transform: rotate(0deg) scale(1) translate(0%, 0%); -moz-transform: rotate(0deg) scale(1) translate(0%, 0%); -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.xzzw:hover { transition: all 1s ease; -webkit-transition: all 1s ease; transform: rotate(6deg) scale(1.1) translate(0%, 0%); -webkit-transform: rotate(6deg) scale(1.1) translate(0%, 0%); }

/*----------------研究品牌--------------------*/


.new_top li { float: left; width: 100%; margin: 15px 0; height: 25px; }

.new_top li a { font-size: 17px; color: #767676; line-height: 25px; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; }

.new_top li:hover a { color: #e10f4a; font-size: 19px; text-decoration: underline; }

.new_bottom ul { width: 1230px; padding-bottom: 40px; }

.new_bottom li { float: left; width: 330px; padding: 24px; border: 1px solid #CDCDCD; box-shadow: 3px 3px 6px #CCCCCC; -moz-box-shadow: 3px 3px 6px #CCCCCC; -webkit-box-shadow: 3px 3px 6px #CCCCCC; margin-top: 30px; margin-right: 30px; }

.new_bottom li a { color: #000; }

.new_bottom li h3 { font-size: 20px; padding-top: 16px; }

.new_bottom li h3 b { padding-right: 12px; font-weight: normal; padding-bottom: 6px; border-bottom: 4px solid #000; }

.new_bottom li h4 { font-size: 24px; padding-top: 18px; padding-bottom: 16px; border-bottom: 1px solid #E4E4E4; }

.new_bottom li img { width: 100%; padding-top: 24px; }

.new_bottom li div { font-size: 12px; color: #656565; padding: 10px 14px 0 14px; line-height: 20px; }

.new_bottom li ins { display: block; font-size: 12px; color: #FF0000; font-style: italic; padding: 30px 14px 10px 14px; }

/*------------------------文章页-----------------------------*/


.arc_con { padding-top: 90px; }

.arc_left { width: 360px; float: left; }

.arc_left li { float: left; width: 100%; font-size: 16px; font-weight: bold; line-height: 34px; }

.arc_left li a { color: #3f3f3f; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.arc_left li:hover a { color: #cc0000; }

.arc_right { width: 800px; float: right; }

.arc_con .title { font-size: 24px; color: #3F3F3F; font-weight: bold; padding-bottom: 10px; }

.fbxx, .fbxx1 { margin-bottom: 30px; font-size: 13px; color: #313131; line-height: 30px; border-top: 1px solid #ababab; }

.fbxx { border-bottom: 1px solid #ababab; }

.fbxx1 { margin-top: 30px; }

.arc_arc { font-size: 14px; color: #666666; line-height: 24px; }

.arc_arc img { max-width: 100%; height: auto !important; }

.back { margin-top: 30px; margin-bottom: 52px; }

.dtjj { height: 60px; }

/*---------新增案例内页---------------*/


.arc_case { width: 1260px; margin: 0 auto; padding-top: 110px; }

.case_nr { width: 1240px; margin: 0 auto; }

.case_nr img { max-width: 100%; height: auto !important; }

.c_time { font-size: 12px; color: #333; letter-spacing: 2.5px; margin-bottom: 35px; }

.c_time div { border-top: 1px solid #605F5F; padding-top: 5px; }

.c_title { font-size: 34px; font-family: "宋体"; color: #333; line-height: 46px; }

.c_lb { margin-top: 100px; margin-bottom: 20px; }

.c_lb ul { width: 120px; background: url(img/lb.png) no-repeat; height: 24px; }

.c_lb li { float: left; width: 24px; height: 24px; margin-right: 6px; background-size: 100% !important; }

.c_lb .lb1_chs { background: url(img/lb_h1.png) no-repeat; }

.c_lb .lb2_chs { background: url(img/lb_h2.png) no-repeat; }

.c_lb .lb3_chs { background: url(img/lb_h3.png) no-repeat; }

.c_lb .lb4_chs { background: url(img/lb_h4.png) no-repeat; }

.c_rpt { padding-top: 14px; margin: 0 10px; float: left; color: #444; line-height: 24px; border-top: 1px solid #666; font-size: 12px; width: 400px; }

.c_rpt_ts { float: right; width: 394px; padding-top: 14px; margin: 0 10px; border-top: 1px solid #fff; }

.c_rpt_ts img { width: 100%; }

.c_jj { padding-bottom: 70px; }

.zjj { width: 1240px; margin: 0 auto; }

.related { width: 1240px; margin: 0 auto; }

.xgbt { padding-bottom: 34px; }

.xgbt h3 { font-size: 20px; color: #666; padding-top: 34px; padding-bottom: 10px; }

.xgbt div { font-size: 12px; letter-spacing: 2.5px; color: #333; font-family: Verdana, Geneva, sans-serif; }

.related { padding-bottom: 90px; }

.related li { float: left; width: 310px; overflow: hidden; }

.related li a { display: block; position: relative; height: 100%; }

.related li img { width: 100%; transform: rotate(0deg) scale(1, 1) translate(0%, 0%); -webkit-transform: rotate(0deg) scale(1, 1) translate(0%, 0%); -ms-transform: rotate(0deg) scale(1, 1) translate(0%, 0%); -o-transform: rotate(0deg) scale(1, 1) translate(0%, 0%); -moz-transform: rotate(0deg) scale(1, 1) translate(0%, 0%); transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.related li:hover img { transform: rotate(0deg) scale(1.2, 1.2) translate(0%, 0%); -webkit-transform: rotate(0deg) scale(1.2, 1.2) translate(0%, 0%); -ms-transform: rotate(0deg) scale(1.2, 1.2) translate(0%, 0%); -o-transform: rotate(0deg) scale(1.2, 1.2) translate(0%, 0%); -moz-transform: rotate(0deg) scale(1.2, 1.2) translate(0%, 0%); transition: All 8s ease; -webkit-transition: All 8s ease; -ms-transition: All 8s ease; -o-transition: All 8s ease; -moz-transition: All 8s ease; }

.related li ins {/*background-color: rgba(0,0,0,0.63);*/ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.related li:hover ins {/*background:url(img/xgbj2.png) repeat;*/ background-color: rgba(0,0,0,0.27); }

.related li .jzxs { margin-top: auto; margin-bottom: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; display: inline-block; height: 150px; }

.related li .jzxs h3 { font-weight: normal; color: #fff; margin: 0px auto auto; bottom: 0px; right: 0px; top: 0px; left: 0px; width: 80%; height: 46px; text-align: center; line-height: 60px; position: absolute; display: inline-block; z-index: 3; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.related li:hover .jzxs h3 { margin-top: 15px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; margin-bottom: auto; }

.related li .jzxs div { color: #fff; margin: auto auto 23px; left: 0px; right: -9px; top: 0px; bottom: 0px; text-align: center; width: 90%; height: 30px; position: absolute; display: inline-block; line-height: 30px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; z-index: 3; font-size: 12px; letter-spacing: 8px; padding-left: 0px; transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.related li:hover .jzxs div { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; margin-top: auto; margin-bottom: 34px; }

.related li .jzxs p { height: 1px; min-height: 1px; width: 0px; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; display: inline-block; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; background: #fff; transition: All 1s ease; -webkit-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; -moz-transition: All 1s ease; }

.related li:hover .jzxs p { width: 25px; height: 2px; min-height: 2px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

/*------------新增修改创建品牌-------------------*/


.cjpp { width: 1078px; margin: 32px auto 12px auto; color: #292A29; position: relative; height: 420px; overflow: hidden; }

.cfpp { width: 17.2%; position: absolute; }

.cfpp h3 { font-size: 27px; font-weight: normal; padding-top: 10px; padding-bottom: 4px; }

.cfpp p { font-size: 14px; line-height: 24px; padding-bottom: 14px; }

.cfpp h3, .cfpp p { padding-left: 34px; }

.cfpp .ztnr { background: #C2C1C4; width: 84.9%; height: 54px; font-size: 30px; font-weight: bold; line-height: 54px; text-align: center; position: relative; }

.cfpp .sjx { overflow: hidden; width: 0; height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #ddd transparent transparent transparent; border-top: 27px solid transparent; border-bottom: 27px solid transparent; border-left: 30px solid #5C5D5D; right: -38px; position: absolute; top: 0px; bottom: 0; }

.cjts1 h3 { margin-bottom: 24px; margin-top: 13px; }

.cjts1 .ztnr { background: #C92C27; color: #fff; }

.cjts1 { top: 73px !important; left: 0% !important; }

.cjts2 { left: 19.2% !important; }

.cjts3 { left: 38.4% !important; }

.cjts4 { right: 25.2% !important; }

.ycjg { position: absolute; width: 310px; right: 0% !important; height: 100%; top: 74px !important; }

.yxyx { width: 196px; height: 196px; background: #C92C27; font-size: 34px; color: #fff; text-align: center; position: absolute; left: 63px !important; top: 0 !important; border-radius: 98px; -moz-border-radius: 98px; -o-border-radius: 98px; -ms-border-radius: 98px; -webkit-border-radius: 98px; }

.yxyx div { padding-top: 53px; }

.txtx { background: url(img/txtx.png) no-repeat; background-size: 100%; width: 310px; position: absolute; right: 0px; bottom: 156px; height: 110px; font-size: 16px; line-height: 24px; text-align: center; }

.txtx b { font-size: 17px; font-weight: normal; }

.txtx div { padding-top: 31px; font-size: 14px; }

.xzs { font-size: 14px; text-align: center; padding-bottom: 40px; color: #292A29; }

.new_bk { border: 1px solid #CDCDCD; box-shadow: 0px 0px 6px #CCCCCC; -moz-box-shadow: 0px 0px 6px #CCCCCC; -webkit-box-shadow: 0px 0px 6px #CCCCCC; width: 1200px; margin: 30px auto 0 auto; }

.new_bk ul { padding-left: 16px; }

/*-----------------------修改关于我们-------------------------*/


.mx_one { border-bottom: 1px solid #424343; }

.mx_one .all { background: url(img/mx.jpg) no-repeat 152px 45px; padding-bottom: 60px; }

.mx_wx { color: #333; width: 590px; margin-left: 512px; }

.mx_wx h3 { font-size: 45px; font-weight: normal; padding-top: 76px; }

.mx_wx h4 { font-size: 24px; font-weight: normal; padding-bottom: 22px; border-bottom: 1px solid #D81617; }

.mx_wx div { font-size: 14px; line-height: 26px; padding-top: 20px; }

.mx_two .all { background: url(img/mx2.png) no-repeat right center; padding: 22px 0 120px 0; }

.mx_two .mx_wx { margin-left: 0px; width: 560px; }

.ppdh { background: url(img/about3.jpg) no-repeat center top; width: 100%; }

.ppdh .all { width: 1050px; padding: 106px 0; }

.ppdh .same { width: 210px; float: left; }

.ppdh .same p { background: #661015; width: 201px; height: 16px; padding: 0; margin: 0; }

.sm_top { width: 210px; background-size: 100% !important; }

.sm_top div { font-size: 15px; color: #fff; padding-top: 56px; padding-left: 10px; }

.sm1 { background: url(img/pp1.png) no-repeat; }

.sm2 { background: url(img/pp2.png) no-repeat; }

.sm3 { background: url(img/pp3.png) no-repeat; }

.sm4 { background: url(img/pp4.png) no-repeat; }

.sm5 { background: url(img/pp5.png) no-repeat; }

.ppdh .sm_btm { width: 179px; border: 1px solid #393B3B; font-size: 15px; line-height: 30px; color: #fff; padding: 10px 0 10px 20px; height: 300px; }

.lcxy { font-size: 18px; color: #333; text-align: center; line-height: 34px; padding: 18px 0; width: 83%; margin: 0 auto; }

.qh_list { width: 352px; margin: 0 auto; padding-top: 10px; padding-bottom: 46px; }

.qh_list li { width: 168px; background: #fff; border: 4px solid #D71518; float: left; line-height: 40px; text-align: center; color: #D71518; cursor: pointer; }

.qh_list li.chs { background: #D71518; color: #fff; }

.qh_con { width: 100%; }

.zylc { padding-bottom: 72px; border-bottom: 1px solid #333; }

.toTop { width: 60px; height: 60px; background: url(img/fhdb.png) no-repeat; cursor: pointer; position: fixed; right: 1%; bottom: 2%; text-indent: -9999px; }


/*----核心成员新加 2019.12.5----*/
.core_list{margin-top:35px;}
.core_list ul li{width:380px; float:left; margin-right:30px; margin-bottom:25px;}
.core_list ul li:nth-child(3n){margin-right:0px;}
.core_list .core_img{width:380px; height:379px; font-size:0;}
.core_list .core_img img{width:100%; height:100%;}
.core_list .core_con{background:rgba(102,51,51,.8); padding:20px 26px; height:355px;}
.core_con h3{font-size:24px; color:#fff; font-weight:500;}
.core_con h3 span{font-size:14px; color:#fff; padding:0 10px;}
.mintitle{margin-top:6px; height:20px; line-height:20px; font-size:14px; color:#fff;}
.core_diploma{margin-top:15px; font-size:13px; color:#fff; line-height:20px; overflow:hidden;}
.core_con .core_desc{margin-top:20px; font-size:13px; color:#ccc; line-height:25px;}


 @media screen and (min-width:1920px) {

.ck-slide ul.ck-slide-wrapper li { width: 1920px !important; }
}
 @media screen and (min-width:1921px) {

.ck-slide ul.ck-slide-wrapper li { width: 1920px !important; }

.ck-slide { width: 1920px; }
}


/*----------------------适配开始1024-----------------------------*/
@media screen and (max-width:1024px) {

.all { width: 100%; }

.top { height: 64px; }

.top ul { margin-top: 20px; width: 45.8%; }

.top li { width: 30%; }

.top .fl li a { padding-left: 10%; }

.top .fr { width: 41.6%; }

.top .fr li { text-align: right; width: 30%; }

.top .fr li:nth-child(1) { width: 39%; }

.top .fr li a { padding-right: 10%; }

.scroll { height: 44px; }

.scroll ul { margin-top: 10px; }

.scroll .all .logo img { height: 5em !important; }

.ck-slide ul.ck-slide-wrapper { height: 360px; }

.ck-slide { height: 360px; }

.ck-slide ul.ck-slide-wrapper li a { background-size: 100% !important; }

.lxal { padding-bottom: 50px; width: 100%; }

.mk_three { padding-bottom: 100px; }

.lxfw { margin-bottom: 0px; }

.lxfw .fw_top img { width: 100%; }

.lxfw li { width: 20%; margin-left: .15%; }

.lxfw li.fw1 { width: 19.2%; }

.lxfw li dl { padding-top: 14px; width: 95.5%; height: 260px; }

.lxfw li dl dt {
font-size:.7rem; line-height: 1.6rem; }

.cjpp { width: 866px; }

.cfpp .ztnr { height: 40px; font-size: 1.3rem; line-height: 40px; }

.cfpp .sjx { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 22px solid #5C5D5D; right: -30px; }

.cfpp h3 { font-size: 1.4rem; }

.cfpp h3, .cfpp p { padding-left: 15%; }

.ycjg { width: 30%; height: 100%; top: 58px !important; }

.yxyx { width: 60%; font-size: 1.2rem; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; left: 25% !important; }

.txtx { width: 90%; bottom: 46%; }

.txtx div { padding-top: 22px; font-size: 12px; }

.txtx b { font-size: 15px }


.mk_five {height: auto;}

.art { background: url(img/yis.jpg) no-repeat 140% bottom; background-size: 58%;}

.wrt_wz {padding: 6% 0; width:100%;}

img.jjwz { padding-left: 2%;width: 75%;}

.ppkt ul, .jrwm ul, .kh ul { width: 100%; }

.ppkt { width: 866px; margin: 0 auto; }

.ppkt li { width: 46%; margin: 0 2%; height: 40px; line-height: 40px; }

.ppkt li h3 { width: 11%; font-size: 2.5rem; }

.ppkt li div { width: 89%; background-size: 2.2% !important; font-size: 1.1rem; }

.jrwm li { width: 21%; margin: 0 6% 16px 6%; position: relative; }

.jrwm li img { position: absolute; left: 0px; top: 0px; }

.jrwm li .kk { position: absolute; left: 0px; bottom: 0px; width: 100%; }

.jrwm ul .cl { display: none; }

.cy_btm { padding: 0px !important; }

.cy_btm li, .cy_btm li img, .cy_btm li .kk { position: inherit; }

.kh li { width: 14%; margin: 0 1.33% 1.5em 1.33%; }

.dbtop { padding-left: 18px; }

.dbtop h3 { font-size: 18px; }

.dbtop h4 { font-size: 13px; }

.dbbtm { padding-left: 18px; }

.foot h3 { font-size: 16px; }

.foot p { padding-top: 6px; font-size: .6rem;
}

.toTop { width: 45px; height: 45px; background-size: 100% !important; bottom: 14.5%; }

/*-------案例------------*/


.fhlb { margin: 60px auto 0 auto; }

.s_ban { height: 314px; background-position: center top !important; background-attachment: inherit !important; background-size: 120% !important; }

.case_nr, .zjj { width: 100%; }

.arc_case, .related { width: 84%; margin: 0 auto; }

.c_rpt { width: 31.33%; margin: 0 2% 0 0; }

.related li { width: 25%; }

/*-------关于------------*/


.gysj { padding-bottom: 2em !important; }

.about1, .about2 { background-size: 140% !important; width: 100%; }

.about1 { height: 490px !important; }

.about2 { height: 332px !important; }

.mx_one .all { background: url(img/mx.jpg) no-repeat 10% 30%; background-size: 27%; width: 84%; }

.mx_wx { width: 56%; margin-left: 44%; }

.mx_wx h3 { font-size: 2.2rem; }

.mx_wx h4 { padding-bottom: .7em; font-size: 1.3rem; }

.mx_wx div {
font-size: .8rem; line-height: 1.6rem; padding-top: 1em; }

.mx_two .all { background-size: 36%; width: 84%; padding: 22px 6% 120px 6%; background-position: 96% 90px; }

.mx_two .mx_wx { width: 58%; }

.ppdh { background-size: 180% !important; }

.ppdh .all { width: 100%; padding: 92px 0; }

.ppdh .same { width: 20%; }

.sm_top { width: 100%; }

.ppdh .same p { width: 96%; margin: -1px 0 0 0; }

.ppdh .sm_btm { width: 90%; padding: 10px 0 10px 5%; }

.qh_con img { width: 100%; }

.lcxy, .qh_con { width: 866px; margin: 0 auto; }

/*------品牌课堂---------*/


.new_bk { width: 98%; }

.new_bottom ul { width: 100%; }

.new_bottom li { width: 26.13%; padding: 20px 2.5%; margin: 30px 1% 0 1%; }

.new_bottom li h4 { font-size: 1.4rem; }

.arc_con { width: 86.6%; margin: 0 auto; }

.arc_con .all { width: 100%; }

.arc_right { width: 100%; }

.arc_left { display: none; }

.back img { width: 38px; }

/*----------职位+联系---------------*/


.join .all { width: 100%; }

.join_botom { background-size: 140% !important; background-position: center top !important; height: 934px; }

.btn_jr { width: 100%; }

.btn_jr li h3 { font-size: 1rem; padding-top: 14px; padding-left: 7%; }

.btn_jr li h4 { font-size: 1rem; padding-bottom: 10px; margin-left: 7%; margin-bottom: 10px; }

.btn_jr li div { margin-left: 7%; width: auto; }

.spc2 h3 { margin-left: 7%; padding-left: 0px !important; }

.lxwm li { padding-left: 6%; padding-right: 3%; }

.lxwn1 { width: 33.33%; background-size: 5% !important; background-position: 30px 2px !important; }

.lxwn2 { padding-bottom: 40px; }

.lxwn3 { width: 24%; background-size: 6% !important; background-position: 30px 3px !important; }

.lxwn5 { padding-bottom: 16px; }

.lxwn7 { width: 15%; background-size: 7.5% !important; background-position: 30px 2px !important; }

.lxwn6 { width: auto; padding-top: 20px; }

/*鼠标效果*/


.more:hover { border-color: #c9c9c9; background: url(img/jt.png) no-repeat 198px center; }

.more:hover span { color: #CC010F; }

.more:hover a { color: #535353; }

.lxal li:hover .btm_con div { color: #333; }

.lxal li:hover .ycal { display: none; }

.lxfw li:hover .fw_one { display: block; }

.lxfw li:hover .fw_two { display: none; }

.lxfw li:hover p { background: #ccc; }

.morejr:hover { background-position: 120px center; }

.top li:hover a { color: #A9A9A9; }

.fhlb a:hover { background: #fff; color: #E50004; }

.new_top li:hover a { color: #767676; font-size: 17px; text-decoration: none; }
}
 @media screen and (max-width:768px) {

.top { height: 50px; }

.top ul { margin-top: 15px; }

.top li { font-size: .7em; }

.top li a { font-weight: bold; }

.scroll .all .logo img { height: 3.8em !important; }

.scroll { height: 40px; }

.scroll ul { margin-top: 10px; }

.ck-slide ul.ck-slide-wrapper { height: 268px; }

.ck-slide { height: 268px; }

.w866 { width: 84%; margin: 0 auto; }

.lxlc li h3 { font-size: 142px; }

.lxlc li div { font-size: 16px; }

.lxjj { padding: 30px 1% 0 1%; }

.lxal { width: 100%; }

.cfpp .ztnr { font-size: 1rem; width: 80%; height: 36px; line-height: 36px; }

.cfpp .sjx { border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 20px solid #5C5D5D; right: -28px; }

.cjpp { width: 86%; }

.cfpp h3 { font-size: 1rem; font-weight: bold; }

.ycjg { width: 30%; height: 100%; top: 58px !important; }

.yxyx { width: 60%; font-size: 1.1rem; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; left: 25.8% !important; }

.yxyx div { padding-top: 34px; }

.txtx { width: 90%; bottom: 50%; }

.txtx div { padding-top: 18px; font-size: .6rem;
line-height: 1.4rem; }

.txtx b { font-size: 13px }

.cfpp p { font-size: 12px; }

.cfpp h3, .cfpp p { padding-left: 14%; }

.wz1 { font-size: 2.2rem; }

.wz2 { font-size: 2rem; }

.wz3 { font-size: 3rem; }

.wz4 { font-size: 2.6rem; }

.wz5 { font-size: 3.8rem; }

.mk_five { height:auto; }

img.jjwz {padding-left: 4%;}

.jrwm li h3 { font-size: 1.5rem; }

.lxfw .fw_top div { font-size:.8rem;
}

.ppkt { width: 84%; }

.ppkt li h3 { font-size: 2rem; }

.ppkt li div { font-size: 1rem; }

.dbtop { padding-left: 8px; height: 48px; }

.dbtop h3 { font-size: .9rem;
}

.dbtop h4 { font-size: .65rem;
}

.dbbtm { padding-left: 8px; font-size: .7rem;
line-height: 1.6rem; }

.foot_btm { padding: 24px 0 20px 2%; }

.foot_btm li { width: 44%; font-size: .8rem;
}

.foot h3 {
font-size: .9rem; padding-top: 20px; }

.foot p { padding-top: 8px; font-size: .65rem;
}

.foot .all div { top: 20px; }

.foot .all div a { font-size:.7rem;
}

/*案例*/


.s_ban { height: 234px; }

.btal { width: 100%; margin: 72px auto 22px auto; }

.btal li { width: 22.3%; margin: 0 0 0 2%; height: 40px; line-height: 40px; }

.tsfl { background-position: 90% 54% !important; }

.tsfl a { padding-left: 20px; }

.son li { margin: 0px !important; width: 100% !important; }

.c_rpt { width: 98%; margin: 0 2% 10px 0; }

/*关于*/


.about1 { height: 360px !important; }

.mx_one .all { background-position: 4px 30px !important; background-size: 28%; padding-bottom: 3.5em; }

.mx_wx { width: 62%; margin-left: 38%; }

.mx_wx h3 { padding-top: 1.5em; font-size: 2rem; }

.mx_wx h4 { font-size: 1rem; font-weight: bold; }

.mx_two .mx_wx { width: 58%; }

.mx_two .all { background-size: 36%; padding: 0 5% 3.5em 5%; width: 90%; background-position: 95% 62px; }

.about2 { height: 248px !important; }

.sm_top div { padding-top: 38px; padding-left: 6px; font-size: .85rem;
}

.ppdh .same p { height: 10px; }

.ppdh .sm_btm {
font-size: .75rem; line-height: 1.6rem; height: 260px; width: 89.5%; }

.ppdh .all { padding: 42px 0; }

.related li .jzxs div { line-height: 22px; }

.lcxy, .qh_con { width: 86%; margin: 0 auto; }

/*品牌课堂*/


.new_bottom li h3 { font-size: 1.3rem; padding-top: 0px; }

.new_bottom li h4 { font-size: 1rem; }

.new_bottom li div { padding-top: 4px; overflow: hidden; }

.new_bottom li ins { padding-top: 20px; }

/*职位*/


.jtf { left: 7%; bottom: 2px; }

.join_top li h4 { padding-top: 14px; }

.join_top li div, .zw3 div { bottom: 20px !important; }

.btn_jr { padding-top: 42px; }

.join_botom { padding-top: 0px; height: auto; }

/*联系我们*/


.lxwm li {
font-size: .9rem; height: 200px; }

.lxwn1, .lxwn7 { background-position: 24px 4px !important; }

.lxwn2 { padding-bottom: 20px; line-height: 1.6rem; }

.lxwn3 { background-position: 24px 5px !important; }

.lxwn5 { line-height: 1.6rem; padding-top: 0px; padding-bottom: 6px; }

.lxwn6 { padding-top: 10px; }
}
 @media screen and (max-width:670px) {

.nav { display: block; position: absolute; right: 1%; width: 5%; top: 9px; }

.nav_lm { position: fixed; width: 24%; background: #000; right: 0px; top: 46px; height: 100%; z-index: 9999; }

.nav_lm ul { border-left: 1px solid #727171; background: #000; height: auto; }

.all { min-width: 320px; }

.scroll { position: fixed; top: 0; left: 0; width: 100%; }

.top { height: 46px; transition: inherit; -webkit-transition: inherit; -ms-transition: inherit; -o-transition: inherit; -moz-transition: inherit; }

.top .all { height: 100%; }

.top ul.fl, .top ul.fr { display: none; }

.top ul { margin-top: 0px; width: 100% !important; text-align: center; }

.top li { width: 100% !important; text-align: center !important; font-size:.7rem; height:1.4rem;
line-height: 1.4rem; padding: .83em 0; border-bottom: 1px solid #727171; }

.top li a { padding-left: 0 !important; padding-right: 0px; font-weight: normal; }

.top .all .logo { width: 10%; top: 0%; left: 45%; margin-left: 0px; }

.scroll .all .logo img { height: auto !important; transition: inherit; -webkit-transition: inherit; -ms-transition: inherit; -o-transition: inherit; -moz-transition: inherit; }

.ck-slide ul.ck-slide-wrapper { height: 234px; }

.ck-slide { height: 234px; }

.ck-slidebox ul li em { width: 10px; height: 10px; }

.ck-slidebox { bottom: 10px; }

.lx h3 { font-size: 1.1rem; padding-top: 1em; }

.lx h3 b { border-bottom: 1px solid #3f3f3f; }

.lx h4 { padding-top: 1em !important; font-size:.6rem !important;
}

.lx h4 b { font-size: 1.3rem; padding-left: 10px; }

.w866 { width: 93%; }

.lxjj { margin: 0 auto; font-size: 12px; }

.lxlc { width: 100%; padding: 1em 0; }

.lxlc li { margin: 0 1% 0 8%; width: 23%; padding: 2em 0 0 0; }

.lxlc li h3 { font-size: 3rem; padding-left: 0px; }

.lxlc li b { font-size: 1.7rem; margin-left: 5px; }

.lxlc li div {
font-size: .75rem; line-height: 1.6rem; }

.lxal li { width: 50%; }

.lxal li:nth-child(9), .lxal li:nth-child(10), .lxal li:nth-child(11), .lxal li:nth-child(12) { display: none; }

.btm_con { padding: .5em 0 1em 4%; }

.yc_con p, .btm_con p { margin-top: 0px; }

.more { border: 1px solid #C9C9C9; width: 200px; height: 36px; line-height: 36px; font-size: 12px; background-position: 94% center !important; background-size: 3% !important; }

.more span { padding-left: 12%; }

.yc_top { display: none; }

.yc_con { width: 90%; padding-top: 15%; }

.yc_tb { display: none; }

.yc_con div, .btm_con div { font-size: .9rem;
}

.lxfw { width: 94%; margin: 40px auto 0 auto; }

.lxfw li { width: 33.33%; margin-left: 0; margin-bottom: .5rem;
}

.lxfw li.fw1 { width: 32%; }

.Attitude { background-size: 140% !important; height: 388px !important; }

.mk_four { display: none; }

.cjpp { height: 1000px; }

.cfpp { width: 50%; position: absolute; }

.cfpp h3, .cfpp p { padding-left: 20%; }

.cjts2 { left: 50% !important; }

.cjts3 { top: 36%; left: 0px !important; }

.cjts4 { top: 36%; left: 50% !important; }

.ycjg { width: 70%; top: 77% !important; left: 15%; height: 240px; }

.yxyx { left: 20% !important; }

.txtx { width: 100%; bottom: 4%; }

.txtx div { padding-top: 2.5em; }

.mk_five { height: auto; }

.art { background: none; text-align: center; height: auto; }

img.jjwz{ padding-left:0px; width:81%;}

.wz1 { font-size: 1.3rem; padding-bottom: 16px; }

.wz2 { font-size: 1.4rem; padding-bottom: .3em; }

.wz3 { font-size: 2.4rem; }

.wz6 { padding-top: 6px; }

.wz4 { font-size: 2.4rem; }

.wz5 { font-size: 3.4rem; }

.ppkt { padding: 1.5em 0; }

.ppkt li { width: 46%; margin: .5em 2%; }

.ppkt li div { font-size: .9rem;
}

.jrwm li { width: 30.33%; margin: 0 1.5% 1em 1.5%; }

.jrwm li h3 { font-size: 1.3rem; padding-top: .5em; }

.jrwm li h4 { padding-top: .3em; padding-bottom: .6em; }

.jrwm li div { font-size: 15px; padding: .6em 0; }

.kh li { width: 17%; margin: 0 1.5% 1.5em 1.5%; }

.kh li:nth-child(21), .kh li:nth-child(22), .kh li:nth-child(23), .kh li:nth-child(24), .kh li:nth-child(25), .kh li:nth-child(26), .kh li:nth-child(27), .kh li:nth-child(28), .kh li:nth-child(29), .kh li:nth-child(30), .kh li:nth-child(31), .kh li:nth-child(32), .kh li:nth-child(33), .kh li:nth-child(34), .kh li:nth-child(35) { display: none; }

.W_one { font-size: 1.6rem; }

.W_two {
font-size: .8rem; line-height: 1.6rem; }

.W_three { width: 60px; height: 1px; margin-top: 1em; }

.W_four { font-size: 1.05rem; padding-top: .8em; }

.W_five { width: 250px; height: 54px; line-height: 60px; font-size: 2.2rem; }

.ftrpt { width: 30.33%; margin: 0 1.5%; height: 310px; }

.foot_btm { padding: 24px 0 20px 4%; margin-top: 10px; }

.foot_btm li { width: 100%; margin-bottom: .5em; }

.foot h3 { padding-top: 18px; }

.foot p { text-align: left; padding-left: 4%; line-height: 1.3rem; }

.foot .all div { display: none; }

/*案例*/


.s_ban { height: 202px; }

.btal { margin: 2.5em auto 0 auto; }

.btal li { width: 46.5%; margin: 0 0 .5em 2%; background-size: 4.5%; }

.fhlb { margin: 2.5em auto 1em auto; width: 300px; }

.fhlb a { width: 44%; height: 38px; line-height: 38px; font-size: 1rem; margin: 0 2%; }

.arc_case { padding-top: 1em; }

.arc_case, .related { width: 94%; }

.c_time { padding-bottom: 1em; margin-bottom: 1em; }

.c_time div { border: 0px; }

.c_title { font-size: 1.5rem; }

.c_lb { margin-top: 2em; margin-bottom: 1em; height: 20px; }

.c_lb ul { width: 100px; height: 24px; background-size: 100%; }

.c_lb li { width: 20px; height: 24px; margin-right: 6.8px; }

.c_jj { padding-bottom: 2em; }

.xgbt { padding-bottom: 2em; }

.xgbt h3 { font-size: 1.2rem; padding-top: 1em; }

.related { padding-bottom: 3em; }

.related li { width: 50%; }

.related li .jzxs h3 { font-size: 1rem; }

.related li .jzxs div {
font-size: .7rem; letter-spacing: 2px; }

/*.c_rpt {
font-size:.5rem; line-height: 1rem; }

关于*/


.about1 { height: 312px !important; }

.mx_one .all { background: none; padding-bottom: 30px; }

.mx_one .all, .mx_two .all { width: 100%; }

.mx_wx, .mx_two .mx_wx { width: 94%; margin: 0 auto; }

.mx_wx h3 { padding-top: 1em; font-size: 1.5rem; }

.mx_wx h4 { font-size: 1.15rem; padding-top: .3em; padding-bottom: .4em; font-weight: normal; }

.mx_wx div { padding-top: .5em; font-size: .75rem;
line-height: 1.5rem; }

.mx_two .all { background: none; padding: 0 0 2em 0; }

.about2 { height: 214px !important; }

.ppdh { background-repeat: repeat !important; background-size: 360% !important; }

.ppdh .same { width: 33.33%; margin-bottom: .5em; }

.sm_top div { padding-top: 3em; font-size: 1rem; }

.lcxy { font-size: .9rem;
}

.lcxy, .qh_con { width: 94%; }

/*品牌研究*/


.new_bottom li { width: 43.4%; padding: .8em 2%; margin: 1em 1% 0 1%; }

.new_bottom li h3 { font-size: 1.2rem; }

.new_bottom li h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.new_bottom li img { padding-top: .6em; }

.new_bottom li div { padding: 4px 0 0 0; }

.new_bottom li ins { padding: 1em 0 .5em 0; }

.new_top li { margin: .5em 0; }

.new_top li a { font-size: 1.05rem !important; }

.arc_con .title { font-size: 1.2rem; }

.arc_con { padding-top: 1em; width: 94%; }

/*.arc_con .arc_arc {font-size: .5rem; line-height: 1rem; }*/


.arc_con .arc_arc img { max-width: 100%; height: auto !important; }

.fbxx1 { margin-top: 0; margin-bottom: 1em; }

.back { margin-top: 1em; margin-bottom: 3em; }

.back img { width: 30px; }

/*职位*/


.join_top { padding-top: 1.5em; padding-bottom: 0; }

.btn_jr { padding-top: 2em; }

.join_botom { padding-bottom: 0px; padding-top: 1em; }

.join_top li { width: 25%; background-size: 25%; background-position: 50% 60%; }

.join_top li h4 { padding-top: 14px; font-size: .9rem;
}

.join_top li h3 { font-size: 1.2rem; }

.join_top li div, .zw3 div { bottom: 14px !important; font-size: .6rem;
line-height: 1.4rem; }

.btn_jr li { width: 50%; border-bottom: 1px solid #A7A7A7; }

.btn_jr li h3 { border-top: 0px; }

.btn_jr li .jtf { display: none; }

.btn_jr li:nth-child(7) { display: none; }

.zw3 div { font-size: 1rem !important; }

.btn_jr li h3 { padding-top: 1em; padding-bottom: .5em; }

join_botom { padding-bottom: 0px; }

/*联系*/


.lxwm { margin-top: 1em; margin-bottom: 0; }

.lxwm ul { width: 94%; margin: 0 auto; }

.lxwm li {
font-size: .95rem; padding-right: 0; padding-left: 8%; width: 92% !important; border-bottom: 1px solid #959595; border-left: 0px; height: auto; padding-bottom: 2em; margin-top: 1em; }

.lxwm li { background-size: 3% !important; }

.lxwn1, .lxwn7 { background-position: 20px 4px !important; }

.lxwn2 { padding-bottom: 2.7em; }

.lxwn3 { background-size: 5% !important; background-position: 20px 4px !important; }

.lxwn5 { padding-bottom: 1.7em; }

.lxwn6 { padding-top: 1.3em; }

.lxwn7 { background-size: 4.5% !important; }

.fhlb a { border: 1px solid #e50004; font-size: 12px; height: 36px; }

.qh_list { width: 300px; padding-bottom: 2em; }

.qh_list li { width: 148px; border: 1px solid #D71518; line-height: 36px; }

/*间距*/


.mk_one, .mk_two, .mk_three, .mk_six, .mk_seven, .mk_eight, .zylc { padding-bottom: 2.5em; }

.lxal { padding: 1.5em 0; }

.jrwm { padding: 1.5em 0; }

.kh { padding: 2em 0 1em 0 !important; }

.lxfw li dl { display: none; }

.lxfw li:nth-child(1) .fw_top, .lxfw li:nth-child(3) .fw_top, .lxfw li:nth-child(5) .fw_top { background: #383635; }

.lxfw li:nth-child(2) .fw_top, .lxfw li:nth-child(4) .fw_top { background: #000; }
}
 @media screen and (max-width:640px) {
	 
img.jjwz{width:82%;}

.lxwm li { background-size: 4% !important; }

.lxwm li { padding-left: 10%; width: 90% !important; }

.lxwn2 { padding-bottom: 5em; }

.lxwn5 { padding-bottom: 3.5em; }

.lxwn6 { padding-top: 2em; }

.about2 { height: 206px !important; }

.ck-slide ul.ck-slide-wrapper { height: 222px; }

.ck-slide { height: 222px; }

.Attitude { height: 372px !important; }

.top li {
font-size:.65rem; padding: .79em 0; }
}
 @media screen and (max-width:620px) {

.top .all { overflow: visible; }

.top .all .logo { width: 18%; top: 0%; left: 41%; }

.nav_lm { width: 34%; background: none; }

.add_tel{ display:none;}

.nav_lm li {
font-size:.7rem; padding: 1em 0; }

.nav { width: 8%; }

.ck-slide ul.ck-slide-wrapper li a { background-size: 130% !important; }

.ck-slide ul.ck-slide-wrapper { height: 172px; }

.ck-slide { height: 172px; }

.ck-slidebox { display: none; }

.lxlc li { margin: 0 1% 0 2%; width: 30%; }

.lxlc li div { font-size:.6rem;
}

#tx3 div { height: 3em; overflow: hidden; }

.lxal { width: 94%; }

.lxal li { width: 100%; }

.lxfw li { width: 50%; margin-left: 0; margin-bottom: .5rem;
}

.lxfw li.fw1 { display: none; }

.Attitude { background-size: 140% !important; height: 222px !important; }

.ppkt { padding: 1.5em 0; }

.ppkt li { width: 96%; margin: .5em 2%; }

.jrwm li { width: 40%; margin: 0 5% 1em 5%; }

.cy_btm li:nth-child(2), .cy_btm li:nth-child(3), .cy_btm li:nth-child(4) { display: none; }

.kh li { width: 30%; margin: 0 1.5% 1.5em 1.5%; }

.kh li:nth-child(13), .kh li:nth-child(14), .kh li:nth-child(15), .kh li:nth-child(16), .kh li:nth-child(17), .kh li:nth-child(18), .kh li:nth-child(19), .kh li:nth-child(20), .kh li:nth-child(21), .kh li:nth-child(22), .kh li:nth-child(23), .kh li:nth-child(24), .kh li:nth-child(25), .kh li:nth-child(26), .kh li:nth-child(27), .kh li:nth-child(28), .kh li:nth-child(29), .kh li:nth-child(30), .kh li:nth-child(31), .kh li:nth-child(32), .kh li:nth-child(33), .kh li:nth-child(34), .kh li:nth-child(35) { display: none; }

.ftrpt { width: 46%; margin: 0 2%; height: 310px; }

.ftrpt:nth-child(5) { display: none; }

/*案例*/


.s_ban { height: 132px; background-size: 140% !important; }

.btal li { background-size: 8%; }

.c_rpt {
font-size: .75rem; line-height: 1.4rem; }

/*关于*/


.lx h4 { padding-top: 1em !important; font-size: 13px !important; }

.about1 { height: 180px !important; }

.about2 { height: 120px !important; }

.mx_wx h3 { font-size: 1.5rem; }

.mx_wx h4 { font-size: 1rem; font-weight: bold; }

.mx_wx div {
font-size: .75rem; line-height: 1.5rem; }

.ppdh .same { width: 50%; margin-bottom: .5em; }

.ppdh .same:nth-child(5) { display: none; }

.arc_con .arc_arc {
font-size: .75rem; line-height: 1.4rem; }

.join_top li { width: 50%; }

.join_top li:nth-child(3) { background: #656565; }

.join_top li:nth-child(4) { background: #333 url(img/xx.png) no-repeat center center; }

.btn_jr li { width: 100%; border-bottom: 0px; height: auto !important; }

.join_top li h4 { font-size: 1.1rem; }

.join_top li div, .zw3 div { font-size:.75rem;
}

.btn_jr li:nth-child(7) { display: block; }

.btn_jr li:nth-child(9) { display: none; }

.spc1, .spc2, .dhwz, .spc3 { padding-bottom: 1.5rem; }

.lxwm li { padding-left: 14%; width: 86% !important; background-size: 5% !important; }

.lxwn2 { padding-bottom: 2em; }

.lxwn5 { padding-bottom: 1.2em; }

.lxwn6 { padding-top: 1em; }

/*新增*/


.yctb { display: block; position: relative; }

.yctb li { float: left; width: 12.6%; margin-left: 12.6%; margin-right: 4%; }

.yctb li img { background: #E60012; border-radius: 50%; width: 100%; }

.ycwx { display: none; width: 120px; height: 120px; position: absolute; top: -130px; right: 4%; }
}
 @media screen and (max-width:370px) {

.nav_lm { width: 30%; }

.nav_lm li { font-size: .6rem;
}

.ck-slide ul.ck-slide-wrapper { height: 165px; }

.ck-slide { height: 165px; }

.lxal { width: 94%; }

.Attitude { height: 210px !important; }

.s_ban { height: 130px; }

.foot h3 { letter-spacing: 12px; }

.about2 { height: 116px !important; }

.lxwn2 { padding-bottom: 1.3em; }

.lxwn5 { padding-bottom: .7em; }

.lxwn6 { padding-top: .8em; }

.mx_wx h4 { font-size: .9rem;
}

.jrwm li .kk { bottom: 2em; padding: 0; }

.jrwm li { margin-bottom: 0px; }

}
@media screen and (max-width:340px) {

.ck-slide ul.ck-slide-wrapper { height: 148px; }

.ck-slide { height: 148px; }

.Attitude { height: 190px !important; }

.nav { top: 13px; }

.nav_lm li { font-size: .55rem;
}

.jrwm li h3 { font-size: 1.2rem; }

.jrwm li .kk { bottom: .15em; }

.s_ban { height: 116px; }

.c_title { font-size: 1.3rem; line-height: 2rem; }

.about1 { height: 150px !important; }

.about2 { height: 106px !important; }

.new_bottom li { width: 43.2%; }

.join_top li h4 { padding-top: 10px; padding-bottom: 0; }

.lxwn2 { padding-bottom: .9em; }

.lxwn5 { padding-bottom: .3em; }

.lxwn6 { padding-top: .5em; }

.foot h3 { letter-spacing: 8px; }

.foot p { font-size: .65rem;
}

.ycwx { right: 1%; }
}


/*导航栏添加样式*/
.top li:hover .box1{ display:block;}

.box1{display: none;  float: left;  position: absolute; top: 53px;    right: 40px;  z-index: 999;      background: rgba(0,0,0,0.8);}

.box1 ul{ margin-top:0 ;height: auto; display: inline-block;}

.box1 ul li{ text-align: center; height:36px;}

.box1 ul li a{float: left;color: #A9A9A9 !important; font-size: 16px;display: block;  width: 100%;line-height: 36px; height:36px; font-size:14px;}

.box1 ul li a:hover{ color: #C9151E !important;}

.btal-box{ width: 210px;  margin: 72px auto; padding-bottom: 10px; margin-bottom:0;}

.btal-box li { float: left; width: 194px; margin: 0 6px;  border: 1px solid #B7B7B9; height: 44px; line-height: 44px;text-align: center;  font-size: 18px;}

.btal-box li a {background-color:#CD020F; color: #fff; display: block; height: 100%;}

/*执照添加*/
.zs{display: flex;  position: fixed;  width: 350px;  height: 450px;  right: 50px;   top: 97px; z-index:99;}