/*banner*/
.banner{width: 100%;height: 550px;position: relative;overflow: hidden;}
.banner ul{width: 100%;height: 100%;}
.banner ul li{width: 100%;height: 100%;position: absolute;top: 0px;left: -1920px;}
.banner_icon{width: 100%;height: 10px; position: absolute;bottom: 30px;text-align: center;}
.banner_icon p{width: 9px;height: 9px;display: inline-block; border: solid 1px white; border-radius: 5px;background-color: rgba(0,0,0,0);margin: 0px 6px;cursor: pointer;}
.banner ul .active{left: 0px;}
.banner_icon .icon_active{background-color: #CC2701;border: solid 1px #CC2701;}
.banner_btn{width: 1200px;height: 0px;margin: 0 auto;background-color: yellow;position: relative;top: -60%;margin-top: 35px;}
.banner_btn p{width: 30px;height: 70px;cursor: pointer;transition: all 0.6s;position: absolute;top: 0px;opacity: 0;}
.banner_btn .leftBtn{left: -30px;background: url(/img/leftbtn.png) center no-repeat;}
.banner_btn .rightBtn{right: -30px;background: url(/img/rightbtn.png) center no-repeat;}
.banner:hover .banner_btn p{opacity: 1;}
.banner:hover .banner_btn .leftBtn{left: 0px;}
.banner:hover .banner_btn .rightBtn{right: 0px;}
/*公司简介*/
.CP{width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 40px;}
.CP_img{width: 575px;height: 306px;float: left;}
.CP_font{width: 575px;height:306px;float: right;position: relative;}
.CP_TT{width: 177px;height: 52px;background: url(/img/cp_tt.png) center no-repeat;}
.CP_font>p{width: 554px; text-indent: 2em;font-size: 14px;color: #4e4e4e;line-height: 24px;margin-top: 20px;}
.CP_more{display: block;width: 100px;height: 23px;text-align: center;float: right; border: solid 1px #CCCCCC;position: absolute;bottom: 0px;right: 20px;font-size: 14px;line-height: 23px;color: #4E4E4E;}
/*公司动态*/
.CN{width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 40px;}
.CN_TT{width: 154px;height: 43px;margin: 0 auto;background: url(/img/cn_tt.png) center no-repeat;}
.CN_box{width: 100%;}
.CN_box>dl{width: 100%;overflow: hidden;}
.CN_box>dl>dd{width: 570px;float: left;margin-right: 60px;margin-top: 30px;}
.CN_box>dl>dd>div{float: left;}
.CN_box .CN_img{width: 221px;height: 169px;margin-right: 20px;}
.CN_box .CN_font{width: 325px;color: #757575;}
.CN_font .CN_F_date{height: 33px;line-height: 30px;font-size: 18px;margin-top: 9px;}
.CN_font .CN_F_date b{font-size: 36px;}
.CN_font>p{line-height: 24px;margin-top: 16px;}
.CN_font>a{display: inline-block;margin-top: 27px;font-size: 14px;}
.CN_font>a>span{font-size: 18px;}
.CN_font a{color: #757575;}
.CN_box>dl>dd:hover .CN_font a{color: #cc2701;}
/*产品中心*/
.PC{width: 1200px;margin: 0 auto;margin-top: 50px;}
.PC_TT{width: 184px;height: 43px;margin:  0 auto; background: url(/img/pc_tt.png) center no-repeat;}
.PC ul{width: 100%; overflow: hidden;margin-top: 42px;}
.PC ul li{width: 140px; float: left;text-align: center;margin-right: 67px;}
.PC_img{width: 140px;height: 80px;overflow: hidden;}
.PC_img>img{display:block;margin: 0 auto;position: relative;top:0px;transition: all 0.3s;}
.PC_img>.PC_icon_on{margin-top: 14px;}
.PC_img>.PC_icon{margin-top:0px;}
.PC ul li p{color: #4e4e4e;margin-top: 20px;}
.PC ul li:hover  .PC_icon{top: -80px;}
.PC ul li:hover  .PC_icon_on{top: -80px;}
/*服务项目*/
.SI{width: 1200px;margin: 0 auto;}
.SI_TT{width: 128px;height: 41px;margin:  0 auto;background: url(/img/si_tt.png) center no-repeat;margin-top: 90px;}
.SI_box{width: 1200px;height: 400px;overflow: hidden;}
.SI_font{width: 458px;float: left; overflow: hidden;}
.SI_font>h3{width: 417px;border-bottom: solid 1px #CC2701;color: #CC2701;line-height: 55px;margin-top: 30px; font-size: 30px;font-family: verdana;}
.SI_font>p{display: none; width: 430px;float: right;text-indent: 2em;font-size: 14px;color: #4e4e4e;line-height: 20px;margin-top: 45px;}
.SI_font>.active{display: block;}
.SI_btn{width: 730px;float: right;position: relative;margin-top: 20px;}
.SI_btn>div{transition:all 0.5s;background:#fff;width: 180px;height: 180px;border: solid 1px #D4D4D4; text-align: center;color: #4e4e4e;overflow: hidden;cursor: pointer;position: absolute;box-sizing: border-box;transform: rotate(45deg);}
.SI_btn>div>div{width: 100%;height: 100%; transform: rotate(-45deg);}
.SI_Num{font-size: 36px;font-family: Segoe UI;padding-top: 30px;}
.SI_con{font-size: 22px;font-weight:bold;margin-top: 40px;}
.SI_btn1{top: 160px;}
.SI_btn2{top: 30px;left: 160px;}
.SI_btn3{top: 160px;left: 320px;}
.SI_btn4{top: 30px;left: 480px;}
.SI_btn>.btn_active{border:none;background-color: #CC2701;color: white;}
/*经典案例*/
.CC{width: 1200px;margin: 0 auto;margin-top: 42px;}
.CC_TT{width: 125px;height: 41px;background: url(/img/cc_tt.png) center no-repeat;margin: 0 auto;}
.CC ul{width: 100%;overflow: hidden;margin-top: 29px;}
.CC li{width: 269px;border: solid 1px #D7D7D7;padding: 5px 7px;float: left;margin-right: 20px;}
.CC li img{width: 270px;height: 212px;}
.CC li h5{font-size: 14px;text-align: center;line-height: 40px;}
.CC li p{font-size: 14px;line-height: 20px;color: #4e4e4e;}
.CC li a{display: block;width: 68px;height: 18px;line-height: 18px;font-size: 14px;color: #4e4e4e; border-radius: 10px;text-align: center;margin: 0 auto;border: solid 1px #D7D7D7;margin-top: 40px;margin-bottom: 10px;}
.CC li:hover p{color: #cc2701;}
.CC li:hover a{background-color: #cc2701;border: solid 1px #CC2701;color: white;}
/*合作伙伴*/
.COOPERA{width: 1200px;margin: 0 auto;margin-top: 40px;margin-bottom: 24px;}
.COOPERA_TT{width: 223px;height: 41px;margin: 0 auto;background: url(/img/coopera_tt.png) center no-repeat;}
.COOPERA_logo{width: 100%;margin-top: 30px;}
.COOPERA_logo dl{width: 100%;overflow: hidden;margin-bottom: 12px;}
.COOPERA_logo dl dd{float: left;width: 228px;height: 70px;margin-right:12px ;}
.COOPERA_logo dl dd img{width: 100%;}
.COOPERA_logo>a{display: block;width: 88px;height: 23px;margin: 0 auto;border: solid 1px #ACACAC;line-height: 23px;color: #4e4e4e;font-size: 14px;margin-top: 17px; text-align: center;}

.pd-0{padding:0} .pd-5{padding:5px} .pd-6{padding:6px} .pd-8{padding:8px} .pd-10{padding:10px}.pd-12{padding:12px} .pd-14{padding:14px}  .pd-15{padding:15px} .pd-20{padding:20px} .pd-25{padding:25px} .pd-30{padding:30px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:60px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-40{padding-left:40px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-40{padding-right:40px}.pr-50{padding-right:50px}

.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}

/*-------------------*/
.main-box{transition:all 0.5s ease-out}
.main-box.hover{background:#c6ecfb}
.main-panel{width:1200px;margin-left:auto;margin-right:auto;}
.main-panel *{box-sizing:border-box}
.intro{width: 575px;height: 306px}
.intro img{display:block;padding:0;width:100%;height:100%}
.intro p{width: 554px; text-indent: 2em;font-size: 14px;color: #4e4e4e;line-height: 24px;margin-top: 20px;}
.intro .more{display: block;width: 100px;height: 23px;text-align: center;float: right; border: solid 1px #CCCCCC;font-size: 14px;line-height: 23px;color: #4E4E4E;}
.en-title{font-weight:bold;font-size:25px}
.zh-title{display:inline-block}
.zh-title.c{display:block;text-align:center}
.zh-title .text{font-weight:bold;font-size:30px;color:#CC2701;padding-bottom:5px}
.zh-title .linebox{height:4px}
.zh-title .line{margin:auto;width:20px;height:100%;background:#CB2700;transition:all 1s ease-out}
.main-box:hover .zh-title .line,.main-box.hover .zh-title .line{width:120px}
.break-word{word-break:break-all;word-wrap:break-word}

.bold{font-weight:bold}
.f-10{font-size:10px !important}  .f-11{font-size:11px !important} .f-12{font-size:12px !important} .f-13{font-size:13px !important} .f-14{font-size:14px !important} .f-15{font-size:15px !important} .f-16{font-size:16px !important} .f-18{font-size:18px !important} .f-20{font-size:20px !important} .f-22{font-size:22px !important}.f-36{font-size:36px !important}
.text-shadow{text-shadow:0 0 2px rgba(0,0,0,0.2)}
.t{color:#8a8a8a}
.text-c{text-align:center}
.text-r{text-align:right}
.content-color{color:#757575}
.flex,.flex-col,.flex-c,.flex-hc,.flex-vc,.flex-hvc,.flex-vhc{display: flex;}
.space-between{justify-content:space-between}
.space-around{justify-content:space-around}
.flex-end{justify-content:flex-end}
.flex-col{flex-direction: column;}
.flex-c,.flex-hc{justify-content: center;}
.flex-vc{align-items: center;}
.flex-vhc,.flex-hvc{align-items: center;justify-content: center;}
.flex-auto{flex-shrink: 1;flex-grow: 1;}
.flex-fix{flex-shrink: 0;flex-grow: 0;}

.news-left,.news-right{flex-shrink:0;flex-grow:0;}
.news-left{width:50%;padding-right:40px;border-right:4px solid #CE715F}
.news-left .main-news{width:100%;height:400px;display:block}
.cover{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}

.news-right{width:50%;padding-left:40px}

.case-line{background:#E38770;height:240px;position:absolute;left:0;right:0;top:120px}
.case-item{height:100%;width:285px;border:1px solid #d7d7d7;padding:10px;margin-left:60px;background:#fff;box-shadow:1px 1px 4px rgba(0,0,0,0.1);transition:all 0.5s;position:relative}
.case-item:hover{background:#e7f2fa}
.case-item:first-child{margin-left:0;}
.case-item .title{font-size:18px;font-weight:bold;padding-top:10px;text-align:center}
.case-item .text{color:#757575;font-size:15px;padding:10px 0;}
.case-item .more-box{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding-bottom:20px}
.case-item .more{padding:2px 20px;color:#7d7d7d;border:1px solid #7d7d7d;font-size:15px;border-radius:15px;box-shadow:1px 1px 4px rgba(0,0,0,0.1)}
.case-img{height:210px;background-position:center;background-size:cover}