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, sans-serif;}
body {color: #333;}
input:focus, textarea:focus {outline: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a { color: #333;text-decoration: none; cursor: pointer}
a:hover { text-decoration: none;}
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, .wrap:after {content: " "; display: block; height: 0px; visibility: hidden; clear: both;}
.wrap { max-width: 1300px; margin: 0 auto;}
.l {float: left}
.r {float: right}
input, select, textarea, button {color: #333;font-size: 16px;outline: none; border: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
input, button { border-radius: 0; -webkit-appearance: none;} /*���IOSĬ��Բ��*/
textarea {resize : none;outline: none; border: none; -webkit-appearance: none;} /*ȥ�����½��϶��߿��ʶ*/
input:-ms-clear {display:none;} /*���� IE10 ��IJ��*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline: none;}
.top { background: #0a2b75}
.top_r {width: 100%;float: right;text-align: left; padding: 5px 0}
.top_r li { color: #fff;font-size: 13px;padding: 5px 0}
.top_r li:nth-child(1) {background: url(../images/top_language.png) no-repeat left center; text-indent: 25px; float: right;position: relative;  background-size: 20px; width: 200px;}

.lan{position:relative;z-index:100; }
.languagein{background-color:#fff;position:absolute;z-index:1000;top:10px;right:0;width:420px;padding:22px 20px;-webkit-box-shadow:0px 5px 8px rgba(102,102,102,0.35);box-shadow:0px 5px 8px rgba(102,102,102,0.35);}
.languagein p{border-bottom:1px solid #d0d0d0;color:#666;font-size:14px;margin-bottom:20px;}
.languagein dd{height:32px;line-height:32px; margin:0 20px;background:url(../images/languagebg.jpg) center left no-repeat; font-size:16px;}
.languagein dl dd a{color:#333;}
.top_r li .languagein a:hover{color:#f29c06;}

.top_r li:nth-child(2) {background: url(../images/top_tel.png) no-repeat left center; text-indent: 25px; float: right;  background-size: 20px; width: 270px;}
.top_r li:nth-child(3) {background: url(../images/top_mail.png) no-repeat left center;text-indent: 25px;background-size: 20px; float: right; width:270px;}
.top_r li:nth-child(4) {background: url(../images/top_whatsapp.png) no-repeat left center; text-indent: 25px; float: left; background-size: 20px; float: left; width: 430px;}
.top_r li a {color: #fff;}
/* ͷ�� */
.header{width: 100%;z-index: 0; margin: 0 auto; padding: 20px 0;line-height: 40px; /*box-shadow: 0px 10px 27px rgba(36, 41, 56, 0.2);*/position: relative; z-index: 1;}
.logo { float: left;width: 180px;}
.logo img { width: 100%;height: auto;}
.head-btn { float: right;width: 15%;color: #FFF;font-size: 22px;}
.head-btn a {height: 40px; line-height: 40px; text-align: center; display: inline-block; text-transform: capitalize; width: 90%; display: inline-block; color: #FFF;background-color: #FB3A4A; border: #FB3A4A 2px solid; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 50px;-moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; margin-top: 5px;}
.head-btn a:hover { background-color: #030E23; color: #E84620; border: #E84620 2px solid}
.nav {overflow: hidden; float: right;text-align: center;width: 80%; text-align:right;}
.nav ul li {position: relative; display: inline-block;}
.nav ul li a {font-size: 22px; display: inline-block; padding: 0 23px;}
.index_top_nav li a{text-transform:uppercase;}
.nav ul li a:before {position: absolute;right: 0;float: right; margin-top: 16px;   width: 10px;height: 8px;}
.nav ul li:hover:before, .nav ul li.on:before { width: 50%;}
.nav ul li:before { content: ""; position: absolute; bottom: 0; width: 0%; height: 3px; background-color: #E84620;
left: 50%; -ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s ease}
.nav ul li:hover:before, .nav ul li.on:before { width: 50%;}
/*=======================banner start===================*/

@-webkit-keyframes banicon {
 from { background-position-y: -20px;}
 to { bottom: -29px; background-position-y: 0px;}
}
@keyframes banicon {
 from { background-position-y: -20px;}
 to { bottom: -29px; background-position-y: 0px;}
}
#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;}
.owl-page{display:inline-block;width:14px;height:14px;margin:0 10px; border-radius:50%; border:2px solid #fff;*display:inline;*zoom:1;}
.owl-pagination .active{width:14px;height:14px; border-radius:50%;border:2px solid #fff; background-color:#fff;}
.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===================*/


.sy_bout {width: 90%; margin: 0 auto; background: #fff; padding: 50px 0 20px; text-align: center;}
.sy_bout h1 {font-size: 46px; margin-bottom: 20px; font-weight: 600; color:#000;}
.sy_bout h1 a{color:#000;}
.sy_bout h1 a:hover{color:#e13523;}
.sy_bout p {font-size: 18px;width: 100%;line-height: 32px}
.sy_bout .botton {display: inline-block; margin-top: 20px; padding: 13px 50px; background: #E84620; text-transform: capitalize; border-radius: 30px; font-size: 24px; color: #fff}
.divider-wave {/*background-image: linear-gradient(135deg, #519ebc 0%, #0c5a87 100%); -webkit-mask: url(../images/line02.png);-webkit-mask-repeat: no-repeat;*/height: 30px; width: 151px !important; -webkit-mask-size: 100%; background:url(../images/line02.png) -8px top no-repeat; opacity:0.8;}
.divider-wave.text-center { margin-left: auto; margin-right: auto; text-align: center}
/*=======================index_pro start===================*/
.index_pro .wrap {padding: 10px 40px 20px 20px;}
.index_pro ul{margin-left: -3%;}
.index_pro ul li{margin-left: 3%;width: 22%; margin-bottom:25px;float: left;text-align: center;transition: all 0.3s ease; background-color:#f5f5f5; float: left;}
.index_pro ul li:hover{box-shadow: 0 0 10px rgba(34,41,49,0);}
.index_pro ul li img{width: 100%;height: auto;}
.index_pro ul li p{ text-align: center; padding: 0 20px;font-size: 18px;text-transform: capitalize; line-height: 46px; height: 46px;display: block;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden;}
.index_pro ul li p a {color: #333; display: block;}
.index_pro ul li:hover p a{ color: #dc3724;}
/*=======================index_pro end===================*/

.cpk_bg {background: #f4f4f4;width: 100%;margin: 50px auto 0; padding: 60px 0px; overflow: hidden}
/*=======================index_ser start===================*/
.index_ser{ margin:40px auto; padding:90px 0 70px; display:block; overflow:hidden; }
.index_ser .wrap{ padding:0 15px;/*background: url(../images/sy_adbout-af.png) left 50px no-repeat;*/ display:block; }
.index_ser .left{ width:54%; float:right; margin-top:30px;}
.index_ser .left strong{ font-size:42px; margin-bottom:30px; display:block; }
.index_ser .left strong span{ color:#e13523;font-size:50px; display:block}
.index_ser .left p{ font-size:16px; line-height:1.8;}
.index_ser .left ul{ width:100%; margin:40px auto 20px;}
.index_ser .left ul li{ width:33%; padding:0px 0 10px; border-radius:1px; float:left;text-align:center; overflow:hidden;}
*+html .index_ser .left ul li{width:33%; }
.index_ser .left ul .border1{ border-bottom:1px dotted #d7d7d7;border-right:1px dotted #d7d7d7;}
.index_ser .left ul .border2{border-right:1px dotted #d7d7d7;}
.index_ser .left ul .border3{ border-right:none;}
.index_ser .left ul .border4{border-bottom:1px dotted #d7d7d7;}
.index_ser .left ul strong{ display:block; font-weight:normal; text-align:center;  border-radius:50%; margin:5px auto 10px;}
.index_ser .left ul strong img{ width:55%; }
.index_ser .left ul span{ width:100%; text-align:center; font-size:18px;  color:#222; }
.index_ser .left ul:hover{ background-color:#fff4bb; }
.index_ser .left .botton{ display: inline-block; margin-top:40px;padding:13px 50px; border-radius:3px; background-color:#e13523; text-transform:capitalize; font-size:24px; color:#fff;    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.index_ser .left .botton:hover{ background:#34417d;  color:#fff}
.index_ser .right{ width:40%; float:left; padding: 0 40px 40px 0; display:block;/*background: url(../images/sy_adbout-be.png) right bottom no-repeat;*/}
.index_ser .right img{ border-radius:0px; width:100%; }
/*=======================index_ser end===================*/
/*=======================index_case start===================*/
.index_case {margin: 0px auto 0;position: relative; padding: 40px 0 0px;border-bottom: 1px solid #ddd;}
.index_case .tit, .index_new .tit { text-align: center; margin-bottom: 40px;}
.index_case .tit h2, .index_new .tit h2 {font-size: 48px; margin-bottom: 15px; color:#000;}
.index_case .tit h2 a, .index_new .tit h2 a{color:#000;}
.index_case .tit h2 a:hover, .index_new .tit h2 a:hover{color:#e13523;}
.index_case .tit p, .index_new .tit p { font-size: 18px;}
.index_case dl {width: 30.33%; margin: 0 1.5%; float: left; }
.index_case dl:hover{ background-color:#f2f4f7;}
.index_case dt {display: block}
.index_case dd h4 a {display: block; color:#333;}
.index_case dd h4:hover {color: #fff}
.index_case dt img{ width:100%; height:auto;}
.index_case dd{ padding:15px 20px 35px; border-top:none;}
.index_case dd h4{ font-size:24px; line-height:40px; height:40px; margin:5px auto 5px;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 1;   -webkit-box-orient: vertical; overflow:hidden;}
.index_case dd p{line-height:20px; height:20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden;}
.index_case dd p strong{ color:#e13523;}
/*=======================index_case end===================*/

/*=======================index_new start===================*/
.index_new {margin: 0px auto 0px; padding:60px 0 80px; /*background: url(../images/index_newbg.png) center top no-repeat;*/ overflow: hidden;}
.index_new ul { width:100%; display:block; overflow:hidden; }
.index_new ul li { position:relative; border-bottom:1px dashed #e2e4e7; transition:0.3s; float: left;padding: 0px 0 25px 0;width: 46%; margin:0 2% 25px;}
.index_new ul li .img,.index_new ul li .img img{ width:160px; height:auto;  float:left; overflow:hidden;}
.index_new ul li:hover .img img{ opacity:0.7;}
.index_new ul li .newnr{ position:absolute;left:185px;}
.index_new ul li h3{clear: both;text-align: left;font-size: 20px;line-height: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; margin:0px auto 10px;overflow: hidden;}
.index_new ul li h3:before {content: "";position: absolute; left: 0;bottom: 0; width:0px; height: 3px;background-color: #ff5a00; -ms-transform: translateX(-0%); -moz-transform: translateX(-0%);-webkit-transform: translateX(-0%); -o-transform: translateX(-0%); transform: translateX(-0%); transition: all .3s ease}
.index_new ul li h3:hover:before {width: 0%;}
.index_new ul li time{display: block;background: url(../images/rili.png) 0px center no-repeat; background-size: 16px; font-size: 15px;padding-left:23px; line-height: 20px;}
.index_new ul li p.mobfourtxt { height:60px;display: block; line-height: 30px; margin: 5px 0 0px; color: #6f6f6f;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index_new .mobfourmore { margin: 0px auto 0; text-align: center; font-weight: normal;font-size: 22px;}
.index_new .mobfourmore a { color: #34417d;  border: 1px solid #34417d; display: inline-block; padding: 2px 45px; height: 45px; line-height: 45px; border-radius:3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.index_new .mobfourmore a:hover {background-color: #34417d; color: #fff;}
/*=======================index_new end===================*/

/*=======================about begain===================*/
.about_m{ width: 100%; margin: 80px auto 60px;}
.about-pic{float: left;width: 50%; position: relative;z-index: 0; margin-top: 30px;}
.about-pic:before{content: "";display: inline-block;position: absolute;left:30px;top: -40px;width: 100%;height: 100%;border:6px solid #d5e9fd;z-index: -1;}
.about-pic img{width: 100%;-webkit-box-shadow: 0 5px 20px rgba(5,66,99,.15);-moz-box-shadow: 0 5px 20px rgba(5,66,99,.15);-ms-box-shadow: 0 5px 20px rgba(5,66,99,.15);-o-box-shadow: 0 5px 20px rgba(5,66,99,.15);box-shadow: 0 5px 20px rgba(5,66,99,.15);border-bottom-left-radius:10px;}

.about-info{float: right;width: 40%;}
.about-info:before{content: "";position: absolute;right: 0;top: 0;width: 102px;height: 84px; }
.about-info h1{color: #000;font-size: 40px;line-height: 1.1; padding-bottom: 25px; position: relative;}
.about-info h1:after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 4px;background-color:#fb624e;}
.about-info p{font-size: 18px;line-height: 40px;margin-top: 30px;}
.aboutinfo2 p{font-size: 18px;line-height: 40px;margin-top: 30px;}

.about-type{ max-width: 1300px; margin: 60px auto 0; overflow: hidden;}
.about-type ul { width: 100%; display: block;}
.about-type ul li{float: left;width: 25%; text-align: center;}
.about-type ul li span{position: relative; display: block;padding-left: 28px;font-size:18px;z-index: 0;}
.about-type ul li span img{ width:50%;max-width:100px; margin: 0 auto;height: auto;}
.about-type ul li span:before{content: "";display: inline-block;position: absolute;left: 50%; margin-left:-30px; top:5px;width: 20px;height:20px;border:5px solid #d5e9fd;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;z-index: -1;}
.about-type ul li span strong{color:#054263;font-size: 48px;line-height: 1.1;margin-right: 6px;letter-spacing: -0.5px;}
.about-type ul li i{  display: block; font-size: 18px; line-height: 1.5;margin-top: 12px; color: #777;}
.about-type ul li i:before{content:''; display: inline-block;vertical-align: middle; width:20px;height:2px;background-color: #fb624e;margin-right: 10px;margin-top: -3px;}




.nyban {
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
}
.aboutban {
 clear: both;
 position: relative;
}
.aboutban>.container {
 position: absolute;
 max-width: 1300px;
 padding-top: 141px;
 top: 0px;
 left: 50%;
 margin-left: -640px;
}
.aboutbanpic, .contactbanpic {
 text-align: center;
}
.contactbanpic img, .aboutbanpic img {
 display: block;
 width: 100%;
 height: auto;
}
.aboutban .aboutbantop {
 padding-bottom: 60px;
}
.aboutban .aboutbantopfl {
 float: left;
 width: 70%;
 background: rgba(0,0,0,.5);
 padding:0 0 20px 20px;
}

.aboutban .aboutbantopfl .aboutbantoptwo {
 font-size: 50px; margin-top: 50px;
 text-transform: uppercase;
 font-weight: bold;
 color: #ff8500;
 line-height: 1;
}
.aboutban .aboutbantopfl .aboutbantopthree {
 font-size: 32px;
 font-weight: bold;
 color: #fff;
 line-height: 40px;
 padding-top: 25px;
}
.aboutban .aboutbantopfl .aboutbantopfour {
 display: none;
}
.aboutban .aboutbantopfl ul {
 display: none;
}
.aboutban .aboutbantopfr {
 float: right;
 width: 35%;
}

@media(min-width:1366px) {
.aboutban .aboutbantopfl {
 margin-left: 0px;
}
.aboutban .aboutbantopfl .aboutbantopfour {
 display: block;
 font-size: 16px;
 color: #fff;
 line-height: 20px;
 text-align: left;
 padding: 30px 0px 20px 0px;
}
.aboutban .aboutbantopfr {
 margin-right: 0px;
}
}

@media(min-width:1600px) {
.aboutban .aboutbantopfl ul {
 clear: both;
 display: block;
}
.aboutban .aboutbantopfl ul li {
 clear: both;
 text-align: left;
 line-height: 24px;
 padding: 3px 0px 3px 20px;
 color: #fff;
  
}
.aboutban .aboutbantopfr {
 width: 533px;
 margin-right: 20px;
}
}
.aboutbanbom {
 clear: both;
 clear: both;
 position: absolute;
 width: 100%;
 bottom: 50px;
}
.aboutbanbom .container {
 position: relative;
 padding-top: 24px;
 max-width: 1300px;
 margin: 0 auto;
}
.aboutbanbom .aboutbantopfloat {
 position: absolute;
 left: 0px; top:-10px;
 font-size: 60px;
 font-weight: 900;
 color: rgba(255,255,255,0.2);
 text-transform: uppercase;
 line-height: 1;
}
.aboutbanbom .container span {
 max-width: 1300px;
 margin: 0 auto;
 font-size: 32px;
 line-height: 1;
 color: #fff;
 display: block;
}
.about_banner {
 position: relative;
 outline: none;
 height: 611px;
}
.about_banner_img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: auto, cover;
 background-repeat: repeat, no-repeat;
 background-position: 0 0, center center;
 overflow: hidden;
}
.about_banner_img {
 background-image:url(../images/about_ban.jpg);
}
.about3 { background:url(../images/about_m5.jpg) #1a294a; padding: 30px 0 80px 0;}
.about3 a { text-align: center; float: left}
.about3 .l {width: 100%;padding: 50px 0 0;}
.about3 .l h2 { font-size: 48px; text-align:center; margin-bottom:15px; color:#fff;}
.about3 .l p {width: 100%; line-height: 36px; font-size: 18px; margin-top:30px; color:#c1e5fe;}
.about3 .r {width: 100%; margin-left:-2%;padding-top:20px; position: relative;}
.about3 .r:before { content: ""; width: 193px; height: 193px; background: url(../images/sy_adbout-af.png) center no-repeat; display: block; position: absolute; right: -47px; bottom: -10px; opacity: 0.4;}
.about3 .r p {width: 23%;float: left;margin: 2.6% 0 2.6% 2%; border-radius:0px;position: relative; overflow: hidden;}
.about3 .r img {width: 100%;height: auto}
.about_four {margin: 70px auto 80px;}
.about_four .tit { width: 50%; margin-top:50px; float: right; }
.about_four .tit h2 {font-size: 48px;color:#000;margin-bottom:20px; }
.about_four .tit p {font-size: 18px; margin-top: 20px;line-height: 1.8;}
.about_four .tit .btn{ float:left; border-radius:4px; text-align:center;display: block;width: 259px;height: 58px; background: #E84620; /*background: -moz-linear-gradient(top, #bc3a49 0%, #e33a4b 100%);   background: -webkit-linear-gradient(top, #bc3a49 0%,#e33a4b 100%);  background: -o-linear-gradient(top, #bc3a49 0%,#e33a4b 100%);  background: -ms-linear-gradient(top, #bc3a49 0%,#e33a4b 100%); background: linear-gradient(to top, #bc3a49 0%,#e33a4b 100%);box-shadow: 0 4px 0 #be4511;*/ font-size: 24px; line-height: 58px; color: #fff; margin-top:50px;}
.about_four ul{  width: 42%; margin-top:10px; float: left;border-right:1px solid #e7e7ef;border-bottom:1px solid #e7e7ef;}
.about_four ul li {width:33.33333333%; box-sizing:border-box; float: left;border-left:1px solid #e7e7ef;border-top:1px solid #e7e7ef; overflow:hidden;}
.about_four ul li img{ width:100%; height:auto; }
/*=========================about_one end============================*/


/*=========================conatact start============================*/
.contact_m1 {margin: 30px auto; overflow: hidden;}
.contact_m1 li {float: left;clear: none;width: 50%; margin: 0px;color: #1f1f1f; font-size: 20px;line-height: 26px;}
.contact_m1 li a {clear: both;display: block; position: relative; font-size: 14px;color: #CFD9E2; padding-left: 70px; height: 55px;}
.contact_m1 li a em {position: absolute;left: 0px; top: 0px;}
.contact_m1 li em { border-radius: 1px; text-align: center; display: block;}
.contact_m1 li em img { width: 40px;margin-top: 7px;height: auto;}
.contact_m1 li.icon01 a em {display: block; width: 60px;height: 55px; background: linear-gradient(90deg, #FE5403, #FF8500);}
.contact_m1 li.icon02 a em {display: block; width: 60px;height: 55px; background: linear-gradient(90deg, #FE5403, #FF8500);}
.contact_m1 li span { text-align: left; text-decoration: underline; font-weight: bold; font-size: 19px; display: block; color: #FF8500;/*color: #E84620;*/}
.contact_m1 li i {text-align: left; font-size: 16px;padding: 0px 10px; border-radius: 20px 20px 20px 20px; display: inline-table; font-style: normal; background-color: #0a3e43;color: #fff;}
.contact_m2 {margin: 30px auto 0;overflow: hidden; color: #fff;}
.contact_m2 span {margin-right: 50px; display: inline-table; float: left;}
.contact_m2 span a {color: #fff;}
.contact_m2 span img{width: 20px;height: auto; vertical-align: middle; margin-right: 5px;}
.cont-ensure{margin-top: 120px; margin-bottom: 0px; display: block; clear: both; position: relative; border-radius:8px;  z-index: 3; }
.cont-ensure ul{margin: 0 -2% 30px;}
.cont-ensure ul .mp{transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px);}
.cont-ensure ul .mp1{transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);}
.cont-ensure ul li img{ border:5px solid #fff; border-radius:200px;}
.cont-ensure li{float: left;width: 19%; padding:20px 1%;/* border-radius:4px;*/ text-align: center; line-height: 1.2; margin: 0 2%; background-color:#f7f7f7;/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);*/}
.cont-ensure li strong{display: block; font-size: 16px;font-weight: 400; margin-top: 15px;}
.cont-ensure li p { font-size: 20px; line-height: 30px;/*min-height:60px;*/ margin-top: 10px; }
/*=========================conatact end============================*/

/*====footer begin=====*/
footer {padding: 0 0 20px;width: 100%; background:/*url(../images/footerbg1.jpg) center bottom no-repeat */#1a294a;}
footer dl{ float: left;margin-top: 30px;}
footer dt { color: #718eaa; font-size: 30px;margin-bottom: 30px;text-transform: uppercase}
footer dt a{color: #CFD9E2;}
footer dt a:hover{ color: #718eaa; opacity: 0.8;}
footer dd { color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px;}
footer dd a {color: #fff;}
footer dd a:hover { opacity: 0.8;color: #718eaa;}
footer .d1 dd{line-height: 30px;padding-left: 40px; position: relative;}
footer .d1 dd:after{ content: '';position: absolute; left: 0;top: 0; width: 30px;height: 30px;}
footer .d1 .child_d0:after{background: url(../images/ico-30.png) 0 0 no-repeat;}
footer .d1 .child_d1:after{background: url(../images/ico-30.png) -30px 0 no-repeat;}
footer .d1 .child_d2:after{background: url(../images/ico-30.png) -60px 0 no-repeat;}
footer .d1 .child_d3:after{background: url(../images/ico-30.png) -90px 0 no-repeat;}
footer .d1 {
 margin-right: 7%;
 width: 31%;
}
footer .d1 img {
 width: 100%;
 margin-bottom: 20px;
 height: auto
}
footer .d2 {
 width: 30%;
}
footer .d2 dd {
 float: left;
 border: #fff 1px dashed;
 border-radius: 20px;
 text-align: center;
 padding: 7px 25px;
 margin: 0 3% 15px -25px;
}
footer .d2 dt {
 margin-left: -25px;
}
footer .d3 {
 width: 25%;
 float: right
}
footer .d3 p {
 color: #fff;
 font-size: 15px
}
footer .d3 form {
 margin-top: 10px
}
footer .d3 input {
 display: inline-block;
 float: left;
 border: none;
 background: #fff
}
footer .d3 input.email {
 width: 71%;
 line-height: 40px;
 height: 40px;
*height: 40px;
 height: 40px \9;
 padding-left: 5px;
 font-size: 15px;
 text-indent: 10px;
 color: #444;
}
footer .d3 input.btn {
 background: #E84620;
 border: none;
 line-height: 40px;
*height: 40px;
 height: 40px \9;
 width: 76px;
*width: 65px;
 width: 65px \9;
 font-size: 18px;
 color: #fff;
 font-weight: 600;
 border-radius: 0 3px 3px 0;
}
footer .d3 .link {width: 100%;margin: 15px 0 20px; color: #09f; overflow: hidden;}
footer .link a {
 width: 36px;
 height: 36px;
 float: left;
 color: #cac8c8;
 border-radius: 20px;
 margin-right: 10px;
 margin-top: 20px;
}
footer .link img {
 border-radius: 30px; width:100%; height:auto;
}
.foot_links a {
 margin-left: 20px;
}
.copyrights {
 width: 100%;
 padding: 10px 0 10px 0;
 float: left;
 background: #010e29;
 color: #a9b3b3;
 font-size: 14px;
}
.copyrights a {
 color: #4d5560;
}
.copyrights a:hover {
 color: #FFF;
 text-decoration: none;
}
.copyright_links {
 float: right;
}
.copyright_links li {
 display: inline;
 float: left;
 padding: 0 10px;
}
.one-half {
 width: 60%;
 float: left;
}
.inner_wrap {
 width: 80%;
 margin: 0 auto;
 overflow: hidden;
}
/*====footer end=====*/


/*=========================product start============================*/
.top-pic img {width: 100%; min-height: 130px; -webkit-object-fit: cover; object-fit: cover;}
.top-type { position: relative;}
.top-show img { width: 100%;}
.top-txt {position: absolute;top: 200px;width: 100%;}
.top-txt strong {display: block;color: #FFF;font-size: 80px;line-height: 1.2;}
.top-txt h1 {display: block;color: #FFF;font-size: 60px;line-height: 1.2;}
.type-pro{margin-top: 70px;  background-color: #FFF;   border-radius:0px;   -webkit-box-shadow: 0 3px 10px rgba(5,66,99,.15);   -moz-box-shadow: 0 3px 10px rgba(5,66,99,.15);    -ms-box-shadow: 0 3px 10px rgba(5,66,99,.15); -o-box-shadow: 0 3px 10px rgba(5,66,99,.15); box-shadow: 0 3px 10px rgba(5,66,99,.15); overflow: hidden;}
.type-pro li { width: 33.33%; float: left; padding: 20px 0 10px;  text-align: center; font-size: 18px;}
.type-pro li a{ width: 90%; margin: 0 auto;display: block;}
.type-pro li img{ width:100px;height: auto;}
.type-pro li.on, .type-pro li:hover { background: url(../images/link-bg.png) bottom repeat-x #f2f4f7;}
.type-pro li p{ width: 100%;line-height:28px;  height: 56px;}
.list-content .wrap{overflow: hidden;padding-bottom: 50px;}
.list-ul{margin: 10px -1.5% 30px;}
.list-ul li {width: 22%;float: left;padding: 30px 1.5% 0px;}
.list-ul li:hover .item-img a:before { -webkit-animation: lightMove .6s ease-out forwards; -moz-animation: lightMove .6s ease-out forwards;-o-animation: lightMove .6s ease-out forwards; animation: lightMove .6s ease-out forwards}
.list-ul li:hover .item-font a {color: #083661}
.list-ul li .item-img { display: block; width: 100%;padding-bottom: 6px;position: relative}
 @keyframes lightMove {
from {
margin-left:-50%
}
to {
margin-left:120%
}
}
@-webkit-keyframes lightMove {
from {
margin-left:-50%
}
to {
margin-left:120%
}
}
.list-ul li .item-img:after {
 /*content: '';
 display: block;
 position: absolute;
 left: 16px;
 right: 16px;
 height: 60px;
 border-radius:0px;
 bottom: 0;
 background: #d6d8df; opacity:0.6;*/
}
.list-ul li .item-img a {
 display: block;
 width: 100%;
 border-radius:0px;
 overflow: hidden;
 position: relative;
 z-index: 1
}
.list-ul li .item-img a:before {
 content: '';
 position: absolute;
 width: 60px;
 height: 140%;
 margin-top: 0;
 margin-left: -100%;
 overflow: hidden;
 z-index: 6;
 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.4)), color-stop(100%, rgba(255,255,255,0)));
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
 background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.list-ul li .item-img a img {
 display: block;
 width: 100%
}
.list-ul li .item-font {
 width: 100%;
 height: 48px;
 text-align: center
}
.list-ul li .item-font a {
 font-size: 18px;
 color: #342f29;
 line-height: 1.7;
}
/*=========================product end============================*/



/*=========================wl start============================*/
.crumbs {padding: 19px 0 13px; color: #666666;}
.crumbs a, .crumbs span {font-size: 16px;line-height: 1.5; color: #666666; display: inline-block; margin-right: 2px;}
.crumbs a:hover {color: #f32b1c;}
.crumbs-wrap {background-color: #f2f4f7; /*box-shadow: 0 5px 5px rgba(49,49,64,.1)*/}
.crumbs-wrap .crumbs {padding: 12px 0 12px;}
.wl_content {width: 100%;}
.wl_m0{ width: 100%; padding: 35px 0 35px; display: block;  overflow: hidden;}
.wl_m {width: 100%;}
.wl_m h3 {font-size: 32px; margin: 15px 0;}
.wl_m p { line-height: 34px; margin: 10px 0;}
.wl_m p strong, .wl_m p span {color: #FB3A4A}
.wl_m img { max-width: 800px; margin: 15px auto;}
.wl_tit{ width: 100%; background:url(../images/case-bg1.png) left top repeat-y;}
.wl_tit h1{ text-align: center;    font-size: 36px;   color: #000;   line-height:1.6;   padding:50px 0 50px;}
.wl_conl{ width: 50%; float: left; position:relative; padding-bottom:60px;}
.wl_conl:after{ content:'Material'; position:absolute; font-size:80px; bottom:0; left:0; text-transform:uppercase; font-weight:bold; color: #b9c1d2;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;    background-image: -webkit-linear-gradient(bottom,#fff, #b9c1d2);  filter: alpha(opacity=30);  opacity: 0.5;  -moz-opacity: 0.3;}
.wl_conl img{width: 100%; height: auto;}
.wl_conr{ width: 46%; float: right;}
.wl_conr1{ border-bottom-left-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; }
.wl_conr1 p{ line-height: 35px;font-size: 18px;  display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp: 3;   overflow: hidden;  max-height: 115px;  margin-bottom: 20px}
.wl_conr1 p span{ font-weight: bold;color: #e13523;}
.wl_conr1 .p_yj{font-size: 22px;width: 100%;display: block; clear: both;color: #333;font-weight: bold; line-height: 30px;padding: 15px 0;}
.wl_conr1 .p_yj img {margin-right: 10px;vertical-align: middle;}
.wl_conr1 .p_yj a { color: #E84620; transition: all 0.5s;}
.wl_conr1 .p_yj a:hover {color: #608ace;}
.wl_conr2{ float: right;display: inline-block; font-size: 30px; text-align: center;
 background: #E84620;  color: #ffffff;  line-height:2;   border-bottom-left-radius: 50px;    width:80%; box-sizing: border-box;  cursor: pointer;}
.wl_conr2 a{ color:#fff;}
/*=========================wl end============================*/


/*=========================case_list start============================*/
.list-tit{margin: 0px 0 30px;overflow: hidden;}
.list-tit h1, .list-tit h2{font-size: 44px;color: #232222; line-height: 1.5; margin-bottom: 10px;}
.list-tit h1 a, .list-tit h2 a{color: #232222;}
.list-tit p {font-size: 18px;color: #333;}
.case_bann {width: 100%;background: url(../images/sulutionbanner.webp) 50%; background-size: cover; height: 350px; position: relative; overflow: hidden;}
.case_bann:after{content: ""; position: absolute; left: 0;top: 0; width: 100%;height: 250px; z-index: 1;}
.case_bann:before { position: absolute; width: 100%;content: "";height: 100%; background:rgba(8, 21, 40, 0.3) ;}
.case_bann strong { font-size: 80px;color: #fff;position: relative; z-index: 3; top: 35%; left: 40%; text-transform: uppercase;text-shadow: 1px 1px 1px #000; text-align: center}
.case-list {max-width:100%; margin: 0px auto; padding: 50px 0;}
.case-list li {display:flex; height:auto!important; margin-bottom:20px;}
.case-list li .img {width: 40%; position: relative; z-index: 1;}
.case-list li .img a {display: block;}
.case-list li .img img {border: 0px solid #ccc; display: block;width: 100%;}
.case-list li .img::after { content: '';width: 126px; height: 106px; /*background: url(../images/case-bg.png) no-repeat;*/ position: absolute; top: -20px; left: -20px;z-index: -1;}
.case-list li .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.case-list li .txt {width: 55%;padding-left: 5%; box-sizing: border-box;}
.case-list li .txt h3 { font-size: 30px; line-height: 1.2em; padding: 16px 0;position: relative; z-index: 1;}
.case-list li .txt h3 a {display: block; color: #232222;}
.case-list li .txt h3::before { content: '';width: 30px; height: 30px; border-radius: 50%; /*background: #ececec;*/position: absolute; top: 7px; left: -12px;z-index: -1;}
.case-list li .txt h3::after { content: ''; width: 100px; height: 4px; background: #f32b1c; position: absolute; left: 0; bottom: 0;}
.case-list li .txt h3:hover a { color: #f32b1c;}
.case-list li .txt p {  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; font-size: 16px; line-height: 1.7; margin: 15px 0; overflow: hidden;}
.case-list .look-more { text-align: right; margin-top: 40px;}
.case-list .look-more img { display: inline-block; vertical-align: middle; padding-right: 20px;}
.case-list .look-more .hover {display: none;}
.case-list .look-more a { font-size: 14px; font-weight: bold; display: inline-block; height: 40px; line-height: 40px; text-align: center; padding: 0 40px; border: 1px solid #333333; color: #333333;}
.case-list .look-more:hover img {padding-right: 5px;transition: all 0.35s ease; -webkit-transition: all 0.35s ease;}
.case-list .look-more:hover a { transition: all 0.35s ease; -webkit-transition: all 0.35s ease; color: #f32b1c;}
.wl{margin: 0 0 0px; overflow: hidden;}
.wl dl dd {width: 22%; float: left; background:#fff;margin-left:3%; text-align:left; margin-bottom:40px; position:relative; overflow:hidden;}
.wl dl {margin-left:-3%}
.wl dl dd img { width: 100%;height: auto; border-radius:0 0 0 0px;}
.wl dl dd p a { display: block; margin: 10px 20px; font-size: 14px; height:32px; line-height: 32px;     text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:1;  -webkit-box-orient: vertical;    overflow: hidden;}
.wl dl dd::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#e13523;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;}
.wl dl dd:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.wl dl dd:hover img {opacity:0.8;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0.8)';filter:alpha(Opacity=0.8);}
/*=========================case_list end============================*/

/*=========================newlist start============================*/
.article_bann {
 width: 100%;
 height: auto;
 color: #fff;
 position: relative;
 overflow: hidden;
}
.article_bann:before {
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
 background:rgba(1,17,45,0) ;}
.article_bann img {
 width: 100%;
 line-height: normal;
}
.article_bann dl {
 padding: 15px 0;
 width: 100%;
 margin: 0 auto;
 text-align: center;
 top: 50%;
 left: 0;
 margin-top: -80px;
 position: absolute;
 z-index: 100;
}
.article_bann dl dt {
 max-width: 1300px;
 margin: 0 auto;
 font-size: 80px;
 line-height: 1.5em;
 font-weight: bold;
 text-transform: uppercase;
}
.article_bann dl h1 {
 max-width: 1300px;
 margin: 0 auto;
 font-size: 50px;
 line-height: 1.2em;
 font-weight: bold;
 text-transform: uppercase;
 margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}
.article_bann dl dd {
 width: 100%;
 font-size: 18px;
 color: #dbeafb;
 margin-bottom: 35px;
}
.article_bann dl dd img {
 width: 18px;
 height: auto;
 margin-right: 5px;
 vertical-align: middle;
}
.article_bann dl dd a {
 color: #e5fafc;
}
.article_bann dl dd a:hover {
 color: #c7edf0;
}
.new_bann {
 width: 100%;
 margin: 0 auto;
 position: relative;
 text-align: center;
}
.new_bann:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 250px;
 z-index: 1;
}
.new_bann:before {
 display: block;
 color: #fff;
 text-shadow: 0 4px 4px rgba(21,21,21,.5);
 z-index: 10;
 font-weight: bold;
 left: 50%;
 margin-left: -230px;
 bottom: 45%;
 position: absolute;
 font-size: 50px;
}
.article_bann i {
 display: block;
 width: 18px;
 height: 35px;
 position: absolute;
 left: 50%;
 bottom: 42px;
 top: 80%;
 margin-left: -9px;
 background: url(../images/bannerIcon1.png) no-repeat;
 background-size: 100% 100%;
 cursor: pointer;
 z-index: 1;
}
.article_bann i:after {
 content: '';
 width: 11px;
 height: 37px;
 background: url(../images/bannerIcon2.png) no-repeat top center;
 background-size: 100% 100%;
 position: absolute;
 left: 50%;
 bottom: -24px;
 margin-left: -5px;
 cursor: pointer;
 z-index: 1;
 -webkit-animation: banicon 2s infinite;
 animation: banicon 2s infinite;
}
.news-hot { max-width: 1300px; margin:90px auto 30px;}
.news-hot ul { margin-left: -2%;}
.news-hot ul li {float: left;width: 31.3%;margin-left:2%; transition: all 0.8s;   margin-bottom: 30px;     background-color: #f2f4f7;  /*  box-shadow: 0 4px 15px rgba(0,0,0,.1);*/}
.news-pic { display: block; overflow: hidden;}
.news-pic img { width: 100%;height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
.news-hot ul li:hover img {-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}
.news-txt { padding: 25px 30px; }
.news-txt a {color: #333;font-size: 22px;font-weight: bold; line-height: 30px; height:60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-hot ul li:hover a {color: #E84620;}
.news-txt span {display: block; text-align: right; line-height: 16px; color: #A8A5AC; font-size: 14px; margin-top: 8px;}
.news-txt span img {
 width: 14px;
 height: auto;
 vertical-align: middle;
 margin-top: -4px;
 margin-right: 10px;
}
.news_list {
 margin-top: 70px;
}
.news_list li {
 margin-bottom: 45px;
 padding: 25px 20px;
 border: 1px solid #eee;
}
.news_list li h3 {
 font-size: 26px;
 font-weight: 400;
 margin-bottom: 6px
}
.news_list li h3 a {
 color: #333;
 font-weight: 600
}
.news_list li .date {
 color: #777;
 padding-left: 23px;
 background: url(../images/rili.png) left center no-repeat;
 background-size: 16px
}
.news_list li .newsl_tip {
 margin: 15px 0;
 line-height: 1.6;
}
.news_list li .more {
 width: 160px;
 line-height: 44px;
 text-align: center;
 background: url(../images/news_more.png) right 28px center no-repeat #E84620;
 padding-right: 26px;
 border-radius: 4px;
 cursor: pointer
}
.news_list li .more a {
 color: #fff
}
.news_list li .more:hover {
 background: #4555b9 url(../images/news_more.png) right 10px center no-repeat;
 transition: .3s;
}
/*******************��ҳ********************/
.pager {
 clear: both;
 padding: 0px 0px;
 text-align: center;
 display: block;
 border-radius: 4px;
 line-height: 18px;
}
.pagination {
 display: inline-block;
 padding-left: 0;
 margin: 0px 0;
 border-radius: 4px;
}
.pagination li {
 float: left;
 margin-left: -1px;
 border: 1px solid #ddd;
 padding: 5px;
}
.pagination li:nth-child(1) {
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
}
.pagination li:last-child {
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
}
.pagination li a {
 color: #666;
}
.pagination li a, .pagination li span {
 padding: 5px 13px;
 display: block;
}
.pagination li:hover {
 position: relative;
 z-index: 1;
 color: #fff;
 background: rgba(96, 138, 206, 0.25);
 border-color: rgba(96, 138, 206,0.25);
 color: #925203;
}
.pagination li.disabled:hover, .pagination li.disable:hover, .pagination li.disabled, .pagination li.disable {
 text-decoration: none;
 background: #f5f5f5;
 color: #999;
 border-color: #ddd;
}
.pagination li.active {
 position: relative;
 z-index: 2;
 border-color: #85c648;
 background: #608ace;
 color: #fff;
}
/*=========================newlist end============================*/


/*=========================news start============================*/


.new_xq {
 max-width: 1300px;
 margin: 0px auto 0px;
 position: relative;
 overflow: hidden;
}
.new_xql {
 float: left;
 width: 100%;
 line-height: 24px;
 overflow: hidden;
}
.new_xql h1 {
 color: #1a1a1a;
 margin-bottom: 10px;
 margin: 20px 0px;
 font-size: 42px;
 line-height: 1.6;
 text-align: center;
}
.new_xql .newlistboxtime {
 padding: 0px 10px;
 margin-top: 0px;
 margin-bottom: 25px;
 text-align: center;
 font-size: 14px;
 color: #777;
}
.new_xql .newlistboxtime time {
 text-align: left;
 padding-right: 20px;
 font-size: 16px;
 display: inline-block;
}
.new_xql .newlistboxtime img {
 width: 16px;
 height: auto;
 vertical-align: middle;
 margin-top: -3px;
 margin-bottom: 0;
 margin-right: 5px;
}
.new_xql .newlistboxtime .msg {
 display: inline-block;
 color: #FFF;
 font-size: 26px;
 width: 471px;
 height: 56px;
 line-height: 53px;
 text-align: center;
 background: url(../images/news-link.png) no-repeat;
 cursor: pointer;
}
.new_xql .newlistboxtime .msg img {
 width: 35px;
 height: auto;
 margin-top: -6px;
 margin-right: 8px;
}
.new_xql .newlistboxtime .msg:hover {
 color: #eedf39;
}
.new_xql .newlistboxtime span {
 text-align: left;
 margin-left: 10px;
 font-size: 16px;
}
.new_xql .newlistboxtime span a {
 font-weight: bold;
 color: #777;
 font-size: 20px;
}
.new_xql .newlistboxtime a {
 color: #777;
}
.new_xql .newlistboxtime a:hover {
 color: #eedf39;
}
.new_xql h3 {
 color: #1a1a1a;
 margin-bottom: 10px;
 margin: 20px 0px;
 font-size: 20px;
 line-height: 24px;
}
.new_xql p {
 color: #555;
 margin-bottom: 1.5em;
 font-size: 18px;
 line-height: 30px;
}
.new_xql div img {
 max-width: 800px;
 margin: 25px auto 35px;
}
.new_xql h4 {
 font-size: 16px;
 color: #ff461f;
 margin-bottom: 10px;
}
.turnpage {
 padding: 10px 30px;/* border-radius:20px;*/
 margin: 50px 0 20px;
 background-color: #fafafa;border:1px solid #de8819; overflow:hidden;
}
.turnpage p { width:48%; float:left; line-height:30px; margin-bottom:0;}
.turnpage p::nth-child(2){ float:right;}
.turnpage p strong {margin-right: 10px;}
.turnpage p a:hover{ color:#e13523;}
/*=========================news end============================*/



/*=========================new start============================*/


/**/
.sidebar {
 width: 26%;
 float: right;
}
.sidebartop {
 padding: 25px 15px 15px 15px;
 display: block;
 clear: both;
 display: block;
 background: #f3f9f9;
 background: rgba(27,170,183,0.06);
 will-change: position, transform;
 z-index: 1;
 overflow: hidden;
}
.sidebartop .sidebartoptit {
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 color: #222
}
.sidebartop ul {
 padding-top: 20px;
 overflow: hidden;
 padding-left: 0px;
}
.sidebartop ul li {
 clear: both;
 margin-bottom: 15px;
 list-style: none;
 border: 1px solid #e3eeee;
 overflow: hidden;
 padding: 0px;
}
.sidebartop ul li .sidebartoppic {
 clear: both;
 display: block;
}
.sidebartop ul li .sidebartoptxt {
 clear: both;
 display: block;
 font-size: 18px;
 color: #2f2466;
 text-align: center;
 background: #fff;
 padding: 10px 15px;
}
.sidebarbom {
 padding: 15px 15px 25px 15px;
 background-color: #519ebc;
 background-image: linear-gradient(top, #519ebc, #0c5a87);
 background-image: -webkit-linear-gradient(top, #519ebc, #0c5a87);
 background-image: -moz-linear-gradient(top, #519ebc, #0c5a87);
 background-image: -ms-linear-gradient(top, #519ebc, #0c5a87);
 background-position: left center;
 background-size: 100% 100%;
 background-repeat: no-repeat;
}
.sidebarbom .sidebarbomtit {
 clear: both;
 display: block;
 color: #fff;
 text-align: center;
 font-weight: bold;
 font-size: 24px;
 line-height: 1.6;
 padding: 10px 0px 20px 0px;
}
.sidebarbom .sideinput01 {
 clear: both;
 width: 100%;
 display: block;
 margin-bottom: 15px;
 border-radius: 25px;
 padding: 5px 15px;
 border: 0px;
 background: #fff;
 color: #9c9696;
 line-height: 25px;
}
.sidebarbom .sideinput01:placeholder {
color:#9c9696;
}
.sidebarbom .sideinput02 {
 clear: both;
 width: 100%;
 display: block;
 font-family: Lato Regular;
 margin-bottom: 25px;
 border-radius: 10px;
 padding: 5px 15px;
 border: 0px;
 background: #fff;
 color: #9c9696;
 line-height: 25px;
}
.sidebarbom .sideinput02:placeholder {
color:#9c9696;
}
.sidebarbom .sidebarbomtxt {
 padding: 15px 0px 0px 0px;
 color: #fff;
 text-align: center;
 font-size: 14px;
}
.sidebarbom .sideinput03 {
 clear: both;
 display: block;
 color: #2f2466;
 background: #fff;
 border-radius: 30px;
 margin: 0px auto 0px;
 font-weight: bold;
 width: 160px;
 font-size: 16px;
 padding: 8px 10px;
}
/**/

/*=========================new end============================*/




/*=========================pro start============================*/
.cpnyone {
 width: 100%;
 padding: 60px 15px 0;
 box-sizing: border-box;
 overflow: hidden
}
.cpnyone .warp {
 max-width: 1300px;
 margin: auto;
 position: relative;
}
.cpnyone .imgbox {
 width: 55%;
 transition: all 0.5s;
 position: relative;
 /*border-radius: 8px;*/
 float: left;
 margin-top:10px;
 overflow: hidden;
}
.cpnyone .imgbox img{ width:100%; height:auto;/*border-radius: 8px;*/}
.cpnyone .imgbox:after {
 content: '';
 position: absolute;
 bottom: 0px;
 top: 0px;
 left: 0px;
 right: 0px;
 z-index: 1;
}
.sol_01 img {
 width: 99.6%;
 height: auto;
 margin: 0 auto;
 position: relative;
 z-index: 3;
}
.cpnyone .imgbox:after {
 content: '';
 position: absolute;
 top: 0px;
 right: 0px;
 width: 100%;
 border-radius: 4px;
 bottom: -6px;
 z-index: 2;
}
.cpnyone .mail {
 position: absolute;
 z-index: 999;
 bottom: 0;
 left: 0;
 width: 94%; margin-top: 3px;
 /*border-radius: 0 0 8px 8px;*/
 display: block; background-image: linear-gradient(180deg, rgba(242,41,91,0) 0%,#000000 100%);
 padding: 10px 3% 10px;
 display: block;
 font-size: 20px;
 line-height: 1.6;
 font-weight: 400;
 color: #fff; text-align: center;
}
.cpnyone .mail a {
 color: #fcedeb;
}
.cpnyone .mail img {
 display: inline-block;
 vertical-align: middle;
 width: 67px;
 height: 37px;
 margin-right: 8px;
}
.cpnyone .imgbox img {overflow: hidden; position: relative; z-index: 3;}
.cpnyone .cs {float: right;width: 40%;}
.cpnyone h1{font-size: 32px;color: #000;line-height: 40px; padding-bottom: 0px;position: relative;position: relative;    margin-bottom: 20px;}
.cpnyone h1:before {content: '';width: 98px;height: 3px;  position: absolute; left: 0; bottom: 0;}
.cpnyone .shuxing { color:#333; background: #f5f5f5;/*border-radius: 5px;*/ margin-bottom: 15px;padding: 15px 15px; overflow: hidden; /*box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.02);*/}
.cpnyone .test{ display: block; font-size: 16px;border: #fbc7b7 1px dashed; border-radius:50px; margin-bottom: 25px;color: #666;background: url("../images/lb.png") 15px 10px no-repeat;
overflow: hidden; background-size: 20px; padding:10px 10px; text-indent: 32px}
.cpnyone .capacity {border-bottom: #ddd 1px dashed; font-size: 16px;line-height: 30px; width: 100%; float: left;}
.cpnyone .capacity span {width: 100%;float: left; margin: 5px 0}
.cpnyone .capacity strong { font-size: 28px;color: #e13523;}
.cpnyone .model {
 display: inline-block;
 border: 1px solid #f96e60;
 background: #f96e60;
 padding: 4px 15px;
 border-radius: 4px;
 color: #fff;
 font-weight: 400;
 float: left;
 width:auto;
 margin-top: 15px;
 margin-right: 5px;
}
.cpnyone .size {
 margin: 14px 0 0px 0;
 display: inline-block;
 float: left;
 overflow: hidden;
 
}
.cpnyone .size strong {
 font-size: 20px;
 float: left;
 margin-right: 10px;
 display: inline-block
}
.cpnyone .size i {
 float: left;
 font-style: normal;
 font-size: 14px;
 border-radius: 4px;
 border: 1px solid #eacfcd;
 margin: 2px 8px 2px 0;/*box-shadow: 0 0 10px #fcdeda inset;*/
 background: #fff;
 padding: 5px 6px;
}
.cpnyone .Output {
 background: #f4f4f4;
 border-radius: 0 0 10px 10px;
 display: block;
 overflow: hidden;
 padding: 12px 15px;
 box-shadow: 0 -3px 5px #e5e5e5;
}
.cpnyone .Output strong {
 font-size: 20px;
 float: left;
 margin-right: 10px;
 display: inline-block
}
.cpnyone .Output i {
 float: left;
 font-style: normal;
 font-size: 18px;
 color: #425375;
 border-radius: 20px;
 margin-right: 5px;
}
.Output_size {
 width: 100%; 
 display: block
}
.Output_size .miaoshu {
 margin: 20px 0 10px 0
}
.Output_size .miaoshu strong {
 font-size: 20px;
 margin-right: 8px;
}
.Output_size ul { margin-right:-2%; overflow:hidden;}
.Output_size ul li {
 float: left;
 width: 23%; position: relative;
 margin: 0 2% 6px 0; 
}
.Output_size ul li img {
 width: 100%;
 height: auto; float: left;
 
}
.Output_size ul li p { position: absolute;  bottom: 0; left: 0;
 width: 100%;background: rgba(0,0,0,0.4);
 clear: both;
 font-size: 14px;
 color: #fff;
 text-align: center;
 line-height: 20px;
}
.Output_size .tit {
 background: #e5eefe;
 position: absolute;
 margin-top: -35px;
 color: #fff;
 display: inline-block;
 border-radius: 30px;
 padding: 5px 20px;
}
.cpnyone .prony_contact {
 width: 100%;
 margin: 40px 0 90px 0;
 position: relative;
}
.cpnyone .prony_order {
 width: 50%;
 float: left
}
.cpnyone .prony_order a {
 display: block;
 font-size: 18px;
 background: #2f375b;
 box-shadow: 0 0.15rem 0.3rem rgba(5,28,77,.6);
 padding: 12px 0 12px 40px;
 text-align: center;
 color: #fff;
 border-radius: 40px 40px;
}
.cpnyone .prony_order a:hover {
 background: #051e3c;
}
.cpnyone .prony_order:before {
 content: '';
 width: 98px;
 height: 125px;
 display: block;
 background-size: contain;
 position: absolute;
 left: -10px;
 top: -20px;
}
.cpnyone .prony_contact .ly {
 float: left;
 width: 40%;
 margin: 0 0 0 8%;
}
.cpnyone .prony_contact .ly a {
 display: block;
 font-size: 18px;
 background: #ed4d1d;
 box-shadow: 0 0.15rem 0.3rem rgba(255,74,0,.6);
 padding: 12px 0;
 text-align: center;
 color: #fff;
 border-radius: 40px 40px;
}
.cpnyone .prony_contact .ly a:hover {
 background: #ff4a00;
}
.cpnyone .p_yj {
 font-size: 18px;
 width: 100%;
 display: block;
 clear: both;
 color: #333;
 line-height: 20px;
 padding-top: 30px;
}
.cpnyone .p_yj a {
 color: #2f2466;
 transition: all 0.5s;
 font-weight: bold;
}
.cpnyone .p_yj a:hover {
 color: #E84620;
}
.cpnyone .btnbox {
 width: 100%;
 margin-top:25px;
 display: block;
 overflow: hidden;
}
.cpnyone .btnbox a {
 display: inline-table;
 width: 47%;
 text-align: center;
 height: 54px;
 font-size: 20px;
 color: #fff;
 font-weight: bold;
 line-height: 54px;
 border-radius: 4px; box-sizing:border-box; 
}
.cpnyone .btnbox a:first-child {
 float: left; background-color: #fff; border:2px solid #e84620; color:#e84620; height: 54px; line-height: 54px;

}
.cpnyone .btnbox a:hover:first-child { color: #fff;border:2px solid rgba(83,78,91,1); 
 background: linear-gradient(rgba(40,34,46,1) 0%, rgba(83,78,91,1) 100%);
}
.cpnyone .btnbox a:last-child {height: 58px; line-height: 58px; float: right; background: #e84620; color: #fff;}
.cpnyone .btnbox a:hover:last-child{border:2px solid #e13523;height: 54px; line-height: 54px;background:rgba(235,0,1,1); }
.cpnyone .btnbox a:hover {animation: cyc 0.5s;  box-sizing:border-box;}
.pro_con {background: url(../images/case-bg1.png) 0px 80px no-repeat;
 width: 100%;
 padding: 80px 0 60px 0;
 display: block;
 overflow: hidden;
}
.pro_con_l {
 float: left; margin-top:-30px;
 width: 76%;
}
.pro_con_l h3 {
 font-size: 32px; color:#444;
 margin: 50px 0 15px;
}
.pro_con_l p {
 line-height: 34px;
 margin: 10px 0;
}
.pro_con_l p strong, .pro_con_l p span {
 color: #FB3A4A
}
.pro_con_l img {
 margin: 15px 0 15px;
}
.pro_con_r {
 float: right;
 width: 18%;
}
.pro1 {
 margin: 0px auto 0px;
 padding: 0 0 35px;
}
.pro_m {
 width: 75%;
 float: left;
}
.pro_m p img {
 max-width: 80%;
}
.pro_mr {
 width: 20%;
 padding-top: 30px;
 float: right;
}
.pro_m h2 {
 font-size: 26px;
 color: #42474e;
 margin-bottom: 30px;
 position: relative;
 line-height: 35px;
 padding: 40px 0px 0px 0px;
}
.pro_m h2:after {
 display: block;
 content: '';
 clear: both;
 position: absolute;
 width: 60px;
 height: 3px;
 border-radius: 30px;
 background-color: #ea311f;
 bottom: 0;
 left: 0%;
}
.pro_m h3 {
 font-size: 25px;
 color: #42474e;
 line-height: 30px;
 padding: 35px 0px 0px 0px;
}
.pro_m h4 {
 font-size: 20px;
 color: #42474e;
 line-height: 30px;
 padding: 10px 0px;
}
.pro_m h5 {
 font-size: 16px;
 color: #42474e;
 line-height: 30px;
 padding: 10px 0px;
}
.pro_m p {
 font-size: 16px;
 color: #555;
 line-height: 1.8;
 margin: 1em 0;
 font-weight: lighter;
}
.pro_m ul {
 clear: both;
 padding-left: 23px;
 padding-bottom: 10px;
}
.pro_m ul li {
 clear: both;
 font-size: 14px;
 color: #5a5a5a;
 line-height: 24px;
 padding: 5px 0px;
 list-style: disc;
}
.pro_m2 {
 padding: 35px 0 0 0;
 clear: both;
 overflow: hidden;
}
.pro_m2 h2 {
 font-size: 48px;
 color: #000;
 margin-bottom: 20px;
 line-height: 35px;
 padding: 40px 0px 30px 0px;
 border-bottom: 1px solid #b4b4b4;
}
.pro_m2 h2 span {
 width: auto;
 float: right;
 color: #b4b4b4;
 font-size: 16px;
 line-height: 16px;
 margin-top: 30px;
 font-weight: normal;
}
.pro_m2 h2 span a {
 color: #b4b4b4;
}
.pro_m2 h2 span a:hover {
 color: #2f2466;
}
.pro_m p img, .pro_m2 p img {
 text-align: center;
 margin: 8px 0px;
}
.pro_m video, .pro_m2 video {
 text-align: center;
 width: 100%;
}
.pro_m table, .pro_m2 table {
 margin: 30px auto 20px;
 text-align: center;
 line-height: 1.8;
}
.pro_m table th, .pro_m table td, .pro_m2 table th, .pro_m2 table td {
 padding: 10px 5px;
 text-align: center;
}
.pro_con_l table, .pro_m table{
 width: 100%;
 border-spacing: 0px;
 border-collapse: collapse;
 background: #fff;
 border-bottom: 1px solid #ddd;
 margin-bottom: 15px;
}
.pro_con_l tr:first-child, .pro_m  tr:first-child{background-color:#5a5f6d;/*background-image: linear-gradient(90deg, #1961b3 3%, #608ace 100%);*/
 height: 60px;
 line-height: 60px;
 color: #fff;
}
.pro_con_l tr:nth-child(2n+3), .pro_m  tr:nth-child(2n+3) {
 background: #f5f5f5;
}
175fb1 .pro_con_l .bhead , .pro_m .firstRow{
background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
color: #fff
}
.pro_con_l tr.odd , .pro_m table tr.odd{
 background: #f5f5f5;
 text-align: center;
 color: #333;
}
.pro_con_l tr.even, .pro_m table tr.even {
 background: none;
}
.pro_con_l td.even,.pro_m table td.even {
 background: #fff;
}
.pro_con_l table td,.pro_m table td { padding:10px 0;
 line-height:1.6;
 text-align: center;
}
.pro_con_l tr,.pro_m tr {
 border: 1px solid #ddd;
}
/*proshowtechdatacc*/
.proshowtechdatacc{}
.proshowtechdatacc table{ margin:40px 0 20px 0;}

/*cctable*/
.tableccwl table { border:1px;
 width: 100%;
 border-spacing: 0px;
 border-collapse: collapse;
 background: #fff;
 border-bottom: 1px solid #ddd;
 margin-bottom: 15px;
}
.tableccwl tr:first-child {
 background-image: linear-gradient(90deg, #1961b3 3%, #608ace 100%);
 height: 60px;
 line-height: 60px;
 color: #fff;
}
.tableccwl tr:nth-child(2n+3) {
 background: #f5f5f5;
}
.tableccwl .bhead {
background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
color: #fff
}
.tableccwl tr.odd {
 background: #f5f5f5;
 text-align: center;
 color: #333;
}
.tableccwl tr.even {
 background: none;
}
.tableccwl td.even {
 background: #fff;
}
.tableccwl table td {
 line-height: 46px;
 text-align: center;
}
.tableccwl tr {
 border: 1px solid #ddd;
}
/*cctable*/
/*=========================pro end============================*/
.bg{background: #f2f4f7;}
.insideproseven {
 clear: both;
 padding: 50px 0 0px;
}
.insideprofivetit {
 clear: both;
 text-align: center;
 padding-bottom: 10px;
}
.insideprofivetit h3 {
 width: 100%;
 position: relative;
 display: block;
 font-size: 40px; color:#000;
 line-height: 1;
 padding: 15px 0px 10px 0px;
}
.insideprofivetit h3:after {
 display: block;
 content: '';
 clear: both;
 position: absolute;
 width: 100px;
 height: 3px; /*background-color:#1BAAB7;*/
 bottom: 0;
 left: 50%;
 margin-left: -50px;
}
.insideprofivetit p {
 display: block;
 width: 100%;
 margin: 0 auto;
 padding: 10px 0px 40px 0px;
 color: #666;
 font-size: 16px;
}
.insideproseven ul {
 clear: both;
 padding: 0px 0px 50px 0px;
 margin-left: -3%;
}
.insideproseven ul li {
 transition: all .3s ease; position:relative; overflow:hidden;
 float: left;
 width: 22%;
 margin-left: 3%;
 padding: 0px 0px 15px; margin-bottom: 40px;
 background-color: #fff;box-shadow: 0 0px 40px -24px rgba(0,36,100,.5);
}
.insideproseven ul li::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#e13523;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;}
.insideproseven ul li:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.insideproseven ul li .insideprosevenpic img { width: 100%;}
.insideproseven ul li .insideprosevenpic i {display: none;}
.insideproseven ul li .insideproseventit {font-size: 18px;color: #282727; line-height: 28px; height: 28px; overflow: hidden; display: block; text-align: center; padding: 15px 15px 0;}
.insideproseven ul li .insideprosevenpic {
 position: relative;
 display: block;
 overflow: hidden;
}
.insideproseven ul li .insideprosevenpic 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);
}
.insideproseven ul li:hover .insideprosevenpic i {
 transition: all .3s ease;
 left: 100%;
}
.insideproseven ul li:hover {
 transition: all .3s ease;
 transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
}
/*=========================case start============================*/
.container {
 max-width: 1300px;
 margin: 0 auto;
 display: block;
}
.container:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
}
.message_top {
 position: relative;
 margin-bottom: -10px;
 padding-top: 20px;
}
.message_top .left {
 width: auto;
 position: absolute;
 left: 15px;
 bottom: 10px;
 margin-right: 2%;
}
.message_top .right {
 padding: 0 65px 30px 0;
 margin-left: 10%;
 overflow: hidden;
}
.message_top .right h3 {
 font-size: 24px;
 background: #e13523;
 display: inline-block;
 padding: 10px 30px 10px 50px;
 border-radius: 30px;
 color: #fff
}
.message_top .right p {
 margin-left: 55px;
 margin-top: 15px;
 font-size: 16px;
}
.probg1 {
 background: url(../images/message_bg.jpg) center bottom #c6e2fc;
 margin-top: 80px;
 background-size: cover;
 padding-bottom: 60px;
}
.pro-message {
 background: #fff;
 /*border-radius: 0 30px 0 0;*/
 padding: 0 3%;
 width: 65%;
 float: left
}
.pro-message h3 {
 font-size: 38px;
 text-align: center;
 position: relative;
 font-weight: bold;
 ine-height: 50px;
 color: #000;
}
.pro-message h3:after {
 position: absolute;
 width: 160px;
 height: 4px;
 background: #f6821d;
 left: 0;
 right: 0;
 bottom: -20px;
 margin: 0 auto;
 content: "";
}
.pro-message p.tips {
 font-size: 18px;
 line-height: 1.6;
 margin-top: 50px;
 color: #333;
}
.pro-message p.tips a {
 color: #f6821d;
 font-weight: bold
}
.pro-message form {
 margin-top: 36px;
 margin-bottom: 30px;
}
.pro-message label {
 display: block;
 font-size: 20px;
 font-weight: normal;
 color: #333;
 margin:9px 0 2px;
}
.pro-message input {
 border: 1px solid #ccc;
 height: 42px;
 width: 100%;
 margin-top: 5px;
 margin-bottom: 13px;
 padding-left: 55px;
 font-size: 16px;
}
.pro-message .nr {
 border: 1px solid #ccc;
 width: 100%;
 margin-top: 5px;
 margin-bottom: 10px;
 padding-left: 55px;
 font-size: 16px;
 background: url(../images/mwenben.png) #fff no-repeat 10px 10px; background-size: 30px 30px;
 padding-top: 10px;
}
.pro-message .name {
 background: url(../images/mname.png) #fff no-repeat 10px center;
 background-size: 30px 30px;
}
.pro-message .email {
 background: url(../images/memail.png) #fff no-repeat 10px center;
 background-size:30px 30px;
}
.pro-message .phone {
 background: url(../images/mtel.png) #fff no-repeat 10px center;
 background-size:30px 30px;
}
.pro-message button {
 border: none;
 background: -webkit-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -moz-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -ms-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -o-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: linear-gradient(to bottom, #FFAA6E 0%, #F92C0B 100%);
 color: #fff;
 border-radius: 10px;
 font-size: 20px;
 width: 30%;
 margin: 20px  auto 10px;
 height: 60px; 
 transition: .5s;
 box-shadow: 0px 3px 0px #ab0e0a;
 -webkit-box-shadow: 0px 3px 0px #ab0e0a;
 -moz-box-shadow: 0px 3px 0px #ab0e0a;
 -ms-box-shadow: 0px 3px 0px #ab0e0a;
 -o-box-shadow: 0px 3px 0px #ab0e0a;
}
.pro-message button:hover {box-shadow: 0px 3px 0px #F92C0B;
 background: -webkit-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -moz-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -ms-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: -o-linear-gradient(top, #FFAA6E 0%, #F92C0B 100%);
 background: linear-gradient(to top, #FFAA6E 0%, #F92C0B 100%);
 color: #fff;
}
.probg1 .rabout {
 width: 25%;
 float: right;
}
.probg1 .rabout h3 {
 font-size: 26px;
 background: #6b91ce;
 display: block;
 width: 70%;
 padding: 8px 20px;
 position: relative;
 text-align: center;
 border-radius: 30px;
 font-weight: bold;
 color: #fff;
 z-index: 10;
 margin:30px auto -20px;
}
.probg1 .rabout dl {/*border-radius: 8px;*/
 background: #fff;
 margin: 0px 0 15px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 /*box-shadow: #a4cef4 0px 2px 10px;*/
}
.probg1 .rabout dt {
 float: left; border-radius: 8px;
}
.probg1 .rabout dt img{ vertical-align: top; width: 100%; height: auto;/*border-radius:8px 0 0 8px;*/}
.probg1 .rabout dd {
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 width: 0%;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
 padding-left: 0.8rem;
 margin-top: 25px;
 font-size: 16px; /*border-radius: 8px;*/
}
.rabout_bg {
 background: #fff url(../images/mes_x.png) repeat;
 padding: 7px;
 margin-top:0; /*border-radius: 8px;*/
 z-index: 1;
 margin-bottom: 5px;
 position: relative; 
}
.rabout_w {
 background: #fff;
 padding:35px 10px 0px;
}
.probg1 .rabout p.t {
 font-size: 22px;
 color: #3d3d3d;
 margin-bottom: 5px;
 
}
.probg1 .rabout p.desc a {font-size: 24px; font-weight:bold;color: #f6821d;}
.probg1 .rabout p.desc{ margin-bottom:15px;}
.probg1 .rabout p.address { font-size: 24px;color: #777;}
.mes_con { padding-bottom:20px; width: 100%; text-align: center;overflow: hidden}
.mes_con .tit { width: 100%;margin: 0 auto; padding-top:15px; border-top:1px solid #d2d2d2;}
.mes_con .tit img { display: block; text-align: center; margin: 0 auto}
.mes_con .tit p {font-size: 16px;margin: 10px 0;}
.mes_con a {text-align: center; margin-right: 15px;}
.mes_con a img{width: 57px; height: auto;}
/*=========================case end============================*/





/*=========================solution_xq start============================*/
.solu { width: 100%;padding: 70px 0 0;box-sizing: border-box;}
.solu .wrap{ position:relative;}
.solu .imgbox {width: 65%; transition: all 0.5s; float:left;}
.solu .imgbox img { width: 100%;height: auto;overflow: hidden;}
.solut_r {width: 35%; z-index:5;position:absolute; padding-left:20px; padding-right:20px; margin-top: 10px;background-color:#f2f4f7; right:0;}
.solu h1 { font-size:36px; color: #000; font-weight:normal; line-height:45px; position: relative; margin-top:10px; padding-bottom: 16px;}
.solu h1:before {content: ''; width: 98px;height: 5px;position: absolute; left: 0;bottom: 0;}
.solu .shuxing {background: #fff; border-radius:2px; padding:10px 15px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.02); margin-bottom: 20px;}
.solu .shuxing p {width: 100%; margin: 8px 0; border-bottom:1px dashed #f2f4f7; display: block; color: #666;font-size: 16px;line-height: 24px;   text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden;}
.solu .shuxing p strong {margin-top: 10px; color: #fe0000; font-size:18px; font-weight: normal;}
.solu .shuxing p:last-child { border: none;}
.solu .btnbox {}
.solu .btnbox a{display: block; border-radius: 30px;background: #e84620;margin:0 auto -30px;height: 58px;line-height: 54px; width: 80%; min-width: 240px; text-align: center;font-size: 24px; color: #fff;}
.solu .btnbox a:hover { animation: cyc 0.5s;background: #608ace;}
.solu .p_yj {font-size: 22px;width: 100%;display: block;clear: both;color: #333;font-weight: bold;line-height: 30px;padding: 15px 0;}
.solu .p_yj img {margin-right: 10px;vertical-align: middle;}
.solu .p_yj a { color: #E84620; transition: all 0.5s;}
.solu .p_yj a:hover {color: #608ace;}
.solu .output_size {line-height: 1.6;}
.solu .output_size strong { font-size: 20px;}
.solu .output_size p {margin: 15px 0 15px;overflow: hidden;}
.solu .output_size p i {float: left;margin: 10px 5px 5px 0; font-style: normal; font-size: 18px;color: #666;border: 1px solid #666; border-radius: 4px; padding: 0 5px;}
.solution { width: 100%;margin: 0px 0 20px; background: #f2f4f7;padding: 40px 0 70px; clear: both; display: block;}
.solution_fw ul {margin-left: -4%;}
.solution_fw li {width: 29%;height: auto;line-height: 1.6;/*border-radius: 60px 5px 30px 5px;*/ padding: 40px 28px 40px;box-sizing: border-box; background: #fff; float: left;
margin-left: 4%;position: relative;}
.solution_fw li .icon1 {width: 60px;height: 60px;border-radius: 50%;padding: 5px;background-color: #E84620; transition: all .3s ease; display: block; position: absolute;
 left: 0%;
 top: -30px;
 margin-left: -30px; transition:0.2s;
 /*box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);*/
}
.solution_fw li h5 {
 display: block;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 8px;
 color: #28222E;
 padding-bottom: 10px;
 position: relative; z-index:2
}
.solution_fw li h5:after {
 content: '';
 width: 8.8%;
 height: 3px;
 background: rgba(232, 70, 32, 0.8);
 position: absolute; z-index:-1;
 left: 0;
 bottom: 20px;
}
.solution_fw li p { font-size: 16px; color: #665E70; line-height: 1.6; margin-top: 8px;}
.solution_fw li:hover { box-shadow: 2px 0 10px rgba(21, 53, 129, 0.2);}
.solution_fw li:hover .icon1 { /*box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.15);*/}
.solution_fw li:hover .icon1 { background-color: #292ca1;}
.solu_m0 {width: 100%; padding: 35px 0 35px; margin-top: 50px; /*border-top: 1px solid #dedede;*/ display: block; overflow: hidden;
}
/*=========================solution_xq end============================*/
/*=========================contact start============================*/
.contact_ban { background: url(../images/toppic-contact.webp) no-repeat center top; height:430px; width: 100%;position: relative; overflow: hidden; margin: auto;}
.contact_ban:before {background-color:rgba(1,17,45,0);position: absolute; width: 100%; content: ""; height: 100%; /*background: url(../images/ge2.png) repeat;*/}
.lx_con {width: 70%; margin: 0 auto;}
.lx_info { margin: 0 auto; text-align: center; width: 80%;  margin-top: 7%; color: #f3f9f9; position: relative; z-index: 2}
.lx_info h1 {font-size: 80px; text-transform: uppercase; text-shadow:1px 1px 1px #000;}
.lx_info p {background-color:rgba(1,17,45,0.6);line-height: 30px; padding:10px 20px; font-size:18px; border-radius:0px;}
/*=========================contact end============================*/

/*=========================massage end============================*/
.cogo {
 width: 100%;
 margin: 0 auto;
 position: relative
}
.cogo .con {
 width: 53%;
 position: absolute;
 left: 12%;
 top: 27%;
 text-align: center;
 z-index: 2;
 color: #fff;
 font-size: 18px;
 line-height: 32px;
}
.cogo .con h2 {
 font-size: 46px;
 margin-bottom: 30px;
}
.cogo .con a {display: block;width: 259px;height: 58px; background: #bc3a49; background: -moz-linear-gradient(top, #bc3a49 0%, #e33a4b 100%);   background: -webkit-linear-gradient(top, #bc3a49 0%,#e33a4b 100%);  background: -o-linear-gradient(top, #bc3a49 0%,#e33a4b 100%);  background: -ms-linear-gradient(top, #bc3a49 0%,#e33a4b 100%); background: linear-gradient(to top, #bc3a49 0%,#e33a4b 100%);box-shadow: 0 4px 0 #be4511;/*border-radius:10px;*/ font-size: 24px; line-height: 58px; color: #fff;margin: 55px auto;}
.feedback { padding: 60px 0;  background-size: cover}
.feedback .wrap {background: rgba(255,255,255,.9);padding: 20px 40px;}
.feedback .con {width: 100%;float: left;}
.feedback_l {width: 12%;text-align: center; margin-top: 40px; float: left;padding-left: 10px;}
.feedback_l img {width: 100%;border-radius: 50%;background: #fff;padding: 6px; box-shadow: 0 5px 10px rgba(49,49,64,.3);}
.feedback_r {width: 83%;float: right;position: relative;}
.feedback_r ul {overflow: hidden; margin: 20px auto}
.feedback_r ul li { float: left;width: 80%; margin: 0 1.5%;}
.feedback_r .tit {position: relative;padding-top: 40px; margin-bottom: 20px;width: 100%;}
.feedback_r .tit h2 {font-size: 40px;color: #05163f;position: relative; z-index: 3; line-height: 40px;}
.feedback_r p { margin: 10px 0; font-size: 18px;}
.feedback_r p.Place { display: inline-block; margin-right: 60px;}
.feedback_r p.Application { display: inline-block; margin-right: 60px;}
.feedback_r p.Equipment {display: block}
.feedback_r p.material {display: inline-block; margin-right: 60px;}
.feedback_r p.Capacity {display: inline-block}
.feedback_r p strong {color: #018587;font-size: 20px;}
.pro_m2 table {
 width: 100%;
 border-spacing: 0px;
 border-collapse: collapse;
 background: #fff;
 border-bottom: 1px solid #ddd;
 margin-bottom: 15px;
}
.pro_m2 tr:first-child {
 background-image: linear-gradient(90deg, #1961b3 3%, #608ace 100%);
 height: 60px;
 line-height: 60px;
 color: #fff;
}
.pro_m2 tr:nth-child(2n+3) {
 background: #f5f5f5;
}
175fb1 .pro_m2 .bhead {
background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
color: #fff
}
.pro_m2 tr.odd {
 background: #f5f5f5;
 color: #333;
}
.pro_m2 tr.even {
 background: none;
}
.pro_m2 td.even {
 background: #fff;
}
.pro_m2 table td {
 line-height: 46px;
}
.pro_m2 tr {
 border: 1px solid #ddd;
}
.pro_m2 p {
 text-align: left;
 margin-left: 20px;
 color: #666;
 font-size: 16px;
}
.pro_m2 strong {
 width: 100%;
 text-align: left;
 color: #fff;
 float: left;
 font-size: 16px;
 margin: 10px 0
}
.pro_lx {
 margin-top: 20px;
}
.pro_lx a {
 color: #ffffff;
 width: 100%;
 margin: 10px 0;
 display: inline-block;
 padding: 6px 0;
 box-shadow: 1px 0 0 0 rgba(68, 114, 123, 0.42);
 background: #006879;
 border-radius: 5px;
 background: -moz-linear-gradient(top, #ff665f, #e4362e);
 background: -webkit-linear-gradient(top, #ff665f, #e4362e);
 background: -o-linear-gradient(top, #ff665f, #e4362e);
 background: -ms-linear-gradient(top, #ff665f, #e4362e);
 background: linear-gradient(top bottom, #ff665f, #e4362e);
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 background-size: 200% 100%;
 vertical-align: middle
}
.pro_lx i {
 margin-right: 20px;
 margin-left: 30px;
 width: 40px;
 float: left;
 display: inline-block
}
.pro_lx i img {
 width: 100%;
 height: auto
}
.pro_lx span {
 line-height: 40px;
 font-size: 20px;
}
.pro_lx p {
  
 background-size: 20px;
 color: #3594ba;
 padding: 15px 15px 15px 48px;
 margin-top: 10px;
 border-radius: 5px;
 line-height: 28px;
}
/*ccadd*/
.newsshowcc a{    color: #ff6600;
    text-decoration: underline;
 }
 .bqonline{ color:#FF0000;}
 
 
 
 
 
/*customer*/
#sidebar-wechat{/*background: #fff;*/ border-radius: 5px; padding: 10px 0px 10px; position: fixed; z-index:99999; width: 150px; right: 0; top: 30%;}
#sidebar-wechat .tswt{position: relative; text-align:center;}
#sidebar-wechat .tswt img{width: 110px;}
a{cursor: pointer;}
#sidebar-wechat .tswt a.bet{display: block; text-align: center; background: #3571cf; border-radius: 30px; width: 100%; padding: 3px 0; color: #fff; font-weight: bold; font-size: 17px; position: absolute; bottom: -12px; transition: .5s; /*box-shadow: 0px 8px 8px #bbb;*/}
#sidebar-wechat .tswt a.bet:hover{background: #0c2f67;}
#sidebar-wechat .twx{margin-top: 40px; text-align:center; display:none;}
#sidebar-wechat .twx .rt{ width:100%;margin:0 auto; color: #2a306c;}
#sidebar-wechat .twx .rt p{padding: 0; margin: 0;width:100%;text-align:center;}
#sidebar-wechat .twx .rt p.tt{font-size: 13px; margin-top: 5px;}
#sidebar-wechat .twx .rt p.tt img{margin-left: 5px; position: relative; top: -1px; width: 11px;}
#sidebar-wechat .twx .rt p.desc{font-weight: bold;}
#sidebar-wechat .wx .wximg{margin:10px auto 5px; text-align:center;}
#sidebar-wechat .wx .wximg img{ width:100%; height:auto;}
#sidebar-wechat .wx p.text{font-size: 12px; text-align: center;}
#gotopbt{display: none; position:fixed; right: 20px; bottom: 5%;}
#gotopbt img{width: 60px; border-radius:60px; background-color:#fff;}
#gotopbt a{cursor: pointer;}
.img-responsive{width:100%;}

#sidebar_right_fix{background:#fff;position:fixed; right:10px; bottom:20%; border-radius:20px; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:10px 0; z-index:9999;}
#sidebar_right_fix .iteam{padding:10px 5px; position:relative;}
#sidebar_right_fix .rhover{text-align:center; font-size:14px;}
#sidebar_right_fix i{display:block;}
#sidebar_right_fix span{display:block;margin-top:5px;}
#sidebar_right_fix svg{width:25px; height:25px; fill:#be1111;}
#sidebar_right_fix .tccontent{display:none; width:200px; background:#c00; position:absolute; left:-220px; top:0; font-size:14px; color:#fff; padding:10px;}
#sidebar_right_fix .rhover:hover span{color:#be1111;}
#sidebar_right_fix .tccontent img{width:180px;}



@media (max-width:1280px) {
.contact_ban {
 height: 360px
}
.cont-ensure {
 margin-bottom: 0
}
.top_r {
 width: 100%;
}
.lx_info h1 {
 font-size: 40px
}
}

@media (max-width:1170px) {
.nav {
 width: 62%;
 margin-left: 1%;
}
.nav ul li a {
 padding: 0 8px;
}
.head-btn a {
 font-size: 13px;
 height: 34px;
 line-height: 34px;
}
.contact_ban {
 height: 320px
}
.case_bann strong {
 left: 30%;
}
}

@media (max-width:1024px) {
.head-btn, .index_ser .left p, .index_ser .left .botton {
 display: none
}
.nav {
 width: 75%;
 margin-left: 2%;
}
.cont-ensure li p {
 font-size: 20px
}
.top_r {
 width: 85%;
}
.index_case {
 padding: 80px 0 80px;
}
.aboutone .aboutoneitem {
 margin-top: -520px;
}
.cpnyone .model, .cpnyone .size {
 display: none
}
.cpnyone .capacity span {
 margin: 3px 0
}
.caselistitem .caselistitemfr {
 width: 64%
}
}