html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;} body {margin: 0;overflow-x: hidden;} article,aside,footer,header,nav,section {display: block;} h1 {font-size: 2em;margin: 0.67em 0;} figcaption,figure,main {display: block;} figure {margin: 1em 40px;} hr {box-sizing: content-box;height: 0;overflow: visible;} pre {font-family: monospace, monospace;font-size: 1em;} a {background-color: transparent;-webkit-text-decoration-skip: objects;} abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;} b,strong {font-weight: inherit;} b,strong {font-weight: bolder;} code,kbd,samp {font-family: monospace, monospace;font-size: 1em;} dfn {font-style: italic;} mark {background-color: #ff0;color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} audio,video {display: inline-block;} audio:not([controls]) {display: none;height: 0;} img {border-style: none;} svg:not(:root) {overflow: hidden;} button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;} button,input {overflow: visible;} button,select {text-transform: none;} button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;} progress {display: inline-block;vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield;outline-offset: -2px;} [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;} details,menu {display: block;} summary {display: list-item;} canvas {display: inline-block;} template {display: none;} [hidden] {display: none;} a{text-decoration: none !important;} input{outline: none} textarea{outline: none;resize:none;vertical-align: top;} ul,ol{list-style: none;margin-bottom: 0;} *{margin:0 ;padding:0;font-family: "微软雅黑";box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .sright{width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid #333333;border-bottom: 5px solid transparent;display: inline-block;} .wrap:after{content: "";display: block;height:0;clear:both;visibility: hidden;} .center{width: 1200px;margin: 0 auto;} .left{float: left;} .right{float: right;} .huibj{background:#f5f5f5 !important;} .title .left{font-size: 36px;color: #e72b2b;font-weight: bold;} .title .right{font-size: 16px;color: #333333;} .top{width: 100%;height: 83px;} .nav{width: 100%;height: 83px;background: #f5f5f7;padding-top: 17px;} .nav .center{border-bottom: 1px solid #e5e5e5;height: 66px;} .nav .logo{width: 257px;height: 66px;float: left;} .nav .logo img{width: 100%;height: 100%;} .nav ul{width: 790px;float: right;height: 65px;padding-top: 17px;margin-right: -39px;} .nav ul li{display: inline-block;position: relative;height: 100%;} .nav ul li:after{position: absolute;content: "";width: 1px;height: 16px;background: #bababa;right: 0;top: 3px;} .nav ul li:last-child:after{display: none;} .nav ul li a{display: block;padding: 0 39px;font-size: 18px;color: #333333;font-weight: bold;} .nav ul li.active a,.nav ul li:hover a{color: #ff0000;position: relative;} .nav ul li.active:before,.nav ul li:hover:before{position: absolute;content: "";width: 27px;height: 8px;background: url(../img/active.png) no-repeat center;top: 29px;left: 50%;margin-left: -13.5px;} .nav ul li ul{width: 100%;height: auto;background:rgba(255,255,255,.6);position: absolute;top: 48px;z-index: 9;padding: 0;display: none;} .nav ul li ul li{width: 100%;height: 50px;text-align: center;line-height: 50px;border-bottom: 1px solid #f5f5f7} .nav ul li ul li a{display: block;padding:0;color: #666666;} .nav ul li ul li:after{display: none;} .nav ul li ul li.active:before,.nav ul li ul li:hover:before{display: none;} .nav ul li:hover ul li a{color: #666666} .nav ul li ul li:hover a{color: #ff0000;} .nav ul li:hover ul{display: block;} .navtwo{background: #fff;} .navFix{position: fixed;top: 0;left: 0;z-index: 9999;} .carousel-content {position: relative;display: inline-block;width: 100%;} .carousel {width: 100%;height: 633px;position: relative;overflow: hidden;} .carousel li {float: left;display: none;} .carousel li{height: 633px;} .carousel li img {height: 633px;position: absolute;left: 50%;margin-left: -960px;} .img-index {position: absolute;bottom: 17px;width: 100%;text-align: center;} .img-index li {display: inline-block;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 10px;background-color: #fff;font-size: 12px;cursor: pointer;margin: 0 5px;color: #fff;} .img-index li.index {background-color: #ff0000;position: relative;} .img-index li.index:after,.img-index li:hover:after{position: absolute;content: "";width: 14px;height: 14px;border: 1px solid #e34524;top: -3px;left: -3px;border-radius: 50%;} .img-index li:hover {background-color: #ff0000;position: relative;} .carousel-prev,.carousel-next {position: absolute;display: inline-block;top: 40%;cursor: pointer;} .carousel-prev {left: 0;} .carousel-next {right: 0;} .company{width: 100%;background: #ffffff;padding: 100px 0;} .company .left{width: 466px;height: 415px;} .company .right{width: 640px;margin-right: 15px;} .company .right .tit{font-size: 36px;color: #e72b2b;font-weight: bold;padding: 60px 0 30px;} .company .right .p{font-size: 14px;color: #333333;line-height: 180%;} .company .right .p a{color: #e20918;} .company .right .bottom ul{display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #999999;margin-top: 55px;} .company .right .bottom .num{font-size: 44px;color: #eab458;} .company .right .bottom .tpt{font-size: 14px;color: #666666;margin-top: 20px;} .pro{width: 100%;height: 1065px;background: url(../images/probj.jpg) no-repeat center;padding: 100px 0 0;} .pro .title{margin-bottom: 75px;} .pro li{width: 370px;float: left;margin-right: 45px;text-align: center;margin-bottom: 55px;} .pro li:nth-child(3n){margin-right: 0;} .pro li .img{width: 100%;height: 262px;overflow:hidden;} .pro li .img img{width: 100%;height: 100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .pro li .tit{font-size: 16px;color: #333333;font-weight: bold;padding: 18px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pro li .p{height: 36px;font-size: 14px;color: #666666;line-height: 140%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .pro li:hover .img img{-moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .new{width: 100%;background: #fff;padding:100px 0 150px} .new .title{margin-bottom: 78px;} .new li{width: 370px;float: left;margin-right: 45px;} .new li:nth-child(3n){margin-right: 0;} .new li .time{width: 100%;height: 75px;position: relative;} .new li .time:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 50%;background: #e72b2b;bottom: 0;left: 0;} .new li .time:before{position: absolute;content: "";width: 360px;height: 2px;background: #e72b2b;bottom: 5px;right: 0;} .new li .time .data{font-size: 44px;color: #e72b2b;width: 70px;float: left;height: 100%;} .new li .time .mth{width:300px;float: left;font-size: 14px;color: #333333;height: 100%;line-height: 73px;} .new li .tit{font-size: 16px;color: #333333;padding: 30px 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .new li .p{width: 100%;height: 67px;font-size: 12px;color: #666666;line-height: 180%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .new li .add{width: 100%;padding: 40px 0;font-size: 12px;color: #666666;} .new li .add img{width: 13px;height: 8px;} .new li .img{width: 100%;height: 208px;overflow:hidden;} .new li .img img{width: 100%;height: 100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .new li:hover .img img{-moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} footer{width: 100%;background: #333333;padding: 50px 0 35px} footer .left01{float: left;width: 257px;} footer .left01 .logo{width: 257px;height: 66px;display: block;margin-bottom: 40px;} footer .left01 .logo img{width: 100%;height: 100%;} footer .left01 li img{width: 14px;height: 16px;margin-right: 20px;} footer .left01 li {font-size: 14px;color: #aaaaaa;margin-bottom: 25px;} footer .left02{float: left;width: 725px;margin-left: 70px;} footer .left02 li:nth-child(1){width: 175px;} footer .left02 li:nth-child(5){width: 165px;} footer .left02 li{width: 128px;float: left;margin-top: 10px;} footer .left02 li .tit{display: block;font-size: 24px;color: #ffffff;margin-bottom:35px;} footer .left02 li dl a{display: block;font-size: 14px;color: #c2c2c2;margin-bottom: 15px;} footer .right{width: 146px;float: right;padding-top: 5px;} footer .right .img{width: 100%;height: auto;} footer .right span{display: block;font-size: 14px;color: #ffffff;margin-top: 9px;text-align: center;} .minbanner{width: 100%;height: 240px;position: relative;} .minbanner img{height: 240px;position: absolute;left: 50%;margin-left: -960px;} .main{width: 100%;background: #ffffff;} .main .navigation{width: 100%;padding: 15px 0 20px;border-bottom: 1px solid #d2d2d2;} .main .navigation a{font-size: 14px;color: #666666;} .new_article{width: 100%;padding: 65px 0 75px;} .new_article .time-tit{width: 100%;} .new_article .time{width: 94px;height: 56px;float: left;text-align: center;color: #de1f1f;font-size: 16px;font-weight: bold;position: relative;} .new_article .time:after{position: absolute;content: "";width: 4px;height: 56px;background: url(../img/time.png) no-repeat center;top: 0;right: 0;} .new_article .time .data{font-size: 30px;color: #de1f1f;font-family: "Berlin Sans FB Demi";font-weight: bold;} .new_article .tit{width: 1102px;float: right;height: 56px;font-size: 28px;color: #010101;font-weight: bold;line-height: 56px;padding-left: 10px;} .new_article .p{font-size: 16px;color: #666666;line-height: 180%;padding-top: 40px;} .new_article .p p{text-indent: 2em;margin: 25px 0;} .mcontent{width: 100%;padding-top: 40px;} .mcontent .left{width: 234px;} .mcontent .left li{width: 100%;height: 50px;background: #e1e1e1;margin-bottom: 10px;line-height: 50px;} .mcontent .left li a{display: block;font-size: 16px;color: #666666;font-weight: bold;padding: 0 20px;background:url(../img/hjt.png) no-repeat right 10px center;} .mcontent .left li.active,.mcontent .left li:hover{background:#d81515;} .mcontent .left li.active a,.mcontent .left li:hover a{color: #fff;background:url(../img/bjt.png) no-repeat right 10px center;} .mcontent .right{width: 905px;} .mcontent .right .about{padding-bottom:80px; } .mcontent .right .about .tit{font-size: 24px;color: #333333;} .mcontent .right .about .p{font-size: 16px;color: #666666;line-height: 180%;} .mcontent .right .about .p p{text-indent: 2em;margin: 35px 0;} .recruit .tit{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .recruit .tit .name{font-size: 24px;color: #333333;font-weight: bold;} .recruit .tit span{font-size: 16px;color: #333333;margin: 0 30px;} .recruit .tit .price{font-size: 20px;color: #d41313;} .recruit .p{font-size: 16px;color: #333333;line-height: 200%;padding: 35px 0 30px;border-bottom: 1px dashed #cbcbcb;} .recruit .pp{font-size: 16px;color: #333333;line-height: 200%;padding: 35px 0 170px;} .newtit{font-size: 24px;color: #333333;padding: 60px 0 0;margin-bottom: 40px;position: relative;} .newtit:after{position: absolute;content: "";left: 20px;bottom: -21px;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #d41313;border-bottom: 10px solid transparent;display: inline-block;transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -webkit-transform:rotate(90deg); /* Safari and Chrome */} .newlist{padding-bottom: 100px;} .newlist li{width: 100%;padding: 30px 0;border-bottom: 1px solid #d1d1d1;} .newlist li a{display: block;} .newlist li .img{width: 314px;height: 177px;float: left;overflow: hidden;} .newlist li .img img{width: 100%;height: 100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .newlist li .text{width: 860px;height: 177px;float: right;padding-top: 9px;} .newlist li .time{width: 76px;height: 56px;float: left;text-align: center;color: #de1f1f;font-size: 16px;font-weight: bold;position: relative;} .newlist li .time:after{position: absolute;content: "";width: 4px;height: 56px;background: url(../img/time.png) no-repeat center;top: 0;right: -24px;} .newlist li .time .data{font-size: 30px;color: #de1f1f;font-family: "Berlin Sans FB Demi";font-weight: bold;} .newlist li .txt{font-size: 28px;color: #010101;font-weight: bold;height: 56px;line-height: 56px;padding:0 15px 0 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .newlist li .desc{font-size: 16px;color: #666666;line-height: 180%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 45px;} .newlist li:last-child{border-bottom: none;} .newlist li:hover .img img{-moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); transform:scale(1.5,1.5); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .page{text-align: center;padding-top: 50px;} .page input{width: 29px;height: 22px;border:1px solid #999999;border-radius: 2px;text-align: center;font-size: 14px;color: #010101;} .page .img{padding: 0 20px;} .page .img img{width:6px;height: 11px; } .page span{margin: 0 20px;} .page a{font-size: 14px;color: #010101;} .research{padding-bottom:110px; } .research .tit{font-size: 24px;color: #333333;} .research .p{font-size: 16px;color: #666666;line-height: 180%;} .research .p p{text-indent: 2em;margin: 35px 0;} .research .img{text-align: center;} .research .img img{width: 361px;height: 271px;margin: 0 15px;} .cooperate{padding-bottom:110px; } .cooperate .tit{font-size: 24px;color: #333333;margin-bottom: 50px;} .cooperate .txt{font-size: 22px;color: #d81515;font-weight: bold;padding-bottom: 35px;} .cooperate .p{font-size: 16px;color: #666666;line-height: 180%;} .cooperate .p p{text-indent: 2em;} .cooperate .img,.cooperate .imgtwo{text-align: center;margin: 35px 0;} .cooperate .img img{width: 361px;height: 271px;margin: 0 15px;} .huibj .main{background:#f5f5f5;} .contit{font-size: 24px;color: #333333;padding: 60px 0 0;margin-bottom: 40px;position: relative;} .contit:after{position: absolute;content: "";left: 42px;bottom: -21px;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #d41313;border-bottom: 10px solid transparent;display: inline-block;transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -webkit-transform:rotate(90deg); /* Safari and Chrome */} .content{width: 100%;} .content .left{width: 566px;} .content .left li{width: 100%;background:#fff;border-radius: 5px;height: 185px;margin-bottom: 15px;padding: 22px 19px 0;} .content .left li img{width: 116px;height: 146px;float: left;} .content .left li .text{width: 390px;float: right;height: 146px;} .content .left li .tit{font-size: 20px;color: #000003;font-weight: bold;padding-top: 12px;} .content .left li .p{line-height: 180%;padding-top: 35px;font-size: 20px;color: #000003;} .content .left li .p p{display: flex;align-items: center;} .content .left li .p img{width: 21px;height: auto;margin-right: 30px;} .content .right{width: 603px;height: 585px;background: #fff;border-radius: 10px;float: right;padding: 48px 115px 0;} .content .right .tit{font-size: 24px;color: #333333;text-align: center;margin-bottom: 45px;} .content .right input{width: 100%;height: 46px;border-radius: 5px;border:1px solid #d4d4d4;margin-bottom: 22px;padding: 0 20px;} .content .right textarea{width: 100%;height: 110px;border-radius: 5px;border:1px solid #d4d4d4;padding: 15px 20px;} .content .right .bjt{background:url(../img/xing.png) no-repeat right 10px center;} .content .right .btn{width: 305px;color: #fff;height: 46px;border-radius: 5px;background:#fe3636;margin: 35px auto 0;display: block;position: relative;padding: 0;} .content .right .btn input{background:#fe3636;font-size: 16px;color: #ffffff;border:none;} .content .right .btn:after{width: 290px;height: 46px;box-shadow: 0px 10px 20px rgba(254,54,54,0.5);position: absolute;content: "";top: 0;left: 8px;} .contact .map{width: 100%;height: 500px;border:1px solid #dfdfdf;background:#fff;margin: 55px auto 15px;overflow: hidden;} .contact .map ul{width: 100%;height: 100%;} .contact .map li{width: 100%;height: 100%;display: none;} .contact .map li.show{display: block;} .contact .addres{width: 100%;margin-bottom: 105px;} .contact .addres li{width: 384px;height: 38px;border-radius: 5px;background:#f1f1f1;float: left;margin-right: 24px;line-height: 38px;font-size: 14px;color: #333333;padding: 0 20px;} .contact .addres li:last-child{margin-right: 0;} .contact .addres li:hover,.contact .addres li.active{color: #e82424;} .contact .addres li:hover .icon,.contact .addres li.active .icon{background:url(../img/icon02.png) no-repeat center;} .contact .addres li .icon{display: block;float: left;width: 14px;height: 20px;background:url(../img/icon01.png) no-repeat center;background-size: cover;position: relative;top: 9px;margin-right: 20px;} .mcontent .left01{width: 255px;height: 408px;position: relative;background:none;float: left;} .mcontent .left01 .tit{width: 100%;height: 54px;position: absolute;top: 0;left: 0;background:#e3e3e3;} .mcontent .left01 .tit a{display: block;float: left;height: 100%;text-align: center;line-height: 54px;background:#e3e3e3;font-size: 18px;color: #333333;} .mcontent .left01 .tit a:nth-child(1){ width: 125px; /* position: relative; left: 10px;*/ z-index: 1; -webkit-clip-path: polygon(0% 0%, 84% 0, 100% 100%, 75% 100%, 0% 100%); clip-path: polygon(0% 0%, 84% 0, 100% 100%, 75% 100%, 0% 100%);} .mcontent .left01 .tit a:nth-child(2){ width: 130px; /* position: relative; left: -11px;*/ -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 75% 100%, 16% 100%); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 75% 100%, 16% 100%); } .mcontent .left01 .tit .active{background:#fff; } .mcontent .left01 .boxtit{width: 100%;height: 352px;position: absolute;top: 54px;left: 0;background:#fff;padding-top: 33px;} .mcontent .left01 #boxscroll2{width: 100% !important;height: 100% !important;position: relative !important;overflow: hidden !important;} .mcontent .left01 ul{width: 100%;padding: 0 20px;} .mcontent .left01 ul li{width: 100%;height: 50px;border-bottom: 1px solid #eeeeee;line-height: 50px;background:url(../img/probj.png) no-repeat right 10px center;} .mcontent .left01 ul li a{font-size: 18px;color: #333333;} .mcontent .left01 ul li:last-child{border-bottom: none;} .mcontent .left01 ul li.active a,.mcontent .left01 ul li:hover a{color: #ff0000;font-weight: bold;} .mcontent .right01{width: 877px;float: right;min-height: 486px;} .mcontent .right01 .p{font-size: 16px;color: #333333;line-height: 180%;} .mcontent .right01 .proimg{margin-left: 40px;} .mcontent .right01 .tit{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 15px;}