@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding: 0;border: 0;margin: 0}
li{list-style: none}
html{font-size: 625%}
body{font-size: 14px;overflow-x: hidden; font-family: '微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}
a{text-decoration: none;color: black;outline: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
a:focus{outline: 0}
a:visited{text-decoration: none}
em{font-style: normal;font-weight: normal; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.clear{clear: both}
.iphone{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .2);display: none!important;}
.iphone form{display: none;width: 400px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 250px;background: white;border-radius: 5px;}
input,textarea{background: 0;outline: 0;resize: none;border: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding-left: 10px;}
.fl{ float: left; }
.fr{ float: right; }
.w100{ width:100%;}
.w1500{ width:1200px; margin:0 auto;}
.w1700{ width:1200px; margin:0 auto;}
.clearboth{clear:both;height:0;overflow:hidden; display:block;}

/* 公用头部 */
.Header{ width: 100%; height:110px; background:#FFF; position:fixed; left:0; top:0; z-index:9999; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.HeaderOn{ background:#FFF; border-bottom: 0; }
.HeaderMain{ width:90%; margin:0 auto;}
.HeaderLogo{ width:234px; height:68px; margin:21px 0; position:relative; float: left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuMain{ display:none;}
.navs{ height:110px; margin-left:70px; float:left;}
.navs li{ height:110px; padding:0 20px; margin-left:20px; float:left; position:relative;}
.navs li .one{ height:40px; line-height:40px; margin:40px 0; border-bottom:2px solid #FFF; font-size:18px; color:#1A1A1A; display:block;}
.navs li .one:hover{ border-bottom:2px solid #E70015; color:#DD0000;}
.navs li .naver{ width:160px; padding:10px 0; background:#FFF; position:absolute; top:110px; left:-24px; display:none;}
.navs li:hover .naver{ display:block;}
.navs li .naver a{ height:30px; line-height:30px; text-align:center; font-size:15px; display:block;}
.navs li .naver a:hover{ color:#DD0000;}
.tel{ height:45px; line-height:45px; margin:32px 0; padding-left:55px; background:url(../images/tel.png) no-repeat 15px center; font-size:30px; font-family:Arial; color:#DD0000; float:right;}
.en{ line-height:110px; margin:0 0 0 20px; font-size:20px; float:right;}
.en:hover{ color:#DD0000;}
.ser{ width:30px; margin:40px 0 40px 20px; float:right;}
.ser img{ width:30px; display:block;}
#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:133%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.50;filter:alpha(opacity=80);}
#code{ width:600px; height:280px;background:#fff; position:absolute;display:none;left:45%;z-index:1002;}
.close1{width:600px; height:60px; background:#555;}
#closebt{ margin:18px 18px 18px 0; float:right;}
#closebt img{width:20px;}
.goodtxt{text-align:center;}
.goodtxt form{ width:362px; margin:60px auto; overflow:hidden;}
.goodtxt .tet{ width:269px; height:38px; font-size:16px; border:1px solid #DDD; border-right:0; float:left;}
.goodtxt .sub{ width:80px; height:40px; border:0; background:#DD0000; font-size:16px; color:#FFF; float:left;}
.menuIcon{ position:relative; right:0px; float:right; top:32px; z-index:99999; cursor:pointer; display:none;}

/* banner */
.banner{ width:100%; margin-top:110px; overflow:hidden; position:relative; background:#333;}
.banner video{ width:100%; display:block; margin:0 auto;}
.banner .slides{ position:relative; z-index:1;}
.banner .slides li img{ width:100%; display:block;}
.banner .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:40px; z-index:2;}
.banner .flex-control-nav li{ width:48px; height:6px; margin:0 5px; display:inline-block; }
.banner .flex-control-nav a{ width:48px; height:6px; line-height:40px; overflow:hidden; background: #FFF; cursor:pointer; display:inline-block;}
.banner .flex-control-nav .flex-active{ background:#DD0000;}
.banner .flex-direction-nav{ display: none;}

/* 小标题公用 */
.title{ text-align:center;}
.title h2{ font-size:46px; color:#DD0000;}
.title p{ padding:6px 0 20px 0; font-size:14px; color:#6A6A6A;}
.title span{ width:50px; height:2px; background:#DD0000; margin:0 auto; display:block;}
.title2 h2,.title2 p{ color:#FFF;}
.title3 p{ font-size:16px; font-weight:bold;}

/* 产品中心 */
.indpro{ padding:60px 0; overflow:hidden;}
.indpro .w1700{ margin: 40px auto 0 auto; overflow:hidden;}
.indpro dl{ width:285px; height:285px; margin:0 20px 20px 0; float:left; position:relative; overflow:hidden;}
.indpro dl.lr{ margin:0 0 38px 0;}
.indpro dl dt{ width:285px; height:285px;}
.indpro dl dt img{ width:100%; height:100%;}
.indpro dl dd.tit{ width:100%; height:60px; line-height: 60px; text-align: center; font-weight: bold; font-size: 18px; color: #FFF; position: absolute; left: 0; bottom: 0; background: rgba(231, 0, 21, .8); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.indpro dl:hover dd.tit{ bottom:-60px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.indpro dl dd.ddy{ width:100%; height:100%; position:absolute; top:-285px; left:0; background: rgba(255, 255, 255, .85); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; overflow:hidden;}
.indpro dl:hover dd.ddy{ top:0; left:0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.indpro dl dd.ddy h3{ width:100%; padding:35px 0 0 0; text-align:center; font-size:20px; font-weight:bold; color:#333;}
.indpro dl dd.ddy p{ line-height: 25px; padding:20px 20px 0 20px; font-size:14px; color:#666;}
.indpro dl dd.ddy span{ width:130px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#DD0000; border:1px solid #DD0000; border-radius:17px; margin:20px auto; display:block;}
.indpro .more{ width:60px; height:44px; line-height:44px; padding:0 65px 0 55px; font-weight:bold; font-size:14px; color:#DD0000; border:1px solid #DD0000; border-radius:3px; display:block; margin:30px auto 0 auto; background:url(../images/jt2.jpg) no-repeat 125px center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.indpro .more:hover{ background:url(../images/jt2.jpg) no-repeat 135px center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/* 我们的优势 */
.youshi{ padding:60px 0 80px 0; background:#EEE; overflow:hidden;}
.youshi ul{ padding:30px 0 0 0; overflow:hidden;}
.youshi ul li{ width:300px; text-align:center; margin-top:20px; background:url(../images/xian.png) no-repeat right center; float:left;}
.youshi ul li.lr{ background:none;}
.youshi ul li h3{ padding:20px 0 10px 0; font-size:20px; color:#333;}
.youshi ul li p{ line-height:25px; font-size:14px; color:#636363;}


/* 关于盛瀚 */
.indabout{ width:1240px; padding:60px 0 80px 0; background:url(../images/house.png) no-repeat right bottom; margin:0 auto;}
.indabout .abtcon{ margin-top:50px; overflow:hidden;}
.indabout .abtcon .abl{ width:400px; height:400px; float:left; position:relative; overflow:hidden;}
.indabout .abtcon .abl b{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0 ;}
.indabout .abtcon .abl img{ width:100%; height:100%; -webkit-transition:all 0.4s ease-in-out;  -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.indabout .abtcon .abl:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.indabout .abtcon .abl em{ width:400px; height:400px; background:url(../images/video-btn.png) no-repeat center; cursor:pointer; position:absolute; right:0; left:0; top:0; bottom:0; margin:auto; z-index:2;}
.indabout .abtcon .abr{ width:780px; float:right;}
.indabout .abtcon .abr h3{ padding:0 0 10px 0; font-size:42px; color:#C9CFD6;}
.indabout .abtcon .abr p{ line-height:30px; font-size:14px; color:#676767;}
.indabout .abtcon .abr ul{ padding:30px 0; overflow:hidden;}
.indabout .abtcon .abr ul li{ width:150px; height:150px; margin-right:45px; text-align:center; background:#CDCDCD; border-radius:75px; float:left;}
.indabout .abtcon .abr ul li:hover{ background:#DD0000;}
.indabout .abtcon .abr ul li em{ width:37px; height:37px; margin:35px auto 10px auto; display:block;}
.indabout .abtcon .abr ul li .em3{ background:url(../images/index-sec3-i1.png) no-repeat center;}
.indabout .abtcon .abr ul li .em8{ background:url(../images/index-sec3-i2.png) no-repeat center;}
.indabout .abtcon .abr ul li .em7{ background:url(../images/index-sec3-i3.png) no-repeat center;}
.indabout .abtcon .abr ul li .em9{ background:url(../images/index-sec3-i4.png) no-repeat center;}
.indabout .abtcon .abr ul li h4{ font-size:18px; font-weight:normal; color:#FFF;}
.indabout .abtcon .abr ul li span{ font-size:12px; color:#FFF;}
.indabout .abtcon .abr .more{ width:60px; height:44px; line-height:44px; padding:0 65px 0 55px; font-weight:bold; font-size:14px; color:#DD0000; border:1px solid #DD0000; border-radius:3px; display:block; background:url(../images/jt2.jpg) no-repeat 125px center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.indabout .abtcon .abr .more:hover{ background:url(../images/jt2.jpg) no-repeat 135px center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.winbj{ width:100%; height:100%; background: rgb(0, 0, 0); position: fixed; left: 0px; top: 0px; opacity: 0.5;z-index:999;}
.tanChu{ width:715px; height:574px; left:50%; top:50%; margin:-280px 0 0 -357px; background:#FFF; position:fixed; z-index:9999;}
.tanChu .tanChutit{ width:100%; height:40px; line-height:40px; background:#FFF; overflow:hidden;}
.tanChu .tanChutit .tanchuTxt{ padding-left:20px; font-size:16px; float:left;}
.tanChu .tanChutit .tanchuClose{ padding-right:20px; font-size:16px; color:#333; cursor:pointer; float:right;}
.tanChu iframe{ width:715px; height:534px;}

/* 走出国门冲向世界 */
.world{ padding:50px 0 80px 0; background:url(../images/mapbg.jpg) repeat-x top; overflow:hidden;}
.world .title span{ background:#FFF;}
.stage{ width:1230px; padding:40px 100px 40px 70px; margin:35px auto 0 auto; background:#EDEDEF; overflow:hidden;}
.stage .stimg{ width:632px; height:426px; position:relative; float:left;}
.stage .stimg .maps{ width:632px; height:426px; background:url(../images/map.png) no-repeat; background-size:cover; position:relative; z-index:99;}
.stage .stimg .maps .beijing{ width:36px; height:44px; background:url(../images/beijing.png) no-repeat; background-size:cover; position:absolute; right:135px; top:120px; -webkit-animation:bounce-down 4s linear infinite; animation:bounce-down 4s linear infinite; }
@-webkit-keyframes bounce-down { 25% { -webkit-transform:translateY(-5px); }
50%,100% { -webkit-transform:translateY(0); }
75% { -webkit-transform:translateY(5px); }
}
@keyframes bounce-down { 25% { transform:translateY(-5px); }
50%,100% { transform:translateY(0); }
75% { transform:translateY(5px); }
}
.beijing-cir{ width:231px; height:231px; position:absolute; right:38px; top:45px; display:flex; justify-content:center; align-items:center; }
.beijing-circle{ position:absolute; width:104px; height:104px; background:url(../images/map-cir1.png) no-repeat; background-size:cover; }
.beijing-circle:nth-child(1){ animation:anim 5s linear infinite; }
.beijing-circle:nth-child(2){ animation:anim 5s linear 0.6s infinite; }
.beijing-circle:nth-child(3){ animation:anim 5s linear 1.2s infinite; }
.beijing-circle:nth-child(4){ animation:anim 5s linear 2.4s infinite; }
@keyframes anim { from { opacity:1; transform:scale(0); }
to { opacity:0; transform:scale(2); }
}

.stage .stimg p{ width:120px; height:125px; background:#FFF; position:absolute; left:-15px; bottom:-15px; z-index:9;}
.stage .wen{ width:450px; float:right;}
.stage .wen h3{ padding:70px 0 30px 0; font-size:46px; color:#D1D1D1;}
.stage .wen p{ line-height:30px; padding-bottom:35px; font-size:16px; color:#6A6A6A;}

/* 新闻资讯 */
.indnews{ padding:60px 0; background:#EEE; overflow:hidden;}
.indnews .w1700{ padding-top: 50px; }
.indnews dl{ width:265px; margin:0 20px 20px 0; padding:10px; background:#FFF; float:left; box-shadow:0px 3px 10px #DDD;}
.indnews dl.lr{ margin:0 0 20px 0;}
.indnews dl dd{ border-bottom:1px solid #DDD; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indnews dl dd img{ width: 100%; height:175px; margin-bottom: 15px; display: block; }
.indnews dl:hover dd{ border-bottom:1px solid #DD0000; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indnews dl dd h3{ font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.indnews dl:hover dd h3{ color:#DD0000; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.indnews dl dd p{ height:44px; line-height:22px; margin:10px 0;/* text-indent:2em;*/ color:#666;}
.indnews dl dt{ margin-top:10px; font-size:16px; color:#666; background:url(../images/arrow1.png) no-repeat 270px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indnews dl:hover dt{ background:url(../images/arrow1.png) no-repeat 295px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


/******************** 内页部分 ********************/
.contents{ width: 100%; background: #F1F1F1; overflow: hidden; }
.nybanner{ width: 100%; height: 370px; margin-top: 110px; text-align: center; }
.nybanner h5{ padding-top: 120px; font-size: 36px; color: #FFF; }
.nybanner p{ font-size: 28px; color: #cdcdcd;}
.nybanner i{ width: 50px; height: 2px; margin: 20px auto; background: #fff; display: block;}
.breadcrumbs {  height: 80px; line-height: 80px; }
.breadcrumbs p{  padding-left:28px;  font-size:14px; color: #999; background: url(../images/home.png) 0 33px no-repeat; float: left;}
.breadcrumbs p a{ color: #999;}
.breadcrumbs p a:hover{ color: #DD0000 }
.inside-nav{ float: right;}
.inside-nav li{  float: left; position: relative; text-align: center; margin-left: 20px; }
.inside-nav li:first-child{ margin-left: 0; }
.inside-nav li a{ font-size: 15px; color: #666; display: block; position: relative;  }
.inside-nav li.active a,.inside-nav li a:hover{ color: #DD0000; font-weight: bold;  }
.inside-nav li.active a:before,.inside-nav li a:hover:before{ content: ""; position: absolute; width: 100%; height: 5px; background: #DD0000; left: 0; bottom: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px;}

/* 公司介绍 */
.abouts{ width:1040px; overflow: hidden; background: #fff; line-height: 28px !important; color: #555 !important; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); padding: 50px 80px; margin: 0 auto 80px auto;}
.abouts p{ line-height: 28px !important; color: #555 !important; }
.abouts img{ max-width:100%;}

/*企业文化*/
.culture{ padding:30px 80px 50px 80px; }
.culture ul{ overflow: hidden; }
.culture li{ width: 100%; float: left; position: relative; padding:30px 0; border-bottom: 1px dashed #DD0000; }
.culture li .scale-img{ width: 420px; height: 280px; overflow: hidden; position: relative; display: block; float: left; }
.culture li .scale-img img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.culture li .scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.culture-main{ width: 560px; height: 280px; float: right; display: flex; justify-content: left; align-items: center; }
.culture-main h5{ font-size: 24px; color:#323232; line-height: 100%;}
.culture-main h5 i{ display: inline-block; font-size: 16px; color: #999; font-weight: normal; }
.blue-line{ width: 50px; height: 1px; background: #DD0000; margin-top:20px; }
.culture-main p{ font-size: 14px; color: #666; line-height: 36px; margin-top: 9px; text-indent: 0;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical;  }

/*荣誉资质*/
.honor{ width:1100px; padding:60px 50px 50px 50px; }
.honor ul{ overflow: hidden; margin-bottom: 5px; }
.honor li{ width: 260px; height: auto;  float: left; margin: 0 20px 20px 0;} 
.honor li.lr{ margin: 0 0 20px 0;}
.honor li a{ width: 100%; height:190px; border:1px solid #dcdcdc; overflow: hidden; position: relative; display: block; }
.honor li a img{ width: 100%; height: 100%; display: block; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.honor li:hover a img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.honor li p{ font-size: 18px; text-align: center; line-height: 100%; margin-top: 15px; color: #666 }
.honor li:hover p{ color: #DD0000}
.honor li:hover a{ border-color: #DD0000 }

/*发展历程*/
.history{ width: 1080px; padding:60px;}
.history-main{ position: relative; }
.history-main:before{ content: ""; position: absolute; width: 11px; height: 11px; background: url(../images/red-point.jpg) no-repeat; left: 50%; margin-left: -5.5px; top: -11px; }
.history ul{ position: relative; overflow: hidden}
.history ul li { padding: 50px 0  0 0; position: relative; float: left; width:100%}
.history .dotted-line { height: 100%; position: absolute;border-right: 1px dotted #d2d2d2;top: 0; left: 50%; margin-left: -0.5px;}
.history ul li .fz-txt {  width: 42%; height: 242px;  padding: 20px 0  30px 0;  position: relative;}
.history ul li:nth-child(even) img { width:480px; float: right;}
.history ul li:nth-child(odd) img { width:480px; float: left; }
.history ul li:nth-child(even) .fz-txt {  padding-right: 80px;   float: left;}
.history ul li:nth-child(odd) .fz-txt {  padding-left: 80px; float: right;}
.history ul li .fz-txt h2 { font-size: 36px; color: #DD0000;  font-family: "Arial"}
.history ul li .fz-txt p {font-size: 18px;line-height: 36px; margin-top: 20px; color: #666; text-indent: 0;}
.history .line-red {  width: 15px;  height: 3px;  background: #e50112;  margin-top: 20px;}
.his-dot {
    position:absolute;
    left:0;
    top:50%;
    right: 0;
    margin: 0 auto;
    margin-top: -18px;
    width:36px;
    height:36px
}
.his-dot div {
    position:absolute;
    top:50%;
    left:50%;
    background:#e50112;
    width:36px;
    height:36px;
    margin-left:-18px;
    margin-top:-18px;
    opacity:1;
    border-radius:50%;
    animation: 2s linear infinite;
    -webkit-animation: 2s linear infinite;
    -ms--webkit-animation: 2s linear infinite;
    -moz--webkit-animation: 2s linear infinite;
    -o--webkit-animation: 2s linear infinite;
}
.his-dot div.c1 {
    width:13px;
    height:13px;
    margin-left:-6.5px;
    margin-top:-6.5px;
    opacity:1;
    border-radius:50%
}
.his-dot div.c2 {
    -webkit-animation-name:c2;
    -webkit-animation-delay:.6s;
    -ms-animation-name:c2;
    -ms-animation-delay:.6s;
    -moz-animation-name:c2;
    -moz-animation-delay:.6s;
    -o-animation-name:c2;
    -o-animation-delay:.6s;
    animation-name:c2;  
    animation-delay:.6s; 
}
.his-dot div.c3 {
    -webkit-animation-name:c2;
    -webkit-animation-delay:1.2s;
    -ms-animation-name:c2;
    -ms-animation-delay:1.2s;
    -moz-animation-name:c2;
    -moz-animation-delay:1.2s;
    -o-animation-name:c2;
    -o-animation-delay:1.2s;
    animation-name:c2; 
    animation-delay:1.2s;
}
@-webkit-keyframes c2 {
    0% {
        -webkit-transform:scale(.222);
        -ms-transform:scale(.222);
        -moz-transform:scale(.222);
        -o-transform:scale(.222);
        transform:scale(.222);
        opacity:1
    }
    50% {
        -webkit-transform:scale(.622);
        -ms-transform:scale(.622);
        -moz-transform:scale(.622);
        -o-transform:scale(.622);
        transform:scale(.622);
        opacity:.4
    }
    98% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:.2
    }
    100% {
        opacity:0
    }
}
@-ms-keyframes c2 {
    0% {
        -webkit-transform:scale(.222);
        -ms-transform:scale(.222);
        -moz-transform:scale(.222);
        -o-transform:scale(.222);
        transform:scale(.222);
        opacity:1
    }
    50% {
        -webkit-transform:scale(.622);
        -ms-transform:scale(.622);
        -moz-transform:scale(.622);
        -o-transform:scale(.622);
        transform:scale(.622);
        opacity:.4
    }
    98% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:.2
    }
    100% {
        opacity:0
    }
}
@-moz-keyframes c2 {
    0% {
        -webkit-transform:scale(.222);
        -ms-transform:scale(.222);
        -moz-transform:scale(.222);
        -o-transform:scale(.222);
        transform:scale(.222);
        opacity:1
    }
    50% {
        -webkit-transform:scale(.622);
        -ms-transform:scale(.622);
        -moz-transform:scale(.622);
        -o-transform:scale(.622);
        transform:scale(.622);
        opacity:.4
    }
    98% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:.2
    }
    100% {
        opacity:0
    }
}
@-o-keyframes c2 {
    0% {
        -webkit-transform:scale(.222);
        -ms-transform:scale(.222);
        -moz-transform:scale(.222);
        -o-transform:scale(.222);
        transform:scale(.222);
        opacity:1
    }
    50% {
        -webkit-transform:scale(.622);
        -ms-transform:scale(.622);
        -moz-transform:scale(.622);
        -o-transform:scale(.622);
        transform:scale(.622);
        opacity:.4
    }
    98% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:.2
    }
    100% {
        opacity:0
    }
}
@keyframes c2 {
    0% {
        -webkit-transform:scale(.222);
        -ms-transform:scale(.222);
        -moz-transform:scale(.222);
        -o-transform:scale(.222);
        transform:scale(.222);
        opacity:1
    }
    50% {
        -webkit-transform:scale(.622);
        -ms-transform:scale(.622);
        -moz-transform:scale(.622);
        -o-transform:scale(.622);
        transform:scale(.622);
        opacity:.4
    }
    98% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:.2
    }
    100% {
        opacity:0
    }
}

/* 产品中心 */
.prolist{ padding: 10px 0 40px 0; }
.procon{ }
.procon dl{ width:285px; height:285px; margin:0 20px 20px 0; float:left; position:relative; overflow:hidden;}
.procon dl.lr{ margin:0 0 38px 0;}
.procon dl dt{ width:285px; height:285px;}
.procon dl dt img{ width:100%; height:100%;}
.procon dl dd.tit{ width:100%; height:60px; line-height: 60px; text-align: center; font-weight: bold; font-size: 20px; color: #FFF; position: absolute; left: 0; bottom: 0; background: rgba(231, 0, 21, .8); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.procon dl:hover dd.tit{ bottom:-60px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.procon dl dd.ddy{ width:100%; height:100%; position:absolute; top:-285px; left:0; background: rgba(255, 255, 255, .85); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.procon dl:hover dd.ddy{ top:0; left:0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.procon dl dd.ddy h3{ width:100%; padding:35px 0 0 0; text-align:center; font-size:18px; font-weight:bold; color:#333;}
.procon dl dd.ddy p{ line-height: 25px; padding:20px 20px 0 20px; font-size:13px; color:#666;}
.procon dl dd.ddy span{ width:130px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#DD0000; border:1px solid #DD0000; border-radius:17px; margin:20px auto; display:block;}

.imglist{ width:70%; margin:30px auto; border:1px solid #DDD; overflow:hidden; position:relative;}
.imglist .slides{ position:relative; z-index:1;}
.imglist .slides li img{ width:100%; display:block;}
.imglist .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:40px; z-index:2;}
.imglist .flex-control-nav li{ width:28px; height:6px; margin:0 5px; display:inline-block; }
.imglist .flex-control-nav a{ width:28px; height:6px; line-height:40px; overflow:hidden; background:#999; cursor:pointer; display:inline-block;}
.imglist .flex-control-nav .flex-active{ background:#DD0000;}
.imglist .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%;}
.imglist .flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.imglist .flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.imglist .flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

/* 行业方案 */
.falist{ padding:0 0 60px 0; }
.facon{ padding:0 0 40px 0; overflow:hidden;}
.facon dl{ width:319px; height:319px; margin:40px 26px 0 0; float:left; position:relative; overflow:hidden;}
.facon dl.lr{ margin:40px 0 0 0;}
.facon dl dt{ width:319px; height:319px;}
.facon dl dt img{ width:100%; height:100%;}
.facon dl dd{ width:259px; position:absolute;}
.facon dl dd.dd1{ width:299px; height: 24px; line-height: 24px;  padding: 10px 0  10px 20px; left:0; bottom:0px; font-size:24px; color:#FFF; background: #DD0000; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; text-align:center;}
.facon dl:hover dd.dd1{ bottom:-65px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.facon dl dd.dd2{ width:259px; height:319px; padding:0 30px; left:-319px; bottom:0; background:rgba(0,0,0,0.3); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.facon dl:hover dd.dd2{ left:0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.facon dl dd.dd2 h3{ padding:60px 0 30px 0; font-size:30px; color:#FFF;}
.facon dl dd.dd2 p{ line-height:25px; font-size:14px; color:#FFF;}

/* 服务案例 */
.caselist{ width: 1200px; overflow: hidden; background: #FFF; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); padding: 50px 100px; margin: 0 auto 80px auto;}
.casecon{ overflow: hidden; }
.casecon li{ width: 460px; margin: 0 35px 35px 0; border: 8px solid #F0F0F0; background: #F0F0F0; float: left; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.casecon li:hover{ border: 8px solid #DD0000; background: #DD0000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.casecon li.lr{ margin: 0 0 35px 0;}
.casecon li span{ width: 460px; height: 305px; display: block; }
.casecon li span img{ width: 100%; height: 100%; }
.casecon li h3{ padding: 15px 0 10px 0; text-align: center; font-size: 16px; color: #9A9A9A; font-weight: normal; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.casecon li p{ padding: 15px 0; text-align: center; font-size: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.casecon li:hover p,.casecon li:hover h3{ color: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

/* 新闻资讯 */
.newslist{ width: 1080px; overflow: hidden; background: #FFF; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); padding: 50px 60px 30px 60px; margin: 0 auto 80px auto;}
.newslist ul{ margin-bottom: 30px; }
.newslist li{ float: left; width: 100%; height:240px; margin-bottom: 40px;  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.newslist li .scale-img{ display: block; position: relative; width: 360px; height:100%; overflow: hidden;  }
.newslist li .scale-img img{ width: 100%; height: 100%; position: relative; z-index: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.newslist li:hover .scale-img img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news-r{ width: 620px; height: 100%; padding: 0 50px; display: flex; justify-content: center; align-items: center;}
.news-r a{ display: block;width:100%  }
.news-r h5{ font-size: 20px; color: #1b1b1b; font-weight: normal;  line-height: 30px;  overflow: hidden;}
.news-r h5 i{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; float:left;color: #1b1b1b; font-style: normal; }
.news-r h5 em{ float: right; font-size: 14px; color: #999; background: url(../images/time.png) 0 2px no-repeat; padding-left: 22px; }
.news-r p{ font-size: 14px; line-height: 30px; color: #999999; margin-top: 22px; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.news-r span{ display: block; width: 135px; height: 40px; position: relative; line-height: 40px; border:1px solid #666666; color: #666666; text-align: center; font-size: 14px; margin-top: 22px;}
.news-r span:before{ display:none; content: ""; position: absolute; width: 51px; height: 19px; background: url(../images/news-jt.png) 0 0 no-repeat; right: -30px; top: 10px; }
.join{ width: auto;}
.newslist li:hover h5 i{ color: #DD0000 }
.newslist li:hover .news-r span{ border-color: #DD0000; background: #DD0000; color: #fff; }

/*新闻详情*/
.newsdeail{ width: 1100px; overflow: hidden; background: #FFF; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); padding: 50px; margin: 0 auto 80px auto;}
.news-article-left{ width: 750px; }
.news-article-left h1{ font-size: 24px; line-height: 24px;  color: #333;  text-align: center;  font-weight: normal;}
.news-article-left-top { margin-top: 10px;  display: flex;  justify-content: center;  border-bottom: 1px dashed #d9d9d9;   padding-bottom: 10px;}
.news-article-left-top span { display: inline-block; font-size: 14px;  color: #999;  line-height: 30px;  margin-right: 20px;}
.show-article-body{ margin-top: 20px; font-size: 16px; line-height: 32px; color: #555; border-bottom: 1px dashed #d9d9d9; padding-bottom: 30px;}
.show-article-body p{ margin-bottom: 15px; font-size: 16px; line-height: 32px; color: #555;  }
.show-article-body img{ max-width: 100%; display: block; margin:20px auto; }
.getPre{ overflow: hidden; margin-top: 30px;}
.getPre dl{ width: 70%; float: left; }
.getPre dl dd{ width: 100%; font-size: 16px; color: #999; line-height: 30px; margin-bottom: 10px;    display: inline-flex;float: left;}
.getPre dl dd a{ color: #999; line-height: 30px; display: inline-block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.getPre dl dd:last-child{ margin-bottom: 0; }
.getPre dl dd a:hover,.getPre dl dd:hover{ color: #DD0000 }
.back-list{ width:80px; height:35px; font-size: 14px; line-height: 33px; border:1px solid #DD0000; border-radius: 5px; color: #DD0000; margin-top: 15px;  float: right; display: block; text-align: center;}
.back-list:hover{ background: #DD0000;color: #fff;}
.news-article-right{ width: 300px; }
.news-article-right-top{ margin-bottom: 35px; }
.news-article-right-top h5{ height: 70px; background: url(../images/news-right-title.png) no-repeat right center; padding-left: 30px; line-height: 70px; font-size: 22px; color: #fff; font-weight: normal; }
.news-article-right-top ul{ padding-top: 18px; overflow:hidden; padding:20px 20px 0;box-shadow: 0px 0px 23.56px 7.44px rgba(0, 0, 0, 0.09); }
.news-article-right-top ul li{ width: 100%; border-bottom: 1px solid #e6e6e6;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-bottom: 20px; margin-bottom: 20px; padding-right: 0; height: auto; box-shadow: none;}
.news-article-right-top ul li a{ width: 100%; display: block; font-size: 16px; color: #333; line-height: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.news-article-right-top ul li:hover a{ color: #DD0000; }
.news-article-right-top ul li span{ margin-top: 10px; color: #a6a6a6;display: block; line-height: 100%;}
.news-article-right-top ul li:last-child{ border-bottom: 0 }

/* 联系我们 */
.contacts{ width: 1080px; overflow: hidden; background: #FFF; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); padding: 50px 60px; margin: 0 auto 80px auto;}
.contact-one{ overflow: hidden; width: 100%; }
.contact-one-l{ width: 440px; max-width: 840px; height: 220px; background: #f5f5f5; padding: 40px 70px;}
.contact-one-l img{ max-width: 100%; }
.contact-one-l a{ display: block; }
.contact-one-l h5{ font-weight: normal; font-size: 18px; color: #666666; background: url(../images/contact-tel.png) 0 4px no-repeat; padding-left: 30px; margin-top: 20px; }
.contact-one-l h4{ margin-bottom:10px; font-size: 36px; line-height: 44px; font-family: "Arial"; color: #e70015; }
.contact-one-l p{ font-size: 16px; line-height: 34px; color: #666666; }
.contact-one-r{ width: 500px; height: 300px; background: url(../images/contact-one-r.png) no-repeat; display: flex; justify-content: center; align-items: center }
.contact-one-r ul{ text-align: center }
.contact-one-r li{ display: inline-block; margin-left: 63px;  width: 125px; }
.contact-one-r li img{ max-width:115px; border:5px solid #fff; }
.contact-one-r li:first-child{ margin-left: 0; }
.contact-one-r li p{ color: #fff; line-height: 48px; font-size: 16px; text-align: center;}
.contact-two{ margin-top:40px;}
.contact-two-bot{ width: 100%; height: 70px; background: #f5f5f5; margin-top: 10px; }
.contact-two-bot ul{ text-align: center; }
.contact-two-bot li{ display: inline-block;  margin-left: 110px; font-size: 16px; color: #666666; line-height: 70px; padding-left: 40px;}
.contact-two-bot li.contact-two-bot-li1{ background: url(../images/ditie.png) 0 23px no-repeat; }
.contact-two-bot li.contact-two-bot-li2{ background: url(../images/chuzu.png) 0 23px no-repeat; }
.contact-two-bot li.contact-two-bot-li3{ background: url(../images/gongjiao.png) 0 23px no-repeat; }
.contact-two-bot li i{ font-weight: bold; color: #000; font-size: 18px; display: inline-block; font-style: normal; }
.contact-two-bot li:first-child{ margin-left: 0; }
#allmap{ width:50%; height:420px; border:#ccc solid 1px; float: right;}
.online{ width:486px;}
.online p{ width: 100%; float: left; margin-bottom: 30px; }
.online p label{ width: 70px; float: left; font-size: 18px;color: #333; line-height: 50px;}
.online p label i{ display: inline-block; color: #3fa8e8; margin-left: 5px; font-style: normal; }
.online p input{ width: calc( 100% - 72px ); float: left; width: 390px; height: 55px; line-height: 55px; color: #333; border:1px solid #cccccc; border-radius: 50px; padding:0 10px; font-size: 16px; }
.online .textarea label{width: 70px; float: left; font-size: 18px;color: #333;}
.online .textarea .textarea-other{ width: calc( 100% - 72px ); float: left; width: 390px; height: 140px; border: 1px solid #cccccc; border-radius: 15px; color: #333; padding: 10px; font-size: 16px; line-height: 32px;}
.online-tijiao{ text-align: center; }
.online-tijiao span{ margin-top: 40px; display: inline-block; }
.online-tijiao span:first-child{ margin-right: 85px;  }
.online-tijiao span input{ width: 180px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; background: #DD0000; border-radius: 50px; font-size: 20px; color: #fff; letter-spacing: 2px;}
.online-tijiao span:first-child+span input{ background: #a5a5a5 }

/* 分页 */
#mpage{ display:none}
#page{ text-align:center; padding:0; clear:both;}
#page li,#mpage li{ width: auto; height: auto; float: none; display:inline-block; vertical-align:middle; margin:0 3px;}
#page li a,#mpage li a{ display:block; height:42px; line-height:42px; padding:0 16px; color:#666; background:#FFF;}
#page li a.active,#page li a:hover{ background:#DD0000; color:#FFF;}

/* 公用底部 */
/*.backtop{ width:50px; height:50px; cursor:pointer; position:fixed; display:block; z-index:666; bottom:100px; right:50px; z-index:55; background:url(../images/goindex.png) center no-repeat #bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}*/
.right-fixed{ width: 60px;  position: fixed; top: 35%; right: 0; z-index: 10;  height: 270px;  margin-top: 35px; }
.right-fixed ul { width: 100%; zoom:1;}
.right-fixed li {  margin-bottom: 10px; position: relative;  width: 60px; height: 60px;  float: right;  line-height: 60px;  background: #ebebeb; transition: width .3s, background .3s, margin .3s;}
.right-fixed li.right-fixed1 {width: 200px;  margin-right: -140px;}
.right-fixed li.right-fixed2{ width: 140px; margin-right: -80px; }
.right-fixed li.right-fixed3{ width: 180px; margin-right: -120px; }
.right-fixed li a { display: block;  width: 100%;  height: 100%;}
.right-fixed li .ico { width: 60px; height: 60px; position: absolute;  top: 0;  right: 0;  transition: right .3s;}
.right-fixed li.right-fixed1 .ico, .right-fixed li.right-fixed2 .ico ,.right-fixed li.right-fixed3 .ico{left: 0;}
.right-fixed li .ico.ico01 {background: url(../images/right-i1.png) no-repeat center;}
.right-fixed li .ico.ico02 {background: url(../images/right-i2.png) no-repeat center;}
.right-fixed li .ico.ico03 {background: url(../images/right-i3.png) no-repeat center;}
.right-fixed li .ico.ico04 {background: url(../images/right-i4.png) no-repeat center;}
.right-fixed li p {
    font-size: 15px;
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
    transition: transform .3s;
}
.right-fixed li.right-fixed1 p, .right-fixed li.right-fixed2 p , .right-fixed li.right-fixed3 p{
    padding: 0 20px 0 60px;
}
.right-fixed li p img{ max-width:100px;}
.right-fixed li:hover {  background: #DD0000;}
.right-fixed li.right-fixed1:hover {margin-right: 0;width: 200px;}
.right-fixed li.right-fixed2:hover {margin-right: 0;width: 140px;}
.right-fixed li.right-fixed3:hover {margin-right: 0;width: 180px; background: #DD0000}
.right-fixed li.right-fixed3:hover p{ width: 120px; height:120px; border:2px solid #ccc; padding:0; background: #fff; }
.right-fixed li.right-fixed3:hover p img{ margin:11px; display: block; }
.right-fixed li:hover .ico, .right-fixed li.right-fixed1:hover .ico, .right-flex li.right-fixed3:hover .ico {right: 0;left: auto;}
.right-fixed li.right-fixed1:hover p,.right-fixed li.right-fixed2:hover p{ padding: 0 20px; }
.right-fixed li.right-fixed1:hover .ico.ico01 {background: url(../images/right-i1-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico02 {background: url(../images/right-i2-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico03 {background: url(../images/right-i3-hover.png) no-repeat center;} 
.right-fixed li.backtop{ display:block !important;}
.right-fixed li.backtop:hover .ico.ico04 {background: url(../images/right-i4-hover.png) no-repeat center;} 

.bottoms{ padding:30px 0; overflow:hidden;}
.bottoms .logo2{ width:234px; margin:30px 60px 0 0; float:left;}
.bottoms dl{ height:125px; padding:15px 60px 0 60px; border-left:1px solid #E9E9E9; float:left;}
.bottoms dl.ewm{ float: right; padding:15px 0 0 0; border:0;}
.bottoms dl.ewm2{ padding:15px 0 0 0; border:0; float:right;}
.bottoms dl dt{ padding-bottom:10px; font-size:16px; font-weight:bold; color:#6A6A6A;}
.bottoms dl dt img{ max-width:100%; display:block;}
.bottoms dl dd{ line-height:28px; font-size:14px; color:#686868;}
.bottoms dl.ewm dt,.bottoms dl.ewm2 dt{ width:110px; padding-bottom:5px;}
.bottoms dl.ewm dd,.bottoms dl.ewm2 dd{ text-align:center;}
.bottoms dl dd.adds{ padding-left:20px; background:url(../images/addbg.png) no-repeat left center;}
.bottoms dl dd.tel1{ padding-left:25px; background:url(../images/telbg.png) no-repeat left center;}
.bottoms dl dd.tel2{ padding-left:25px; background:url(../images/tel2bg.png) no-repeat left center;}
.botnav{ height:70px; line-height:70px; text-align:center; font-size:16px; color:#E0E0E0; background:#DD0000;}
.botnav a{ padding:0 30px; font-size:16px; color:#E0E0E0;}
.botnav a:hover{ text-decoration: underline; }
.copyright{ line-height:28px; padding:20px 0; text-align:center; font-size:14px; color:#9E9E9E; }
.copyright a{ color:#9E9E9E;}
.copyright a:hover{ color:#DD0000;}