*{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.title-h{width: 0;height: 0;font-size: 0;}
.topbar{width: 100%;_width:92%;*width:92%;padding:3% 4%;position: fixed;top: 0;left: 0;z-index: 22;background: none}
.logo{width: 290px;height: 90px;background: url(../images/logo-w.png) no-repeat;background-size: cover;display: inline-block;}
.logo a{width: 100%;height: 100%;margin: 0 auto;text-indent: -99em;}
.topmeun{display:inline-block;font-size:22px;color: #fff;float: right;margin-top: 1%;}
.topmenuitem{margin-left: 60px; cursor: pointer;}
.tmenuicon{margin-left: 10px;vertical-align: middle;}
.tmenuicona {width: 54px;height: 34px;background: url(../images/topmenu-producticon.png) no-repeat;background-size: cover;}
.tmenuiconb{width: 44px;height: 33px;background: url(../images/topmenu-companyicon.png) no-repeat;background-size: cover;}
.tmenuiconc{width: 54px;height: 33px;background: url(../images/topmenu-menuiconc.png) no-repeat;background-size: cover;}
.topmenuitem a{width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: 999;}

.topbarb{width: 100%;_width:92%;*width:92%;padding:2% 4%;position: fixed;top: 0;left: 0;z-index: 99999;background: #FFFFFF;}
.topbarb .topmeun{color: #3C3CC8;}
.topbarb .logo{background: url(../images/logo-b.png) no-repeat;background-size:cover;}
.topbarb .tmenuicona{background: url(../images/topmenu-producticonb.png) no-repeat;background-size: cover;}
.topbarb .tmenuiconb{background: url(../images/topmenu-companyiconb.png) no-repeat;background-size: cover;}
.topbarb .tmenuiconc{background: url(../images/topmenu-menuiconcb.png) no-repeat;background-size: cover;}

/*.topbarb{width: 100%;_width:92%;*width:92%;padding:2% 4%;position: fixed;top: 0;left: 0;z-index: 999;background: #FFFFFF;}
.logob{background: url(../images/logo-b.png) no-repeat;background-size:cover;}
.tmenuicona-b{background: url(../images/topmenu-producticonb.png) no-repeat;background-size: cover;}
.tmenuiconb-b{background: url(../images/topmenu-companyiconb.png) no-repeat;background-size: cover;}
.tmenuiconc-b{background: url(../images/topmenu-menuiconcb.png) no-repeat;background-size: cover;}*/

.focusbox{width:100%;height:auto;/*position: absolute;top: 0;left: 0;*/background: #3635bf;z-index: 1;position: relative;}
.focusbox ul li{width: 100%;height: 100%;position: relative;}
.focuspic{width: 100%;height: 100%;text-align: center;background: #3C3CB6;}
.focustxt{width:80%;position: absolute;left: 4%;top:26%;color: #fff;font-size: 14px;;}
.focustxt h2{font-size: 90px;line-height:100px;font-weight: bold;}
.focustxt h3{margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.focusbtn{margin-top:30px;width: 148px;height: 50px;line-height:50px;border: 1px solid #fff;text-align: center;font-size:16px ;}
.focusbtn a{width: 100%;height: 100%;color: #FFFFFF;position: relative;z-index: 99;}
.focusbtn a:hover{color: #FFFFFF;}
.focusbtn:hover{background:rgba(255,255,255,0.2);color: #FFFFFF;}
#bannerpageination{z-index: 999;text-align: left;padding-left:4%;bottom:28%;}
#bannerpageination span{color: #FFFFFF;font-size: 12px;background: none;margin-right:16px;background: url(../images/lines.png) no-repeat top center;padding-top: 14px;text-align: center;width: 14px;}

.columnbox{width: 80%;margin-top:-90px;position: relative;z-index: 99;float: right;margin-right: 70px;box-sizing: content-box;}
.columnitem{width: 100%;height: 100%;background: #3C3CC8;box-sizing: content-box;cursor: pointer;}
.columntxt{color: #FFFFFF;width:445px;padding: 2%;float: left;margin-top:7% ;position: relative;z-index: 10;}
.columnicon{width: 103px;height: 29px;position: absolute;top:3%;left: 14%;z-index: 11;}
.columntit{font-size: 36px;line-height: 36px;margin-top: 6px;position: absolute;top:46px;left: 13%;z-index: 11;color: #FFFFFF;}
.columntxt h3{width:100%; height:74px\9;margin:38px 0;font-size: 30px;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.columntxt-con{max-height: 160px;height:160px\9;line-height: 28px;font-size: 14px;font-size:0.8vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.columnpic{width: 888px;height: 470px;overflow: hidden;float: left;overflow: hidden;}
.columnpic img{width: 110%;height: 110%;}
.columnpic img:hover{width: 100%;height: 100%; transform:scale(1.02);transition: all 0.3s linear;margin-top: -6px;margin-left: -6px;}
#newspagenation{z-index: 999;text-align: left;bottom: 10%;left:2%;}
#newspagenation  .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 4px 0 0;background: #FFFFFF;opacity: 0.6;}
#newspagenation .swiper-pagination-bullet-active{background: #FFFFFF;opacity: 1;}
#newsbtn-next,#newsbtn-prev{width: 65px;height: 65px;left: 0;top: 0;margin-top: 0;outline:none;}
#newsbtn-next:active,#newsbtn-prev:active{outline: none;}
#newsbtn-prev{background: url(../images/newsarrow.png) no-repeat;}
#newsbtn-next{background: url(../images/newsarrow.png) no-repeat;background-position: -73px 0;left: 70px;}
.columnbox .swiper-container{margin-left: 11% !important;box-sizing: content-box;}
.columnbox .swiper-slide{width: 100%;}


.servicemenu{width: 100%;margin-top:2%;overflow: hidden;}
.serviceitem{width:19% ;float: left;padding-top: 4%;margin-right:6%;_margin-left:3%;_margin-right:3%;*margin-left:3%;*margin-right:3%;font-size: 36px;line-height: 36px;}
.serviceitem:first-child{margin-left: 3%;margin-right:3%;}
.serviceitem dd{cursor: pointer;color: #0021BF;}
.serviceitem-tit dt{width: 100% !important; height: auto !important;margin-top: 0 !important;cursor: pointer;}
.servicetxt{font-size: 46px;line-height: 46px;cursor: pointer;}
.serviertxt-en{font-size: 32px;margin-top: 10px;}
.serviceitem dt{width:100%;margin-top: 23%;padding-bottom: 10px;}

.cooperabox{width:100%;background:#242424;margin-top: 7%;overflow: hidden;padding:4% 0 2% 0;}
.coopera-tit{margin-left: 5%;}
.coopera-titicon{width: 344px;height: 28px;background: url(../images/cooperatiticon.png) no-repeat;background-size: cover;}
.coopera-titfont{font-size: 36px;color: #808080;margin-top: 16px;}
.cooperalist{width:99%;overflow: hidden;margin-top: 4%;white-space:nowrap; word-break:break-all; word-wrap:break-word;clear: both;}
.cooperalist li{margin-left:5%;max-height:100px;margin-bottom: 3%;width:7%;display:inline-block; white-space:nowrap; word-break:break-all; word-wrap:break-word;float: left;_float:left}
.copybox{width: 100%;text-align: center;color: #808080;font-size: 20px;background: #1A1A1A;padding:30px 0;display: block;}
.copybox a{color: #808080;}



/*菜单弹出层*/
.markclass .layui-layer{width: 100%;height: 100%;}
.markbox{width: 100%; height: 100%;min-height: 800px;background: #FFFFFF;display: none;}
.close{width: 42px;height: 42px;background: url(../images/markclose.png) no-repeat;background-size: cover;position: absolute;top: 20px;right: 20px;}
/*关于产品*/
.mark-aboutbox{width: 90%;height: 80%;position: relative;top: 10%;left:5%;}
.mark-aboutside li{cursor: pointer;}
.mark-aboutside li span{border-bottom: 6px solid transparent;}
.mark-aboutside{width: 22%;float: right;font-size: 54px;line-height: 110px;color: #808080;}
.mark-aboutside li a{color: #808080;}
.mark-aboutside li.curron span,.mark-aboutside li:hover span{color: #4d4d4d;border-bottom: 6px solid #3C3CC8;}
.mark-aboutcon{width:78%;float: left;}
.mark-aboutconside{width: 30%;float: right;font-size: 46px;line-height: 90px;color: #808080;}
.mark-aboutconside li a{color: #808080;}
.mark-aboutconside li a:hover{color: #4D4D4D;}
.mark-aboutmain{width: 58%;float: left;overflow: hidden;}
.mark-aboutpic{width:100%;overflow: hidden;}
.mark-aboutmain h3{font-size:28px;color:#808080;margin: 6% 0;}
.mark-aboutmain p{font-size: 22px;color: #808080;line-height: 36px;}


/*产品列表*/
.mark-products{width: 100%;height: 100%;padding: 80px 70px;background: #FFFFFF;}
.mark-proside-top{font-size: 44px;color: #3C3CC8;line-height: 60px;}
.proside-topicon{width: 431px;height: 50px;background: url(../images/producticon.png) no-repeat;background-size: cover;}
.mark-productsmenu{width:26%;margin-top: 2%;font-size: 33px; color: #4D4D4D;font-weight: 100;line-height: 52px;float: left;}
.promenulist{display: none;}
.promenulist li{color: #4D4D4D;padding-bottom: 10px;margin-bottom:10px;cursor: pointer;}
.promenulist li a{color: #4D4D4D;font-weight: 400;}
.promenulist li a:hover{color: #808080;}
.productsmenu-tit{font-size: 38px;margin-bottom: 20px;padding-bottom: 10px;cursor: pointer;word-break: break-all;}
.productsmenu-tit span{border-bottom: 4px solid transparent;}
.mark-productsmenu .curron span{border-bottom: 4px solid #3C3CC8;display:inline-block}
.productsmenu-tit span:hover{border-bottom: 4px solid #3C3CC8;}
.mark-prosidemain{width:70%;float: left;margin-left:3%;margin-top:2%;}
.mark-prosideconlist{width: 100%;float: left;margin-bottom: 2%;}
.prosidecontit{font-size: 44px;color: #3C3CC8;margin-bottom:3%;}
.mark-prosidecon li{font-size: 18px;margin-bottom: 20px;font-size: 1vw;color: #808080;line-height:24px;float: left;width:24%;margin-right:6% ;text-align: center;max-height: 260px}
.prosidecon-itempic{width: 100%;overflow: hidden;max-height: 140px;min-height: 120px;overflow: hidden;}
.mark-prosidecon li h3{margin: 10px 0; height:40px;text-align: center;}
.mark-prosidecon li h3 a{color: #808080;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.mark-prosidecon li h3 a:hover{color: #3C3CC8;}

.newsbtn a{display:inline-block;width: 100%;height: 100%;}
.newslist-conpic{max-height: 276px; overflow: hidden;}
.newslist-conpic img:hover{transform: scale(1.04);transition: all 0.3s linear;}
.newslist-tit a{max-height: 70px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist-con ul li{height: 380px;}
.newslist-more{padding-bottom: 2px;}

/*左侧弹出*/
.markleft{width:40%;background: #FFFFFF;height: 100%;}
.markleft .close{top: 90px;}
.mark-testing{padding:90px 70px;height: 100%;}
.fullScreen{font-size: 12px;color: #FF0000;}
.fullScreen a{display: inline-block;border-radius: 80px;border: 1px solid #FF0000;width: 120px;padding: 10px 0;text-align: center;color: #FF0000;} 
.fullScreen a:hover{color: #FF0000;}
.testingtit,.markcon-tit{font-size: 42px;color: #4D4D4D;margin:30px 0;line-height: 50px;}
.testingmain,.markcon-txt{font-size: 14px;color: #4D4D4D;line-height: 24px;}
.testingmain li{margin-bottom: 30px;}
.testingmain h3{font-size: 16px;font-weight: 600;}

/*联系我们*/
.markcontact{width:100%;background: #FFFFFF;position: absolute;left: 0;bottom: 0;padding: 40px;padding-top:66px;color: #4D4D4D;min-height: auto}
.contact-left{width: 50%;float: left;}
.contact-titen{font-size: 72px;color: #4D4D4D;font-weight: bold;line-height: 86px;}
.contact-titch{font-size: 72px;font-size:3.6vw;font-weight: bold;}
.contactlist{font-size: 22px;line-height: 30px;margin-top: 4.4%;}
.contact-right{width: 50%;float: left;}
.contactform{width: 100%;height: auto;overflow: hidden;}
.contactform li{width:44%;float: left;border-bottom: 1px solid #3C3CB6;margin-right: 4%;margin-top: 30px;line-height: 40px;}
.contactform li.bigcol{width: 93%;}
.contactinput{width: 100%;font-size: 32px;color: #808080;}
.mark-handbox{margin: 40px 0;}
.handstyle{padding:1.2% 8%;color: #3C3CC8;font-size: 24px;border: 1px solid #3C3CC8;text-align: center;}


/*首页联系我们*/
.contact-index{position: absolute;left: 40px;top: 80%;color: #FFFFFF;line-height: 20px;font-size: 14px;z-index: 99;cursor: pointer;}
.contact-roat{width:14px;height: auto;text-align: center;}
.contact-roat em{width: 1px; height: 30px;background: #FFFFFF;}
.contactside{width: 90%;padding: 0;position: inherit;}
.contactside .contact-left{width: 100%;font-weight: bold;}
.contactside .contact-left .contactlist p{font-weight: bold;}
.contactside .contact-titch{font-size: 2.8vw;font-weight: bold;color: #3C3CC8;}
.contactside .contact-right{width: 100%;margin-top: 40px;}

/*侧栏浮动导航*/
.sideindex{position: fixed;top: 40%;right: 20px;z-index: 999;transition:all 0.3s linear}
.sideicon{width: 48px;height: 48px;background: url(../images/sideicon.png) no-repeat;margin:0 0 40px auto;cursor: pointer;transition:all 0.3s linear;position: relative;}
.iconweixin{background-position: 0 0;position: relative;}
.iconkefu{background-position: 0 -87px;}
.iconweizhi{background-position: 0 -177px;}
.icontop{background: url(../images/toparrow.png) no-repeat;background-size: cover;transform: all 0.1s;}
.iconweixin>img{width: 0;height: 0;position: absolute;top: 0;left: 0;bottom:0;right:0;transition:all 0.01s linear;}
.iconweixin:hover{width:119px;height: 143px;border-radius: 3px;background: #FFFFFF;text-align: center;}
.iconweixin:hover>img{width: 119px;height:143px;opacity: 1;}
.kefutxt{width:260px; height:100px;font-size: 12px;color: #333;text-align: right;position: absolute;left: 100px;top:-20px;background: #FFFFFF;padding: 10px 100px 10px 10px;}
.kefutxt p{ cursor: initial;}
.iconkefub{width: 80px;height: 80px;background: url(../images/sideicon-kefu.png) no-repeat;position: absolute;top:10px;right: 10px;}
.kefutxt .bt{font-size: 20px;color: #3C3CC8;font-weight: bold;}
/*.iconkefu:hover .kefutxt{width:260px; height:100px;opacity: 1;background: #FFFFFF;padding: 10px 100px 10px 10px;position: absolute;top:-20px;right: 0;transition: all 0.01s linear;}
.iconkefu:hover .kefutxt .iconkefub{opacity: 1;}*/
.iconweizhib{width: 53px;height: 66px;background: url(../images/sideicon-weizhi.png) no-repeat;position: absolute;top:10px;right: 10px;transition: 0.6s all linear;}
.weizhitxt{width:444px; height:100px;font-size: 12px;color: #333;text-align: right; cursor: initial;background: #FFFFFF;padding: 10px 80px 10px 10px;position: absolute;top:-20px;right: -480px;}
.weixin p{ cursor: initial;}
.weizhitxt .bt{font-size: 12px;color: #3C3CC8;}
/*.iconweizhi:hover .weizhitxt{width:444px; height:100px;opacity: 1;background: #FFFFFF;padding: 10px 80px 10px 10px;position: absolute;top:-20px;right: 0; }
.iconweizhi:hover .weizhitxt .iconweizhib{opacity: 1;}*/

/*新闻中心*/
.newsfocus{width: 100%;position: relative; text-align: center;}
.newsfocus-txt{position: absolute;top: 30%;left:4% ;color: #FFFFFF;}
.newsfocus-txt h2{font-size: 120px;color: #FFFFFF;font-weight: bold;line-height: 120px;text-align: left;}
.newsfocus-txt h3{font-size: 90px;color: #FFFFFF;font-weight: bold;margin-top:5%;line-height: 90px;text-align: left;}

.newscolumn{width: 73%;background: #FFFFFF ;padding:4% 4% 8% 4%;float:right;position: relative;margin-top: -6%;font-size: 26px;line-height: 36px;color: #4D4D4D;}
.newstiticon{width: 20%;margin-bottom:5%;}
.newstit{font-size: 68px;line-height: 68px;color: #3C3CC4;}
.newscolumn h2{width:60%;font-size: 60px;font-weight: 600;line-height: 70px;margin: 5% 0;color: #3C3CC4;  }
.newscolumn p{width: 60%;}
.humanfocus .newscolumn{position: absolute;right: 0;top: -60px;}
.arrowmore{width: 83px;height: 83px;background: url(../images/arrowmark.png) no-repeat;background-size:cover;margin-top:4%;cursor: pointer;}
.arrowmoreb{background: url(../images/arrowmarkb.png) no-repeat;background-size: cover;}
.arrowmore a{width: 100%;height: 100%;}
.coltwo{width:100%;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.colfour{width:100%;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}

.newsitem-center{width: 100%;position: relative;}
.newsitem-txt{width:60%;position: absolute;top:12%;left: 50%;margin-left: -21%;color: #FFFFFF;font-size: 16px;line-height: 30px;}
.newsitem-txt h3{font-size: 90px;font-weight: bold;color: #FFFFFF;line-height:120px;text-align: left;}
.newsitem-txt h4{font-size: 32px;color: #FFFFFF;line-height: 36px;margin-top: 5%;}
.newsitem-txt p{font-size: 16px;line-height: 30px;margin-top: 40px;}
.arrowmorew{width: 83px;height: 83px;background: url(../images/arrowmarkw.png) no-repeat;background-size: cover;margin-top:7%;cursor: pointer;}
.moetxt{font-size: 32px;font-size:1.8vw;color: #FFFFFF;margin-top:5%}
.moetxt a:hover{color: #FFFFFF;}
.newsitem-txtb{left:40%;}
.newsitem-txtc{left: 4%;top:20%;margin-left: inherit;}
.newsitem-txtc h4{font-size: 2.6vw !important;font-weight: bold;line-height: 3vw !important;}
.newsitem-txtc p{margin-top: 8%;font-size: 16px;font-size: 1.6vw;line-height: 2.2vw;}

.resection{position: relative;height: 1080px;}
.newsitembox{width: 100%;height: auto;position: relative;}
.newsitem-left{width:73%;position: relative;margin-top:-11%;background: #FFFFFF;height: auto;color: #4D4D4D;padding:4%;font-size: 16px;}
.newsitem-tit{width: 383px;}
.newsitem-leftb{position: absolute;top: -1%;}
.newsitemLeft-txt h3{font-size: 90px;line-height: 90px;color: #3C3CC4;}
.newsitemLeft-txt h4{font-size: 60px;color: #4D4D4D;line-height: 72px;margin: 4.6% 0;font-weight: bold;}
.newsitemLeft-txt p{font-size: 16px;color: #4D4D4D;line-height: 24px;width:76%;}
.newsitem-leftc{position: absolute;bottom: -20%;z-index: 8888;}
.newsitem-leftc .newsitemLeft-txt h4 {font-size: 36px;line-height: 44px;}
.newsitemLeft-txtw{color: #FFFFFF;}
.newsitem-leftd{position: absolute;top: 0;}

.newslist{width: 100%;margin: 6.4% 0;padding:0 3%;}
.newslist-menu{width: 20%;float: left;background: url(../images/addblue.png) no-repeat top left;background-size: 42px 42px;}
.newslist-menu ul li{font-size: 36px;color: #808080;margin-top:18%;line-height: 60px;}
.newslist-menu ul li a{color: #808080;border-bottom: 4px solid transparent;}
.newslist-menu ul li.curron a{border-bottom: 4px solid #293CBA;}
.newslist-menu ul li a:hover{border-bottom: 4px solid #293CBA;}
.newslist-con{width: 80%;float: left;overflow: hidden;}

.newslist-con ul{height:auto;overflow: hidden;}
.newslist-con ul li{width:29%;float: left;margin-left:3%;color: #666666;margin-bottom: 4%;cursor: pointer;}
.newslist-tit{color: #666666;font-size: 30px;line-height: 36px; height:72px\9;margin: 20px 0;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newslist-tit a{color: #666666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newsdate{color: #AFAFAF;font-size: 14px;margin-top: 20px}
.newslist-more {font-size: 26px;color: #0021D3;margin-left: 3%;}
.newslist-more a{font-size: 26px;color: #0021D3;width: 15%;border-radius: 80px;text-align: center;padding: 1% 0;border: 2px solid #0021D3}
.newslist-more a:hover{background: #DEE4FF;}
.newslistb .newslist-con{width: 100%;}
.newslistb .newslist-con ul li{width: 20%;}

/*新闻内容页*/
.newspage{width:100%;height: 100%;background: #FFFFFF; padding:20px}
.newspagemain{width:90%;margin: 0 auto;padding-top: 180px;}
.guidecol{font-size: 22px;color: #4D4D4D;}
.guidecol a{color:#4D4D4D}
.contentbox{margin-top: 52px;color: #4D4D4D;font-size: 16px;line-height: 30px;}
.content-tit{font-size: 42px;height:100px\9;text-align: left;font-weight: bold;margin-bottom: 50px;line-height: 52px;}
.contentmain{font-size: 16px;line-height: 30px;color: #4D4D4D;border-bottom: 2px solid #4D4D4D;}
.contentmain p{margin: 10px 0;}
.content-date{margin: 60px 0;font-size: 14px;color: #AFAFAF;}
.content-share{font-size: 22px;color: #000000;margin: 52px 0}
.shareicon{width: 32px;height: 48px;display: inline-block;background: url(../images/shareicon.png) no-repeat;background-size: cover;vertical-align: middle;margin-right: 10px;}
/*已读新闻*/
.relatetit{font-size: 42px;color: #000000;text-align: center;}
.relatedlist ul{overflow: hidden;margin-top: 70px;}
.relatedlist li{width: 43%;float: left;margin-right:10% ;font-size: 30px;color: #4D4D4D;margin-bottom: 60px;_margin-right:20px;*margin-right: 20px;margin-right: 20px;;}
.relatedlist li:nth-child(even) {margin-right: 0}


/*公司介绍*/
.companylist{width: 100%;height: auto;background: #3C3CBA;color: #FFFFFF;overflow: hidden;padding: 2% 0;}
.companylist li{width: 22%;*width:20%;_width:20%;float: left;cursor: pointer ;padding: 3% 0 3% 2%;margin-left: 2%;background: url(../images/addiconw.png) no-repeat top left;position: relative;}
.companylist li:nth-child(1),.companylist li:nth-child(2),.companylist li:nth-child(3),.companylist li:nth-child(4){background: none}
.comch{font-size: 32px;color: #FFFFFF;line-height: 40px;padding-left:6%;}
.comen{font-size: 16px;color: #FFFFFF;}
.comicon{width: 183px;height: 183px;border: 2px solid #FFFFFF;border-radius: 50% 50%;text-align: center;line-height: 183px;position: relative;margin-top: 30px;}
.comicon:hover{border: 2px solid #ccc;}
.companyitem{width: 100%;min-height: 450px;position: relative;z-index: 1;}
.companyitem-pic{}
.companyitem-txt{width:50%;position: absolute;top:200px;right: 0;z-index: 6;}
.panytit{font-size: 90px;line-height: 90px;}
.panytxt{font-size: 26px;color: #4D4D4D;line-height: 40px;margin-top:3%;}
.panysingle{font-size: 24px;color: #3C3CBB;margin-top:30%;}


.newsitem-leftc h4 span{margin-right:10%}
.newsitem-leftc .newsitemLeft-txt h4 p{width: 100%;margin: 2% 0;}
.icona{margin-right: 20px;vertical-align: middle;}
.iconaa{width: 65px;height: 54px;background: url(../images/goodlisticon1.png) no-repeat;background-size: cover;}
.iconab{width: 65px;height: 50px;background: url(../images/goodlisticon2.png) no-repeat;background-size: cover;}
.iconac{width: 65px;height: 57px;background: url(../images/goodlisticon3.png) no-repeat;background-size: cover;}
.iconad{width: 55px;height: 69px;background: url(../images/goodlisticon4.png) no-repeat;background-size: cover;}

.comgood{width: 100%;overflow: hidden;background: #FFFFFF;padding:4%}
.goodheader{font-size: 46px;color: #3C3CB6; background: url(../images/addblue.png) no-repeat top left; padding-top: 9 0px;}
.goodheader-icon{width: 458px;height: 48px;background: url(../images/goodheader-icon.png) no-repeat;background-size: cover;margin-bottom: 30px;}
.goodlist{margin:80px 0 ;overflow: hidden;}
.goodlist ul li{width: 23%;*width:20%;height: 530px;*height:530px;background: #3C3CBA;float: left;margin-right: 2%;text-align: center;}
.goodlisticon{height:115px;margin: 20% auto;}
.goodlisticona{width: 139px;background: url(../images/goodlisticon1.png) no-repeat;background-size: cover;}
.goodlisticonb{width:150px;background: url(../images/goodlisticon2.png) no-repeat ;background-size: cover;}
.goodlisticonc{width:91px;background: url(../images/goodlisticon3.png) no-repeat ;background-size: cover;}
.goodlisticond{width:132px;background: url(../images/goodlisticon4.png) no-repeat;background-size: cover;}
.goodlist-titch{font-size: 32px;color: #FFFFFF;line-height: 52px;}
.goodlist-titen{font-size: 28px;color: #FFFFFF;}
.goodlist-more{width: 40%;display: inline-block;margin:16% auto;}
.goodlist-more a{width:100%;display: inline-block;width: 100%;height: 100%;color: #FFFFFF;font-size: 24px;padding:6% 0;border: 1px solid #FFFFFF;}
.goodlist-more a:hover{border:1px solid #FFFFFF;color: #FFFFFF !important;}

.companyfocus{width: 100%;height: auto;}
#companyfocus{z-index: 999;padding-bottom: 40%;background:#e5e5e5 url(../images/companypic04.jpg) no-repeat left bottom;background-size:100%}
.companyside{position: relative;width: 100%;height: 100%;}
.comfocuspic{width: 100%;height: 100%;}
.comfocustxt{width: 50%;background: #FFFFFF;position: absolute;right: 0;bottom: -320px;padding: 4%}
.cftit{font-size: 90px;color: #3C3CB6;line-height: 92px;margin-bottom: 2%;}
.cftitb{font-size: 60px;line-height: 62px;color: #4D4D4D;margin-bottom:2%;}
.cftxt{font-size: 26px;line-height: 40px;color: #4D4D4D;}
.cfmore{width: 83px;height: 83px;background: url(../images/arrowmark.png) no-repeat;background-size:cover;margin-top: 8%;}
.cfmore a{width: 100%;height: 100%;}
#companybtn-next,#companybtn-prev{width: 65px;height: 65px;left: 40%;top:44%;margin-top: 0;}
#companybtn-prev{background: url(../images/newsarrowb.png) no-repeat;}
#companybtn-next{background: url(../images/newsarrowb.png) no-repeat;background-position: -73px 0;left:45%;}

.company-friends{width: 100%;height: auto;position: relative;margin-top:-9%;z-index: 999;}
.comtit{margin-left: 2%;font-size: 46px;color: #3C3CBB;line-height: 54px; background: url(../images/addblue.png) no-repeat top left;background-size: 32px 32px;padding-top: 50px;}
.comfriends-icon{width: 369px;height: 120px;background: url(../images/comfriends-icon.png) no-repeat;background-size: cover;}
.comtit p{padding-left: 10px;margin-top: 10px;}
.friendlist{margin-top:2.8%;background: #5555D4;color: #FFFFFF;font-size: 34px;font-weight:bold;line-height: 40px;height:130px;}
.friendlist li{width:22%; height:130px;margin-left:3%;float: left;line-height: 130px;position: relative;transition: all 0.3s linear;}
.friendlist-tit{width: 100%;_width:96%;*width:96%;height: 100%;padding: 0 2%; cursor: pointer;position: absolute;top: 0;left: 0;}
.friendlist-more{width: 44px;height: 44px;background: url(../images/addwhite.png) no-repeat;background-size: cover;position: absolute;top: 50%;right:2%;margin-top: -22px;cursor: pointer;}

.friendlist-moreb{width: 44px;height:4px;background: url(../images/addwhiteb.png) no-repeat top center;background-size: cover;position: absolute;top: 50%;right:2%;margin-top: -2px;cursor: pointer;}
.friendslist-item{width: 100%;height: auto;padding: 20px 10px;position: absolute;top: 100px;left: 0;background: #FFFFFF;font-size: 28px;color: #808080;line-height: 38px;z-index: 66; border-bottom: 6px solid #3C3CB6; cursor: initial; display: none;}
.friendlist-tit.cur{background: #3C3CBB;margin-top: -10px;padding: 0 2%;}
.friendslist-item p{width: 100%;height:2.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;transition: all 0.3s linear;line-height: 2vw;margin-bottom: 3px;}
.friendslist-item p:hover{-webkit-line-clamp:2;height: 4vw;}

.companyitem-txtb{background: #FFFFFF;width: 80%;padding:4%;position: absolute;top:22%;right: 0;z-index: 6;}
.companyitem-txtb .panytit{font-size: 60px;line-height: 70px;font-weight: bold;}
.companyitem-txtb .panytxt{font-size: 36px;color: #3C3CB6;line-height: 48px;}

.company-honor{width: 100%;height: auto;position: relative;padding-top: 4%;}
.honor-icon{width: 238px;height: 48px;background: url(../images/honor-icon.png) no-repeat;background-size: cover;}
.honorlist ul{ height:510px;overflow: hidden;margin-top: 40px;margin-bottom: 40px;padding-left: 60px;}
.honorlist ul li{width: 22%;*width:21%;_width:21%;margin-right:3%;margin-bottom:3%;float: left;transition: all 0.3s linear;}
.honorlist li:hover>img{margin-left: -4px;}
.honormore{width: 100%;background: #3C3CBA;color: #FFFFFF;font-size: 32px;}
.honormore a{width:100%;height:100%;color: #FFFFFF;padding: 30px 20px;}
.honormore a:hover{color: #FFFFFF}
.addmore{width:44px;height: 44px;background: url(../images/addwhite.png) no-repeat;background-size: cover;}
.nomore{width: 44px;height: 4px;background: url(../images/addwhite.png) no-repeat center center;background-size: cover;margin-top:20px; display: none;}


/*产品中心*/
.protopicon{width:96%}
.protoppic{width: 655px;height: 530px;position: absolute;bottom: -14%;left: 6%;}
.productmain{width: 100%;position: relative;min-height: 500px;}
.productmainb{margin-top: -5%;}
.productmenu{width: 25%;background: #4D4D4D;color: #FFFFFF;font-weight: 100;position: absolute;right: 4%;top:-60px;padding:4% 3% 4% 1%;z-index: 99;}
.promenu-tit{font-size: 48px;color: #FFFFFF;text-align: right;line-height: 52px;}
.promenu-tit a{border-bottom: 4px solid transparent;}
.promenu-tit a,.promenu-tit a:hover{color: #FFFFFF;}
.promenu-tit.curron a,.promenu-tit:hover a{border-bottom: 4px solid #FFFFFF;}
.promenuitem{font-size: 32px;color: #FFFFFF;text-align: right;line-height: 56px;margin-top: 10%;}
/*.promenuitem li ,.promenuitem li a{font-weight: 100;}*/
.promenuitem li a{color: #FFFFFF;border-bottom: 2px solid transparent;}
.promenuitem li a:hover{color: #FFFFFF;border-bottom: 2px solid #FFFFFF;}
.promenuitem li.cur a{border-bottom: 2px solid #FFFFFF;display: inline-block;}

.productlist{width:73%;padding-top: 10%;}
.productlist ul{padding: 2%;overflow: hidden;}
.productlist ul li{width:31%;margin-left: 2%;background: #000000;float: left;position: relative;margin-bottom: 240px;}
.prolistpic{width: 100%;height: auto;max-height: 220px;}
.prolisttxt{background:rgba(255,255,255,1);width: 90%;position: absolute;left: 5%;top:80%;text-align: center;padding: 10px 0; height: 270px;}
.prolisttxt h3{color: #FE7271;font-size: 20px;margin: 8% 0;}
.prolisttxt h3 a{color: #FE7271;}
.prolisttxt h4{color: #333333;font-size: 18px;}
.prolisttxt h4 a{color: #333333;}
.readmore{text-align: center;margin-top:16%;}
.readmorebtn{width: 50%;padding: 3% 0;text-align: center;color: #9A9C9C;font-size: 18px;border: 2px solid #9A9C9C;}

.productcon{width: 70%;background: #FFFFFF;position: relative;margin-top: -8%;z-index: 66;margin-left: 4%;padding:4%}
.procon-name{font-size: 42px;color: #4D4D4D;text-align: left;line-height: 50px;}
.procon-main{color: #4D4D4D;line-height: 46px;}
.procon-main ul{color: #4D4D4D;font-size: 32px;margin-top: 3.4%;line-height: 46px;}
.procon-main ul li{margin-bottom:4.6%;}
/*.procon-txt{font-weight: 100;}*/

.contactmain{background: #3C3CC8;color: #FFFFFF;padding: 70px;}
.contactmain .contact-titen{color: #FFFFFF;}
.contactmain .contactlist p{font-weight: 100;}
.contactmain  .contactform li{border-bottom: 1px solid #FFFFFF;}
.contactmain .contactinput{color: #FFFFFF;}
.contactmain :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFFFFF;  }
.contactmain ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFFFFF;}
.contactmain input:-ms-input-placeholder{color: #FFFFFF;}
.contactmain input::-webkit-input-placeholder{color: #FFFFFF;}
.contactmain .handstyle{border: 1px solid #FFFFFF;color: #FFFFFF;cursor: pointer;}
.handstyle:hover{background: #f1f1f1;cursor: pointer;}
.productlistb{width: 100%;}
.productlistb ul li{width: 22%;}
.coltiten{font-size: 72px;line-height:72px;color: #4D4D4D;font-weight: bold;padding:0 4%;margin: 2% 0;}


/*人力资源*/
.humanitem{width: 100%;overflow: hidden;margin-top:30px;padding:0 3%;}
.humanbigcol{width:67.5%;height:auto;float: left;position: relative;color: #FFFFFF;}
.humanbigcol-pic{width: 100%;height: 100%;}
.humancoltit{font-size: 36px;color: #FFFFFF;position: absolute;top: 6%;left: 4%;font-weight:bold;z-index: 99;}
.humancol-txt{width: 100%;position:absolute;left: 0;bottom: 0;background: #0021BF;padding: 20px;font-size: 28px;line-height: 34px;}
.rightmar{margin-right: 2%;}
.humansmcol{width:23.2%;height: auto;float: left;position: relative;color: #FFFFFF;}
.smcol-txt{background: #3F91DD;}
.hcomicon{width:369px;height:120px;margin-bottom: 1%;}
.hcomicon02{width: 609px;height: 120px;}
.partmer{margin-top: 25px;}
.human-step{width:100%;margin-top: 50px;background: #FFFFFF;}
.stepbox{margin-top: 3%;padding:0 2%;}
.steptit{font-size: 36px;color: #3C3CBA;line-height: 40px;margin-bottom: 1.6%;}
.friendlistb{height: 260px;}
.friendlistb p{height: auto;text-overflow:auto;-webkit-line-clamp:initial}

.human-way{width: 100%;margin-bottom:80px;padding: 0 4%;font-size: 32px;color: #4D4D4D;line-height: 42px;margin-top:3%}
.humanwaytit{font-size: 46px;line-height: 46px;color: #3C3CBA;}
.humanway-list{margin-top: 2%;}
.humanway-list p{margin-bottom: 0.06%;}
.humanway-list p a{color: #3F91DD;}
.maodian{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.humanfocus{width: 100%;height: auto;position: relative;margin-top: -2px;}
.humanfocus .newscolumn h3{font-size: 2vw;color: #3C3CBB;line-height: 3.4vw;}
.human-style{margin:60px 0px;}
.human-stylepic{padding-left: 2%;}

/*弹出层修改*/

.markclass .layui-layer-setwin{z-index: 99999;background: #FFFFFF;}
.markclass .layui-layer-setwin .layui-layer-close2{top:20px;right: 20px;background: url(../images/markclose.png) no-repeat;width: 42px;height: 42px;}
.markclass .layui-layer-setwin .layui-layer-close2:hover{background: url(../images/markclose.png) no-repeat;opacity: 0.8;}
.markclass .layui-layer-setwin{left:0;top:0;padding-top: 30px;}
.markclass .layui-layer-setwin .layui-layer-max{width:149px;height: 37px;background:url(../images/fullbtn.png) no-repeat;background-size:cover;left:30px;top: -10px ;}
.markclass .layui-layer-setwin .layui-layer-max:hover{background:url(../images/fullbtn.png) no-repeat;background-size:cover;}
.markclass .layui-layer-min{display: none;}
.markclass .layui-layer-maxmin{display: none;}
/*.markclass #layui-layer1 .markbox{width: 1100px;left: 50%;margin-left: -550px;}*/
.center{width: 1000px;margin:  0 auto;}
.center .markcon-tit,.center .content-tit{text-align: center;}




.columnbox{width: 80%;}
.columntxt{width: 35%;}
.columntxt h3{margin: 6% 0}
.columnpic{width: 65%;height: auto;max-height: 500px;max-width: 880px;}
.newsfocus-txt h2{font-size: 6.24vw;line-height: 7vw;}
.newsfocus-txt h3{font-size:4.65vw;line-height: 5.4vw;}
.panytit{font-size:5vw;line-height: 5vw;}
.panytxt{font-size:1.4vw;line-height:2vw;}
.panysingle{font-size:1.2vw;}
.goodlist-titch{font-size:1.6vw;line-height: 2.2vw;}
.goodlist-titen{font-size:1.4vw;}
.goodlist-more a{font-size: 1.2vw;}
.cftit{font-size:5vw;line-height:5vw;}
.cftitb{font-size:3.2vw;line-height:3.4vw;}
.cftxt{font-size:1.4vw;}
.comtit{font-size:2.4vw;line-height: 2.8vw;}
.friendlist{font-size:2.2vw;line-height:3vw;}
.friendlist li{line-height:6.6vw;}
.companyitem-txtb .panytit{font-size:3.1vw;line-height:3.6vw;}
.companyitem-txtb .panytxt{font-size:1.8vw;line-height: 2.5vw;}
.honormore{font-size: 1.7vw;}
.humancoltit{font-size:1.9vw;}
.steptit{font-size:1.9vw;line-height:2.4vw;}
.human-way{font-size:1.8vw;}
.humanwaytit{font-size:2.4vw;}
.mark-aboutside{font-size: 3vw;line-height: 5.4vw;}
.mark-aboutconside{font-size: 1.4vw;line-height: 4.7vw;}
.mark-aboutmain h3{font-size: 1.46vw;}
.mark-aboutmain p{font-size: 1.15vw;line-height: 1.9vw;}
.contact-titen{font-size: 3.74vw;font-size: 4vw;}
.contactlist{font-size:1.2vw;line-height: 1.8vw;}
.contactinput{font-size: 1.66vw;}
.handstyle{font-size: 1.2vw;}
.mark-proside-top{font-size: 2.3vw;line-height: 3.1vw;}
.mark-productsmenu{font-size: 1.6vw;line-height: 2.8vw;}
.mark-prosidecon li{font-size: 1vw;line-height: 1.6vw;text-align: left;margin-bottom: 20px;}
.prosidecontit{font-size: 2.2vw;}
.productsmenu-tit{font-size: 1.9vw;}
.testingtit,.markcon-tit{font-size:2.2vw;line-height: 2.8vw;}
.newstit{font-size: 3.5vw;line-height: 3.5vw;}
.newscolumn h2{font-size: 3.13vw;line-height: 3.3vw;}
.newsitem-txt h3{font-size: 4.68vw;line-height: 6vw;}
.newsitem-txt h4{font-size: 2vw;line-height: 2.6vw;}
.newsitemLeft-txt h3{font-size: 4.68vw;line-height: 6vw;}
.newsitemLeft-txt h4{font-size: 3.14vw;line-height: 3.6vw;}
.newsitem-leftc .newsitemLeft-txt h4{font-size: 1.9vw;line-height: 2.8vw;}
.newsitem-leftc .newsitemLeft-txt h4 p{font-size: 1.9vw;line-height: 3vw;}
.newslist-menu ul li{font-size: 1.86vw;line-height: 3vw;}
.promenu-tit{font-size:1.6vw;line-height: 3.1vw;}
.promenuitem{font-size: 1.66vw;line-height: 3vw;}
.procon-name{font-size: 2.17vw;line-height: 3vw;}
.procon-main{font-size: 1.66vw;line-height: 2.4vw;}
.procon-main ul{font-size: 1.66vw;line-height: 2.4vw;}
.coltiten{font-size: 3.76vw;line-height: 4vw;}
.focustxt h3{font-size: 1.8vw;}
.newscolumn{font-size: 1.6vw;line-height: 2.4vw;}
.honorlistb ul{height: auto;overflow: auto;}
.close_left{position: absolute;top: 32px;left: 70px;font-size: 18px;}

#YSF-CUSTOM-ENTRY-3{display: none;}
/*联系我们*/
.select_product{margin-top: 20px;width: 100%;font-size: 16px;border:1px solid #CCCCCC;border-radius: 6px;padding: 20px;box-sizing: border-box;}
.select_product ul{margin-top: 20px;}
.select_product ul li{height:36px;overflow: auto;}
.goodsnamec{display: inline-block;width: 80%;}
.goodsinput{display: inline-block;width: 100%;}
.goodsnum{font-size: 12px;display: inline-block;width: 20%;float: right;}
.goodsnum input{width: 50px;border-bottom:2px solid #ccc;padding: 0 2px;text-align: center;}
.contact-titch2{font-size: 24px;}
.iconbuy{width: 42px;height: 41px;background: url(../images/icon_buy.png) no-repeat;background-size: cover;margin-bottom: 40px;cursor: pointer;}
/*<=1920的设备*/
@media screen and(min-width=1921px){
.focusbox img{min-width: 100%; text-align: center}	
.newsfocus-pic{width: 100%;text-align: center;background: #3C3CB6;}
}/*>=1920的设备*/
@media (max-width: 1680px) {
.topbar{margin: 3% 0;}
.topbar{margin:0;}
.logo{width: 253.75px;height: 78.75px;}
.topmenuitem{margin-left: 52.5px;}
.topmeun{font-size:17px;}
.tmenuicona{width: 47.5px;height: 29.75px;}
.tmenuiconb{width: 38.5px;height: 28.875px;}
.tmenuiconc{width: 47.5px;height: 29.75px;}
.focustxt h2{font-size: 76px;}
.columntit{font-size:32px ;}
.columntxt h3{font-size: 26px;}
.columntxt-con{height:130px\9;}
.serviceitem{font-size: 31px;}
.serviertxt-en{font-size: 26px;}
.coopera-titicon{width: 301px;height: 24px;}
.coopera-titfont{font-size: 32px;}
.copybox{font-size: 18px;padding: 26px;}
.arrowmore,.cfmore{width: 73px;height: 73px;}
.comch{font-size: 28px;}
.comicon{width: 160px;height: 160px;line-height: 160px;}
.goodheader{font-size: 40px;}
.goodheader-icon{width: 400px;height: 42px;}
.goodlisticon{height:112px;margin: 20% auto;}
.goodlisticona{width: 121px;}
.goodlisticonb{width:146px;}
.goodlisticonc{width:88.5px;}
.goodlisticond{width:128px;}
.comfriends-icon{width:323px ;height:105px ;}
.company-friends{margin-top: -13.7%;}
.frendlist{height: 228px;}
.friendlist li{height: 115.5px;line-height: 120px}
.friendslist-item{font-size: 22px;line-height: 40px;}
.friendlist-more{width: 30px;height: 30px;margin-top: -14.25px;}
.friendlist-moreb{width: 30px;height: 3px;margin-top: -1.5px;}
.honor-icon{width: 208px;height: 42px;}
.addmore{width: 38px;height: 38px;}
.humancol-txt{padding: 10px;font-size: 24px;}
.hcomicon{width:322px;height:105px;margin-bottom: 1%;}
.hcomicon02{width: 532px;height: 120px;}
.close{width: 36px;height: 36px;}
.proside-topicon{width: 377px;height: 43px;}
.arrowmorew{width: 73px;height: 73px;}
.newsitem-tit{width: 336px;}
.newslist-tit{font-size: 26px;line-height: 30px;}
.newslist-more a{font-size: 22px;}
.prolisttxt h3{font-size: 16px;}
.prolisttxt h4,.readmorebtn{font-size: 14px;}
.goodlist ul li{height: 464px;}
#newsbtn-next,#newsbtn-prev{width: 45px;height:45px;background: url(../images/newsarrow.png) no-repeat;background-size:96px 45px ;}
#newsbtn-next{background-position:0 0;left:-50px;}
#newsbtn-prev{background-position: -51px 0;}
.serviceitem dt{width: 80%;}
.honorlist ul{height: 460px;}
.focustxt h2{line-height: 72px;}
.newslist-con ul li{height:335px;margin-bottom: 3%;}
.human-way{font-size: 2vw;}


} /*<=1680的设备*/
@media (max-width: 1440px) {
.logo{width: 217.5px;height: 67.5px;}
.topmenuitem{margin-left: 45px;}
.topmeun{font-size:17px;}
.tmenuicona{width:40.5px;height: 25.5px;}
.tmenuiconb{width: 33px;height: 25px;}
.tmenuiconc{width: 40.5px;height: 25.5px;}
.focustxt h2{font-size: 68px;}
.focusbtn{width: 111px;height: 37.5px;line-height:37.5px;font-size: 14px;}
.columntit{font-size:27px;}
.columntxt h3{font-size: 20px;margin: 2% 0;line-height: 26px;margin-top: 4%;}
.columntxt-con{height:90px\9;font-size: 14px;margin-top: 4%;}
.serviceitem{font-size: 27px;}
.servicetxt{font-size: 34px;line-height: 34px;}
.serviertxt-en{font-size: 24px;}
.coopera-titicon{width: 301px;height: 24px;}
.coopera-titfont{font-size: 32px;}
.copybox{font-size: 18px;padding: 26px;} 
.arrowmore,.cfmore{width: 62px;height: 62px;}
.comch{font-size: 24px;}
.comicon{width: 137px;height: 137px;line-height: 137px;}
.goodheader{font-size: 34px;}
.goodheader-icon{width: 343px;height: 36px;background-size: cover;}
.testingmain h3{font-size: 14px;}
.arrowmorew{width: 62px;height: 62px;}
.friendlist-more{width: 24px;height: 24px;}
.friendlist-moreb{width: 24px;height: 2px;}
.friendslist-item{font-size: 18px;}
.serviceitem dt{width: 70%;}
.honorlist ul{height: 395px;}
.honormore a{padding: 20px}
.addmore{width: 20px;height: 20px;}
.newslist-tit{font-size: 18px;margin:0;}
.newslist-con ul li{height: 259px;}
} /*<=1440的设备*/
@media (max-width: 1366px) {
.productsmenu-tit{font-size: 1.4vw;}
.promenulist li{font-size: 1.2vw;}
.serviceitem dt{width:50%;}
.comicon{width: 120px;height: 120px;line-height: 120px;padding:0 20px;}
#companybtn-next, #companybtn-prev{width: 51px;height: 50px;background-size: 109px  50px;top: 48%;}
#companybtn-next{background-position: -58px 0;}
.honorlist ul{height: 350px;}
.newslist-menu{background-size: 24px;height: 24px;}


}  /*<=1366的设备*/
@media (max-width: 1280px) {
	.honorlist ul{height: 280px;}
	.newsitem-leftc h4 span{margin-right: 6%;}
	.columntxt-con{-webkit-line-clamp:4}
	.columntit{top: 3%;}
	.servicetxt{font-size: 30px;}
	.serviceitem dt{margin-top: 14%;}

} /*<=1280的设备*/
@media (max-width: 768px) {
	.focustxt h2{font-size: 40px;line-height: 52px;}
	.focustxt h3{margin-top: 10px;}
	.focusbtn{margin-top: 10px;}
	#bannerpageination{bottom: 20%;}
	.contact-index{right: 1%;left: initial; top:50%;}
	.columntit{top: 1%;}
	.columntxt-con{-webkit-line-clamp:3;font-size: 12px;}
	.serviceitem dd{font-size: 24px;}
	.honorlist ul{height: 196px;}
	.newslist-con ul li{height: 178px;}
	.newslistb .newslist-con ul li{width: 44%;margin-left:4%;}
	.newslist-con ul li{width: 44%;}
	.newslist-menu ul li.curron a{border-bottom: 2px solid #0021BF;padding-bottom: 4px;}
	.humanfocus .newscolumn{margin-top: -20px!important;top: -20px;}
	.humanfocus .newscolumn h3{margin-top: 20px !important;line-height: 4vw;}
	.friendlist{height: 90px;}
	.friendlist li{height: 44px;line-height: 44px;width: 46%;}
	.friendlistb{height: 186px;}
	.human-style{margin: 20px 0;}
	.prosidecon-itempic{min-height: 76px;max-height: 80px;}
	.mark-prosidecon li h3{height: 24px;}
	.newsitem-leftc{bottom:20% !important;}
	.iconaa{width: 40px;height:36px;}
	.iconab{width: 40px;height:32px;}
	.iconac{width: 40px;height:36px;}
	.iconad{width: 32px;height:40px;}
	.arrowmore, .cfmore{width:40px;height: 40px;}
	.comfocustxt{bottom: -120px !important;width: 75%;}
	#companybtn-next, #companybtn-prev{top: 34%;}
    #companybtn-prev{left: 10%;}
	#companybtn-next{left: 17%;}
	.markclass .layui-layer{width: 100% !important;}
	.markclass .layui-layer-setwin .layui-layer-max{display: none;}
	.contactform li{margin-top: 0;}
	.mark-handbox{text-align: right;padding-right: 8%;margin: 20px 0;}
} /*<=768的设备*/
@media screen and (max-width: 640px) {
	body{widows: 100%;min-width: 100%;overflow-x: hidden;}
	.markbox{min-height: inherit;}
  .logo{width: 80px;height: 25px;} 
  .contact-index{right: 3%;left: initial;top: 45%;}
  .topmenuitem{margin-left: 10px;font-size: 12px;}
  .tmenuicona,.tmenuiconc{width: 20px;height: 13px;}
  .tmenuiconb{width: 20px;height: 15px;}
  .focustxt{top: 24%;width: 100%;}
  .focustxt h2{font-size: 20px;line-height: 24px !important;}
  .focustxt h3{width: 70%;-webkit-line-clamp:2;margin: 10px 0;}
  .focusbtn{width: 80px;height: 24px;line-height: 24px;margin-top: 10px;}
  #bannerpageination{bottom: 10px;}
  .columnbox{margin-top: 10px !important;width: 100%;margin-right: 0;}
  .columnbox .swiper-container{padding-left: 0 !important;margin-left: 0 !important;}
  .columntit{position: inherit;color: #3C3CB6;top: 0;left:10px;}
  .columntxt{width: 100%;margin-top: 1%;position: absolute;left: 0;bottom: 0;background:rgba(0,0,0,0.6)}
.columntxt h3{margin: 1% 0;font-size: 12px;line-height: 14px;font-weight: bold;}
.columntxt-con{-webkit-line-clamp:2;font-size: 10px;font-weight: 100;color: #FFFFFF;font-weight: bold;margin-top: 4px;}
.columnpic{width: 100%;}
#newspagenation{bottom: 10px;display: none;}
#newsbtn-next, #newsbtn-prev{width: 40px;height: 40px;top:52px;}
#newsbtn-next{background-position: -40px 0;background-size: 80px 38px;left: 50px;}
#newsbtn-prev{background-position: 0 0;background-size: 80px 38px;}
.servicetxt{font-size: 12px;line-height: 20px;}
.serviceitem{font-size: 12px;background-size: 10px 10px;line-height: 20px;width: 22%;margin-right: 0;}
.coopera-titfont{font-size: 16px;margin-top: 6px;}
.copybox{font-size: 10px;}
.sideicon{width: 30px;height: 30px;margin-bottom: 20px;}
.iconweixin{background-position: 0 0;background-size: 30px 138px;}
.iconkefu{background-position: 0 -54px;background-size: 30px 138px;}
.iconweizhi{background-position: 0 -112px;background-size: 30px 138px;}
.kefutxt{border: 1px solid #C2C2C2;z-index: 99;}
.iconkefub{width: 60px;height: 60px;background-size: cover}
.weizhitxt{padding-right: 60px;font-size: 10px;}
.iconweizhi:hover .weizhitxt{width: 320px;border: 1px solid #C2C2C2}
.iconweizhib{width: 40px;height: 50px;background-size: cover}
.markclass .layui-layer{width: 100% !important;}
.markclass .layui-layer-max{display: none;}
.markclass .layui-layer-setwin .layui-layer-close2{width: 30px;height: 30px;top:20px;right: 10px;background-size: cover}
.newspagemain{padding-top: 50px;}
.guidecol{font-size: 18px;}
.content-tit{font-size: 16px;line-height: 24px;}
.contentbox{margin-top: 20px;font-size: 12px;line-height: 18px;}
.contentmain{font-size: 14px;line-height: 18px;}
.content-date{margin: 30px 0;}
.shareicon{width: 20px;height: 30px;}
.content-share{font-size: 16px;}
.relatedlist ul{margin-top: 30px;}
.relatedlist li{width: 46%;margin-right: 8%;margin-bottom: 30px}
.relatetit{font-size: 24px;}
.newslist-tit{font-size: 14px;line-height: 20px;margin: 10px 0;}
.newsdate{margin-top: 6px;font-size: 10px}
.markcontact{min-height: inherit;padding: 10px;}
.contact-left{width: 100%;}
.contact-titch{font-size: 16px;}
.contactlist{font-size: 14px;line-height: 18px;}
.contact-right{width: 100%;}
/*关于我们*/
.newscolumn{width: 90%;font-size: 12px;line-height: 24px;}
.newscolumn p{width: auto;}
.arrowmore, .cfmore{width:30px;height:30px;}
.comch{font-size: 14px;}
.companylist li{background-size: 14px 14px;}
.comicon{width: 70px;height: 70px;line-height: 70px;text-align: center;margin-top: 10px;padding: 0;}
.comicon img{width: 40px;}
.goodheader{background: url(../images/addicon.png) no-repeat;font-size: 24px;}
.goodlist{margin: 30px 0;}
.goodlist ul li{width: 48%;margin-bottom: 20px;height: 200px;}
.goodlisticon{width: 60px;height: 60px; }
.goodlisticona{height: 50px;}
.goodlisticonb{height: 46px;}
.goodlisticonc{width: 42px;height:53px;}
.goodlisticond{height: 53px;}
.comfocustxt{bottom: -99px;width: 80%;}
#companyfocus{padding-bottom: 30%;}
.cftxt{line-height: 16px;}
.cftit{font-size: 16px;}
.company-friends{margin-top: -18%;}
.cfmore{margin-top: 4%;}
#companybtn-next, #companybtn-prev{width: 40px;height: 40px;top:1%;}
#companybtn-next{background-position: -40px 0;background-size: 80px 38px;left:40px;}
#companybtn-prev{background-position: 0 0;background-size: 80px 38px;left: 0}
.comtit{background-size: 20px 20px;padding-top: 20px;}
.friendlistb{height: 186px;}
.friendlist li{height: 44px;line-height: 44px;width: 46%;}
.friendlist-more{width: 10px;height: 10px;margin-top: -6px;}
.friendlist-moreb{height: 2px;}
.friendlist-tit.cur{padding: 1% 4%}
.friendslist-item{top: 50px;font-size: 12px;line-height: 24px;padding: 4px;max-height: 300px;overflow-y: auto;}
.companyitem-txtb{top: 16%;}
.companyitem-txtb .panytxt{font-size: 12px;line-height: 18px;}
.companyitem{min-height: inherit;}
.honorlist ul{padding-left: 10px;height: 111px;margin: 20px 0;}
.honorlistb ul{height: auto;}
.honormore a{padding: 10px;}
.honormore .addmore{width: 20px;height: 20px;}
.humanitem{margin-top: 2%;margin-left: 4%;}
.humancol-txt{font-size:8px;padding: 3px 0;height: 40px;line-height: 18px;background: rgba(0,33,191,0.5)}
.humancol-txt p{font-weight: 100;}
.human-step{margin-top: 20px;}
.comtit{line-height: 24px;}
.humanwaytit{line-height: 24px;}
.humanway-list{margin-top: 0;line-height: 18px}
.newsitem-txt h4{line-height: 18px;}
.newsitemLeft-txt p{font-size: 10px;line-height: 14px;}
.newslist-menu{background-size: 20px 20px;padding-top: 30px;}
.newslistb .newslist-con ul li{width: 44%;}
.newslist-tit{font-size: 10px;line-height: 16px;}
.newsdate{font-size: 9px;margin-top: 0px;}
.newslist-more a{font-size: 12px;width: 24%;border: 1px solid #0021BF;}
.procon-main ul,.procon-main{line-height: 20px;}
.procon-name{line-height: 20px;}
.contactmain{padding: 6px;}
.productlistb{margin-top: 4%;}
.prolisttxt h3{font-size: 12px;overflow: hidden;}
.prolisttxt h4, .readmorebtn{font-size: 8px;}
.readmorebtn{width: 100%;}
.productlist ul li{margin-bottom: 140px;}
.mark-aboutmain p{line-height: 20px;}
.mark-aboutside li{border-bottom: 2px solid transparent;margin-bottom: 14px;}
.mark-aboutside li.curron span, .mark-aboutside li:hover span{border-bottom: 2px solid #0021BF;}
.mark-aboutconside{line-height: 5.4vw;}
.mark-aboutconside li{margin-bottom: 10px;}
.mark-products{padding:20px 10px;}
.mark-testing{padding: 40px 10px;}
.newsitem-leftc{bottom: 0 !important;top:0;background: rgba(255,255,255,0.8);margin-top: 0;}
.newsitem-leftc h4 span{margin-top: 10px;}
.icona{margin-right: 10px;}
.iconaa{width: 24px;height: 20px;}
.iconab{width: 24px;height: 18px;}
.iconac{width: 24px;height: 22px;}
.iconad{width: 19px;height: 23px;}
.newsitem-leftc .arrowmore{position: absolute;right: 10%;bottom: 10%;}
.comfocustxt{right: 0;bottom: 0 !important;background: rgba(255,255,255,0.8)}
.protoppic{width: 60%;height: 70%;left: -4%;}
.productmenu{width: 36%;position: fixed;top: 30%;opacity: 0.8;}
.productlist{width: 96%;padding-top: 3%;}
.productlist ul li{width: 100%;}
.promenu-tit{margin-top: 8%;font-size: 11px;}
.productsmenu-tit{margin-bottom: 0;padding-bottom: 0;}
.prolisttxt{padding: 5px;height: 180px;}
.prolisttxt h3{margin: 2%;}
.readmore{margin-top: 6%;}
.promenu-tit.curron a, .promenu-tit:hover a{border-bottom: 2px solid #FFFFFF;padding-bottom: 4px;}
.markclass .layui-layer-setwin{padding: 20px 0;}
.sideindex{top:70%;}
.mark-productsmenu{width: 36%;margin-top:7%;position: fixed;line-height:42px }
.mark-prosidemain{width: 60%;position: absolute;left: 40%;}
.mark-productsmenu .productsmenu-tit{margin-bottom: 3%;padding-bottom: 3%;}
.mark-productsmenu .curron{display: inline-block;}
.mark-prosidecon li{width: 80%;margin-bottom: 0;}
.mark-prosidecon li h3{height: auto;}
.mark-prosidecon li h3 a{font-size: 14px;line-height: 20px;}
.serviceitem dd{font-size: 14px;}
.arrowmorew{width: 38px;height: 38px}
.close_left{display: none;}
.select_product{padding: 10px;font-size: 11px;}
.contact-titch2{font-size: 14px;}
.iconbuy{width: 22px;height: 22px;}
.goodsnum input{width: 30px;}
.procon-main p{font-size: 12px!important;}
.procon-main span{font-size: 12px!important;}
.procon-main p span,.procon-main p span strong,.procon-main p span strong strong{font-size: 12px!important;}
.procon-main{font-size: 12px!important;}
}
#YSF-CUSTOM-ENTRY-7{display: none;}
img{height:auto}