body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; font-family: Arial, 'Helvetica',  "Microsoft YaHei"; }
body{color:#1a2f35;min-width:1500px;font-size: 16px}
input:focus,textarea:focus { outline: none; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#283042; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none; color:#d33}
img {max-width: 100%;height: auto;    vertical-align: bottom;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.wrap{width:1460px;margin:0 auto;  overflow:hidden}
.wrap1{width:1460px;margin:0 auto;}
.l{ float:left}   .r{ float:right}
@font-face{font-family:"Flama";font-weight:bold;src:url("../fonts/Flama-Bold.otf") }
@font-face {
  font-family: "iconfont"; /* Project id 4106495 */
  src: url('../fonts/iconfont.woff2?t=1686022480271') format('woff2'),
       url('../fonts/iconfont.woff?t=1686022480271') format('woff'),
       url('../fonts/iconfont.ttf?t=1686022480271') format('truetype');}
.iconfont { font-family: "iconfont" !important; font-size:22px; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont1{ font-size:50px;}
.icon-zuojiantou1:before { content: "\e64e";}
.icon-jinrujiantou:before {content: "\e8f1";}
.icon-youjiantou:before {content: "\e60e";}




/*=======================nav begin===================*/
.header_home{background:rgba(255, 255, 255, 0);  width:100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);position:relative;  padding:18px 0;}
.header_home:after {background:url(../images/line-brand.png) center top no-repeat #fff;background-size:0 0;}
.pronav:after { display:none}
.header_home .logo{float:left;width:15%;text-align:left;display: block; margin-top:3px;}
.header_home .logo img{vertical-align:top;}
.header_home ul{float:left; width:62%; margin-left:5%;}
.header_home ul li{float:left;position:relative;padding-left:2.9%;padding-right:2.9%;display:block; line-height:70px;}
.header_home ul li:last-child{padding-right:0}
.header_home ul li a{font-size:20px;display: block; color:#111; font-weight:500;  text-transform: capitalize;}
.header_home ul li a:hover{color:#d33;}
.head_btn {	float: right;width: 12%;color: #FFF;font-size: 24px;background: url(../images/tel.png) no-repeat left 12px; margin-top:6px; padding:0 0 0 50px; background-size:40px;}
.head_btn a { font-size:16px; line-height:26px;}
.head_btn strong{ display:block;font-size:28px; color:#d33 }

/*=======================nav end===================*/


/*=======================banner start===================*/
.banner,.home-about .right-abt,.serve-check .acces-box a {
    position: relative
}

.serve-check .acces-box a {
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #eee;
    padding: 12px 30px 12px 0
}

.banner .swiper-button-next,.banner .swiper-button-prev {
    width: 43px;
    height: 43px;
    bottom: 40px;
    top: auto
}

.banner .swiper-button-prev {
    background: url(../images/banner_left.png) no-repeat;
    background-size: cover;
    right: 16%;
    left: auto
}

.banner .swiper-button-prev:hover {
    background: url(../images/banner_left02.png) no-repeat;
    background-size: cover
}

.banner .swiper-button-prev:after {
    content: ""
}

.banner .swiper-button-next {
    background: url(../images/banner_right.png) no-repeat;
    background-size: cover;
    right: 13%;
    left: auto
}

.banner .swiper-button-next:hover {
    background: url(../images/banner_right02.png) no-repeat;
    background-size: cover
}

.banner .swiper-button-next:after {
    content: ""
}

.banner .swiper-pagination {
    bottom: 40px;
    z-index: 99;
    color: #fff;
    width: auto;
    left: 13%
}

.banner .swiper-pagination .swiper-pagination-current {
    font-size: 30px
}

.banner .swiper-pagination .swiper-pagination-total {
    font-size: 14px
}
/*=======================banner end===================*/

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.swiper-container-vertical .swiper-wrapper, .swiper-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-slide {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display:  flex;
	align-items:  center;
}
.col_top{ position:relative}
.col_top .swiper-button-next, .col_top .swiper-button-prev {
	width: 3.75rem;
	height: 5rem;
	position: absolute;
	top: 50%;
}
.col_top .swiper-button-next {
	right: 10%;  }
.col_top .swiper-button-prev {
	left: 10%;
}
.col_top, .col_middle, .col_middle_case, .col_bottom_news {
	margin: 80px auto ;
}
.col_top h2.h2_tittle {
	font-size:36px;
	margin-top:20px; margin-bottom:50px;  float:left; width:30%;
}
.col_top h2.h2_tittle span{ color:#d33}
.tab_menu_top{ float:right; width:60%;}
.tab_menu_top li {
	font-size: 18px;
	line-height:50px;
	background: #d8dce5;
	color: #3c4457; cursor:pointer; text-align:center; width:23%; margin-left:2%; float:left
}
.tab_menu_top, .list_cases h4, .right_bottom li {
	margin-top: 1rem;
}
.tab_menu_top li.active {
	background: #3c4457;
	color: #fff;
}

.col_top .swiper-slide, .col_bottom .swiper-slide {
	position: relative;
}
.col_top .text, .col_bottom .swiper-slide .text {
	position: absolute;
	bottom: 2.5em;
	left: 3.75em;
	right: 3.75em;
	z-index: 2;
}
.col_top .swiper-slide h2 a {
	font-size: 28px;
	line-height: 1.25;
}
.col_top .swiper-slide p {
	font-size: 16px;
}
.col_top .swiper-slide a, .col_top .swiper-slide p {
	color: #fff;
}
.col_top .top_btn {
	margin-top: 1.75rem;
}

.top_btn a {
	display: inline-block;
	line-height: 36px;
	font-size: 14px;
 border-radius:.25rem;
	background-size: 1.25rem auto;
}
.top_btn a.online_chat, .product_tab_nav li a.online_chat {
	background-color: #e94609;
	border: 1px solid #e94609;
	color: #fff;
}
.col_top .online_chat {
	padding: 0 1.875rem;
}
.top_btn a img, .more img {
	vertical-align: middle;
	margin-left: 0.625rem;
	width: 1.25rem;
}
.col_top .top_btn .more {
	border: 1px solid #fff;
	margin-left: 1rem;
	padding: 0 1.5rem;
}
/*=======================banner start===================*/
#owl-demo {
    position: relative;
    margin: 0 auto;
}

#owl-demo .item_ie7 {
    position: relative;
    display: block;
}

#owl-demo img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 78px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

#owl-demo span {
    position: absolute;
    left: 0;
    bottom: 37px;
    width: 100%;
    font: 18px/32px "微软雅黑","黑体";
    color: #fff;
    text-align: center;
}

.owl-pagination {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 22px;
    text-align: center;
    padding-top: 20px;
}

.owl-page {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    background-color: rgba(8,17,42,0.6);
    border-radius: 30px;
    *display: inline;
    *zoom:1;}

.owl-pagination .active {
    width: 28px;
    background-color: rgba(254,191,65,1);
}

.owl-buttons {
    display: none;
}

.owl-buttons div {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    text-indent: -9999px;
}

.owl-prev {
    left: 0;
    background-image: url(../images/bg17.png);
}

.owl-next {
    right: 0;
    background-image: url(../images/bg18.png);
}

.owl-prev:hover {
    background-image: url(../images/bg19.png);
}

.owl-next:hover {
    background-image: url(../images/bg20.png);
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*=======================banner end===================*/
/* 首页公共标题 */
.ipart02 .infor .tit_en{font-size:17px; color:#d33; font-family:'PIER'; position:relative; display:inline-block; text-transform:uppercase; margin-bottom:10px;}
.ipart02 .infor .tit_en:after{content:''; position:absolute; left:110%; width:50px; height:2px; background:#d33; top:50%; margin-top:-1px;}
.ipart02 .infor .tit{font-size:38px; color:#000; line-height:1;font-family: impact !important;}
.ipart02 .top_ .left{float:left; width:50%;}
.ipart02 .top_ .right{float:left; width:50%;}
.fix:before, .fix:after { display: table; clear: both;content: '';}
.noborder-btn { display: inline-block; height: 35px;line-height: 35px;font-size: 15px;padding-right: 40px;transition: all 0.5s ease; position: relative; color: #fff;}
.noborder-btn .icon {display: inline-block;transition: all 0.5s ease; position: absolute;top: 2px;font-size: 18px;margin: 0;  right: 10px;}
.common-border-btn { display: inline-block;height: 55px; line-height:50px; font-size: 18px; padding: 0 40px 0 40px;  border: 1px solid #e1e0e1; border-radius: 50px; transition: all 0.5s ease; position: relative;}


.ipart02{padding:60px 0; overflow:hidden}
.ipart02 .top_{margin-bottom:60px;}
.ipart02 .top_ .right{margin-top:35px; font-size:16px; color:#666; text-align:right; line-height:34px;}
.ipart02 .bott_ .item{ margin-left:20px; position:relative; float:left; width:12.8%; height:512px; text-align:center; color:#fff; background-repeat:no-repeat; transition-duration:1s;}
.ipart02 .bott_ .item:first-child{margin-left:0;}
.ipart02 .bott_ .item1{ background-position: 79% 0;}
.ipart02 .bott_ .item2{ background-position:75% 0;}
.ipart02 .bott_ .item3{background-position:82% 0;}
.ipart02 .bott_ .item4{ background-position:55% 0;}
.ipart02 .bott_ .item.on, .ipart02 .bott_ .item:hover {width:56.09%; text-align:left; background-position:0 !important;}
.ipart02 .bott_ .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/black.6.png); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
.ipart02 .bott_ .item3::before{background:rgba(221,51,51,0.8);}
.ipart02 .bott_ .item .inner{position:relative;margin:200px 40px;}
.ipart02 .bott_ .item .inner .tit{font-size:22px; transition:.5s ease;letter-spacing:-1px;font-family: 'Flama';}
.ipart02 .bott_ .item .inner .con{opacity:0; visibility:hidden; max-width:450px;; transition:.5s ease; height:0; overflow:hidden;}
.ipart02 .bott_ .item .inner .con .txt{margin:20px 0 60px;} 
.ipart02 .bott_ .item.on .inner {margin:120px 40px 0;}
.ipart02 .bott_ .item.on::before{opacity:0; visibility:hidden;}
.ipart02 .bott_ .item.on .inner .tit{font-size:35px; letter-spacing:-1px;font-family: 'Flama';}
.ipart02 .bott_ .item.on .inner .con{opacity:1; visibility:visible; height:300px;}




/* homeclass  begin */
.home-class,.home-class .slider-img{position:relative; width:100%; }
.home-class .slider-img img{display:block;width:100%}
.home-class .slider-img .cont-pos{position:absolute;left:13%;top:130px;width:37%;color:#fff}
.home-class .slider-img .cont-pos strong{display:block;line-height:1.3;font-size:48px;text-transform:uppercase}
.home-class .slider-img .cont-pos p{font-size:16px;margin-top:35px;margin-bottom:50px}
.home-class .slider-img .cont-pos .learn-more{display:inline-block;border:1px solid #fff;font-size:16px;color:#fff;padding:10px 47px;border-radius:50px;text-transform:uppercase}.home-class .slider-img .cont-pos .learn-more:hover{background:#f51f1f}
.home-class .slider-item{width:74%;position:absolute;left:13%;bottom:0;cursor:pointer;z-index:99}
.home-class .slider-item .swiper-slide{height:135px;padding-top:45px;width:25%;text-align:center;margin:0!important;border-right:1px solid #7d766e}.home-class .slider-item .swiper-slide img{display:inline-block}.home-class .slider-item .swiper-slide p{font-size:18px;color:#fff;margin-top:20px;text-transform:capitalize}.home-class .slider-item .swiper-slide.swiper-slide-thumb-active,.home-class .slider-item .swiper-slide:hover{background:rgba(245,31,31,.7);border-right:none}
.home-class .swiper-pagination{width:120px;height:120px;border:1px solid #f6f6f7;position:absolute;top:130px;left:auto;right:13%;border-radius:50%;text-align:center;line-height:120px;font-size:30px;color:#fff}
.home-class .swiper-pagination .swiper-pagination-current{font-style:oblique}.home-class .swiper-pagination .swiper-pagination-total{margin:0 -5px}
.home-class .container{display:flex;width:122px;height:122px;position:absolute;top:130px;left:auto;right:13%;border-radius:50%;z-index:999}
.home-class .leftcircle,.home-class .rightcircle{height:122px;top:-1px;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}
.home-class .left{width:61px;height:122px;position:relative;overflow:hidden}
.home-class .leftcircle{width:122px;border:2px solid transparent;position:absolute;border-radius:50%;left:2px;border-bottom:2px solid #f51f1f;border-left:2px solid #f51f1f;transform:rotate(45deg);animation-name:circle_left}
.home-class .right{width:61px;height:122px;position:relative;overflow:hidden}
.home-class .rightcircle{width:122px;border-radius:50%;border:2px solid transparent;position:absolute;border-top:2px solid #f51f1f;border-right:2px solid #f51f1f;right:0;animation-name:circle_right;transform:rotate(-135deg)}.home-class:after{content:"";display:block;width:100%;height:180px;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;z-index:1}@keyframes circle_right{0%{transform:rotate(-135deg)}100%,50%{transform:rotate(45deg)}}@keyframes circle_left{0%,50%{transform:rotate(-135deg)}100%{transform:rotate(45deg)}}
.read-more{display:inline-block;border:1px solid #999;font-size:14px;color:#999;padding:10px 50px;border-radius:50px;text-transform:uppercase;cursor:pointer}.read-more:hover{background:#f51f1f;color:#fff;border:1px solid #f51f1f}
/* homeclass  end */


/* 等比填充 */
[class^="rect-"],
[class*=" rect-"] {position: relative; display: block; width: 100%; height: 0; overflow: hidden;}
[class^="rect-"] ._full,
[class*="rect-"] ._full {position: absolute; left: 0;top: 0; width: 100%; height: 100%;}
.rect-50 { padding-bottom: 50%;}
.rect-5625 {padding-bottom: 56.25%;}
.rect-60 { padding-bottom: 60%;}
.rect-618 {padding-bottom: 61.8%;}
.rect-70 {padding-bottom: 70%;}
.rect-75 { padding-bottom: 75%;}
.rect-80 {padding-bottom: 80%;}
.rect-90 { padding-bottom: 90%;}
.rect-100 { padding-bottom: 100%;}
.imgZoom img, .imgY180 img { -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;}
.ipart02 .top_ { margin-bottom: 60px;}
.mySwiper{padding-bottom: 50px;}
.mySwiper .controls{position:relative; width:82.5%; height:80px; margin:0.12rem auto;}
.mySwiper .controls .swiper-pagination{position:relative; width:100%; height:1.5px;}
.mySwiper .controls .swiper-pagination-progressbar-fill{background:#d33;}
.mySwiper .controls .swiper-button-prev{left:-2.5rem; width:46px; height:46px; margin-top:-3.85rem; background:none; color:#d33;}
.mySwiper .controls .swiper-button-next{right:-2.5rem; width:46px; height:46px; margin-top:-3.85rem; background:none; color:#d33;}
.mySwiper .controls .swiper-button-disabled{color:#000;}
.mySwiper .controls .iconfont{font-size:36px;}
.mySwiper .iconfont { font-family: "iconfont" !important; display: inline-block; vertical-align: middle;  margin: 0 0.3em;font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; -moz-osx-font-smoothing: grayscale;}
.mySwiper .swiper-button-next:after{ display:none;}
.mySwiper .swiper-button-prev:after{display:none;}
/*=======================index_service begin===================*/
.index_service { background: url(../images/about-bg.jpg) center center no-repeat; background-size: cover; padding:100px 0;}
.index_service .service_box .service_left {display: inline-block; vertical-align: middle;width: 62.5%; position:relative}
.index_service .service_box .service_left h3 {font-size:26px;line-height: 28px; color: #000;margin-top: 22px; position: relative;padding-left: 25px;}
.index_service .service_box .service_left h3:before { content: '';display: block;width: 15px; height: 3px;background: #ffe574; position: absolute; left: 0; top: 50%;margin-top: -2px}
.index_service .service_box .service_left p {font-size: 36px; line-height:50px;color: #000;    font-family: impact !important; margin-top: 12px; margin-bottom:30px; max-width: 580px}
.index_service .service_box .service_left ul { margin-top: 30px}
.index_service .service_box .service_left ul li { font-size:22px;line-height: 36px;color: #313131;padding-left:36px;position: relative; margin: 8px 0;}
.index_service .service_box .service_left ul li:before{color: #d33; font-size: 18px; line-height: 1.3em;top:6px; content: "✓";text-align: center; position: absolute;}
.index_service .service_box .service_left ul li:before {border: 1.5px solid #d33; border-radius:5px;display: block;height: 20px; left: 0;position: absolute;width: 20px;}
.service-left .btn{ margin-top:40px; display: inline-block;  text-align: center;  text-transform: capitalize;   font-size: 22px;padding: 12px 30px;  background:#d33 none repeat scroll 0 0; color: #fff; box-shadow: 8px 10px 15px rgba(12, 13, 31, 0.14);}
.service-left .btn:hover{ background:#d8dce5;  color:#fff}
/*=======================index_service end===================*/

/*=======================index_case begin=================*/
.index_case{ margin:80px auto;}
.index_case h2,.index_news h2{ font-size:42px; margin:0 0 40px; color:#000; text-transform:uppercase; font-weight:bold; font-family:Roboto,Open Sans;}
.index_case{width: 1520px; margin: 80px auto 0; overflow: hidden;}
.index_case h3{ text-indent:30px;}
.index_case h2{text-indent:25px;}
.index_case dl{ width:46%; float:left;  overflow:hidden; margin:0 2% 4%;}
.index_case dl dt{ float:left; width:100%; overflow:hidden; position:relative}  
.index_case dl dt img{ width:100%; height:auto;    transition: all linear 0.4s;}
.index_case dl:hover img { transform: scale(1.1)}
.index_case dl dt h3{width:100%;height: 46px; line-height:46px;background:#313131;font-size: 20px; color: #ffffff; text-align: left; position: absolute; left:0; bottom:0}  
.index_case dl dd{ float:left; width:100%; margin-top:20px; }

.index_case dl h3 a{ display:block; font-size:20px; font-weight:bold;    white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#fff; }
.index_case dl dd a:hover{ color:#ed2e1b;}
.index_case dl dd p{  font-size:16px; line-height:24px; margin-bottom:10px; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; color:#666}
.index_case dl dd p strong{ margin-right:5px;}
.index_case dl dd p span{ padding-right:10px;color:#666;}
.index_case dl dd .btns{position:relative; z-index:1; padding:5px; display:inline-block;margin-top:20px; text-align:left;}
.index_case dl dd .more_btn{position:relative; display:inline-block;  color:#fe4f00; font-size:18px; font-weight:200; padding:8px 40px; z-index:0;}
.index_case dl dd .more_btn:hover{color:#fff;}
.index_case dl dd .more_btn::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:10px; transform:translate(-50%, -50%) scale(1); border:0.01rem solid #fe4f00; transition:all .5s ease; z-index:0;}
.index_case dl dd .more_btn:hover::before{transform:translate(-50%, -50%) scale(1.2); opacity:0;}
.index_case dl dd .more_btn::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:10px; transform:translate(-50%, -50%) scale(0.8); opacity:0; background:#fe4f00; transition:all .5s ease; z-index:-1; color:#fff}
.index_case dl dd .more_btn:hover::after{transform:translate(-50%, -50%) scale(1); opacity:1;}
.index_case dl dd .more_btn .iconfont{position:absolute; right:10px; top:50%; font-size:20px; transform:translateY(-50%);content: ">"; color:#fe4f00}
/*=======================index_case end=================*/
.en_ipart03 { background: url(../images/en_ipart03_bg.jpg) no-repeat center; padding: 100px 0; margin-top:50px;}
.en_ipart03 .swiper-container {width: 1260px;height: 265px; overflow: hidden; position: relative;}
.en_ipart03 .swiper-container a { display: block}
.en_ipart03 .img_ { width: 21%;float: left; margin-left: 6.5%;}
.en_ipart03 .intro {width: 62%; float: right; margin-right: 5.3%;}
.en_ipart03 .intro .box {padding-left: 65px; position: relative;}
.en_ipart03 .intro .box:before {content: '';width: 42px;height: 43px;background: url(../images/en_ipart03_ico.png) no-repeat center; position: absolute; left: 0; top: 0;}
.en_ipart03 .intro .box .smal_tit {font-size: 26px; line-height: 26px; color: #d33; text-transform: uppercase;padding-top: 21px;}
.en_ipart03 .intro .box .big_tit {font-size: 45px;line-height: 45px;height: 90px;overflow: hidden; font-family: Impact;color: #fff; text-transform: uppercase;margin: 20px 0 30px;}

.en_ipart03 .intro .box .big_tit a:hover {color: rgba(255,255,255,.8)}
.en_ipart03 .intro .box .con {font-size: 17px; line-height: 25px; height: 75px; overflow: hidden; color: #fff;}
.en_ipart03 .pagination {position: absolute;right: 0;top: 105px;text-align: right;z-index: 3; cursor: pointer;}
.en_ipart03 .pagination span { display: block;height: 3px;margin-bottom: 20px; position: relative;}
.en_ipart03 .pagination span:after {content: ''; width: 34px;height: 4px;background: #fff;background: rgba(255,255,255,.6);transition: all 0.5s ease; position: absolute; right: 0; top: 0;}
.en_ipart03 .pagination span.swiper-active-switch:after { width: 47px;background: #fff;height: 6px}
.en_ipart03 .pagination span:hover:after { width: 47px; height: 6px;}



/*=======================index_new start===================*/




.ipt2{padding:70px 0}
.ipt2 .infor{text-align:center;}
.ipt2 .infor .tit{font-size:30px; line-height:30px; color:#020127; font-weight:bold; margin-bottom:30px;}
.ipt2 .infor .line{width:68px; height:2px; background:#ea5413; margin:0 auto;}
.ipt2 .content{padding:50px 0; overflow: hidden;}
.ipt2 .content .left{width:34%; float:left; cursor:pointer;} .ipt2 .content .left img{ width:100%; height:auto}
.ipt2 .content .center{width:30%; margin-left:3%; float:left;}
.ipt2 .content .center .item{box-shadow:7px 7px 18px rgba(0,0,0,.1); margin-bottom:20px;}
.ipt2 .content .center .item .box{padding:18px 56px 16px 20px; display:block;}
.ipt2 .content .center .item .box .t{font-size:18px; line-height:30px; color:#ea5413; font-weight:bold; margin-bottom:7px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ipt2 .content .center .item .box .c{font-size:16px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#333; margin-bottom:10px;}
.ipt2 .content .center .item .box .date{border-top:1px solid #DCDCDC; color:#646464; position:relative;}
.ipt2 .content .center .item .box .date .day{font-size:32px;  line-height:32px; font-family:Impact; margin-top:6px;}
.ipt2 .content .center .item .box .date .year{font-size:14px; line-height:20px;}
.ipt2 .content .center .item .box .date .icon{position:absolute; right:25px; top:50%; display:block;width:22px; height:10px ;transition:all .4s ease; background:url(../images/widgets_news_listimg_18_01.png) no-repeat center}
.ipt2 .content .center .item:hover .box .date .icon{right:15px}
.ipt2 .content .right{width:30%; float:right; margin-left:2%;}
.ipt2 .content .right li{margin-bottom:21px; padding:5px;}
.ipt2 .content .right li .box{display:block; padding:16px 25px; box-shadow:0 0 15px rgba(0,0,0,.1);}
.ipt2 .content .right li .box .date{float:left; width:113px; border-right:1px solid #DCDCDC;}
.ipt2 .content .right li .box .date .day{font-size:36px; line-height:36px; color:#646464; font-family:Impact; padding-bottom:15px; margin-bottom:15px; position:relative;}
.ipt2 .content .right li .box .date .year{font-size:14px; line-height:20px; color:#646464;}
.ipt2 .content .right li .box .date .day:after{content:''; width:30px; height:1px; background:#DCDCDC; position:absolute; left:0; bottom:0;}
.ipt2 .content .right li .box .intro{font-size:18px; line-height:32px; color:#02001c; padding-left:26px; float:left; width:calc(100% - 141px); font-weight:bold; height:64px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:5px; transition:all 0.5s ease;}
.ipt2 .content .right li:hover .box .intro{color:#ea5413;}
/*=======================index_new end===================*/

.home_ser{ margin:0 auto; overflow:hidden; background:#f1f3f8;  }

.home_ser li{ width:24%; margin-left:1%; float:left; }
.home_ser ul{ margin-left:-1%}
.home_ser ul .link{ color: #4a4a4a;display: block; padding: 30px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.home_ser .icon {width:30%; display:block; text-align:left;float:left}

.home_ser .link:active,.home_ser .link:focus,.home_ser .link:hover {
color: #07429e;text-decoration: none;-webkit-transform: scale(1.05);transform: scale(1.05);z-index: 2}
.home_ser li .title h3 {font-size: 24px;font-weight: 400; color:#d33}
.home_ser li .title p{ font-size:16px;}
.product-ul .pro-box .box .more:hover {color: #fff;z-index: 10;}
.product-ul .pro-box .box .more:before {position: absolute;content: '';background: #efbd45;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.product-ul .pro-box .box .more:after {position: absolute;content: '';background: #efbd45;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;z-index: -1;top: 0;right: auto;bottom: auto;left: 0;width: 100%;height: 0;opacity: 1;}
.product-ul .pro-box .box .more:hover:before {width: 100%;height: 50%;opacity: 1;}
.product-ul .pro-box .box .more:hover:after {height: 50%;}
/*====homepro begin=====*/


/*====homeabout begin=====*/
.about_one .wrap {padding: 40px 74px 20px;}
.about3 .public_title h2,.about_title h2{ font-size:46px;font-weight: bold; font-family: 'Flama';letter-spacing: -2px;color: #00093b; text-align:left; margin-bottom:20px; text-transform:uppercase}
.about_one .public_title p,.about_title p {  max-width: 100%; display: inline-block; margin-bottom: 22px;line-height:28px;}
.public_title h2{  font-size:46px;font-weight: bold; font-family: 'Flama';letter-spacing: -2px;color: #00093b; text-align: center; margin-bottom:20px; text-transform:uppercase}
.about_one p { line-height:32px; color:#666}
.about_one .sty1 {width: 54.782%; float:left;}
.about_one .sty2 {width: 40%; float:right;overflow: hidden}
.about_one .sty2 .pic {float: left}
.about3 {padding-top: 82px;padding-bottom: 85px;position: relative;z-index: 1}
.about3 .public_title h2{ text-align:center}
.public_title p{ text-align:center}
.about3 .sty1 {margin-top:80px}
.about3 .sty1 li {width: 17%;float: left; text-align:center;padding:2.5% 1%;background:#ecf0f9;border-radius: 20px;position: relative}
.about3 .sty1 li i {position: absolute;right: 22px;top: 14px;font-size: 67px;color: #313131;font-family: 'Impact';line-height: 1;font-style: normal}
.about3 .sty1 li img {width: 35%; margin:0 auto 25px; display:block;}
.about3 .sty1 li span {font-size:28px;color: #283042;}
.about3 .sty1 li p {margin-top: 10px;font-size: 16px;color:#71798e;line-height: 1.625;min-height:50px;}
.about3 .sty1 li+li {margin-left:8%}
.about_title{ margin-bottom:60px; text-align:center}
.about_title h2{ text-align:center}
.about_title p{ width:85%; margin:0 auto}
.glo_coop li { position: relative; width: 32.333%; float:left; margin-right:1%; overflow: hidden;  transition: all .6s ease;}
.glo_coop li img { overflow: hidden;width: 100%;transition: all .4s ease-out;}
.glo_coop li:hover img {transform: scale(1.2);}
.glo_coop li.active a::after { opacity: 1}
.glo_coop li a {text-align: left; display: block; position: absolute; left: 20px; bottom:15px;z-index: 3;  padding-left: 15px; padding-top: 34px;font-size: 32px;color: #fff}
.glo_coop li a h3 {font-size:22px; font-weight:500;margin-bottom: 20px; color: #fff; margin-bottom: 10px;}
.about_m{ width: 100%; margin: 100px auto 60px;background: url(../images/ab_m2r.jpg) right top no-repeat; background-size:50% auto; overflow:hidden;}
.about_m_l{ width:60%; background-color:#3c4457; height:100%;  margin-top:50px;float:left; overflow:hidden; }
.about_m_l .text{width:800px; display:inline-table; padding:70px 50px 40px 0; float:right;}
.about_m_l .text h2{color: #fff;font-size: 46px;font-weight: bold; font-family: 'Flama';letter-spacing: -2px; margin-top:15px; font-weight:normal; text-transform:capitalize;line-height: 1.5em;}
.about_m_l .text p{line-height: 34px;margin-top: 30px; color:#fff;}
.about_m_l .text ul{margin-top:50px;}
.about_m_l .text ul li{line-height:2em; color: #ffffff;font-size:18px; text-shadow: 2px 3px 1px rgb(4 26 38 / 33%);  padding-left: 23px;   position: relative;   margin: 2px 0;}
.about_m_l .text ul li:before{content: '';  display: block;  width: 9px;  height: 9px;  background:#d33;  border-radius: 50%;  position: absolute;    left: 0; top: 50%;   margin-top: -5px;}
.about_m_l .btn{ margin:30px 0 30px;background-color:#d33; text-transform:uppercase;color: #fff; display:inline-table;  border-style: none; font-size: 22px;   font-weight: 500;   line-height: 1.2em;}
.about_m_l .btn a{ color:#fff; display:block;padding: 14px 50px 13px; }
.about_m_l .btn a:hover{background-color: #fff;color: #d33;}
/*====about end=====*/

/*====product_center begin=====*/
.product_center_title {text-align: center; margin:80px auto 60px}
.product_center_title h2 {font-size: 42px;color: #333333; text-transform: uppercase}
.product_center_title p { width: 830px; max-width: 100%; display: inline-block; margin-top: 42px;font-size: 18px;color: #999999; line-height: 1.33333;}
.product_center_cate{ margin-bottom:40px;}
.product_center_cate,.product_center_cate_bg{ width:100%; overflow: hidden;}
.product_center_cate li,.product_center_cate_bg li{float: left;width:21%; margin:0 0 15px 3% ;position: relative; }
.product_center_cate li .pic{padding:0.5%; display:inline-block; text-align:center;background: #e2e5e9; background-image: linear-gradient(to top right, #ecf0f9, #f2f5fc); overflow: hidden; transition: all linear 0.4s;}
.product_center_cate_bg li .pic:hover{ transform: translateY(-5px);color:#fff; box-shadow: 0 0 20px rgba(204,204,204,0.5)}

.product_center_cate li .pic:hover{ background:#3c4457;transform: translateY(-5px);color:#fff;box-shadow: 0 0 20px rgba(204,204,204,0.5)} 
.product_center_cate li h3,.product_center_cate_bg h3{ text-align:center; padding:20px 0}
.product_center_cate_bg{ background:#ecf0f9; padding-bottom:40px;}
.jl{ margin-bottom:20px}
.product_center_cate_bg .pic{padding:0.5%; display:inline-block; text-align:center; overflow: hidden; transition: all linear 0.4s;background:#ffffff;background-image:linear-gradient(to top right, #ffffff, #ffffff)}
.pro_solution .main-box {display: flex; width: 100%;flex: 1; margin: 0 auto; justify-content: center; align-items: center;padding-top: 100px; margin-bottom:80px;}
.solution_tit .left{ width:60%; }
.solution_tit .right{ width:15%; float:right}
.solution_tit h2 {display: flex;font-size: 44px;color: #283042;max-width: 100%;  text-align: left;}
.solution_tit  p { margin-top: 10px; margin-bottom: 25px; font-size: 18px; color: #9fa0a0; text-align: left;}
.solution_tit .right .more li {width:100%;font-size: 18px; color: #fff;background: #3c4457;padding: 10px 40px; margin-bottom: 15px;}
.solution_tit .right .more li a {color: #fff;}
.solution_tit .right .more li.active { background:#d33;}
.solution_tit .right .more li:hover.active {background: #313131;}
.solution_tit .right .more_ico{display: inline-block;width: 20px; height: 12px; margin-left: 8px; background: url(../images/more_ico.png) center no-repeat; background-size: 100%;}


/*====product_center end=====*/

/*====protop begin=====*/
.pro_top{margin:0 auto; padding:70px 0 ; position:relative;background-image: linear-gradient(70deg, #fff 15%, #c0cedd);}
.pro_top .wrap{ position:relative; z-index:8}
.pro_top .l_img{width: 53.82166%; float: left;  z-index: 1;}

.pro_top .l_img img{ width:100%; height:auto }
.pro_top .pro_r_box {width: 40%;float: right; margin-bottom:50px;color: #707987;padding: 55px 3% 70px; /*background: #eff2fb; background-image: linear-gradient(to right, #f3f5fa, #eff2fb);*/ z-index: 2;}
.pro_top .pro_r_box  h1{margin: 0 0 20px; color: #092a44; font-size:32px;line-height: 48px;}


.pro_top .pro_r_box  > p{line-height: 27px;}
.pro_top .pro_r_box .intro{ margin:25px 0}
.description{ line-height: 45px;margin:20px 0; position:relative }
.description p{ font-size:16px; position: relative;   z-index:20; text-indent:25px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.description p::before {  top: 14px; content: '';display: block;width:8px; height: 8px; background: #fff;border: 2px solid #d8d8d8; margin-right:20px; position: absolute; left: 0; border-radius: 100%;}
.description:before { content: '';display: block; width: 1px; height: 100%;position: absolute;left:6px; background: #ccc;}
.inner-kefu{ position: absolute; right: 20px; bottom:200px; z-index:20;}
.inner-kefu a{ line-height: 0; display: block;}
.inner-kefu a.i-kf-txt{line-height: 30px;font-size: 16px;color: #fff; background-color: #2a4696;text-align: center;border-radius: 15px; margin-top:-20px; z-index:10; position:relative}
.pro_top .pro_r_box  .btn-group{margin-top:25px;}
.pro_top .btn-get,.pro_top .btn-qta{display: inline-block; padding: 10px 65px; background: #d33; border:#d33 2px solid; text-align: center; font-size: 20px;color: #333e46;font-weight: lighter;position: relative;}
.pro_top .btn-get span,.pro_top .btn-qta span{position: relative;z-index: 2; display: inline-block;}
.pro_top .btn-get span{ color:#fff;}
.pro_top .btn-get .icon,.pro_top .btn-qta .icon { position: relative;top:5px;z-index: 2;display: inline-block; width:25px; height: 22px; margin-right: 8px; background: url(../images/kefu.png) no-repeat center; background-size:20px;}
.pro_top .btn-qta .icon{background: url(../images/jingyingjianyi.png) no-repeat center;}
.pro_top .btn-get:after,.pro_top .btn-qta:after {content: ''; width: 0;height: 100%;background: #ffca6b; position: absolute;left: 0; bottom: 0; z-index: 1; transition: all 0.5s ease;}
.pro_top .btn-qta{ border:2px solid #022147; margin-left:20px; background:#fff}
.pro_top .p_tel {width:100%;background: url(../images/p_tel.png) no-repeat left center;background-size: 35px;margin:40px 5px 0 0; padding-left: 42px;color:#444;line-height: 36px;font-size: 16px;}
.pro_top .p_tel b {display: inline-block;font-size: 28px;color:#f02d21;padding-left: 5px;}
.prothree {padding: 40px 38px 130px}
.prothree .prothreefr {width: 48.52744%;float: left; margin-top: 40px; text-align: left}
.prothree .prothreefr h3,.profour h3{font-size: 46px; color: #333333; text-transform: uppercase}
.prothree .prothreefr p {width: 830px; max-width: 100%;display: inline-block; margin-top: 38px; font-size: 18px; text-indent:40px;color: #666666; line-height: 1.9;}
.prothree .prothreefr>a {display: none;float: right;width: 150px;height: 46px; border: 2px solid #eb8c04; border-radius: 23px; color: #eb8c04; text-align: center; line-height: 42px;font-weight: bold;font-size: 18px;margin-top: 43px}
.prothree .prothreefr>a:hover {color: #09256d; border: 2px solid #09256d}
.prothree .prothreefl { width: 43.17269%; float: right;text-align: center}
.profour { background:#ecf0f9;padding-bottom: 140px}
.profour .profourbox { margin: 105px auto 0;position: relative}
.profour .profourbox .profourfl,.profour .profourbox .profourfr {width: 44%;float: left}
.profour .profourbox .profourfl {padding-left: 4.20382%; padding-right: 6.81529%; padding-top:5%}
.profour .profourbox .profourfl a {display: none}
.profour .profourbox .profourfr { float: right}
.profour .profourbox img { width: 100%; border-radius: 20px}
.profour .profourbox video {width: 100%; border-radius: 20px}
.profour .profourbox .profourtit h3 { font-size: 30px;color: #333333; text-transform: capitalize}
.profour .profourbox p { margin-top: 42px;font-size: 18px;text-indent:40px; color: #666666; line-height: 1.9;}
.profour .profourbox p+p { margin-top: 20px}
.profour .profourbox:first-child { margin-top: 0;padding-top: 140px}
.profour .profourbox:first-child .profourfl { float: right; padding-right: 5.73248%}
.profour .profourbox:first-child .profourfl .profourtit span { position: absolute;left: 0; right: 0; top: 0;font-size: 50px; font-weight:bold; color:#d33; text-transform: uppercase; text-align: center}
.profour .profourbox:first-child .profourfr { float: left}
.cppage4 {background:#3c4457; padding:20px 0}
.cppage4 .container { padding: 25px 0}
.cppage4 .sty1 { position: relative;color: #ffffff; }
.cppage4 .sty1 h2 {font-size:16px; font-weight:500;}
.cppage4 .sty1 h2 span {margin-bottom:6px; display: block; font-size: 30px; font-weight:600}
.cppage4 .sty1 .tablebtn {position: absolute; right: 0; top: 0; bottom: 0;font-size: 24px;line-height: 64px; cursor: pointer}
.cppage4 .sty1 .tablebtn:before {content: "+"; width: 30px;height: 30px; border: 3px solid #ffffff;border-radius: 50%;display: inline-block; vertical-align: middle; margin-right: 18px; font-size: 23px;text-align: center;line-height: 22px}
.cppage4 .sty1 .tablebtn_on:before {content: "-"}
.cppage4 .tablebox {display: none; padding-top: 20px}
.cppage4 .tablebox p {margin-top: 30px;font-size: 18px;line-height: 1.55556;color: #ffffff}
.cppage4 .tablebox table { width: 100%;max-width: 100%;border-collapse: separate;margin-top: 20px}
.cppage4 .tablebox table td,.cppage4 .tablebox table th {text-align: center; padding: 10px;line-height: 20px;word-break: break-all}
.cppage4 .tablebox table td p,.cppage4 .tablebox table th p {color: inherit;}
.cppage4 .tablebox .swiper-top { margin-left: -16px;padding: 30px 0; overflow: hidden}
.cppage4 .tablebox .swiper-top .swiper-slide {float: left;margin-left: 16px;margin-top: 20px;padding: 7px 33px;border: 1px solid #ffffff; border-radius: 20px;font-size: 18px; color: #ffffff;cursor: pointer}
.cppage4 .tablebox .swiper-top .swiper-slide:hover,.cppage4 .tablebox .swiper-top .swiper-slide.slide-active { background: #003b83;background-image: linear-gradient(to right, #dceff6, #fff, #dceff6); color: #2183a6}
.cppage4 .tablebox .swiper-bottom .swiper-slide {display: none}
.cppage4 .tablebox .swiper-bottom .slide-active {display: block}
.cppage5 { padding-top: 124px; background: url(../images_pc/about4bg.jpg) center bottom no-repeat}
.cppage5 .sty1 { margin-bottom: 90px}
.cppage5 .sty1 .alpic { margin-top: 58px;overflow: hidden}
.cppage5 .sty1 .alpic li {width: 32.35669%;float: left;overflow: hidden}
.cppage5 .sty1 .alpic li img { width: 100%; transition: all linear 0.4s}
.cppage5 .sty1 .alpic li:hover img {transform: scale(1.1)}
.cppage5 .sty1 .alpic li+li { margin-left: 1.46497%}


.cppage4 table {width: 100%;border-spacing: 0px;border-collapse: collapse;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.cppage4 tr:first-child {background:#313131;height: 60px;line-height: 60px;color: #fff;}
.cppage4 tr:nth-child(2n+3) {background: #f5f5f5;}
.cppage4 .bhead {background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
color: #000}
.cppage4 tr.odd {background: #f5f5f5;text-align: center;color: #333;}
.cppage4 tr.even {background: none;}
.cppage4 td.even {background: #fff;}
.cppage4 table td {line-height:24px;text-align: center; padding:10px 0; }
.cppage4 tr {border: 1px solid #ddd;}
/*=========================pro end============================*/
/*====contact begin=====*/
.contect{ background: url("../images/contact_ban.jpg") center top no-repeat;height: 500px; padding-top: 100px;}
.conleft strong{display: block; width: 805px; font-size: 18px; line-height:40px; color: #fff; font-weight:500; margin-top:30px; margin-bottom:80px;}
.contect h2 { font-size: 50px;color: #fff;}
.conleft li{ width:100%; margin-bottom:25px;}
.conleft li img{ display: block; margin-left: 20px; margin-bottom: 24px;}
.conleft li p{font-size: 18px; line-height: 18px; padding-left: 22px; position: relative;color: #fff;}
.conleft li p:before{position: absolute;left: 0;top: 1px; display: block;content: ''; width: 4px;height: 16px;background: #fff;}
.contact-wrap {float: left;width: 100%;margin-bottom: -20px;position: relative;text-align: center}
/*====contact end=====*/
/*=========================massage start=============================*/
.main-msg { padding-top: 100px; padding-bottom: 90px;background: url(../images/main-msg-bg.jpg) center 50% no-repeat;}
.main-msg .wrap { position: relative}
.msg_tit { margin-bottom:50px;}
.msg_tit strong{display:block;color:#d33; font-size:42px; font-weight:900;line-height: 1.1; text-align:left;margin-bottom: 24px;}
.msg_tit p{color: #fff;line-height:28px;text-align:left;}
.main-msg .msg-fl { width: 60.33333%; position: relative;z-index: 1}
.main-msg .msg-fl form { margin-top: 54px; padding: 64px 6.62983% 39px 7.62431%;background: #204f78;background: linear-gradient(90deg, #9cb1c3, #204f78); position: relative}
.main-msg .msg-fl form:before {content: "";border-left: 32px solid #204f78;border-top: 0 solid transparent;border-bottom: 53px solid transparent;position: absolute;right: -31px;top: 0}
.msg-fl ul li{position: relative; border:1px #d8d8d8 solid; background:#fff;border-radius: 4px;line-height: 28px; margin-bottom:35px; width:46%; float:left;margin-right:3%;-webkit-box-shadow: 0px 0px 30px 0px rgb(51 86 150 / 16%);-moz-box-shadow: 0px 0px 10px 0px rgba(51, 86, 150, 0.10);box-shadow: 0px 0px 10px 0px rgb(51 86 150 / 10%);}
.msg-fl ul .textarea{ width:100%;}
.msg-fl img{position: absolute;left:18px;top:13px; width: 24px;height: auto;z-index: 22;}
.msg-fl ul li input,.msg-fl ul li textarea{width: 100%;line-height: 28px;color: #606267;font-size: 16px;background:none; position: relative;z-index: 2;padding:12px 2% 10px 6%; border:none;text-indent:30px;}
.msg-fl ul li textarea{padding:12px 2% 10px 2%; }
.msg-fl textarea{height:190px;}
.msg-fl span{position: absolute;left:0;top:18px;width:96%;height:100%;color:#B5B8C1;font-size: 20px;padding-left:70px;}
.msg-fl span i{color: #F3632D;padding-left: 2px;}
.msg-fl .submit {width: 340px; height: 54px;display: block; margin: 0 auto; background: #f77a00; background: linear-gradient(90deg,#d33, #fab53c); border-radius: 8px;font-size: 20px; color: #fff;text-align: center; line-height: 52px;transition: all linear 0.4s}
.msg-fl .submit:hover {background: #d33; color:#fff;background: linear-gradient(90deg, #d33, #ff9e36);}
.main-msg .fr {width: 36%; position: absolute; right: 0;top: 0}
.main-msg .fr .tel span {vertical-align: middle;font-size: 25px; font-weight: bold}
.font-panel { width: 80%; -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.05),5px 5px 5px rgba(0,0,0,0.05) inset; box-shadow: 5px 5px 5px rgba(0,0,0,0.05),5px 5px 5px rgba(0,0,0,0.05) inset;padding: 10px 20px 20px;position: relative; margin-top:-220px; background:#d33;z-index: 2}
.main-msg .fr .font-panel p { width: 100%; margin-top: 10px; margin-bottom:15px; padding: 8px 0 4px 40px;color: #fff; position: relative;z-index: 1; -webkit-transition: all .3s linear; transition: all .3s linear}
.main-msg .fr .font-panel p:hover {padding-left: 30px}
.main-msg .fr .font-panel p:before {content: '1'; display: block; left: 0;height: 50px; width: 50px; font-size: 46px;line-height:70px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-style: italic; color: #fff; opacity: .4; position: absolute; bottom: 0; z-index: -1;font-weight: bold}
.main-msg .fr .font-panel p+p:before {content: '2'}
.main-msg .fr .font-panel p+p+p:before {content: '3'}


/*=========================massage end============================*/
.about_one{ margin:40px auto 100px}
.about_one_left{ width:50%; float:left}
.about_one_left .tit h3{ font-size:40px; color:#05163f; line-height:50px; margin-bottom:20px;}
.about_one_left .tit span{color: #d33;}
.about_one_left p{ line-height:36px; font-size:16px;}
.about_one_right{ width:45%; position:relative;float:right;}
.about_one_right img{clear:both; display:block;overflow:hidden; position:relative; z-index:3;}
.about-factory{padding-top: 80px; background-color: #3c4457; padding-bottom: 80px;}
.about-factory H2{ font-size:46px; text-align:center;font-weight: bold; font-family: 'Flama';letter-spacing: -2px; margin:0 auto; color:#fff; margin-bottom:40px;}
.about-factory li{text-align: center; float:left;flex-shrink: 0;width: 100%; height: 100%; position: relative; transition-property: transform; margin-right:20px; width:45%;}
.about-factory li p{font-size: 24px; color: #ffffff; height: 60px; line-height: 60px;}
.about-factory .swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: flex; transition-property: transform; box-sizing: content-box;}
.about-factory  a.about-factory-btnsPrev { left: 0;}
.about-factory  a.about-factory-btnsNext { right: 0;}
.about-factory .wrap {position: relative;}
.about-factory.swiper-slide { text-align: center; width: 50%;}
.about-factory  .swiper-slide p {font-size: 24px; color: #ffffff; height: 60px; line-height: 60px;}
.about-factory  .swiper-slide-prev p {text-align: center;  padding-right: 46px; overflow: hidden;}
.about-factory a {display: block; width: 42px; height: 60px;position: absolute; z-index: 333; margin-top: -30px; top: 50%;transform: translateY(-50%);}

/*=========================about end============================*/
.crumbs-bar{ width: 100%; height: 56px; line-height: 56px; background: #ecf0f9;}
.crumbs-bar li{ float: left; font-size: 16px; color: #999999;}
.crumbs-bar li a{ color: #999999;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
.crumbs-bar li a:hover{ color: #333;}
.crumbs-bar li + li:before { color: #999999;content: ">";padding: 0 15px;}
/*=========================product start============================*/
.product_ban,.solu_ban,.about_ban,.new_ban,.sol_ban{ width:100%; position:relative;overflow:hidden ;background: url(../images/product_ban.jpg) center center no-repeat;padding: 160px 0 180px; position:relative;background-size: cover;}
.solu_ban{ background: url(../images/solu_ban.jpg) center center no-repeat;padding: 200px 0 220px;}
.about_ban{ background: url(../images/about_ban.jpg) center center no-repeat;padding:6.5% 0 10%; }
.new_ban{background: url(../images/new_ban.jpg) center center no-repeat;}
.sol_ban{background: url(../images/sol_ban.jpg) center center no-repeat;}
.product_ban{ padding: 180px 0 0 ; height:420px;}
.banner-text .banner-h2 {font-size: 65px;line-height: 70px;color: #ffffff;position: relative}
.banner-text .banner-h2:before {content: '';display: block;width: 77px;height: 4px;background: #d33;position: absolute;left: 0;top: -6px}
.banner-text .banner-p {font-size: 16px;line-height: 30px;margin-top: 10px;color: #ffffff; width:50%;}
.banner-text .banner-p p {display: inline;font-size: 18px;line-height: 30px;color: #ffffff;text-shadow: 2px 3px 1px rgba(4,26,38,0.66)}
.banner-text .banner-more {display: inline-block;padding: 0 38px;height: 55px; border:2px #d33 solid;border-radius: 4px;font-size: 22px;line-height: 55px;margin-top:20px;color: #d33;text-align: center}
.banner-text .banner-more:hover {border-radius: 30px}
.solu_ban .banner-h2{background-image: -webkit-linear-gradient(-35deg, #d6eeff 15%, #fff 30%, #8a929a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue6sinfinitelinear;}
/*=========================product_list start============================*/
.pro_center{ margin:70px auto; overflow:hidden; width:100%;}
.pro_cate{width:70%; margin:0 auto 60px; overflow:hidden; position:relative}
.pro_cate li {float: left;width:22%; margin:0 0.5%; font-size:18px; padding:1.5% 1%;background: #d8dce5;  text-align:center}
.pro_cate li a{ color:#3c4457}
.pro_cate li.cur{background: #3c4457; color:#fff}
.pro_cate li.cur a{color:#fff; font-weight:bold}
.pro_cate li:hover{ color:#d33}
.product_list{ margin-top:20px;}
.product_list li { float: left; width: 22%; margin: 0 1.5% 50px;overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0);}
.product_list li .item_box {/*border: 1px solid #d2d2d2;*/}
.product_list li p{ text-align:center; margin:15px auto 0; font-size:18px; }
.product_list li .item_box .intro .box { padding: 0 22px;}
.product_list li .item_box .intro .t { font-size: 20px; text-transform:capitalize;font-weight: bold; border-bottom: 1px solid #d2d2d2; padding: 20px 0 20px 0;max-height:26px; text-overflow: ellipsis;-webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
.product_list li .item_box .intro .t span {font-size: 14px; color: #d20000;font-weight: normal;}
.product_list li .item_box .intro .c {margin: 20px 0; height: 54px;}
.product_list li .item_box .img{width: 100%;overflow: hidden;}
.product_list li .item_box .rect-75{-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.product_list li .item_box .rect-75:hover{transform: scale(1.1, 1.1);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.product_list li .item_box .intro .c p { font-weight: bold; color: #333; margin-bottom: 10px; width:100%;}
.product_list li .item_box .intro .c p span {color: #666;margin-right: 10px; font-weight: normal;}
.product_list li .item_box .intro .btn_box {margin-bottom: 40px;}
.product_list li .item_box .intro .btn_box a { position: relative;display: inline-block;padding: 0 20px; border: 1px solid #b8bcbf;font-size: 14px;}
.product_list li .item_box .intro .btn_box a span {height: 36px; line-height:36px;position: relative;z-index: 2;display: inline-block;}
.product_list li .item_box .intro .btn_box a.btn span {color: #333e46;}
.product_list li .item_box .intro .btn_box a.btn1 {margin-right: 15px;}
.product_list li .item_box .intro .btn_box a:after {content: '';width: 0;height: 100%;background: #343e46;position: absolute;left: 0;bottom: 0; z-index: 1; transition: all 0.5s ease;}
.product_list li .item_box .intro .btn_box a.btn1:hover {border-color: #333e46;}
.product_list li .item_box .intro .btn_box a.btn2:after {background: #d33;}
.product_list li .item_box .intro .btn_box a:hover:after { width: 100%;}
.product_list li .item_box .intro .btn_box a.btn1:hover span { color: #d33;}
.product_list li .item_box .intro .btn_box a.btn2:hover span {color: #333e46;}
.product_list li .item_box .intro .btn_box a.btn2:hover {border-color: #d33;}
/*=========================product end============================*/
/*=========================solution begin============================*/
.sol_ban{ width:100%; position:relative; z-index:1;overflow:hidden}
.sol_ban img{ display:block; text-align:center}
.sol_ban_tit{ position:relative; z-index:8; margin:-90px auto 0; font-size:130px; text-transform: capitalize; font-weight:700;color:#b9c1d2; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#e8edf9, #b9c1d2); filter:alpha(opacity=30); opacity:0.3;-moz-opacity:0.3; text-align:left;display:block}
.sol_ban_tit:after {content: '';position: absolute;top:95px;right:0;bottom: 0px; z-index:5;background: url(../images/whiteback.png) repeat-x; width:62%;}

.allist_cont {
    margin: 70px auto 40px;
}

.allist_cont li {
    width: 30.33%;
    float: left;
    margin: 0 1.5% 50px;
    box-sizing: border-box;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-bottom: #ccc 1px solid
}

.allist_cont .allist_con {
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    top: 0;
    overflow: hidden
}

.allist_cont .allist_con a {
    display: block;
    overflow: hidden;
}

.allist_cont .allist_img img {
    display: block;
    transition: all ease 1s;
    width: 100%
}

.allist_cont .allist_img:hover img {
    transform: scale(1.1);
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.allist_cont .allist_con a i {
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
}

.allist_cont .allist_con a:hover i {
    transition: all .3s ease;
    left: 100%
}

.allist_cont .allist_con .allist_text {
    padding: 20px 20px 25px;
    position: relative;
}

.allist_cont .allist_con .allist_text h3 {
    display: block;
    font-size: 26px;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0
}

.allist_cont .allist_con .allist_text p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.allist_cont .allist_con:hover h3 a {
    color: #d21423
}

.allist_cont .allist_con::after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: #fc4a1a;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter: alpha(Opacity=0);
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.allist_cont .allist_con:hover::after {
    right: 0;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter: alpha(Opacity=100)
}

.allist_cont .allist_con .allist_text .icon  {
    width: 86px;
    display: block; background:#d33; border-radius:100px; color:#fff; text-align:center; line-height:32px;
    position: absolute;
    top: -20px;
    right: 15px;
}
.pro_navigation {
    margin: 10px auto 40px;
    text-align: center;
    border-bottom: #d8d8d8 1px solid;
    position: relative;
}

.pro_navigation li {
    float: left;
    text-align: center;
    width: 17.9%;
    line-height: 90px;
}

.pro_navigation li a {
    display: block;
    font-size: 24px;
    color: #333f47;
    font-weight: 600;
    z-index: 9;
    zoom: 1; }

.pro_navigation li a.act {
    background: #fff ;
    height: 90px;
    border-bottom: #d33 6px solid;
}
/* case_deatail  */
.casedetail_top {
    width: 100%;
    margin: 80px auto 20px;
}

.casedetail_top_left {
    width: 55%;
    margin-bottom: 20px;
}

.casedetail_top_left img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
}

.casedetail_top_right {
    width: 40%;
    position: relative;
    z-index: 10
}

.casedetail_top_right h1 {
    display: block;
    font-size: 40px;
    padding: 0;
    line-height: 45px;
    text-align: left;
}
.casedetail_top_right .intro{ margin:25px 0 15px; color:#666; text-indent:40px; line-height:1.9}


.pro_sx{ overflow: hidden}
.pro_sx p{font-size: 18px;margin: 30px auto;}
.pro_sx strong{ color:#d33; font-size:28px;}
.pro_sx dt{    display: inline-block;margin: 0px auto 30px; margin-bottom: 20px;line-height: 38px; height: 38px;font-size: 18px;}
.pro_sx dd{ color:#666; line-height:28px;}
.casedetail_contact {width: 100%; margin: 40px 0 0 0; overflow:hidden}
.casedetail_top_right .contact {
    width: 100%;
    overflow: hidden;
    border-top: #c1cfda 1px solid;
    padding-top: 30px;
    margin-top:30px;
}

.casedetail_top_right .tel {
    display: inline-block;
    padding: 9px 10px 9px 30px;background: #fdc236;
    line-height: 1;   width: 43.74536%;
}

.casedetail_top_right .tel p {
    font-size:36px;
    display: block;
    margin-top: 5px;
    font-weight: 600;
    color: #000
}

.casedetail_top_right .tel span {
    display: block;
    font-size: 14px;
    color: #000
}
.casedetail_top_right .tel a{color: #000;}
.casedetail_top_right .tel a:hover{color: #d33;}
.casedetail_top_right .kefu {
   float: left;
    width: 45.74536%;
    background: #d33;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 23px 0px; margin-right:3%;
}
.casedetail_top_right .kefu a{color: #fff;}
.casedetail_top_right .kefu a:hover{color: #FF0;}

.swtbtn {
    width: 96%;
    position: relative; margin-top:60px; padding-bottom:40px;
    cursor: pointer
}

.swtbtn:before {
    content: "";
    width: 19.73244%;
    height: 150%;
    position: absolute;
    right: 1%;
    bottom: 0;
    background: url(../images/cppage1swtzs.png) center 36% no-repeat;
    background-size: 100%
}

.swtbtn img {
    width: 100%;
    display: block;
    border-radius: 50px 20px 20px 50px;
    box-shadow: 0 10px 18px rgba(126,126,126,0.3)
}

.swtbtn .zs {
    width: 3.17726%;
    height: 19%;
    background: #ffb730;
    border-radius: 50%;
    position: absolute;
    left: 26.9%;
    top: 25%
}

.swtbtn .zs:before,.swtbtn .zs:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ffb730;
    border-radius: 50%;
    animation: quan 1.5s infinite linear
}

.swtbtn .zs:before {
    opacity: 0.6
}

.swtbtn .zs:after {
    opacity: 0.3;
    animation-delay: 0.7s
}
.peitao_sb {
    width: 100%;
    margin-top: 40px;
    overflow: hidden
}

.peitao_sb strong {
    font-size: 24px;
    display: block;
    width: 100%;
    float: left
}

.peitao_sb a {
    float: left;
    margin-top: 17px;
    border: 1px dashed #fff;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    padding: 8px 30px;
}

.casedetail_tel {
    font-size: 20px;
    width: 100%;
    background: url(../images_pc/case_tel.png) no-repeat left 2px;
    background-size: 50px;
    margin: 20px 0 0;
    padding: 10px 0 10px 53px;
    overflow: hidden
}

.casedetail_tel span {
    font-size: 14px;
    margin: 0;
    line-height: 18px
}

.casedetail_tel a {
    color: #f03f25;
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
}

.sol_con{ width:100%; margin:0 auto 40px; line-height:36px;}
.sol_con h3{ font-size:30px; margin:15px auto; color:#d33}
.sol_con p{ text-indent:40px; line-height:1.8; color:#666}
.sol_con img{ margin:15px auto}
.case_pro {
    padding: 0 0 40px;
    margin: 80px auto 60px;
}


.case_pro h2{ text-align:center; font-size:42px; margin-bottom:40px;}
.case_pro .tit {
    width: 100%;
    text-align: center;
}

.case_pro .tit h2 {
    font-size: 42px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 20px 30px;
}

.case_pro .tit h2:after,.case_pro .tit h2:before {
    content: '';
    position: absolute;
    width: 7rem;
    height: 2.6rem;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.case_pro .tit h2:after {
    left: -4.5rem;
    background: url(../images/h_l.png) no-repeat center center;
    background-size: 4.5rem 1.4rem;
}

.case_pro .tit h2:before {
    right: -4.5rem;
    background: url(../images/h_r.png) no-repeat center center;
    background-size: 4.5rem 1.4rem;
}
.case_pro ul {
    margin-left: -3%;
}

.case_pro ul li {
    transition: all .3s ease;
    float: left;
    width: 22%;
    margin-left: 3%;
}

.case_pro ul li .pro_pic img {
    width: 100%;
}

.case_pro ul li .pro_pic i {
    display: none;
}

.case_pro ul li .pro_tit {
    font-size: 18px;
    color: #282727;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 15px;
}

.case_pro ul li .pro_pic {
    position: relative;
    display: block;
    overflow: hidden;
}

.case_pro ul li .pro_pic i {
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
}

.case_pro ul li:hover .pro_pic i {
    transition: all .3s ease;
    left: 100%
}

.case_pro ul li:hover {
    transition: all .3s ease;
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)
}
.fl{ float:left}   .fr{ float:right}
/* case_deatail  */

/*=========================news strat============================*/

.new_ban{ width:100%; position:relative; z-index:1;overflow:hidden}
.new_ban img{ display:block; text-align:center}
.new_ban_tit{ position:relative; z-index:8; margin:-15% auto 10%; font-size:130px; text-transform: capitalize; font-weight:700;color:#b9c1d2; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#e8edf9, #b9c1d2); text-align:left;display:block}
.new_ban_tit:after {content: '';width:8rem; height: 0.3rem;left:20px; text-align:center; background: #ffc40f;display: block; margin-top: -0.4rem;}
.new_tj {font-weight: 600;font-size: 38px;text-align: left;margin:60px auto; font-weight:500;overflow:hidden}
.new_tj li{float: left; width: 30.333%; margin-right:3%; padding-bottom:30px;   border-bottom: #ddd 3px solid; max-width: 480px;}
.new_tj li .newtext{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.new_tj li:nth-of-type(3n){margin-right: 0;}
.new_tj li img{ width:100%;height: auto;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.new_tj li:hover img { transform: scale(1.1)}
.new_tj li a:first-child{display: block;margin-bottom: 32px; overflow: hidden;}
.new_tj li:hover images{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.new_tj .btn{border: #000 1px solid; background-color: #fff!important;color: #000!important;
font-weight: 700!important; font-size: 15px; line-height: 17px; padding: 10px 19px 8px; margin-top:8px;text-align: center!important; width:20%; display:block}
.new_tj .btn:hover{ color:#fff; background:#000}
.new_tj .text{font-size: 22px; line-height: 28px; color:#00093b; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 54px;margin: 12px 0 18px; display:block} 
.news_list { margin-bottom:100px; overflow:hidden}
.news_list li {padding: 32px;background:#fff;box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%); margin-bottom:65px;}
.news_list li:hover{background:#ecf0f9;}
.news_list li .news_text {float: left;width: 80%}
.news_list li .news_text h3 a {font-size: 28px;line-height: 32px;color: #1d2a3b;}
.news_list li .news_text h3 a:hover {color:#d33}
.news_list li .news_text p {font-size: 18px;line-height: 28px;color: #495c77;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.news_list li .news_text span {display: block;font-size: 16px;line-height: 24px;color: #949494;margin-top: 20px}
.news_list li .news_more {float: right; padding:0 30px;font-size: 18px;border: solid 1px #d33;line-height: 42px;color: #d33;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; margin-top:30px;}
.news_list li .news_more:hover {background:#d33;color: #fff}
.news_list li:after {content: '';display: block;clear: both}
/*=========================news end============================*/
/*=========================newsdetail strat============================*/

.bd,.media {overflow: hidden}
.media .img {float: left;margin-right: 10px}
.media.author {color: #a2a7a8;font-size: 16px;display:inline-block; float:left; width:50%;}
.media.author strong {font-size:20px;}
.media.author .img img {border-radius: 50%}
.article-header { margin: 40px auto; border-bottom:#b5bec1 1px solid; padding-bottom:15px;}
.unstyled {list-style: none;padding: 0;margin: 0; display:inline-block; float:right}
.unstyled:after,.unstyled:before {content: " ";display: table}
.unstyled:after {clear: both}
.socialbar {display:inline-block; float:right}
.socialbar h4 {font-size: 18px;font-weight: 400;text-transform: none;color: #a7acad; display: inline-block; margin-right:15px; margin-top:8px;}
.socialbar li {float: left;margin: 0 8px}
.socialbar li:first-child {margin-left: 0}
.socialbar .instagram {background: #fff url(../images/icon-instagram.png) 6px 6px no-repeat;background-size: 17px 16px}
.socialbar .linkedin {background: #fff url(../images/icon-linkedin.png) 10px 8px no-repeat;background-size: 17px 16px}
.socialbar .twitter {background: #fff url(../images/icon-twitter.png) 9px 10px no-repeat;background-size: 20px 16px}
.socialbar .mail {background: #fff url(../images/icon-mail.png) 9px 11px no-repeat;background-size: 16px 12px}
.socialbar .facebook {background: #fff url(../images/icon-facebook.png) 13px 9px no-repeat;background-size: 9px 16px}
.text-hide {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.socialbar a { display: block;width: 35px;height: 35px;border-radius: 50%; border: solid 3px #f5f4f3;}
.new_detail{ margin:60px auto}
.new_detail h1{ font-size:42px; text-align:center; font-family:Flama}
.new_detail .box {}
.new_detail .box  h3{ font-size:24px;}
.new_detail .box p{ font-size:18px; margin:20px 0; line-height:34px;}
.new_detail .box span{ color:#FF8D1C}
/*=========================newsdetail end============================*/
/*=========================contact start============================*/
.contact_ban{ background:url(../images/contact_ban.jpg) no-repeat right top; background-size:100%; width:100%; overflow: hidden; margin:  auto;padding:5% 0}
.lx_con{width:70%; margin:0 auto;}
.lx_info{ float:left; width:45%;overflow:hidden;  margin-top:2%;}
.lx_info h1{ color:#05163f; font-size:100px; font-weight:600; text-transform:capitalize;    font-family: 'Flama';}
.lx_info h1:after {content: '';width:8rem; height: 0.3rem;left:20px; text-align:center; background: #05163f;display: block; margin-top: -0.4rem; margin-bottom:30px;}
.lx_info b{ width:50px; height:3px; margin:20px 0 15px; background-color:#F90016; display:block;}
.lx_info p{ color:#333; line-height:30px; font-size:16px; line-height:30px;}
.lx_info p img{ width:30px; height:30px; margin-right:5px;}

/*=========================contact end============================*/

.con_list{ margin:80px auto 60px; }
.con_list .wrap{ padding:25px;}
.con_list li { display: inline-block; vertical-align: top; width:25%; padding:2%;  height: 208px; position: relative;box-shadow: 8px 8px 30px 0px rgba(42,67,113,.15); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease}
.con_list li .icon{ margin:0 auto; text-align:center}
.con_list li h3 { font-size:30px; line-height: 32px;  color:#3c4457; text-align: center;position: relative; z-index: 1}
.con_list li h3:before {width: 100%; height: 86px; content: ''; display: block;}
.con_list li a {display: block;font-size:32px;line-height: 28px;color:#d33;margin-top: 28px;text-align: center; position: relative;z-index: 1}
.con_list li a:hover {color: #05506a}
.con_list li p { font-size: 18px; line-height: 28px;color: #28343b;margin-top: 18px; text-align: center; position: relative;z-index: 1}
.con_list li:nth-child(1) h3:before{ background: url(../images/map-icon.png) center center no-repeat; background-size: 61px auto}
.con_list li:nth-child(2) h3:before {background: url(../images/tel-icon.png) center center no-repeat; background-size: 62px auto}
.con_list li:nth-child(3) h3:before {background: url(../images/zixun-icon.png) center center no-repeat; background-size: 62px auto }
.con_list li:hover { background:#fff; box-shadow: 0px 2px 5px 0px rgba(29,134,223,0.15)}
.con_list li+li { margin-left: 5%}

/*=========================solution_xq start============================*/
.solu {	width: 100%; margin:80px auto;}
.solu .imgbox {width: 60%; float:left}
.solu .imgbox img {width: 100%;height: auto; vertical-align:top;}
.solut_r {width: 35%;float:right;}
.solu h1 {font-size:36px;letter-spacing: -2px;line-height:36px;	position: relative;	margin-top:15px; padding-bottom: 16px;}
.solu h1:before {content: ''; width: 98px;height: 5px;position: absolute;	left: 0;bottom: 0;}
.solu .shuxing {margin-bottom: 20px;}
.solu .shuxing p {width: 100%;	margin: 8px 0 8px; border-bottom:1px dashed rgba(255,255,255,0.4);display: block;	font-size: 16px;line-height: 30px; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden; color:#d33}
.solu .shuxing p strong {margin-top: 10px;	font-size:18px;	font-weight: normal; color:#313131}
.solu .shuxing p:last-child {border: none;}
.solu .btnbox a{display: block;	height: 54px;line-height: 54px;	width:55%; min-width: 240px; text-align: center;font-size: 22px; background:#d33; color: #fff;transition: all .3s ease;}
.solu .btnbox a:hover{background:#3c4457;transition: all .3s ease;}

.case_xg { margin-top:30px; width:100%; position:relative; overflow:hidden}
.case_xg li{text-align: center; float:left;flex-shrink: 0;width: 100%; height: 100%; position: relative; transition-property: transform; margin-right:20px; width:45%;}
.case_xg li p{font-size: 24px; color: #ffffff; height: 60px; line-height: 60px;}
.case_xg .swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: flex; transition-property: transform; box-sizing: content-box;}
.case_xg  a.about-factory-btnsPrev { left: 0;}
.case_xg  a.about-factory-btnsNext { right: 0;}
.case_xg .swiper-slide { text-align: center; width:28%;}
.case_xg  .swiper-slide p {font-size: 24px; color: #ffffff; height: 60px; line-height: 60px;}
.case_xg  .swiper-slide-prev p {text-align: center;  padding-right: 46px; overflow: hidden;}
.case_xg a {display: block; width: 42px; height: 60px;position: absolute; z-index: 333; margin-top: -30px; top: 50%;transform: translateY(-50%);}

/*=========================solution_xq end============================*/

/*=========================soldetail start============================*/
.case_con{  margin:0 auto 60px;}
.case_left{ float:left; width:70%;} 
.case_left h3{ font-size:24px;}
.case_left p{ font-size:18px; margin:20px 0; line-height:34px;}
.case_left img{ margin:0 auto}

.case_right{ float:right; width:25%; background:#ecf0f9; padding-top:20px;}
.ny_zbbt{ overflow:hidden;}
.ny_zbbt span{padding-left:22px;font-size:24px;color:#000;line-height:40px;}
.ny_zblb1{padding:10px 10px 20px 0px;}

.ny_zblb1 li{line-height:33px;font-size:14px;color:#71798e;float:left;width:100%;}
.ny_zblb1 li a{display:block;padding-left:20px;text-decoration:none;color:#71798e;background:url(../images/04.gif) no-repeat right; }
.ny_zblb1 li .cate{ font-size:18px; margin:7px 0}
.ny_zblb1 li a.cur{color:#d33;font-weight:bold;background:url(../images/04_h.gif) no-repeat right;text-decoration:none;}

.ny_zblb1 li ul{display:none;color:#666;padding:5px 0 20px 20px;}
.ny_zblb1 li ul li{float:none;background-image:none; padding:8px 0;line-height:26px;margin-top:0px;font-size:14px;position: relative;}
.ny_zblb1 li ul li:after {content: ""; position: absolute;left: 15px; top: 10px;width: 2px; height: 100%; background-color: #d33;}
.ny_zblb1 li ul li:before {content: ""; position: absolute;left:11px; width: 7px; height: 7px;border: 2px solid #d33;-webkit-border-radius: 10px; border-radius: 10px; z-index: 2; background: #fff; transition: all 0.4s ease 0s; top: 16px;}
.ny_zblb1 li ul li a{padding-left:30px;display:block;background:url(../images/05.gif) no-repeat left;}
.ny_zblb1 li ul a:hover{color:#d33;}

/*=========================soldetail end============================*/

/*====footer begin=====*/
.footerWrap {background:url(../images/home_footer.jpg) no-repeat center top #110a07; background-size:cover; color: #fff; padding-top:4vw; padding-bottom:4vw; width:100%; overflow:hidden;}
.footerWrap .headingFooter { font-size: 3.385vw;line-height: 1; font-weight: bold; color:#d33}
.foot_gutter li{ width:22%; float:left; margin:0 1.5%;color: #999999;padding-bottom: 1.354vw; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 3.646vw; font-size:18px; color:#fff}
.foot_gutter li p{ height:50px;}
.iconWrap { line-height: 0; margin-right: 0.625vw;}
.flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important; color:#d33; font-size:28px; margin-bottom:15px;}
.footer { padding: 70px 0 0; background:#1b222a;}
.footer .footer-ul { font-size: 0}
.footer .footer-ul h2 { font-size:26px; line-height: 26px; color: #fff; padding-bottom: 20px;position: relative;margin-bottom: 20px}
.footer .footer-ul h2:after {content: ''; display: block;  width: 31px; height: 1px; background: #d33;position: absolute;left: 0; bottom: 0}
.footer .footer-ul h3 { font-size: 20px; line-height: 26px; color: #8d9195;margin-top: 13px}
.footer .footer-ul p {font-size: 16px;line-height: 26px;color: #8d9195; font-weight: 400}
.footer .footer-ul p a {font-size: 16px;line-height: 26px;color: #8d9195; font-weight: 400; white-space: nowrap;overflow: hidden; text-overflow: ellipsis}
.footer .footer-ul p a:hover {color: #d33}
.footer .footer-ul p+p { margin-top: 10px}

.footer .footer-ul li { display: inline-block; vertical-align: top; width:24%}
.footer .footer-ul li+li { width: 20%; margin-left:2%}
.footer .footer-ul li+li+li { width:32%}
.footer .footer-ul li+li+li+li { width: 18%}
.footer  .wrap {border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom:76px;}
.footer-bottom { background:#1b2229; padding:30px 0; font-size: 18px; color: #fff; line-height: 1.6; text-align: center}
.footer-bottom span { margin-left:4%}
.footer-bottom a{ color:#fff}

/*====footer end=====*/
@media (max-width:1600px){}
@media (max-width:1560px){
	.wrap,.capa-view .wap,.home_about{ width:98%}
	.pinfo-list li {padding-bottom: 40px;margin-bottom: 50px;}
	.c-box {margin-top: 60px; margin-bottom:40px;}}
@media (max-width:1440px){
    .header_home ul li {
    padding-left: 2.2%;
    padding-right: 2%;}
	.top_bg_r{ width:25%;}
	.home_pro{ margin-top:40px;}
	.home_new{ margin:60px auto 0}
	.home_ser li .title {font-size:16px;}
	.capa-view h2, .capa-view p{ width:60%;}
	}
@media (max-width:1366px){
   .header_home ul li { padding-left: 1.8%;padding-right: 1.6%;}
   .home_new .news-title p:before,.home_new .news-title p:after { top:70px;}
   .about_one h2 { margin-bottom:50px;font-size:46px;}
   .about_part{ margin:40px auto 60px}
   .inner-product-list li .product-text .product-canshu p{ font-size:14px;}
   .about_part .tit {width: 100%;}
	}
@media (max-width:1280px) {
   .header_home ul li {padding-left: 1.3%; padding-right: 1.3%;}
   .about_one {margin: 40px auto 60px;}
   .message_form dd { width:38%;}
   .message_form dd label, .message_form dt label,.contact-right .box li, .contact-right .box li a{ font-size:14px;}
   .inner-product-list li .product-text .product-title h3 a{ font-size:30px;}
   .capa-view ul{ margin-top:-120px}
   .capa-view .wap:before{}
}
@media (max-width:1170px){
   .header_home ul li a { font-size:22px;}
   .home_about > div.col-l img:nth-child(1),.home_about > div.col-l img:nth-child(2){ width:49%; height:auto}
   .home_ser {margin:0 auto 40px;}
	.home_new ul li {margin-bottom:20px;}
	.home_new .news-title{margin-bottom:30px;}
	.home_about { margin: 10px auto 40px;}
	.product_ban, .solu_ban, .about_ban, .new_ban {padding: 60px 0 60px;}
	.about_one video{ width:100%; height:auto}
	.about_one_left p { line-height: 32px;}
	.about_one_left .tit h3,.capa-view ul:before,.lx_info h1:after{ display:none}
	.capa-view ul{padding: 42px 0 36px;}
	.capa-view li strong{ font-size:60px;}
	.about_part .tit p:before, .about_part .tit p:after { top:95px;}
	.about_part {margin: 20px auto 60px;}
    .contact_ban { padding:2% 0}.lx_info h1{ font-size:70px; padding:20px 0}
	.capa-view { margin-bottom:40px;}
	.contact-inner { margin: 20px auto; }
	.contact-right .box{ margin-top:-25px;}
	.about_capa .info{ padding:2%;line-height:26px;width: 46%;}
	.capa-view h2, .capa-view p{ width:55%}
	.capa-view p{ font-size:16px;}
}
@media (max-width:1024px){
    .header_home ul li a {font-size: 20px;}
    .top_bg_r { width: 30%;}
    .head_btn a{ padding:7px 0; font-size:14px;}
    .head_btn:before,.head_btn:after{ display:none}
    .header_home ul li {padding-left: 1%; padding-right: 1%;line-height: 50px;}
    .home_about{ overflow: hidden}
    .lx_info p { line-height:24px;}
}

.img-responsive{width:100%;}
#gotopbt{ position:fixed; right: 20px; bottom: 5%; z-index:999;  padding:10px;text-align:center;   background: #5b5f6d none repeat scroll 0 0;animation: witr_bounce 800ms ease-out infinite;}
#gotopbt img{width:30px; height:auto;  margin:0 auto}
#gotopbt a{cursor: pointer;}