/*******************************
  -------[= banner =]-------
********************************/
.banner {padding: 0;max-height: 793px;overflow: hidden;}

/*******************************
  -------[= about us =]-------
********************************/
.sub1 {padding: 2% 15px 4%;overflow: hidden;}
.sub1-left {padding: 0;}
.sub1-cont {padding:20px 0 0;}
.sub1-nr {margin-top: 5px;}
.sub1-nr p {height: 168px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 7;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.sub1-cont a {display: block;margin-top: 10px; width:150px;height:50px;text-align: center;line-height: 50px; background: #e67300;color: #fff;font-size: 20px;}
.sub1-cent {padding: 0 10px;}

/*******************************
  -------[= Enterprise display =]-------
********************************/
.sub2 {padding: 0;}
.sub2 .title {text-align: right;}
.mar2 {margin-top:2%;}
.mar3 {margin-top: 3%;}
.sub2-nr {padding: 0;margin: 0 auto;width: 100%;overflow: hidden;}
.roll_row {margin: 2% 0;}
.roll-wrap:hover .control{display: block;}
.roll-wrap{position: relative;width: 100%;height: 240px;}
.roll-wrap .roll__list{}
.roll_row .roll__list::before, .roll_row .roll__list::after {content: "";display: table;line-height: 0;}
.roll_row .roll__list::after {clear: both;}
.roll_row .roll__list{width: 9999px;}
.roll_row .roll__list li{float: left;display: block;/*width: 358px;*/height: 229px;line-height: 100px;font-weight: bold;font-size: 30px;text-align: center;position: relative;z-index: 99;color: #fff;/*background-color: #ff9900;*/transition: all 0.5s;}
.roll_row .roll__list:hover li{opacity: 0.3;}
.roll_row .roll__list li:hover{z-index: 200;opacity: 1;}
.roll_row .roll__list li img{border: 4px solid #fff;transition: all 0.25s ease;position: relative;z-index: 99;}
.roll_row .roll__list li img:hover{border: 4px solid #fff;transition: all 0.25s ease;transform: scale(1.1,1.1);}
.control{position: absolute;top: 30px;display: none;padding: 10px 5px;font-weight: bold;text-decoration: none;color: #fff;background-color: rgba(0, 0, 0, .3);}
.control:hover{background-color: rgba(0, 0, 0, .5);}
.control.pre{left: 5px;}
.control.next{right: 5px}
.roll_col{width: 100%;height: 240px;overflow: hidden;}
.roll_col .roll__list{width: 100%;}
.roll_col li{display: block;height: 200px;line-height: 200px;font-size: 30px;font-weight: bold;text-align: center;color: #fff;background-color: #ff9900;}
.roll_col .li-2{background-color: #0099ff;}
.roll_col .li-3{background-color: #ff0099;}
.roll_col .li-4{background-color: #00ff99;}
.roll_col .control{top: 80px;}

/*******************************
  -------[= our products =]-------
********************************/
.sub3 {padding: 0 0 3%;}
.sub3 .title {text-align: center;}
.sub3 .title p {font-size: 16px;font-family:"arial";}
.sub3-nr {margin-top: 3%;}
.sub3-item {margin-bottom: 10px;}
.sub3-list {position: relative;overflow: hidden;}
.sub3-img img {width: 100%;}
/*.sub3-item:hover .sub3-img img {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}*/
.sub3-word {height:50px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 50px;text-align: center;color:#0f3d99;font-size: 18px;text-transform: uppercase;width: 100%;}
/*.sub3-item:hover .sub3-word {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}*/

/*******************************
  -------[= our news =]-------
********************************/
.sub4 {background: url(../img/sub4-bg.jpg) fixed;padding: 2% 0 4%;}
.sub4 .title span {text-shadow: 2px 0px 0px rgba(0,0,0,1);}
.sub4-item {border-bottom: 1px dashed #fff;}
.sub4-list a {color:#fff;font-size: 18px;line-height: 45px;width: 85%;display: block;height: 45px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sub4-list a i {color: #e67300;}
.sub4-item:hover a {color: #e67300;text-decoration: none;}

/*******************************
  -------[= contact us =]-------
********************************/
.sub5 .title {text-align: center;}
.sub5-nr {padding: 0 3%;overflow: hidden;}
.sub5-item {margin-bottom: 20px;}
.sub5-item input {border: 1px solid #999;width: 100%;height: 50px;padding: 0 10px;}
.sub5-item textarea {display: block;width: 100%;border: 1px solid #999;height: 200px;padding: 5px 10px;}
.sub5-item button {display: block;width: 100%;height: 50px;background:#e57300;text-align: center;font-size: 18px;color: #fff;font-size: 18px;cursor: pointer;}
.sub5-item input::-webkit-input-placeholder {color: #ccc;opacity:1;}
.sub5-item input:-moz-placeholder {color: #ccc;opacity:1;}
.sub5-item input::-moz-placeholder {color: #ccc;opacity: 1;}
.sub5-item input::-ms-input-placeholder {color: #ccc;opacity:1;}
.sub5-item textarea::-webkit-input-placeholder {color: #ccc;opacity:1;}
.sub5-item textarea:-moz-placeholder {color: #ccc;opacity:1;}
.sub5-item textarea::-moz-placeholder {color: #ccc;opacity: 1;}
.sub5-item textarea::-ms-input-placeholder {color: #ccc;opacity:1;}
/*******************************
  -------[= 关于我们页 =]-------
********************************/
.abo1 {padding:0 0 2%;}
.abo1-left {float: left;width: 47%;}
.titbg {font-size: 100px;color: #f2f2f2;font-family:"Georgia";text-transform: uppercase;}
.abo1-left .titbg {text-align: right;}
.abo1 .title {text-align: right;margin-top: -13.5%;padding-right: 8px;}
.abo1-img {margin:3% 10px 0 0;position: relative;overflow: hidden;}
.abo1-img img {transition: 3s;}
.line::before,.line::after {position: absolute;top:20px;right:20px;bottom:20px;left:20px;content: '';opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.line::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.line::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.abo1-img:hover .line::before,
.abo1-img:hover .line::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.abo1-img:hover img {transform: scale(1.1,1.1);}

.abo1-rig {float: right;width: 52%;padding-top: 2.5%;}
.abo2 {margin:1% 0 0;background: url(../img/abo2-bg.jpg) no-repeat left top;padding:2% 0 3%;}
.abo2-nr {}
.tit {font-size: 40px;color: #fff;text-transform: uppercase;font-family:"Georgia";text-align: center;}
.abo2-word {margin: 2% 0;}
.abo2-word h6 {display: block; color: #fff;font-size: 18px;text-transform: uppercase;text-align: center;line-height: 25px;}
.abo3 {padding-bottom: 1%;}
.abo3 .title {text-align: center;}

/*******************************
  -------[= 联系我们页 =]-------
********************************/
.cont {}
.cont-left {padding: 0;}
.cont-left .title {margin-top: -12%;}
.cont-nr {margin-top: 30px;padding-right: 20px;}
.cont-nr li {display: block;min-height: 25px;line-height: 25px;margin-bottom: 5px;}
.cont-nr li img {float: left;margin-top: 5px;}
.cont-nr li p {padding-left: 35px;}
.cont-nr li p a {color: #333;}
.cont-nr li p a:hover {text-decoration: underline;}
.cont-nr li:nth-child(4) {border-bottom: 1px solid #ccc;margin-bottom: 8px;}
.cont-nr li:nth-child(4) a {color:#333;}
.cont-rig input {display: block;width: 100%;height: 40px;background: none;border: 1px solid #ccc; padding: 0 10px;}
.cont-rig .col-12 {margin-bottom: 24px;}
.cont-rig textarea {display: block;width: 100%;height:118px;background:none;border: 1px solid #ccc;padding: 5px 10px;}
.cont-rig button {float: right;width: 175px;height: 47px;text-align: center;line-height:47px;background: #e67300;color: #fff;font-size: 18px;cursor: pointer;}
.map {margin-top: 1%;}
.cont-rig input::-webkit-input-placeholder {color: #888;opacity:1;}
.cont-rig input:-moz-placeholder {color: #888;opacity:1;}
.cont-rig input::-moz-placeholder {color: #888;opacity: 1;}
.cont-rig input::-ms-input-placeholder {color: #888;opacity:1;}
.cont-rig textarea::-webkit-input-placeholder {color: #888;opacity:1;}
.cont-rig textarea:-moz-placeholder {color: #888;opacity:1;}
.cont-rig textarea::-moz-placeholder {color: #888;opacity: 1;}
.cont-rig textarea::-ms-input-placeholder {color: #888;opacity:1;}


/*******************************
  -------[= 案例和新闻列表页 =]-------
********************************/
.list {padding: 0 0 3%;overflow: hidden;}
.list .titbg {text-align: center;}
.list .title {text-align: center;margin-top: -6%;}
.list-nr {padding: 0 3%;}
.list-rig {padding:1.5% 30px 0 0;}
.list-rig h4 {display: block;font-size:25px;font-weight: bold;text-transform: uppercase;height:27px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list-rig time {display: block;color:#666;margin: 10px 0 15px;}
.list-rig p {height:120px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 5;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.list-rig a {display: block;width: 150px;height: 40px;text-align: center;line-height: 40px;color: #666;border: 1px solid #666;margin-top: 20px;transition: all 600ms ease;}
.list .row {margin-bottom: 3%;}
.list-rig:hover a {background: #e67300;border:1px solid #e67300;color: #fff;}

/*******************************
  -------[= 案例和新闻详情页 =]-------
********************************/
.xq-tit {font-size: 30px;font-weight: bold;text-transform:uppercase;text-align: center;}
.list-xq time {display: block;text-align: center;font-size: 18px;margin:5px 0 0;}
.list-cont {margin-top: 15px;}
.list-tu {margin:20px -10px 0;}
.list-item {padding: 0 25px;}

/*******************************
  -------[= 服务页 =]-------
********************************/
.service {padding: 20px 0 0;}
.ser-tab li {display: inline-block;width: 230px;height: 50px;text-align: center;line-height: 50px;background: #0d42a5;margin-right: 10px;}
.ser-tab li:last-child {margin-right: 0;}
.ser-tab li a {display: block; color: #fff;}
.ser-tab .default {background: #e67300;}
.tab-tit {padding: 20px 0;border-bottom: 1px solid #0d42a5;font-size: 22px;color: #0d42a5;}

.pro {padding: 10px 0 3%;}
.pro-tit {width: 100%;height:50px;text-align: center;line-height: 50px;background: #e67300;color: #fff;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.accordion {width: 100%;}
.accordion li {display: block;line-height: 49px;border-bottom: 1px solid #e5e5e5;}
.accordion li i { display: block; position: absolute;left:0px;top:0px; width:20px; height:100%; background: url(../img/pro-icon1.png) no-repeat center center;}
.accordion li .open i {background: url(../img/pro-icon2.png) no-repeat center center; width:20px;height:100%;}
.accordion li:last-child {border: none;}
.link {position: relative;}
.link a {display: block;color: #333;padding: 0 25px;background: url(../img/pro-icon.png) no-repeat left center;background-position: 8px center;}
.link .default {background: #f2f2f2 url(../img/pro-icon.png) no-repeat left center;background-position: 8px center;}
.submenu-body {}
.submenu-body a {display: block;line-height: 40px;padding: 0 0 0 10px;color: #333; font-size: 14px; padding: 0 0 0 40px;text-transform: uppercase;background: url(../img/pro-icon.png) no-repeat left center;background-position: 25px center;}
.submenu-body a:hover,.submenu-body .default {color: #222;}
.submenu {width: 100%;overflow: hidden;display: none;}
.pro-rig .row {padding-bottom: 2%;}
.pro-item {padding: 0 10px;margin-bottom: 20px;}
.pro-img {position: relative;overflow: hidden;}
.inner {position: absolute;top: 0; width: 100%;height: 100%;background:rgba(0,0,0,.5);display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;}
.inner a {display: block;width:70%;height: 40px;text-align: center;line-height: 40px; border: 1px solid #fff;font-size: 20px;color: #fff;}
.pro-img .inner {transform: scale(0);transition: all .5s ease;}
.pro-item:hover .inner {transform: scale(1);}
.pro-list {background: #f2f2f2;cursor: pointer;}
.pro-list p {height: 50px;text-align: center;line-height: 50px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.xq {padding: 0 0 0 15px;}
.pro-zuo {padding: 0 0 0 30px;}
.big {width: 100%;text-align: center;}
.big img {width: 100%;height: auto;}
.small {width:100%;margin-top: 20px;}
.pro-zuo .swiper-button-next1,.swiper-button-prev1{ width:11px; height:22px;cursor: pointer; position: absolute;top: 50%;margin-top: -11px; z-index: 999;}
.pro-zuo .swiper-button-next1 {left:-20px; background: url(../img/prev1.png) no-repeat center center;}
.pro-zuo .swiper-button-prev1 {right:-20px;background: url(../img/next1.png) no-repeat center center;}
.pro-tit2 h1 {display: block; font-size: 30px;font-weight: bold;}
.pro-tit2 i {display: block;width:100px;height: 2px;background: #000;margin: 20px 0 0;}
.pro-cont {margin-top: 20px;}
.pro-xq {padding: 10px 0 0 15px;}
.xq .page2 {padding-bottom: 0;}

.tab-cont img {max-width:100%;}



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

}
@media screen and (max-width:1560px) {
	
}
@media screen and (max-width:1300px) {
	.sub1-left {padding: 0 15px;}
	.sub3 {padding: 3% 15px;overflow: hidden;}
	.cont-left .titbg {/* margin-top: -18%; */font-size: 80px;}
	.list-rig {padding:0 15px;}
	.list .title {margin-top: -9%;}
	.ser-tab li {display: inline-block;width: 49%;margin: 0 0.5% 10px 0;}
}
@media screen and (max-width:1200px) {
	.sub4-list a {width: 100%;}
}
@media screen and (max-width: 990px) {
	.sub1-cent,.abo1-rig,.cont-rig {margin-top: 20px;}
	.sub2 .title {text-align: center;}
	.abo1-left,.abo1-rig {width: 100%;float: none;padding: 0 15px;}
	.abo1-left .titbg,.abo1 .title {text-align: center;}
	.cont-left .title {margin-top: -10%;}
	.cont-rig {padding: 0;}
}
@media screen and (max-width: 760px) {
	.titbg,.cont-left .titbg {font-size:70px;}
	.cont-left,.cont-rig {padding: 0 15px;}
	.cont-left .title {margin-top: -15%;}
	.list-rig,.pro-rig {margin-top: 20px;}
	.ser-tab li {display: block;width: 100%;margin: 0 0 15px 0;}
	.service {padding: 20px 15px 0;}
	.pro-img img {width: 100%;}
	.pro {padding: 10px 15px 3%;}
	.xq,.pro-zuo {padding: 0 15px;}
	.pro-zuo .swiper-button-next1 {left: 0;}
	.pro-zuo .swiper-button-prev1 {right: 0;}
    .sub3-word {position: inherit;font-size: 14px; opacity: 1;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
    .sub3-item {margin-bottom:0;}
    .sub3-item:hover .sub3-img img {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
}
@media screen and (max-width: 750px) {

}
@media screen and (max-width:640px) {
	.list-img img {width: 100%;}
}