@charset "UTF-8";
@import url("init.css");
@import url("animate.min.css");
@import url("swiper.min.css");
@media screen and (max-width: 15000px) and (min-width: 1100px) {:root {  font-size: calc(100vw / 192 * 2);}
}
body {min-width: 1200px;overflow-x: hidden;}
/********************************* 头部 ***************************************/
.header {width: 100%;max-width: 1920px;margin: 0 auto;}
.header .wrap {width: 1200px;height: 130px;margin: 0 auto;position: relative;padding-left: 180px;display: flex;flex-flow: row nowrap;align-items: center;}
.header .wrap .logo {width: 180px;height: 180px;position: absolute;top: 0;left: 0;background-color: #f37e03;}
.header .wrap .logo a {width: 100%;height: 100%;display: flex;flex-flow: row nowrap;align-items: center;justify-content: center;background-color: #015198;}
.header .wrap .logo a img {width: 166px;height: 149px;}
.header .wrap .title {display: flex;flex-flow: row nowrap;font-size: 30px;color: #333;font-weight: bold;margin: 0 0 0 24px;}
.header .wrap .title p {width: 150px;height: 35px;line-height: 35px;text-align: center;background-color: #f37e03;color: #fff;font-size: 24px;font-weight: 100;border-top-left-radius: 15px;border-bottom-right-radius: 15px;font-family: "[AlibabaPuHuiTi]";margin: 0 0 0 15px;}
.header .wrap .tel {display: flex;flex-flow: column nowrap;text-align: right;margin: 0 0 0 auto;}
.header .wrap .tel .tel-title {font-size: 14px;color: #f37e03;}
.header .wrap .tel .tel-title img {width: 18px;height: 14px;margin: 0 3px 0 0;}
.header .wrap .tel h5 {font-weight: bold;color: #f37e03;font-size: 30px;}
/********************************* 导航 *************************************font-family: "Impact";**/
.nav {width: 100%;max-width: 1920px;overflow: hidden;margin: 0 auto;border-top: 1px solid #e6e6e6;}
.nav .wrap {width: 1200px;overflow: hidden;margin: 0 auto;padding-left: 180px;}
.nav .wrap ul {width: 100%;display: flex;flex-flow: row nowrap;}
.nav .wrap ul li {width: 180px;height: 49px;}
.nav .wrap ul li:hover a, .nav .wrap ul li.active a {color: #fff;background-color: #f37e03;}
.nav .wrap ul li a {width: 100%;height: 100%;display: flex;flex-flow: row nowrap;align-items: center;justify-content: center;color: #333;font-size: 18px;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
/********************************* banner图 ***************************************/
.banner {width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.banner .wrap {width: 100%;height: auto;overflow: hidden;position: relative;margin: 0 auto;}
.banner .wrap ul {width: 100%;height: 100%;}
.banner .wrap ul li {width: 100%;height: 100%;}
.banner .wrap ul li a {display: block;width: 100%;height: 100%;overflow: hidden;}
.banner .wrap ul li a .img {width: 100%;height: 100%;overflow: hidden;}
.banner .wrap ul li a .img img {width: 100%;height: 100%;}

/********************************* 我们的服务 ***************************************/
.main {width: 100%;overflow: hidden;}
.main .service {width: 100%;max-width: 1920px;overflow: hidden;margin: 0 auto;}
.main .service .wrap {width: 1200px;margin: 70px auto 0 auto;overflow: hidden;}
.main .service .wrap .title {width: 100%;position: relative;text-align: center;}
.main .service .wrap .title .zh {font-size: 36px;color: #333;position: relative;z-index: 999;}
.main .service .wrap .title .zh span {color: #f37e03;}
.main .service .wrap .title .en {font-size: 36px;color: #e6e6e6;text-transform: uppercase;position: absolute;font-weight: bold;top: 15px;left: 50%;transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.main .service .wrap .title .info {font-size: 16px;color: #666666;position: relative;z-index: 999;margin: 12px 0 0 0;}
.main .service .wrap ul {width: 100%;margin: 60px 0;display: flex;flex-flow: row nowrap;}
.main .service .wrap ul li {width: 224px;height: 120px;margin: 0 20px 0 0;}
.main .service .wrap ul li:last-child {margin-right: 0;}
.main .service .wrap ul li:hover .box{background-color: #f37e03;}
.main .service .wrap ul li:hover .box .img img:first-child {opacity: 0;}
.main .service .wrap ul li:hover .box .img img:last-child {opacity: 1;}
.main .service .wrap ul li:hover .box .info {color: #fff;}
.main .service .wrap ul li .box{width: 100%;height: 100%;padding: 15px 0;background-color: #edeef3;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;display: flex;flex-flow: column nowrap;align-items: center;justify-content: space-between;cursor: pointer;transition: background-color, 0.25s;-o-transition: background-color, 0.25s;-webkit-transition: background-color, 0.25s;-moz-transition: background-color, 0.25s; }
.main .service .wrap ul li .box .img {width: 58px;height: 58px;overflow: hidden;position: relative;}
.main .service .wrap ul li .box .img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: opacity 0.25s;-o-transition: opacity 0.25s;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;}
.main .service .wrap ul li .box .img img:last-child {opacity: 0;}
.main .service .wrap ul li .box .info {font-size: 20px;color: #333333;transition: color, 0.25s;-o-transition: color, 0.25s;-webkit-transition: color, 0.25s;-moz-transition: color, 0.25s;}

/********************************* 打印机/复印机 ***************************************/
.main .fyj .wrap .head, .main .dyj .wrap .head {width: 100%;display: flex;flex-flow: row nowrap;align-items: flex-end;justify-content: space-between;margin: 0 0 60px 0;}
.main .fyj .wrap .head .title, .main .dyj .wrap .head .title {position: relative;padding: 0 0 0 30px;}
.main .fyj .wrap .head .title::before, .main .dyj .wrap .head .title::before {content: "";width: 72px;height: 72px;background: url("../../images/default/bg-blue.png" ) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;}
.main .fyj .wrap .head .title::after, .main .dyj .wrap .head .title::after {content: "";width: 36px;height: 36px;background: url("../../images/default/bg-blue.png" ) no-repeat;background-size: 100% 100%;position: absolute;left: -18px;top: -18px;}
.main .fyj .wrap .head .title .zh, .main .dyj .wrap .head .title .zh {font-size: 36px;color: #f37e03;}
.main .fyj .wrap .head .title .zh span, .main .dyj .wrap .head .title .zh span {color: #333;}
.main .fyj .wrap .head .title .en, .main .dyj .wrap .head .title .en {font-size: 30px;color: #d9d9d9;text-transform: uppercase;font-weight: bold;margin: -8px 0 0 0;}
.main .fyj .wrap .head .title .en span, .main .dyj .wrap .head .title .en span {font-size: 16px;color: #666;font-weight: 300;margin: 0 0 0 16px;}
.main .fyj .wrap .head .more, .main .dyj .wrap .head .more {display: flex;justify-content: center;align-items: center;width: 160px;height: 46px;font-size: 16px;color: #333;background-color: #fff;border: 1px solid #e6e6e6;border-top-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;padding: 0 15px 0 0;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
.main .fyj .wrap .head .more:hover, .main .dyj .wrap .head .more:hover {background-color: #f37e03;color: #fff;}
.main .fyj .wrap .head .more:hover::before, .main .dyj .wrap .head .more:hover::before {opacity: 0;}
.main .fyj .wrap .head .more:hover::after, .main .dyj .wrap .head .more:hover::after {opacity: 1;}
.main .fyj .wrap .head .more::after, .main .fyj .wrap .head .more::before, .main .dyj .wrap .head .more::after, .main .dyj .wrap .head .more::before {content: "";width: 16px;height: 16px;border-radius: 50%;position: absolute;right: 15px;top: 54%;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;transition: opacity 0.25s;-o-transition: opacity 0.25s;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;}
.main .fyj .wrap .head .more::before, .main .dyj .wrap .head .more::before {background: url("../../images/default/more.png" ) no-repeat;background-size: 100% 100%;opacity: 1;}
.main .fyj .wrap .head .more::after, .main .dyj .wrap .head .more::after {background: url("../../images/default/more-active.png" ) no-repeat;background-size: 100% 100%;}
.main .fyj {width: 100%;overflow: hidden;background-color: #edeef3;margin: 0 auto;}
.main .fyj .wrap {width: 1200px;margin: 80px auto 70px auto;}
/* .main .fyj .wrap .content {width: 100%;height: 478px;display: flex;flex-flow: row nowrap;overflow: hidden;padding: 3px 0 0 0;}
.main .fyj .wrap .content .left {flex-shrink: 0;width: 460px;height: 100%;margin: 0 30px 0 0;}
.main .fyj .wrap .content .left a {display: flex;flex-flow: column nowrap;width: 100%;height: 100%;border: 1px solid #f37e03;transition: border 0.25s;-o-transition: border 0.25s;-webkit-transition: border 0.25s;-moz-transition: border 0.25s;position: relative;}
.main .fyj .wrap .content .left a.tj::after {content: "推荐";width: 55px;height: 62px;display: flex;justify-content: center;white-space: nowrap;background: url("../../images/default/tj.png" ) no-repeat;background-size: 100% 100%;color: #fff;font-size: 18px;padding: 15px 0 0 4px;position: absolute;right: 30px;top: -3px;}
.main .fyj .wrap .content .left a:hover {border: 1px solid #f37e03;}
.main .fyj .wrap .content .left a:hover .img img {transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.main .fyj .wrap .content .left a:hover .title {background-color: #f37e03;}
.main .fyj .wrap .content .left a:hover .title .price, .main .fyj .wrap .content .left a:hover .title .txt {color: #fff;}
.main .fyj .wrap .content .left a .img {width: 100%;height: 415px;overflow: hidden;background-color: pink;flex-shrink: 0;}
.main .fyj .wrap .content .left a .img img {width: 100%;height: 100%;transition: transform 0.5s;-o-transition: transform 0.5s;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;}
.main .fyj .wrap .content .left a .title {flex: 1;flex-shrink: 0;background-color: #f37e03;display: flex;flex-flow: row nowrap;align-items: center;overflow: hidden;white-space: nowrap;padding: 0 20px;justify-content: space-between;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
.main .fyj .wrap .content .left a .title .txt {flex: 1;font-size: 16px;margin: 0 10px 0 0;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .fyj .wrap .content .left a .title .price {flex-shrink: 0;font-size: 16px;color: #eb7f01;transition: color 0.25s;-o-transition: color 0.25s;-webkit-transition: color 0.25s;-moz-transition: color 0.25s;}
.main .fyj .wrap .content .left a .title .price span {font-size: 28px;font-weight: bold;font-family: "Arial";}
.main .fyj .wrap .content .right {flex: 1;}
.main .fyj .wrap .content .right ul {width: 100%;display: flex;flex-flow: row wrap;}
.main .fyj .wrap .content .right ul li {width: 345px;height: 228px;margin: 0 20px 0 0;}
.main .fyj .wrap .content .right ul li:nth-child(2n) {margin-right: 0;}
.main .fyj .wrap .content .right ul li:nth-child(n + 3) {margin-top: 19px;}
.main .fyj .wrap .content .right ul li a {display: flex;flex-flow: column nowrap;width: 100%;height: 100%;border: 1px solid #d6dbe1;transition: border 0.25s;-o-transition: border 0.25s;-webkit-transition: border 0.25s;-moz-transition: border 0.25s;position: relative;}
.main .fyj .wrap .content .right ul li a.tj::after {content: "推荐";width: 45px;height: 52px;overflow: hidden;display: flex;justify-content: center;text-align: center;white-space: nowrap;background: url("../../images/default/tj.png" ) no-repeat;background-size: 100% 100%;padding: 12px 0 0 4px;color: #fff;font-size: 14px;position: absolute;right: 15px;top: -3px;}
.main .fyj .wrap .content .right ul li a:hover {border: 1px solid #f37e03;}
.main .fyj .wrap .content .right ul li a:hover .img img {transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.main .fyj .wrap .content .right ul li a:hover .title {background-color: #f37e03;}
.main .fyj .wrap .content .right ul li a:hover .title .price, .main .fyj .wrap .content .right ul li a:hover .title .txt {color: #fff;}
.main .fyj .wrap .content .right ul li a .img {width: 100%;height:226px;overflow: hidden;flex-shrink: 0;}
.main .fyj .wrap .content .right ul li a .img img {width: 100%;height: 100%;transition: transform 0.5s;-o-transition: transform 0.5s;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;}
.main .fyj .wrap .content .right ul li a .title {flex: 1;flex-shrink: 0;background-color: #d6dbe1;display: flex;flex-flow: row nowrap;align-items: center;overflow: hidden;white-space: nowrap;padding: 0 20px;justify-content: space-between;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
.main .fyj .wrap .content .right ul li a .title .txt {flex: 1;font-size: 14px;margin: 0 10px 0 0;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .fyj .wrap .content .right ul li a .title .price {flex-shrink: 0;font-size: 14px;color: #eb7f01;transition: color 0.25s;-o-transition: color 0.25s;-webkit-transition: color 0.25s;-moz-transition: color 0.25s;}
.main .fyj .wrap .content .right ul li a .title .price span {font-size: 24px;font-weight: bold;font-family: "Arial";} */

.main .fyj .new-content{width:100%;overflow:hidden;display:flex;flex-flow:row nowrap;padding:10px 0}
.main .fyj .new-content .left{flex-shrink:0;width:460px;height:475px;background-color:#fff;position:relative;margin:0 30px 0 0}
.main .fyj .new-content .left:hover a .img img{transform:scale(1.1)}
.main .fyj .new-content .left.tj::after{content:"推荐";width:55px;height:62px;display:flex;justify-content:center;white-space:nowrap;background:url("../../images/default/tj.png") no-repeat;background-size:100% 100%;color:#fff;font-size:18px;padding:15px 0 0 4px;position:absolute;right:30px;top:-3px}
.main .fyj .new-content .left a{width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;overflow:hidden}
.main .fyj .new-content .left a .title{flex-shrink:0;overflow:hidden;font-size:24px;color:#100f0f;padding:40px 0 0 25px;width:100%}
.main .fyj .new-content .left a .img{flex:1;overflow:hidden;width:100%;height:auto;padding:30px 0 0 0;text-align:center}
.main .fyj .new-content .left a .img img{width:auto;height:auto;max-width:100%;max-height:100%;transition:transform 1s}
.main .fyj .new-content .left a .info{flex-shrink:0;overflow:hidden;width:100%;height:85px;background-color:orangered;position:relative}
.main .fyj .new-content .left a .info .txt-1{height:100%;width:128px;background:url(../../images/default/tx3.png) no-repeat;background-size:100% 100%;font-size:20px;color:#fff;display:flex;align-items:center;padding:0 0 0 28px;position:relative;z-index:99999999}
.main .fyj .new-content .left a .info .txt-2{position:absolute;top:0;width:315px;height:34px;border-radius:17px;background-color:#f4a047;font-size:16px;color:#fff;text-align:right;padding:0 30px 0 0;line-height:34px}
.main .fyj .new-content .left a .info .txt-3{width:100%;height:50px;position:absolute;bottom:0;left:0;line-height:50px;font-size:20px;color:#f37e03;background-color:#ffe2c3;padding:0 0 0 140px}
.main .fyj .new-content .right{flex:1;overflow:hidden}
.main .fyj .new-content .right .item{width:100%;height:228px;overflow:hidden;margin:0 0 20px 0;background-color:#fff}
.main .fyj .new-content .right .item:nth-child(2){margin:0}
.main .fyj .new-content .right .item:nth-child(2) a{padding:0 90px 0 115px}
.main .fyj .new-content .right .item:nth-child(2) a .c-right{justify-content:flex-start}
.main .fyj .new-content .right .item a{width:100%;height:100%;padding:0 130px 0 80px;overflow:hidden;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}
.main .fyj .new-content .right .item a .c-left{overflow:hidden;display:flex;flex-flow:column nowrap;align-items:center}
.main .fyj .new-content .right .item a .c-left .title{overflow:hidden;text-align:center;margin:0 0 20px 0}
.main .fyj .new-content .right .item a .c-left .title p{font-size:24px;color:#333333;margin:0 0 7px 0}
.main .fyj .new-content .right .item a .c-left .title span{font-size:18px;color:#605f5e}
.main .fyj .new-content .right .item a .c-left .tel{position:relative;font-size:18px;color:#f37e03;display:flex;align-items:center;flex-flow:row nowrap;margin:0 0 10px 0}
.main .fyj .new-content .right .item a .c-left .tel::before{content:url(../../images/default/tel2.png);display:block;width:18px;height:19px;margin:0 5px 0  0}
.main .fyj .new-content .right .item a .c-left .btn{width:140px;height:40px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;font-size:18px;color:#f37e03;border:1px solid #f37e03}
.main .fyj .new-content .right .item a .c-left .btn:hover{background-color:#f37e03;color:#fff}
.main .fyj .new-content .right .item a .c-right{flex:1;overflow:hidden;display:flex;justify-content:flex-end}
.main .fyj .new-content .right .item a .c-right img{width:auto;height:auto;transition:transform 1s}
.main .fyj .content-mobile{display:none}
.main .dyj {width: 100%;margin: 0 auto;}
.main .dyj .wrap {width: 1200px;margin: 80px auto 70px auto;}
.main .dyj .wrap ul {width: 100%;display: flex; flex-flow: row wrap;overflow: hidden;}/** display: flex; ****/
.main .dyj .wrap ul li {width: 380px;max-height: 350px;overflow: hidden;flex-shrink: 0;margin: 5px 15px 15px 10px;}
.main .dyj .wrap ul li:nth-child(3n) {margin-right: 0;}
.main .dyj .wrap ul li a {display: flex;flex-flow: column nowrap;width: 100%;height: 100%;overflow: hidden;border: 1px solid #d6dbe1;transition: border 0.25s;-o-transition: border 0.25s;-webkit-transition: border 0.25s;-moz-transition: border 0.25s;position: relative;}
.main .dyj .wrap ul li a:hover {border: 1px solid #f37e03;}
.main .dyj .wrap ul li a:hover .img img {transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.main .dyj .wrap ul li a:hover .title {background-color: #f37e03;}
.main .dyj .wrap ul li a:hover .title .price, .main .dyj .wrap ul li a:hover .title .txt {color: #fff;}
.main .dyj .wrap ul li a .img {width: 100%;height: 235px;overflow: hidden;flex-shrink: 0;}
.main .dyj .wrap ul li a .img img {width: 100%;height: 100%;transition: transform 0.5s;-o-transition: transform 0.5s;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;}
.main .dyj .wrap ul li a .title {flex: 1;flex-shrink: 0;background-color: #d6dbe1;display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;overflow: hidden;white-space: nowrap;padding: 0 20px;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
.main .dyj .wrap ul li a .title .txt {font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0 0 0;}
.main .dyj .wrap ul li a .title .price {flex-shrink: 0;font-size: 14px;color: #eb7f01;transition: color 0.25s;-o-transition: color 0.25s;-webkit-transition: color 0.25s;-moz-transition: color 0.25s;margin: 5px 0 10px 0;}
.main .dyj .wrap ul li a .title .price span {font-size: 24px;font-weight: bold;font-family: "Arial";}
.main .service-ys {width: 100%;overflow: hidden;background: url("../../images/default/service-bg.png" ) no-repeat;background-size: 100% 100%;}
.main .service-ys .wrap {width: 1200px;height: 100%;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden;}
.main .service-ys .wrap > .title {width: 100%;position: relative;text-align: center;}
.main .service-ys .wrap > .title .zh {font-size: 36px;color: #fff;position: relative;z-index: 999;}
.main .service-ys .wrap > .title .zh span {color: #f37e03;}
.main .service-ys .wrap > .title .en {font-size: 36px;color: #53759f;font-weight: bold;text-transform: uppercase;position: absolute;top: 18px;left: 50%;transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.main .service-ys .wrap > .title .info {font-size: 16px;color: #bdccde;position: relative;z-index: 999;margin: 20px 0 0 0;}
.main .service-ys .wrap > .content {width: 100%;overflow: hidden;position: relative;margin: 60px 0;}
.main .service-ys .wrap > .content ul {width: 100%;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.main .service-ys .wrap > .content ul li {width: 586px;height: 160px;background: url("../../images/default/service-ys-1.png" ) no-repeat;background-size: 100% 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;padding: 0 75px 0 30px;overflow: hidden;}
.main .service-ys .wrap > .content ul li:nth-child(n+3) {margin: 20px 0 0 0;}
.main .service-ys .wrap > .content ul li:nth-child(2) {padding: 0  30px 0  75px;align-items: flex-start;background: url("../../images/default/service-ys-2.png" ) no-repeat;}
.main .service-ys .wrap > .content ul li:nth-child(2) .num {margin: 0 35px 0 0;}
.main .service-ys .wrap > .content ul li:nth-child(3) {align-items: flex-end;background: url("../../images/default/service-ys-3.png" ) no-repeat;}
.main .service-ys .wrap > .content ul li:nth-child(4) {align-items: flex-end;padding: 0 30px 0 75px;background: url("../../images/default/service-ys-4.png" ) no-repeat;}
.main .service-ys .wrap > .content ul li:nth-child(4) .num {margin: 0 35px 0 0;}
.main .service-ys .wrap > .content ul li .num {flex-shrink: 0;font-size: 60px;font-weight: bold;font-family: "Impact";color: #dddddd;margin: 0 0 0 26px;}
.main .service-ys .wrap > .content ul li .content {flex: 1;padding: 20px 0;overflow: hidden;}
.main .service-ys .wrap > .content ul li .content .title {width: 100%;font-size: 20px;color: #f37e03;font-weight: bold;}
.main .service-ys .wrap > .content ul li .content .txt-content {margin: 15px 0 0 0;width: 100%;}
.main .service-ys .wrap > .content ul li .content .txt-content p {font-size: 14px;color: #333333;line-height: 23px;}
.main .service-ys .wrap > .content .num-five {width: 180px;height: 180px;position: absolute;left: 50%;top: 50%;border-radius: 10px;transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.main .service-ys .wrap > .content .num-five .num-wrap {width: 100%;height: 100%;border-radius: 10px;background-color: #fff;transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;display: flex;align-items: center;justify-content: center;}
.main .service-ys .wrap > .content .num-five .num-wrap .num {font-size: 60px;font-weight: bold;font-family: "Impact";color: #dddddd;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.main .service-ys .wrap > .content .num-five .num-wrap .box {position: absolute;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background: url("../../images/default/service-ys-z.png" ) no-repeat;background-size: 100% 100%;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.main .about {width: 100%;max-width: 1920px;overflow: hidden;margin: 0 auto;}
.main .about .wrap {width: 1200px;margin: 60px auto;overflow: hidden;display: flex;flex-flow: row nowrap;}
.main .about .wrap ul {flex-shrink: 0;width: 440px;display: flex;flex-flow: row wrap;justify-content: space-between;margin: 0 50px 0 0;}
.main .about .wrap ul li {flex-shrink: 0;width: 210px;height: 210px;overflow: hidden;border-radius: 10px;background-color: #f37e03;cursor: pointer;}
.main .about .wrap ul li:nth-child(n + 3) {margin: 20px 0 0 0;}
.main .about .wrap ul li:hover .img img {transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);-webkit-transform: scale(1.15);}
.main .about .wrap ul li .img {width: 100%;height: 100%;}
.main .about .wrap ul li .img img {width: 100%;height: 100%;transition: transform 0.5s;-o-transition: transform 0.5s;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;}
.main .about .wrap ul li a {display: flex;flex-flow: column nowrap;justify-content: space-between;width: 100%;height: 100%;padding: 20px;}
.main .about .wrap ul li a .contact {flex-shrink: 0;display: flex;flex-flow: column nowrap;font-size: 18px;color: #fff;}
.main .about .wrap ul li a .contact img {width: 30px;height: 30px;margin: 0 0 7px 20px;}
.main .about .wrap ul li a .tel {font-weight: bold;color: #fff;font-size: 24px;font-family: "Impact";margin-bottom:60px;}
.main .about .wrap .content {flex: 1;overflow: hidden;}
.main .about .wrap .content .title {width: 100%;margin: 30px 0 52px  0;}
.main .about .wrap .content .title .zh {font-size: 36px;color: #333333;}
.main .about .wrap .content .title .en {font-size: 30px;font-weight: bold;color: #d9d9d9;text-transform: uppercase;margin: -5px 0 0 0;}
.main .about .wrap .content .txt-box {width: 100%;overflow: hidden;}
.main .about .wrap .content .txt-box p {font-size: 16px;color: #333;line-height: 30px;text-indent: 32px;}
.main .about .wrap .content .more {display: flex;justify-content: center;align-items: center;margin: 50px 0 0 auto;width: 150px;height: 46px;font-size: 16px;color: #333;background-color: #fff;border: 1px solid #e6e6e6;border-top-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;padding: 0 15px 0 0;transition: color 0.25s, background-color 0.25s;-o-transition: color 0.25s, background-color 0.25s;-webkit-transition: color 0.25s, background-color 0.25s;-moz-transition: color 0.25s, background-color 0.25s;}
.main .about .wrap .content .more:hover {background-color: #f37e03;color: #fff;}
.main .about .wrap .content .more:hover::before {opacity: 0;}
.main .about .wrap .content .more:hover::after {opacity: 1;}
.main .about .wrap .content .more::after, .main .about .wrap .content .more::before {content: "";width: 16px;height: 16px;border-radius: 50%;position: absolute;right: 30px;top: 54%;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;transition: opacity 0.25s;-o-transition: opacity 0.25s;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;}
.main .about .wrap .content .more::before {background: url("../../images/default/more.png" ) no-repeat;background-size: 100% 100%;opacity: 1;}
.main .about .wrap .content .more::after {background: url("../../images/default/more-active.png" ) no-repeat;background-size: 100% 100%;}

/* 右侧客服表页 */
main .kefu {position: fixed;top: 50%;right: -80px;transform: translateY(-50%);z-index: 99999999;transition-duration: 0.5s;transition-property: right;}
main .kefu li {width: 70px;height: 70px;cursor: pointer;position: relative;background-color: #fff;}
main .kefu li:nth-child(n+2) .serviceImg {border-top: none;}
main .kefu li:nth-child(n+2) .serviceImg:hover {border-top: none;}
main .kefu li .serviceImg {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;transition-duration: 0.5s;transition-property: background-color, border;border: 1px solid #ddd;}
main .kefu li .serviceImg:hover {background-color: #0a9edb;border: 1px solid #0a9edb;}
main .kefu li .serviceImg:hover img {opacity: 0;}
main .kefu li .serviceImg:hover img:last-child {opacity: 1;}
main .kefu li .serviceImg img {width: 70%;height: auto;position: absolute;transition-duration: 0.5s;transition-property: opacity;}
main .kefu li .serviceImg img:last-child {opacity: 0;}
main .kefu li:hover a {right: 70px;opacity: 1;}
main .kefu li > a {position: absolute;display: flex;justify-content: center;align-items: center;white-space: nowrap;height: 70px;padding: 0 20px;right: 140px;border: 1px solid #ddd;color: #4d4d4d;opacity: 0;transition-duration: 0.5s;transition-property: opacity,right;border-right: none;}
main .screenService {display: none;}
/* 产品列表页 */

/********************************* 当前位置 ***************************************/
main .seat{ max-width: 1920px;overflow: hidden;box-shadow: 0 10px 10px #eee; margin: 0 auto;}
main .seat .seatWrap {width: 1200px;margin: 0 auto;padding: 20px 0;display: flex;align-items: center;color: #666; height: 36px; line-height: 36px; font-size: 14px;}
main .seat a{ color:#FF9002;}
main .inside-tit{ text-align: center; font: 30px/30px "微软雅黑"; color: #333; padding: 30px 0px 0px 0px;}
main .inside-tit span{ color: #999999; font-family: "BellMT"; display:block; font-size: 20px;}
main .inside-left{ width: 900px;  padding-right: 40px; position: relative; display: block; min-height: 960px; height:auto; overflow: hidden;}
main .inside-left:after{ position: absolute; right: 0px; top: 0px; background: #FF9002; width: 1px; height: 100%; display:block; content: '';}
main .inside-right{ width: 240px; padding-left: 20px;}
main .classly{ text-align: center; margin: 20px auto 20px auto;}
main .classly li{ display: inline-block; height: 30px; line-height: 30px; text-align:center;   font-size: 14px; color: #fff; margin: 0px 5px;}
main .classly li a{ color: #666; border: #d9d9d9 1px solid; display: block; min-width: 90px; padding: 0px 10px;}
main .classly li a:hover{border: #d0111b 1px solid; color: #fff; background: #d0111b;}
main .classly li a.current{border: #d0111b 1px solid; color: #fff; background: #d0111b;}
main .clear { clear: both;}
main .wrap{width: 1240px;margin: 0px auto;}
main .mt60{ margin-top: 20px;overflow: hidden;}
main .right { float: right;}
main .left { float: left;}
main .project-left{ width: 800px;min-height:400px;}
main .project-right{ width: 400px; float: right;}
main .project-right .return{ background: #5a5a5a; height: 40px; width: 340px; font: 14px/40px "微软雅黑";  color: #fff; display: block; text-align: center;}
main .project-right .project-nav{ width: 340px; overflow: hidden; border-top: #ccc 1px solid; padding-top: 15px; margin-top: 20px;}
main .project-right .project-nav ul{ width: 360px;}
main .project-right .project-nav ul li{ float: left; margin-right: 20px; margin-bottom: 12px;}
main .project-right .project-nav ul li a{ width: 150px; height: 26px; line-height: 26px; background: #f3f3f3;float: left; text-align: center; display: inline-block; font-size: 14px; color: #999;}
main .project-right .project-nav ul li a:hover{ background: #ff8c02; color: #fff;}
main .project-right .project-nav ul li a.current{ background: #ff8c02; color: #fff;}
main .inside-project{overflow:hidden; zoom:1;  position:relative; width: 340px; margin-top: 20px; padding-top:15px;border-top: #ccc 1px solid;}
main .inside-project ul{overflow:hidden; width: 360px;}
main .inside-project ul li{ width: 165px; float: left;  margin-bottom: 10px; transition: all 0.3s linear; margin-right: 10px;}
main .inside-project ul li .pic{ width: 165px; height:97px; overflow: hidden;}
main .inside-project ul li .pic img{ display: block; 	transition: all 0.6s; width: 165px;height: 97px;}
main .inside-project ul li:hover .pic img{transform: scale(1.2, 1.2)}
main .inside-project ul li span{ display: block; text-align: center;  height: 30px; line-height: 30px; font-size: 14px; color: #333;}
main .inside-project ul li:hover {background: #ff9002; color: #fff; transform: rotateY(-5px); -webkit-transform: rotateY(-5px); -moz-transform: rotateY(-5px);}
main .inside-project ul li:hover span{ color: #fff;}
main .sigle-page{ font: 16px/36px "微软雅黑"; color: #666;}
main .sigle-page h1{ text-align: center; font-size: 16px; color: #FF9002; margin-bottom: 20px;}
main .sigle-page h1 .line{ border-bottom: #ccc 1px dashed; font-size: 14px; display: block; color: #999; margin-top: 10px; padding-bottom: 15px;}
main .sigle-page p{ margin-bottom: 20px;}
main .sigle-page p img{width:100%;max-width:700px; align:center;} 
main .sigle-page h4{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px;}
main .sigle-video{ width: 1200px; margin: 30px auto;}
main .sigle-video h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
main .other-content{ background: #f5f5f5; padding: 20px;}
main .related-page{ width: 100%; margin-top: 20px;}
main .related-page li{ width: 50%; float: left;}
main .related-page li a{ background: #fff; padding: 10px 30px; color: #333; font-size: 16px; display: block;}
main .related-page li a span{ width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; border: #ccc 1px solid; margin: 0px 5px;}
main .related-page li a:hover{ background: #FF9002; color: #fff;}
main .related-page li a:hover span{ border: #fff 1px solid; color: #fff;}
main .tar{ text-align:right;}
main .news-show{}
main .news-show li{ line-height: 50px; height: auto; overflow: hidden; padding: 0px 10px; border-bottom: #ccc 1px dashed; display: block;}
main .news-show li a{ float: left; font-size: 16px; display:block;}
main .news-show li a i{ border-left:5px solid #FF9002; display: inline-block; border-bottom: 5px solid transparent; border-top: 5px solid transparent; content: ''; margin-right: 5px;}
main .news-show li:hover{ background: #eee;}
main .news-show li span{ float: right; font-size: 14px; font-family: arial; color: #999;}
main .news-show li:hover a{ text-decoration: underline; color: #FF9002;}
main .pages {  margin: 3px 3px 3px 0px ; TEXT-ALIGN:center;  font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:20px; margin-bottom:20px; font-family:"微软雅黑"; display:block; clear:both;}
main .pages a {BORDER:#cccccc 1px solid; padding:5px 10px;color: #57585a; TEXT-DECORATION: none; background:#fff;height:32px; line-height: 22px;display:inline-block;}
main .pages a:hover {BORDER: #FF9002 1px solid;color: #fff; background-color: #FF9002; text-decoration:none;}
main .pages a:active {BORDER: #FF9002 1px solid; color: #fff; background-color: #FF9002;}
main .pages a.current {BORDER: #FF9002 1px solid; padding:5px 10px;font-weight: bold; margin: 4px; height:32px; line-height: 22px;color: #fff;  background-color: #FF9002}
main .pages a.disabled {BORDER: #eee 1px solid; padding:5px 10px; border-radius:3px;  margin: 4px; color: #ddd; cursor:default;}
main .pages a.disabled:hover{BORDER: #eee 1px solid; background:none; padding:5px 10px;  margin: 4px; color: #ddd; cursor:default;}
main .pages .point{padding:3px 10px; margin: 4px; color: #666;}
/*词库样式开始*/
main .ciku_item{}
main .ciku_item  ul li{ float:left;margin-right:15px; width:18%; display:block;margin-top:1px;}
main .web_tags{ width:320px; margin-bottom:32px;}
main .web_tags h2,.web_news h2{margin:0; font-weight:normal;}
main .web_tags h2 span,.web_news h2 span,.pro_news h2 span{ display:block; float:left; font-size:16px; color:#848485; margin-bottom:12px;}
main .web_tags h2 a {float:right; margin-right:15px;font-size:16px; color:#848485;}
main .web_tags h2 img,.web_news h2 img,.pro_news h2 img{ float:left; margin-left:10px; margin-top:10px; cursor:pointer;}
main .web_tags ul{ border: solid #ebebeb 1px;}
main .web_tags ul li{ border-bottom: solid #d7d7d7 1px;float:left;width: 140px; margin-left:10px;margin-bottom:10px;}
main .web_tags ul li a span{ display:block; float:left; font-size:15px; color:#848485; line-height:35px; margin-left:15px;}
main .web_tags ul li span{ display:block; float:left; font-size:12px; color:#ff6a00; line-height:25px; margin-left:2px;}
main .web_tags ul li img{ float:right; margin-right:15px; margin-top:8px;cursor:pointer;}
.web_list h1,.web_list h2,.web_list h3,.web_list h5,.web_list p{margin:0; font-weight:normal;}
.web_zuo{ float:left;}
.web_zuo span{ font-size:14px;color: #ff6a00;}
.web_you{ float:right; margin-bottom:60px;}
.web_list{ width:780px;  padding-left:30px; padding-right:30px; padding-top:10px; margin-bottom:20px;}
.web_list img { width:auto; max-width:780px;}
.web_list h1{ font-size:20px; color:#2c2c2c;}
.web_list span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h2{ font-size:14px; color:#727171; margin-bottom:15px;}
.web_list h3{ font-size:22px; color:#7a7a7a; border-bottom:dashed #bdbdbd 1px; line-height:50px; margin-bottom:-5px;}
.web_list h3 strong{ font-weight:normal; font-size:14px;}
.web_list h3 span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h3 span a{ color:#727171;}
.web_list .a{ font-size:16px; color:#727171; border-bottom:dashed #bdbdbd 1px; display:block; padding-bottom:15px; padding-top:5px; line-height:35px;}
.web_list .current,.web_list a:hover{ color:#0aa2cc;}
.web_list a p{ font-size:12px; color:#aaaaab; line-height:18px; padding-left:24px;}
.case_list  {float:left;width:780px;padding-left:30px; padding-right:30px; padding-top:10px; border: solid #d7d7d7 1px;margin-bottom:20px;}
.case_list ul li{ float:left; width:33%; display:block; margin-top:1px;}
.case_list ul li a { display:block; float:left; font-size:15px; color:#727171; line-height:20px;}
.case_list ul li a  span{float:left;font-size:18px; color:#2c2c2c;padding-bottom:15px;}
.case_list ul li a  p{float:left;width:95%;font-size:14px; color: #aaaaab;padding-bottom:15px;}
.case_list ul li a img {width: 165px;;height: 97px;}

/********************************* 尾部 ***************************************/
.footer {width: 100%;max-width: 1920px;background-color: #2a3139;margin: 0 auto;overflow: hidden;}
.footer .wrap {width: 100%;overflow: hidden;margin: 0 auto;}
.footer .wrap .top {width: 1200px;margin: 0 auto;overflow: hidden;padding: 50px 0;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.footer .wrap .top .left {flex-shrink: 0;overflow: hidden;}
.footer .wrap .top .left .link {margin: 0 0 15px 0;}
.footer .wrap .top .left .link a {font-size: 16px;color: #fff;margin: 0 60px 0 0;}
.footer .wrap .top .left .link a:hover {text-decoration: underline;}
.footer .wrap .top .left .contact-us p {font-size: 13px;line-height: 26px;color: #ffffff;}
.footer .wrap .top .right {overflow: hidden;display: flex;flex-flow: row nowrap;}
.footer .wrap .top .right .contact {height: 100%;overflow: hidden;display: flex;flex-flow: column nowrap;align-content: flex-end;}
.footer .wrap .top .right .contact .fs {width: 100px;height: 32px;background-color: #f37e03;color: #fff;font-size: 14px;text-align: center;line-height: 32px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;margin: 14px 0 19px auto;}
.footer .wrap .top .right .contact span {font-size: 13px;color: #8f9194;margin-left: auto;}
.footer .wrap .top .right .contact .tel {margin: 10px 0 0 0;font-weight: bold;font-size: 20px;color: #fff;letter-spacing: 1px;}
.footer .wrap .top .right .ewm {width: 110px;display: flex;flex-flow: column nowrap;align-items: center;margin: 0 0 0 25px;}
.footer .wrap .top .right .ewm img {width: 100%;height: 110px;}
.footer .wrap .top .right .ewm p {font-size: 13px;margin: 10px 0 0 0;color: #bdbfc0;}
.footer .wrap .bottom {width: 100%;text-align: center;padding: 20px 0;border-top: 1px solid #40464d;}
.footer .wrap .bottom p {white-space: nowrap;font-size: 13px;color: #9fa1a3;}
.footer .wrap .bottom p a {color: #bdbfc0;margin: 0 0 0 20px;}
.footer .wrap .bottom p a:hover {text-decoration: underline;}