@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl {float: left;}
.fr {float: right;}
.container{display: block; max-width:1400px;  margin: 0 auto; width:100%; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

/*banner*/
.banner{}
.banner img{ width:100%; display:block;}
.banner .ban-prev,.banner .ban-next{ width:50px; height:100px; position:absolute; top:50%; margin-top:-50px; z-index:100; cursor:pointer;}
.banner .ban-prev{ left:2.5%; background:url(../images/ban-prev.png) no-repeat center center; background-size:cover;}
.banner .ban-next{ right:2.5%; background:url(../images/ban-next.png) no-repeat center center; background-size:cover;}
.banner .swiper-pagination{ line-height:0; bottom:80px;}
.banner .swiper-pagination .swiper-pagination-bullet{ opacity:1; width:30px; height:30px; position: relative; background:none; border-radius:50%; margin:0 7px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:6px; height:6px; border-radius:50%; background:#ffffff; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ border:1px solid #ffffff;}
.numlist{ max-width:1360px; width:87%;  margin:-40px auto 0 auto; background:#ffffff; overflow: hidden; box-shadow: 0 0 20px #cccccc; text-align:center; padding:35px 0; position:relative; z-index:100;border-radius:6px;}
.numlist li{ float:left; width:20%;}
.numlist li .num{ font-family:Impact; color:#c21824; font-size:46px; }
.numlist li .tit{ color:#4f4f4f; font-size:20px; }
/*banner*/
.htit{ text-align:center; margin:7% 0 4% 0;}
.htit h3{ color:#111111; font-size:48px; font-weight:normal; line-height:1;}
.htit p{ color:#4f4f4f; font-size:18px; margin-top:1.8%;}
/*动态房屋图*/
.housebj{ background:url(../images/housebj.png) no-repeat center center; background-size:100% auto;}
.house{ margin-bottom:7%; position:relative;}
.house>img{ width:100%; display:block;}
.house .spot{ cursor:pointer; z-index:10; position:absolute; width:20px; height:20px; margin:-10px 0 0 -10px;  }
.house .spot:before{content:""; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; position:absolute; background:#e84752; left:50%; top:50%; z-index:2;}
.house .spot:after{ content:""; width:20px; height:20px; border-radius:50%; background:rgba(232,71,82,0.3); position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; animation: infinite spotbj 1s ease;}
.house .spot01{ left:23.2%; top:10.8%;}
.house .spot02{ left:37.92%; top:41%;}
.house .spot03{ left:43.78%; top:41%;}
.house .spot04{ left:7.71%; top:50.61%;}
.house .spot05{ left:73.78%; top:36.1%;}
.house .spot06{ left:68.15%; top:44.7%;}
.house .spot07{ left:15.57%; top:83.58%;}
.house .spot08{ left:20.45%; top:79.38%;}
.house .spot09{ left:24.14%; top:83.58%;}
.house .spot10{ left:31.5%; top:74.7%;}
.house .spot11{ left:38.85%; top:92.1%;}
.house .spot12{ left:51.42%; top:74.56%;}
.house .spot13{ left:50%; bottom:1.15%;}
.house .spot14{ left:80.71%; top:73.82%;}
.hxian{ position:absolute;}
/*1*/
.hxian01_01{ width:1.71%; left:12.16%; top:84.4%; }
.hxian01_01 .img{ width:0; height:2px; float:right; background:url(../images/xian01_01.png) repeat-y left bottom;}
.hxian01_01.move .img{ width:100%; transition:0.3s}
.hxian01_02{ height:17.9%; left:12.16%; top:66.6%; }
.hxian01_02 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian01_02.png) repeat-y left top;}
.hxian01_02.move .img{ height:100%; transition:0.5s 0.3s}
.hxian01_03{ width:50.64%; left:12.16%; top:66.6%; }
.hxian01_03 .img{ width:0;  height:2px; background:url(../images/xian01_03.png) repeat-y left bottom;}
.hxian01_03.move .img{ width:100%; transition:0.8s 0.8s}
.hxian01_04{ height:39.01%; left:62.7%; top:27.65%; }
.hxian01_04 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian01_04.png) repeat-y left top;}
.hxian01_04.move .img{ height:100%; transition:0.5s 1.6s}
.hxian01_05{ width:4.85%; left:58%; top:27.4%; }
.hxian01_05 .img{ width:0; height:2px; float:right; background:url(../images/xian01_05.png) repeat-y left bottom;}
.hxian01_05.move .img{ width:100%; transition:0.3s 2.1s}
/*1*/
/*2*/
.hxian02_01{ width:3.85%; left:14.07%; top:56.29%; }
.hxian02_01 .img{ width:0; height:2px; background:url(../images/xian02.png) repeat-x left top;}
.hxian02_01.move .img{ width:100%; transition:0.3s}
.hxian02_02{ height:45.8%; left:17.92%; top:10.74%; }
.hxian02_02 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian02.png) repeat-y left top;}
.hxian02_02.move .img{ height:100%; transition:0.7s 0.3s}
.hxian02_03{ height:8.14%; left:17.92%; top:56.54%; }
.hxian02_03 .img{ height:0; width:2px; background:url(../images/xian02.png) repeat-y left top;}
.hxian02_03.move .img{ height:100%; transition:0.3s 0.3s}
.hxian02_04{ width:3.28%; left:17.92%; top:10.74%; }
.hxian02_04 .img{ width:0; height:2px; background:url(../images/xian02.png) repeat-x left top;}
.hxian02_04.move .img{ width:100%; transition:0.3s 1s}
.hxian02_05{ width:53%; left:17.92%; top:36.17%; }
.hxian02_05 .img{ width:0; height:2px; background:url(../images/xian02.png) repeat-x left top;}
.hxian02_05.move .img{ width:100%; transition:1.35s 0.65s}
.hxian02_06{ height:3.8%; left:37.85%; top:36.17%; }
.hxian02_06 .img{ height:0; width:2px;  background:url(../images/xian02.png) repeat-y left top;}
.hxian02_06.move .img{ height:100%; transition:0.3s 0.9s}
.hxian02_07{ height:3.8%; left:43.6%; top:36.17%; }
.hxian02_07 .img{ height:0; width:2px;  background:url(../images/xian02.png) repeat-y left top;}
.hxian02_07.move .img{ height:100%; transition:0.3s 1s}
.hxian02_08{ width:14.28%; left:17.92%; top:64.4%; }
.hxian02_08 .img{ width:0; height:2px; background:url(../images/xian02.png) repeat-x left top;}
.hxian02_08.move .img{ width:100%; transition:0.3s 0.6s}
.hxian02_09{ height:7.9%; left:32.2%; top:64.4%; }
.hxian02_09 .img{ height:0; width:2px;  background:url(../images/xian02.png) repeat-y left top;}
.hxian02_09.move .img{ height:100%; transition:0.3s 0.9s}
.hxian02_10{ width:19.14%; left:32.2%; top:70%; }
.hxian02_10 .img{ width:0; height:2px; background:url(../images/xian02.png) repeat-x left top;}
.hxian02_10.move .img{ width:100%; transition:0.5s 1.2s}
.hxian02_11{ height:2.83%; left:51.2%; top:70%; }
.hxian02_11 .img{ height:0; width:2px; background:url(../images/xian02.png) repeat-y left top;}
.hxian02_11.move .img{ height:100%; transition:0.3s 1.7s}
/*2*/
/*3*/
.hxian03_01{ width:0.85%; height:1.23%; left:9.21%; top:91.5%;}
.hxian03_01 .img{ width:0; height:100%; background:url(../images/xian03_01.png) no-repeat left center; background-size:auto 100%;}
.hxian03_01.move .img{ width:100%; transition:0.3s}
.hxian03_02{ height:24.3%; left:9.8%; top:67.4%; }
.hxian03_02 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian03.png) repeat-y left top;}
.hxian03_02.move .img{ height:100%; transition:0.7s 0.3s}
.hxian03_03{ width:52.42%; left:9.8%; top:67.28%; }
.hxian03_03 .img{ width:0; height:2px; background:url(../images/xian03.png) repeat-x left top;}
.hxian03_03.move .img{ width:100%; transition:1s 1s}
.hxian03_04{ height:39.25%; left:62.14%; top:28.2%; }
.hxian03_04 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian03.png) repeat-y left top;}
.hxian03_04.move .img{ height:100%; transition:0.7s 2s}
.hxian03_05{ width:5%; left:57.14%; top:28.2%; }
.hxian03_05 .img{ width:0; height:2px; float:right; background:url(../images/xian03.png) repeat-x left top;}
.hxian03_05.move .img{ width:100%; transition:0.3s 2.7s}
.hxian03_06{ width:4.71%; left:62.14%; top:46.66%; }
.hxian03_06 .img{ width:0; height:2px; background:url(../images/xian03.png) repeat-x left top;}
.hxian03_06.move .img{ width:100%; transition:0.3s 2.2s}
/*3*/
/*4*/
.hxian04_01{ height:13.2%; left:19.28%; top:80.6%; }
.hxian04_01 .img{ height:0; width:2px;  background:url(../images/xian04.png) repeat-y left top;}
.hxian04_01.move .img{ height:100%; transition:0.5s}
.hxian04_02{ width:4.4%; left:15%; top:92.22%; }
.hxian04_02 .img{ width:0; height:2px; background:url(../images/xian04.png) repeat-x left top; float:right;}
.hxian04_02.move .img{ width:100%; transition:0.4s 0.4s}
.hxian04_03{ width:4.4%; left:19.4%; top:92.22%; }
.hxian04_03 .img{ width:0; height:2px; background:url(../images/xian04.png) repeat-x left top;}
.hxian04_03.move .img{ width:100%; transition:0.4s 0.4s}
.hxian04_04{ height:1.2%; left:15%; top:91%; }
.hxian04_04 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian04.png) repeat-y left top;}
.hxian04_04.move .img{ height:100%; transition:0.2s 0.8s}
.hxian04_05{ height:1.2%; left:23.68%; top:91%; }
.hxian04_05 .img{ height:0; width:2px; position:absolute; left:0; bottom:0; background:url(../images/xian04.png) repeat-y left top;}
.hxian04_05.move .img{ height:100%; transition:0.2s 0.8s}
.hxian04_06{ width:19%; left:19.3%; top:93.52%; }
.hxian04_06 .img{ width:0; height:2px; background:url(../images/xian04.png) repeat-x left top;}
.hxian04_06.move .img{ width:100%; transition:1s 0.5s}
.dinuan{left:38.7%; top:91%; width:25.46%; height:5.3%; }
.hxian04_07 .img{ width:0; height:100%; background:url(../images/xian04_01.png) no-repeat left top; background-size:auto 100%;}
.hxian04_07.move .img{ width:2%; transition:0.5s 1.5s}
.hxian04_08 .img{ width:100%; height:0; position:absolute; left:0; bottom:0; background:url(../images/xian04_02.png) no-repeat left bottom; background-size:100% auto;}
.hxian04_08.move .img{ height:100%; transition:0.3s 1.7s}
.hxian04_09 .img{ width:0; height:100%;background:url(../images/xian04_03.png) no-repeat left top; background-size:auto 100%;}
.hxian04_09.move .img{ width:100%; transition:0.5s 2s}
.hxian04_10 .img{width:100%; height:0; background:url(../images/xian04_04.png) no-repeat left top; background-size:100% auto;}
.hxian04_10.move .img{ height:100%; transition:0.3s 2.5s}
.hxian04_11 .img{ float:right; height:100%; width:0; background:url(../images/xian04_05.png) no-repeat right top; background-size:auto 100%;}
.hxian04_11.move .img{ width:100%; transition:0.5s 2.8s}
.hxian04_12 .img{width:100%; height:0; background:url(../images/xian04_06.png) no-repeat left bottom;position:absolute; left:0; bottom:0;  background-size:100% auto;}
.hxian04_12.move .img{ height:100%; transition:0.3s 3.3s}
.hxian04_13 .img{ width:0; height:100%; background:url(../images/xian04_07.png) no-repeat left top; background-size:auto 100%;}
.hxian04_13.move .img{ width:100%; transition:0.5s 3.6s}
.hxian04_14 .img{width:100%; height:0; background:url(../images/xian04_08.png) no-repeat left top; background-size:100% auto;}
.hxian04_14.move .img{ height:100%; transition:0.3s 4.1s}
.hxian04_15 .img{ float:right; height:100%; width:0; background:url(../images/xian04_09.png) no-repeat right top; background-size:auto 100%;}
.hxian04_15.move .img{ width:100%; transition:0.5s 4.4s}
.hxian04_16 .img{width:100%; height:0; background:url(../images/xian04_10.png) no-repeat left bottom;position:absolute; left:0; bottom:0;  background-size:100% auto;}
.hxian04_16.move .img{ height:100%; transition:0.3s 4.9s}
.hxian04_17 .img{ width:0; height:100%; background:url(../images/xian04_11.png) no-repeat left top; background-size:auto 100%;}
.hxian04_17.move .img{ width:100%; transition:0.5s 5.2s}
.hxian04_18 .img{width:100%; height:0; background:url(../images/xian04_12.png) no-repeat left top; background-size:100% auto;}
.hxian04_18.move .img{ height:100%; transition:0.2s 5.7s}
.hxian04_19 .img{ float:right; height:100%; width:0; background:url(../images/xian04_13.png) no-repeat right top; background-size:auto 100%;}
.hxian04_19.move .img{ width:100%; transition:0.5s 5.9s}
.hxian04_20 .img{width:100%; height:0; background:url(../images/xian04_14.png) no-repeat left bottom;position:absolute; left:0; bottom:0;  background-size:100% auto;}
.hxian04_20.move .img{ height:100%; transition:0.2s 6.4s}
.hxian04_21 .img{ width:0; height:100%; background:url(../images/xian04_15.png) no-repeat left top; background-size:auto 100%;}
.hxian04_21.move .img{ width:100%; transition:0.5s 6.6s}
/*4*/
/*动态房屋图*/
@keyframes spotbj{
0%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
50%{ transform:scale(0); -ms-transform:scale(0); opacity:0;}
100%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
}
@-ms-keyframes spotbj{
0%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
50%{ transform:scale(0); -ms-transform:scale(0); opacity:0;}
100%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
}
/*行业应用*/
.industry{ background: url(../images/industry.jpg) no-repeat center center; background-size:cover; padding:7% 0;}
.industry .container{ position:relative;}
.industry_tit{ position:absolute; left:0; top:0;}
.industry_tit h2{ color:#fff; font-size:46px; line-height:1;}
.industry_tit p{ color:#c3c3c3; line-height:2; font-size:18px; margin-top:30px;}
.industry_list{ width:91%; margin-left:9%; overflow:hidden;}
.industry_list li{ width:25%; float:left; text-align:center; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.industry_list li.li01{ margin-left:25%;}
.industry_list li.li01,.industry_list li.li02,.industry_list li.li03,.industry_list li.li04{ border-top:1px solid #d9d9d9;}
.industry_list li.li01,.industry_list li.li04{ border-left:1px solid #d9d9d9;}
.industry_list li a{ display:block; padding:30px 0;}
.industry_list li .ico{ width:84px; margin:0 auto;}
.industry_list li .ico img{ display:block; width:100%;}
.industry_list li h3{ color:#fff; margin:10px 0;}
.industry_list li .info{ color:#a4a4a4; font-size:14px; line-height:24px; height:48px;  display: flex; align-items: center; position:relative; }
.industry_list li .info div{ width:100%;}
.industry_list li .info .more{ height:23px; position:absolute; top:50%; margin-top:-11.5px; left:0; opacity:0;}
.industry_list li .info .more img{ display:block; height:100%; margin:0 auto;}
.industry_list li:hover h3{ color:#c21824;}
.industry_list li:hover .info p{opacity:0;}
.industry_list li:hover .info .more{ opacity:1;}
/*行业应用*/
/*案例*/
.homecase{ overflow:hidden; position:relative; height:800px; margin-bottom:4%;}
.homecase li{ position:absolute; width:32.8%; } 
.homecase li a{ display:block; height:100%;}
.homecase li .tit{ position:absolute; left:0; width:100%; bottom:0; text-align:center; color:#ffffff; font-size:18px; background: url(../images/titbj.png) repeat-x left center; background-size: auto 100%; height:100px; padding-top:50px;}
.homecase li.case01{ left:0; top:0; height:64.3%;}
.homecase li.case02{ left:0; bottom:0; height:34.3%;}
.homecase li.case03{ left:33.6%; top:0; height:34.3%;}
.homecase li.case04{ left:33.6%; bottom:0; height:64.3%;}
.homecase li.case05{ right:0; top:0; height:34.3%;}
.homecase li.case06{ right:0; bottom:32.85%; height:31.45%;}
.homecase li.case07{ right:0; bottom:0; height:31.45%;}
.homecase li:hover a{ background:rgba(194,24,36,0.2);}
.homemore{ text-align:center; line-height:40px; }
.homemore a{ display:inline-block; background:url(../images/more2.png) no-repeat left center; padding-left:70px; color:#c21824; font-size:18px;}
.homemore a:hover{ text-decoration:underline;}
.homemore3{ margin-bottom:4%;}
/*案例*/
/*解决方案*/
.programme{ overflow:hidden; }
.programme li{ float:left; position:relative; }
.programme li a{ display:block; overflow:hidden; }
.programme li img{ width:100%;}
.programme li.li01{width:49.5%; margin-bottom:1%;}
.programme li.li02{width:49.5%; margin-left:1%; margin-bottom:1%;}
.programme li.li03{width:24.25%; margin-right:1%;}
.programme li.li04{width:24.25%; margin-right:1%;}
.programme li.li05{width:24.25%; margin-right:1%;}
.programme li.li06{width:24.25%; }
.programme li .txt{ position:absolute; line-height:1; z-index:1; }
.programme li .txt h3{ color:#302b25; font-size:24px; font-weight:normal;}
.programme li .txt p{ color:#7a7563; font-size:14px; }
.programme li .txt01{top:16%; left:8%;}
.programme li .txt01 p{ margin-top:20px;}
.programme li .txt02{ top:11%; left:14%;}
.programme li .txt02 h3{ float:left; width:24px; }
.programme li .txt02 p{ float:left; width:14px; margin-left:14px;}
/*解决方案*/
/*新闻资讯*/
.hnbj{ background:#fafafa; position:relative; }
.hnbj:after{ content:""; width:21px; height:33%; position:absolute; left:0; top:0; background:#c21824;}
.hnbj .san{ height:200px; position:absolute; right:0; bottom:-100px;}
.hnbj .san img{ height:100%; display:block;}
.hntit{ background:url(../images/hntit.png) no-repeat right center; background-size:auto 100%; overflow:hidden; margin-top:7%;}
.hntit h2{ color:#1d1d1d; font-size:48px;}
.hntit p{ color:#4f4f4f; font-size:18px; margin-top:1%;}
.homenews{ margin:2.5% 0 7% 0; overflow:hidden;}
.newsban{ width:45%;}
.newsban .img{ height:440px; overflow:hidden;}
.newsban .swiper-slide{ width:100%;}
.newsban .swiper-slide a{ display:block;}
.newsban .txt{ width:85%; height:170px; background:#ffffff; margin:-85px auto 0 auto; text-align:center; overflow: hidden; padding:0 20px; position:relative; z-index:1;border-radius: 6px;}
.newsban .txt h3{ color:#1d1d1d; font-size:20px; font-weight:normal; margin-top:70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsban .txt p{ color:#767676; font-size:16px; margin-top:2%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsban .swiper-slide:hover .txt h3{ color:#c21824;}
.newsban .swiper-pagination{ line-height:0; bottom:125px;}
.newsban .swiper-pagination .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; border-radius:50%; margin:0 6px; background:#c0c7ca;}
.newsban .swiper-pagination .swiper-pagination-bullet-active{ background:#ff0000; }
.newstab{ width:52%;}
.tabnav{ overflow:hidden;}
.tabnav li{ float:left; background:#e9e9e9; color:#1d1d1d; margin-right:10px; text-align:center; border-radius: 6px;margin:6px;}
.tabnav li a{ display:block;}
.tabnav li.on,.tabnav li:hover{ background:#c21824; color:#ffffff;border-radius:6px}
.hnlist{ overflow:hidden; margin:2% 0 4% 0;}
.hnlist li{ float:left; width:100%; line-height:52px; border-bottom:1px dotted #dadada; overflow:hidden; color:#4f4f4f; font-size:16px;}
.hnlist li a{ display:block; overflow:hidden;}
.hnlist li .tit{ float:left; position:relative; padding-left:12px; width:78%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li .tit:after{ content:""; width:2px; height:2px; background:#4f4f4f; position:absolute; left:4px; top:50%; margin-top:-1px;}
.hnlist li .time{ float:right;}
.hnlist li:hover{ color:#c21824; }
.hnlist li:hover .tit:after{ background:#c21824; }
.homemore2{ text-align:left;}
/*新闻资讯*/
/*留言*/
.experience{ overflow:hidden; position:relative;}
.message{ width:37.5%; background:#f4f4f4; padding:50px; }
.message .mtit{ font-size:30px; color:#323232; line-height:1.6;}
.message .mtit span{ color:#ffffff; background:#c21824; width:68px; text-align:center; display:inline-block;}
.mlist{ overflow:hidden;}
.mlist li{ float:left; width:100%; }
.mlist li.w46{ width:46%;}
.mlist li.fr{ float:right;}
.mlist li.input{ border-bottom:1px solid #d5d5d5; margin-top:20px;}
.mlist li.input input{ height:52px; width:100%; background:none; display:block;}
.mlist li.submit{ margin:40px 0;}
.mlist li.submit input{ width:90%; height:42px; font-size:16px; text-align:center; background:#c21824; color:#ffffff; margin:0 auto; display:block; cursor: pointer;}
.mlist li.submit:hover input{ background:#111111;}
.mtel{ text-align:center; color:#c21824; font-size:30px; font-family:Impact; line-height:1; }
.mtit2{ text-align:center; position:relative; margin-top:20px;}
.mtit2:after{ content:""; position:absolute; width:100%; height:1px; background:#d5d5d5; left:0; top:50%; margin-top:-0.5px;}
.mtit2 span{ color:#323232; font-size:18px; display: inline-block; padding:0 18px; background:#f4f4f4; position:relative; z-index:1;}
.experience .img{ width:62.5%; height:100%; position:absolute; top:0; right:0;}
/*留言*/
/*首页底部*/
.bottomnav{ overflow:hidden; margin:5% 0 7% 0;}
.bottomnav li{ width:25%; float:left; text-align:center;}
.bottomnav li .ico{ width:100px; margin:0 auto; }
.bottomnav li .ico img{ display:block; width:100%;}
.bottomnav li h3{ color:#313030; font-size:20px; font-weight:normal; }
.bottomnav li p{ color:#787878; font-size:14px; margin:15px 0 30px 0;}
.bottomnav li a{ display:block; width:150px; height:50px; border:1px solid #d2d2d2; font-size:14px; color:#313030; line-height:48px; text-align:center; margin:0 auto;border-radius: 6px;}
.bottomnav li a:hover{ background:#c21824; color:#ffffff; border-color:#c21824;}
/*首页底部*/
/*底部*/
.footer{ background:url(../images/footer.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.dbmain{padding:4% 0;}
.dbnav{ overflow:hidden; }
.dbnav li{ width:12%; float:left;}
.dbnav li.licontact{ }
.dbnav li .tit{ color:#ffffff; font-size:16px; margin-bottom:30px}
.dbnav li .sub{ color:#9a9a9a; font-size:14px; line-height:2;}
.dbnav li .sub a{ display:block;}
.dbnav li .sub a:hover{ text-decoration:underline; color:#ffffff;}
.dbnav li.licontact .cli{ }
.dbnav li.licontact .dctit{ font-size:16px; color:#ffffff; margin-bottom:2%;}
.dbnav li.licontact .dbtel{ color:#c21824; font-size:30px; font-family:Impact; margin-bottom:5%; }
.dbnav li.licontact .add{ color:#9a9a9a; font-size:14px;}
.dbcontent{ overflow:hidden; margin-top:2%;}
.dblogo{ height:100px;}
.dblogo img{ height:100%;}
.subscribe{ width:28%;}
.subscribe .tit{ line-height:32px; margin-bottom:20px; font-size:16px; color:#ffffff;}
.subscribe .sub_form{ overflow:hidden;}
.subscribe .sub_form .input{ width:70%; height:48px; line-height:48px; font-size:14px; padding:0 15px;}
.subscribe .sub_form .submit{ width:30%; height:48px; background:#c21824; font-size:16px; color:#ffffff; cursor:pointer; }
.subscribe .sub_form .submit:hover{background:#111111;}
.bottom{ height:50px; background:rgba(40,38,38,0.5); overflow:hidden;}
.bottom .copy{ line-height:50px; color:#494a4a; font-size:14px;}
.bottom .copy a:hover{ color:#ffffff; text-decoration:underline;}
.bottom .social{ line-height:50px;}
.bottom .social a{ margin:0 7px;}
.bottom .social img{ height:33px;}
.links{ color:#9a9a9a; font-size:14px; line-height:2; margin-top:20px;}
.links a{ margin-right:14px;}
.links a:hover{ color:#ffffff;}
/*底部*/
/*关于我们*/
.nyban{ position:relative;}
.nyban img{ display:block; width:100%;}
.nyban .bantxt{ position:absolute; width:100%; height:100%; left:0; top:0; color:#ffffff; text-align:center; line-height:1;}
.nyban .bantxt .tit_en{ font-size:72px; margin-top:14%; text-transform:uppercase;}
.nyban .bantxt .tit_cn{ font-size:36px; margin-top:4%;}
.nyban .bantxt .lower{ width:23px; margin:0 auto; position:absolute; left:50%; bottom:9%; margin-left:-11.5px; cursor:pointer; }
.nyban .bantxt .lower img{animation: myFade 3s linear infinite; position: relative;}
.about_info{ padding:7% 0;}
.atit{ text-align:center;}
.atit h3{ color:#2c2c2c; font-size:36px; font-weight:normal; line-height:1;}
.atit h3:after{ content:""; display:block; width:43px; height:3px; background:#e5e5e5; margin:2% auto 0 auto;}
.atxt{ color:#646464; font-size:16px; line-height:2; margin-top:1%;}
.aimg{ width:100%; margin:5% 0;}
.aimg img{ width:100%; display:block;}
.abnum{ overflow:hidden; }
.abnum li{ float:left; width:25%; text-align:center; line-height:1; border-right:1px solid #e5e5e5;}
.abnum li .num{ color:#c21824; font-size:36px;}
.abnum li .tit{ color:#747474; font-size:16px; margin-top:20px;}
.slogan{ background:url(../images/slogan.jpg) no-repeat center center; background-size:cover; overflow:hidden; padding:7.4% 0;}
.slogan_txt{ float:right; background:#c21824; padding:60px;}
.slogan_txt .tit{ font-size:30px; line-height:1.5; color:#ffffff; text-align:right; }
.slogan_txt .xian{ width:28px; height:2px; float:right; background:#ffffff; margin:10px 0 40px 0}
.slogan_txt .wzlogo{ color:#d6848a; font-size:14px; text-align:right;  clear:both; line-height:1;}
.slogan_txt .wzlogo span{ margin-left:24px;}
.culturebj{ background:#f7f7f7 url(../images/culturebj.jpg) no-repeat center bottom; background-size:100% auto; padding:6% 0; overflow:hidden;}
.culture_main{ overflow:hidden; position:relative; margin-top:4%;  }
.culture_main .img{ width:37%; position:absolute; height:100%; left:0; top:0;}
.culture_list{ float:right; width:58%;}
.culture_list li{ float:left; width:50%; padding:70px;}
.culture_list li .culture_ico{ width:28px;}
.culture_list li .culture_ico img{ display: block; width:100%;}
.culture_list li h3{ color:#303030; font-size:24px; font-weight:normal; margin:25px 0 20px 0; line-height:1;}
.culture_list li p{ color:#717171; font-size:16px;}
.culture_list .li01{ border-right:1px solid #e2e4e8; border-bottom:1px solid #e2e4e8;}
.culture_list .li02{border-bottom:1px solid #e2e4e8;}
.culture_list .li03{border-right:1px solid #e2e4e8; }
.culture_list .li04{}
.course{ padding:7% 0; background:url(../images/coursebj.jpg) no-repeat center center; background-size:100% auto;}
.course_main{position:relative; margin-top:5%;}
.course_main:after{ content:""; position:absolute; width:100%; height:58px; background:#c21824 url(../images/titbj.jpg) repeat-x left center; left:0; top:0;}
.course_main .container{ position:relative;}
.course-next,.course-prev{ width:80px; height:40px; position:absolute; top:9px; z-index:100; cursor:pointer;}
.course-prev{ background:#c21824 url(../images/course-prev.png) no-repeat center center; background-size:auto 100%; left:0; margin-left:-80px;}
.course-next{ background:#c21824 url(../images/course-next.png) no-repeat center center; background-size:auto 100%; right:0; margin-right:-80px;}
.courselist{ }
.courselist .swiper-slide{ width:25%;}
.courselist .swiper-slide .tit{ height:58px; color:#ffffff; line-height:58px;}
.courselist .swiper-slide .tit span{ font-size:18px; font-weight:bold; display:block; width:99px; background:#c21824; text-align:center; position:relative; }
.courselist .swiper-slide .tit span:after{ content:""; width:3px; height:9px; background:#ffffff; bottom:1px; left:50%; margin-left:-1.5px; position:absolute;}
.courselist .swiper-slide .content{ position:relative; padding-left:75px;}
.courselist .swiper-slide .content:after{ content:""; height:100%; width:1px; background:#bdbdbd; left:49px; top:4px; position:absolute;}
.courselist .swiper-slide .img{ width:86%;}
.courselist .swiper-slide .img img{ display:block; width:100%;}
.courselist .swiper-slide .txt{ width:86%; color:#767676; font-size:14px; line-height:26px; margin-top:15px;}
.courselist .swiper-slide .content01{ padding-top:175px;}
.courselist .swiper-slide .content02{ padding-top:50px;}
.honor{ background:#f7f7f7 url(../images/honorbj.jpg) no-repeat center bottom; background-size:100% auto; padding:5% 0 4% 0;}
.honor_nav{ border:1px solid #c81623; border-radius:27px; overflow:hidden; margin:4% 0;}
.honor_nav li{ float:left; width:33.33%; line-height:52px; height:52px; text-align:center; color:#c81623; font-size:16px; cursor:pointer; }
.honor_nav li.on,.honor_nav li:hover{ font-size:18px; color:#ffffff; font-weight:bold; background:#c81623;}
.honor_main{ height:0; overflow:hidden;}
.honor_main .container{ position:relative;}
.honorlist{ border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#ffffff;}
.honorlist .swiper-slide{ width:33.33%; padding:30px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.honorlist .swiper-slide .img{ width:100%;}
.honorlist .swiper-slide .img img{ display:block; width:100%;}
.honorlist .swiper-slide .tit{ text-align:center; color:#626262; line-height:25px; font-size:16px; height:50px; margin-top:20px;}
.honor-next,.honor-prev{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; z-index:100; cursor:pointer; border-radius:50%; border:1px solid #e5e5e5;}
.honor-prev{ background:url(../images/prev.png) no-repeat center center; background-size:70% 70%; left:0; margin-left:-80px;}
.honor-next{ background:url(../images/next.png) no-repeat center center; background-size:70% 70%; right:0; margin-right:-80px;}
.honormore{ margin-top:2%;}
.honormore a{ display:block; width:200px;  height:50px; line-height:48px; font-size:18px; border-radius:25px; text-align:center; color:#c81623; background:#ffffff; border:1px solid #c81623; margin:0 auto;}
.honormore a:hover{color:#ffffff; background:#c81623;}
.honor_main2{ height:auto;}
/*关于我们*/
/*招商加盟*/
.join_info{ margin:7% 0; position:relative;}
.join_info .txt{ width:55%;}
.join_info .txt .info{ color:#252525; font-size:30px; font-weight:bold; }
.join_info .txt ul{ overflow:hidden; margin-top:20px;}
.join_info .txt ul li{ float:left; width:100%; background:url(../images/liico.png) no-repeat left 10px; font-size:18px; line-height:2.5; padding-left:45px;}
.join_info .img{ width:40%;}
.join_info .img img{ display:block; width:100%; }
.join_info .entit{ color:#f6f6f6; font-size:100px; line-height:0.8; font-family:Impact; left:-6%; bottom:0; position:absolute; text-transform:uppercase; z-index:-1;}
.advantagebj{ background:#f9f9fa url(../images/advantagebj.jpg) no-repeat right center; background-size:auto 100%; padding:6% 0;}
.advtit{ color:#252525; font-size:36px; font-weight:bold; position:relative;}
.advtit:after{ content:""; width:52px; height:4px; background:#c21824; position:absolute; left:-80px; top:50%; margin-top:-2px;}
.advlist{ overflow:hidden; margin-top:4%;}
.advlist li{ width:23.5%; margin-right:2%; float:left;}
.advlist li .img{ width:100%;}
.advlist li .img img{ width:100%; display:block;}
.advlist li .advico{ width:30px; margin:35px auto 25px  auto;}
.advlist li .advico img{ display:block; width:100%;}
.advlist li .txt{ color:#252525; font-size:22px; line-height:40px; text-align:center; padding:0 10%;}
.conditionbj{ background:url(../images/conditionbj.jpg) no-repeat center center; background-size:cover; overflow:hidden; }
.condition{ overflow: hidden; margin:7% 0;}
.condition .ctit{ color:#fffefe; font-size:60px; font-weight:bold; text-align:center; line-height:1; }
.condition_list{ overflow:hidden; margin-top:5%;}
.condition_list li{ float:left; position:relative; width:17.6%; margin-right:3%; }
.condition_list li img{ width:100%; display:block;}
.condition_list li .content{ position:absolute; left:0; top:0; width:100%;  height:100%;}
.condition_list li .content .ico{ width:70px; margin:50px auto 20px auto;}
.condition_list li .content .txt{ color:#666666; font-size:14px; line-height:1.7; text-align:center; padding:0 5%;}
.condition_list li.mt{ margin-top:8.5%;}
.customer{ margin:9% 0;}
.jointit{ text-align:center;}
.jointit h3{ color:#252525; font-size:36px; line-height:1;}
.join_num{ overflow:hidden; width:90%; margin:6% auto;}
.join_num li{ float:left; width:25%; text-align:center;}
.join_num li .num{ color:#c21824; font-size:36px; font-weight: bold; font-family:Impact;}
.join_num li .tit{ color:#4f4f4f; font-size:18px;}
.customerlist{ overflow:hidden;}
.customerlist li{ float:left; margin-right:1%; margin-bottom:1%; width:19.2%;}
.customerlist li img{ display:block; width:100%;}
.get_quote_bj{ background:url(../images/get_quote_bj.jpg) no-repeat center bottom; background-size:100% auto; overflow:hidden;}
.get_quote .hotline{ text-align:center; line-height:50px; margin-top:2.5%;}
.get_quote .hotline p{ display:inline-block; background:url(../images/hotline.png) no-repeat left center; padding-left:45px; color:#4f4f4f; font-size:18px; }
.get_quote .hotline p span{ color:#c20a14; font-size:24px; font-family:Impact; }
.get_quote .info{color:#4f4f4f; font-size:18px; line-height:50px; text-align:center;}
.get_quote_messgae{ overflow:hidden; margin-top:5%;}
.get_quote_messgae li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  }
.get_quote_messgae li.input{border:1px solid #dad7d7;}
.get_quote_messgae li.input2{ position:relative;}
.get_quote_messgae li.input2:after{ content:"*"; line-height:44px; position:absolute; top:0; right:15px; color:#F00; font-size:16px;}
.get_quote_messgae li.input input{ padding:0 20px; height:42px; width:100%; display:block; color:#666666; font-size:16px;}
.get_quote_messgae li.select{ position:relative;}
.get_quote_messgae li.select:after{ content:"";width:0; height:0; position:absolute; top:50%; margin-top:-4px; right:15px; border-top:8px solid #333333; border-left:4px solid transparent; border-right:4px solid transparent;}
.get_quote_messgae li.select select{ padding:0 20px; height:42px; width:100%; display:block; color:#666666; font-size:16px;}
.get_quote_messgae li.code{ overflow:hidden;}
.get_quote_messgae li.code input{ width:65%; float:left;}
.get_quote_messgae li.code img{ width:33%; height:42px; float:right; cursor:pointer;}
.get_quote_messgae li.submit{ width:100%; margin-top:4%; margin-bottom:0;}
.get_quote_messgae li.submit input{ width:32%; margin:0 auto; height:44px; background:#c20a14; color:#ffffff; font-size:16px; display:block; cursor:pointer;}
.get_quote_messgae li.submit input:hover{ background:#111111;}
.get_quote .tips{ color:#5a5a5a; font-size:18px; text-align:center; margin:3.5% 0 6% 0;}
/*招商加盟*/
/*产品详情*/
.weizhi{ line-height:85px; color:#8f8f8f; font-size:14px; border-top:1px solid #ecebeb;}
.weizhi span{ margin:0 5px;}
.weizhi a:hover{ color:#c21824; text-decoration:underline;}
.prodtop{ overflow:hidden;}
.prodtop .img{ width:47.8%; border:1px solid #e5e5e5;}
.prodtop .img img{ width:100%; display:block;}
.prodtop .img video{ width:100%; display:block;}
.prodtop .txt{ width:47.8%}
.prodtop .txt h1{ color:#282828; font-size:30px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;} 
.characteristic{ padding:20px 10px; border-bottom:1px solid #e5e5e5;}
.characteristic .tit{ color:#292929; font-size:16px; font-weight:bold; margin-bottom:10px;}
.characteristic ul{ overflow:hidden;}
.characteristic ul li{ float:left; width:100%; background:url(../images/characteristic.png) no-repeat left center;  padding-left:25px; color:#626262; font-size:16px; line-height:36px;}
.characteristic ul li.wuico{ padding-left:0; background:none;}
.characteristic ul li.ico01{background-image:url(../images/characteristic01.png);}
.characteristic ul li.ico02{background-image:url(../images/characteristic02.png);}
.prod_bottom{ overflow:hidden; margin-top:50px;}
.prod_bottom a{ float:left; height:50px; line-height:50px; font-size:16px; font-weight:bold; padding-left:60px; color:#ffffff; padding-right:30px; margin-right:10px;}
.prod_bottom a.pbico01{ background:#c20a14 url(../images/pbico01.png) no-repeat 10px center; background-size:auto 100%;}
.prod_bottom a.pbico02{ background:#c20a14 url(../images/pbico02.png) no-repeat 10px center; background-size:auto 100%;}
.prod_bottom span{ background:url(../images/pbico03.png) no-repeat left center; background-size:auto 100%; float:left; cursor:pointer; height:50px; line-height:50px; padding-left:50px; color:#626262; font-size:16px; margin-left:20px;}
.prod_bottom a:hover{ background-color:#020202;}
.share_pop_up{ display:none; width:380px; padding:48px; border:2px solid #e0e7e8; height:150px; position:fixed; top:50%; left:50%; text-align:center; margin-top:-75px; margin-left:-190px; background:#ffffff; z-index:1002; box-shadow: 0 0 10px #999999;}
.share_pop_up .social-share .social-share-icon{ height:50px; width:50px; line-height:50px; font-size:30px; float:left; margin:0 10px;}
.prodnav{ overflow:hidden; margin-top:58px; border-bottom:1px solid #e3e3e3; }
.prodnav li{ float:left; line-height:56px; color:#282828; font-size:18px; font-weight:bold; padding:0 50px; border-left:1px solid #ffffff; border-top:2px solid #ffffff; border-right:1px solid #ffffff; cursor:pointer;} 
.prodnav li.on{ border-left-color:#e3e3e3; border-top-color:#d82931; border-right-color:#e3e3e3; }
.prodtab{ overflow:hidden;}
.prodinfo{ overflow:hidden;}
.prodinfo li{ float:left; position:relative; width:100%; margin:30px 0;}
.prodinfo li .img{ width:48%;}
.prodinfo li .img img{ display:block; max-width:100%; margin:0 auto;}
.prodinfo li .txt{ width:48%; /*position:absolute; top:0; height:100%; left:0; display: flex; align-items: center;*/}
.prodinfo li .txt.fr{ left:auto; right:0;}
.prodinfo li .txt h3{ color:#282828; font-size:24px; margin-top:30px; }
.prodinfo li .txt h3:after{ content:""; display:block; width:120px; height:3px; background:#c20a14; margin-top:10px;}
.prodinfo li .txt .info{ color:#686868; font-size:16px; line-height:2; margin-top:30px; width:100%;}
.huibj{margin:0 0 58px 0;}
.prodtable{ margin:58px 0;}
.prodtable table{ width:100%; background:#dedbdb;}
.prodtable table td{ background:#ffffff; color:#686868; font-size:16px; padding:10px 0; text-align:center; }
.prodtable table th{ color:#282828; background:#f8f8f8; padding:35px 0;}
.imglist{ overflow:hidden; margin:58px 0;}
.imglist li{ margin-right:1%; margin-bottom:1%; width:19.2%; float:left; background:#ffffff;}
.imglist li a{ display:block;}
.imglist li img{ display:block; width:100%;}
.imglist li .tit{ color:#696969; font-size:18px; text-align:center;}
.imglist li .more{ width:135px; height:40px; border:1px solid #d8d8d8; line-height:38px; text-align:center; margin:25px auto;}
.imglist li .more span{ background:url(../images/navgts.png) no-repeat center right; display:inline-block; padding:0 30px 0 10px;}
.imglist li .more:hover{ background-color:#c20a14; color:#ffffff;}
.imglist li .more:hover span{ background-image:url(../images/navgt.png);}
.prodcase{margin:58px 0; position:relative;}
.prodcase .swiper-slide{ width:30%;}
.prodcase .swiper-slide .img{ width:100%; position:relative; background:#000000;}
.prodcase .swiper-slide .img img{ width:100%; display:block;}
.prodcase .swiper-slide .txt{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#ffffff; display: flex; align-items: center; font-size:18px; line-height:50px; opacity:0;}
.prodcase .swiper-slide .txt>div{ width:100%;}
.prodcase .swiper-slide .txt .tit01{ }
.prodcase .swiper-slide .txt .tit02{ display:inline-block; border-bottom:1px solid #ffffff;}
.prodcase .swiper-slide .title{ color:#4a4a4a; font-size:18px; line-height:70px; text-align:center;}
.prodcase .swiper-slide:hover .img img{ opacity:0.5;}
.prodcase .swiper-slide:hover .txt{ opacity:1;}
.prodcase .swiper-slide:hover .title{ color:#c20a14;}
.pc-next,.pc-prev{ width:40px; height:80px; position:absolute; top:50%; margin-top:-70px; z-index:100; cursor:pointer;}
.pc-prev{ left:-80px; background:url(../images/pc-prev.png) no-repeat center center; background-size:cover;}
.pc-next{ right:-80px; background:url(../images/pc-next.png) no-repeat center center; background-size:cover;}
/*产品详情*/
/*服务体系*/
.stit{ text-align:center; }
.stit1{margin:6% 0;}
.stit h3{ color:#c21824; font-size:36px;}
.stit p{ color:#646464; font-size:15px; margin-top:2%;}
.service_main{ position:relative; }
.service_main:after{ content:""; width:50%; height:100%; left:0; top:0; position:absolute; box-shadow:0 0 20px #cccccc;}
.service_main2:after{ right:0; left:auto; }
.service_main .container{ position:relative;}
.service_main .img{ width:50%; height:100%; position:absolute; top:0; right:0;}
.service_main .img.fl{ left:0; right:auto;}
.service_main .img1:after{ content:""; width:200px; height:200px; background:url(../images/num01.png) no-repeat center center; background-size:cover; position:absolute; right:-100px; top:-100px; }
.service_main .img2:after{ content:""; width:200px; height:200px; background:url(../images/num02.png) no-repeat center center; background-size:cover; position:absolute; left:-100px; top:-100px; }
.service_main .txt{ width:50%; padding:6% 0; padding-right:5%;}
.service_main .txt.fr{ padding-right:0; padding-left:5%;}
.service_main .txt ul{ overflow: hidden;}
.service_main .txt ul li{ float:left; width:100%;}
.service_main .txt ul li h3{ color:#272727; font-size:18px; line-height:30px; padding-left:35px;}
.service_main .txt ul li p{ color:#646464; font-size:15px; line-height:2; margin:10px 0;}
.service_main .txt ul li h3.sico01{ background:url(../images/sico01.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico02{ background:url(../images/sico02.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico03{ background:url(../images/sico03.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico04{ background:url(../images/sico04.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico05{ background:url(../images/sico05.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico06{ background:url(../images/sico06.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico07{ background:url(../images/sico07.png) no-repeat left center; background-size:auto 100%;}
.service_main .txt ul li h3.sico08{ background:url(../images/sico08.png) no-repeat left center; background-size:auto 100%;}
.stit2{ position:relative; margin:10% 0 6% 0;}
.stit2:after{ content:""; width:200px; height:200px; background:url(../images/num03.png) no-repeat center center; background-size:cover; position:absolute; left:50%; margin-left:-100px; bottom:-90%; }
.stit2 h3{ position:relative; z-index:1;}
.aslist{ overflow:hidden; margin-bottom:6%;}
.aslist li{ float:left; width:25%;}
.aslist li .img{ width:130px; margin:0 auto;}
.aslist li .img img{ display:block; width:100%;}
.aslist li .tit{ text-align:center; color:#333333; font-size:22px; line-height:120px; }
.processbj{ background:url(../images/processbj.jpg) no-repeat center center; background-size:cover; height:730px; position:relative;}
.stit3{ position:absolute; top:25%; left:0; width:100%;}
.stit3:after{ content:""; width:200px; height:200px; background:url(../images/num04.png) no-repeat center center; background-size:cover; position:absolute; left:50%; margin-left:-100px; bottom:-60%; }
.stit3 h3{ color:#ffffff;}
.stit3 h3{ position:relative; z-index:1;}
.process_list{ overflow:hidden; height:100%;}
.process_list li{ float:left; width:20%; text-align:center; padding-top:380px; height:100%; border-right:1px solid #878787;}
.process_list li .num{ color:rgba(255,255,255,0.1); font-size:60px; font-family:Impact; line-height:1;}
.process_list li h3{ color:#ffffff; font-size:24px; margin:25px 0 40px 0;}
.process_list li .info{ color:#ffffff; font-size:15px; line-height:2; height:0; overflow:hidden; padding:0 10px; }
.process_list li:hover{ padding-top:320px; background:rgba(0,0,0,0.2);}
.process_list li:hover .info{height:60px; }
/*服务体系*/
/*联系我们*/
.mapmain{ height:840px; overflow:hidden; }
.mapmain .map{ height:100%;}
.content_info{ float:right; background:#c21824; color:#ffffff; padding:60px; position:relative; margin-top:-655px; position:relative; z-index:10;}
.content_info .close{ width:42px; height:42px; background:url(../images/close.png) no-repeat center center; background-size:cover; position:absolute; top:35px; right:35px; cursor:pointer;}
.content_info .titen{ font-family:Impact; font-size:72px; color:#ce2632; text-transform:uppercase; line-height:1;}
.content_info .titcn{ color:#f7f7f7; font-size:36px;}
.conlist{ overflow:hidden; margin:35px 0;}
.conlist li{ float:left; margin-right:70px;}
.conlist .ctel{ position:relative; padding-left:80px;}
.conlist .ctel:after{ content:""; width:56px; height:56px; background:url(../images/con01.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; border:2px solid #ffffff; border-radius:50%;}
.conlist .ctel .txt01{ font-size:36px; line-height:40px; font-family:Impact; }
.conlist .ctel .txt02{ font-size:16px; line-height:20px; }
.conlist li.consulting{ height:60px;}
.conlist li.consulting a{ display:block; overflow:hidden; line-height:56px; border:2px solid #ffffff; padding:0 20px 0 70px; border-radius:30px; font-size:24px; background:url(../images/con02.png) no-repeat 10px center; background-size:auto 100%;}
.conlist li.consulting a:hover{ background-color:#ffffff; color:#c21824; background-image:url(../images/con02s.png);}
.content_info .info{ color:#f7f7f7; font-size:18px; line-height:2.5;}
.contact_main{ overflow:hidden; position:relative; margin:4% 0;}
.contact_main:after{ content:""; position:absolute; left:0; top:0; width:15px; height:100%; background:#c21824;}
.contact_main .txt{ width:42%;}
.contact_main .txt h3{ color:#383838; font-size:40px; font-weight:normal; line-height:1;}
.contact_main .txt p{ color:#6a6a6a; font-size:18px; margin:5% 0 8% 0;}
.contact_main .txt .contact_ico{ width:100px;}
.contact_main .txt .contact_ico img{ width:100%;}
.contact_message{ width:58%;}
.contact_message li{ float:left;}
.contact_message .input{ border:1px solid #e5e5e5; width:100%; margin-bottom:2%;}
.contact_message .input input{ width:100%; height:58px; display:block; background:#f5f5f5; padding:0 20px; font-size:16px;}
.contact_message .w49{ width:49%;}
.contact_message .input2{ margin-left:2%;}
.contact_message li.submit{ width:100%;}
.contact_message li.submit input{ background:#c21824; color:#ffffff; height:60px; font-size:18px; width:30%; display:block; cursor:pointer;}
.contact_message li.submit input:hover{ background:#111111;}
/*联系我们*/
/*产品列表*/
.nyban2{ position:relative; overflow:hidden;}
.nyban2 img{ width:100%; display:block;}
.nyban2 .baninfo{ position:absolute; left:0; width:100%; height:100%; top:0; display: flex; align-items: center; color:#ffffff; text-align:center; line-height:1; z-index:1;}
.nyban2 .baninfo h3{ font-size:72px; font-weight:normal; text-transform:uppercase;}
.nyban2 .baninfo p{ font-size:36px; margin-top:60px;}
.nynav{  margin:60px 0;}
.nynav .navul{ overflow:hidden;}
.nynav .navul li{ float:left;  height:60px; line-height:60px; background:#f7f7f7; color:#585858; font-size:18px; margin-right:8px; }
.nynav .navul li a{ display:block; padding:0 60px; position:relative; }
.nynav .navul li a:after{ content:""; width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; left:25px;}
.nynav .navul2 li{ width:32%; margin-right:2%;}
.nynav .navul2 li:nth-child(4),.nynav .navul2 li:nth-child(5),.nynav .navul2 li:nth-child(6){ margin-top:2%; }
.nynav .navul2 li a:after{ width:30px; height:30px; margin-top:-15px; left:20px;}
.nynav .navul li.on,.nynav .navul li:hover{ color:#ffffff; font-weight:bold; background:#c21824;}
.nynav .navul li a:before{ content:""; width:24px; height:24px; background:url(../images/navgts.png) no-repeat center center; background-size:cover; position:absolute; top:50%; margin-top:-12px; right:15px;}
.nynav .navul li.on a:before,.nynav .navul li:hover a:before{ background:url(../images/navgt.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico1:after{ background:url(../images/nav01.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico1:after,.nynav .navul li:hover a.ico1:after{ background:url(../images/nav01s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico2:after{ background:url(../images/nav02.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico2:after,.nynav .navul li:hover a.ico2:after{ background:url(../images/nav02s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico3:after{ background:url(../images/nav03.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico3:after,.nynav .navul li:hover a.ico3:after{ background:url(../images/nav03s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico4:after{ background:url(../images/nav04.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico4:after,.nynav .navul li:hover a.ico4:after{ background:url(../images/nav04s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico5:after{ background:url(../images/nav05.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico5:after,.nynav .navul li:hover a.ico5:after{ background:url(../images/nav05s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico6:after{ background:url(../images/nav06.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico6:after,.nynav .navul li:hover a.ico6:after{ background:url(../images/nav06s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.ico7:after{ background:url(../images/nav07.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.ico7:after,.nynav .navul li:hover a.ico7:after{ background:url(../images/nav07s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.nico1:after{ background:url(../images/nico01.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.nico1:after,.nynav .navul li:hover a.nico1:after{ background:url(../images/nico01s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.nico2:after{ background:url(../images/nico02.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.nico2:after,.nynav .navul li:hover a.nico2:after{ background:url(../images/nico02s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.nico3:after{ background:url(../images/nico03.png) no-repeat center center; background-size:cover;}
.nynav .navul li.on a.nico3:after,.nynav .navul li:hover a.nico3:after{ background:url(../images/nico03s.png) no-repeat center center; background-size:cover;}
.nynav .navul li a.aico1:after{ background:url(../images/appico01.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico1:after,.nynav .navul li:hover a.aico1:after{ background-image:url(../images/appico01s.png);}
.nynav .navul li a.aico2:after{ background:url(../images/appico02.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico2:after,.nynav .navul li:hover a.aico2:after{ background-image:url(../images/appico02s.png);}
.nynav .navul li a.aico3:after{ background:url(../images/appico03.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico3:after,.nynav .navul li:hover a.aico3:after{ background-image:url(../images/appico03s.png);}
.nynav .navul li a.aico4:after{ background:url(../images/appico04.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico4:after,.nynav .navul li:hover a.aico4:after{ background-image:url(../images/appico04s.png);}
.nynav .navul li a.aico5:after{ background:url(../images/appico05.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico5:after,.nynav .navul li:hover a.aico5:after{ background-image:url(../images/appico05s.png);}
.nynav .navul li a.aico6:after{ background:url(../images/appico06.png) no-repeat center center; background-size:100% auto;}
.nynav .navul li.on a.aico6:after,.nynav .navul li:hover a.aico6:after{ background-image:url(../images/appico06s.png);}
.nywz{ line-height:60px; color:#464646; font-size:14px;}
.nywz span{ margin:0 5px;}
.nywz a:hover{ color:#c21824; text-decoration:underline; }
.prodlist{ margin-top:60px; }
.prodlist li{ float:left; margin-right:1%; margin-bottom:1%; width:24%;border-radius:6px;}
.prodlist li a{ display:block;}
.prodlist li .img{ width:100%; border-bottom:1px solid #f8f8f8;}
.prodlist li .img img{ width:100%; display:block;}
.prodlist li .txt{ background:#ffffff; padding:20px;text-align:center;}
.prodlist li .txt h3{ color:#111111; font-size:20px;}
.prodlist li .txt .info{ color:#8c8c8c; font-size:14px; line-height:24px; margin-top:10px;}
.prodlist li .txt .info p{text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.prodlist li:hover{box-shadow:0 0 20px #cccccc;}
.prodlist li:hover .txt h3{ color:#c21824; }
.fenye{ text-align:center; padding:6% 0;}
.fenye a,.fenye span{ background:#ffffff; font-size:14px; border:1px solid #edecec; display:inline-block; padding:5px 12px; margin:0 3px;}
.fenye span,.fenye a:hover{ background:#c21824; color:#ffffff;}
/*产品列表*/
/*案例列表*/
.caselist{ overflow:hidden; position:relative; margin-bottom:3%; }
.caselist li{ float:left; width:30%; margin-right:2%; border-top:1px solid #ededed; padding-top:20px;}
.caselist li:nth-child(1),.caselist li:nth-child(2),.caselist li:nth-child(3){ border-top:none; padding-top:0;}
.caselist li a{ display:block;}
.caselist li .img{ width:100%; position:relative; background:#000000;}
.caselist li .img img{ width:100%; display:block;}
.caselist li .txt{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#ffffff; display: flex; align-items: center; font-size:18px; line-height:50px; opacity:0;}
.caselist li .txt>div{ width:100%;}
.caselist li .txt .tit01{ }
.caselist li .txt .tit02{ display:inline-block; border-bottom:1px solid #ffffff;}
.caselist li .title{ color:#4a4a4a; font-size:18px; line-height:70px; text-align:center;}
.caselist li:hover .img img{ opacity:0.5;}
.caselist li:hover .txt{ opacity:1;}
.caselist li:hover .title{ color:#c21824;}
.casexian{ width:100%; height:1px; background:#ededed;}
/*案例列表*/
/*新闻列表*/
.baninfo2{ position:absolute; left:0; width:100%; height:100%; top:0;}
.baninfo2  .container{ position:relative; height:100%;}
.baninfo2 .hotnews{ position:absolute; left:0; bottom:0; width:36%; background:rgba(0,0,0,0.8); border-bottom:4px solid #c21824;}
.baninfo2 .hotnews a{padding:50px; display:block; }
.baninfo2 .hotnews .column{ color:#ffffff; font-size:16px; line-height:1;}
.baninfo2 .hotnews .tit{ color:#ffffff; font-size:36px; margin-top:4%;    display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.baninfo2 .hotnews .time{ color:#929292; font-size:16px; margin:6% 0 9% 0;}
.baninfo2 .hotnews .more{ color:#ffffff; font-size:14px;}
.baninfo2 .hotnews:hover{background:rgba(156,15,25,0.8);}
.newslist{ overflow:hidden; border-top:1px solid #e5e5e5;}
.newslist li{ float:left; width:100%; padding-left:100px; position:relative; border-bottom:1px solid #e5e5e5; margin-top:60px; padding-bottom:60px;}
.newslist li .time{ position:absolute; left:0; top:0; }
.newslist li .time .d{ color:#3b3b3b; font-size:48px; line-height:0.8; font-weight:bold;}
.newslist li .time .ym{ color:#777777; font-size:14px; line-height:3;}
.newslist li .img{ width:510px; overflow:hidden;}
.newslist li .img img{ display:block; width:100%;}
.newslist li .txt{ padding-left:570px;}
.newslist li .txt h3{ color:#3b3b3b; font-size:24px; font-weight:normal; margin-top:35px; }
.newslist li .txt h3 a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newslist li .txt p{ color:#6b6b6b; font-size:16px; line-height:2; margin-bottom:60px; margin-top:15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist li .txt .newsico{ border-top:1px dashed #b3b3b3; line-height:85px;}
.newslist li .txt .newsico span{ float:left; padding-left:30px;}
.newslist li .txt .newsico span.ico_hist{ background:url(../images/ico_hist.png) no-repeat left center; margin-right:25px;}
.newslist li .txt .newsico span.ico_time{ background:url(../images/ico_time.png) no-repeat left center;}
.newslist li .txt h3:hover{ color:#c21824; text-decoration:underline;}
/*新闻列表*/
/*行业应用*/
.appnav{ height:60px; position:relative;}
.appnav .column{ background:#c21824; color:#ffffff; font-size:18px; font-weight:bold; position:relative; height:60px; line-height:60px; padding:0 60px; cursor:pointer;  z-index:10;}
.appnav .column:after{ content:""; height:50px; width:50px; position:absolute; left:5px; top:50%; margin-top:-25px;}
.appnav .column.aico01:after{ background:url(../images/aico01s.png) no-repeat center center; background-size:cover;}
.appnav .column.aico86:after{ background:url(../images/appico01s.png) no-repeat center center; background-size:80%;}
.appnav .column.aico87:after{ background:url(../images/appico02s.png) no-repeat center center; background-size:80%;}
.appnav .column.aico88:after{ background:url(../images/appico03s.png) no-repeat center center; background-size:80%;}
.appnav .column.aico89:after{ background:url(../images/appico04s.png) no-repeat center center; background-size:80%;}
.appnav .column.aico90:after{ background:url(../images/appico05s.png) no-repeat center center; background-size:80%;}
.appnav .column.aico91:after{ background:url(../images/appico06s.png) no-repeat center center; background-size:80%;}
.appnav .column:before{content:""; background:url(../images/down.png) no-repeat center center; background-size:cover; height:20px; width:20px; position:absolute; top:50%; margin-top:-10px; right:20px;}
.appnav ul{ position:absolute; left:0; width:100%; top:60px; background:#f7f7f7; font-size:18px; text-align:center; display:none; box-shadow:0 0 10px #cccccc;}
.appnav ul li{ float:left; width:100%; line-height:50px; border-top:1px solid #dcdcdc;}
.appnav ul li a{ display:block; }
.appnav ul li:hover{ background:#c21824; color:#ffffff;}
.appmain{ overflow:hidden; background:#ffffff; padding:0 60px 60px 60px; margin:60px 0;}
.apptit{ margin:4% 0;}
.apptit .num{ width:50px; height:40px; background:url(../images/appnum.png) no-repeat center center; background-size:cover; text-align:center; font-family:Impact; font-size:16px; line-height:1; color:#ffffff; padding-top:18px; margin:0 auto;}
.apptit h3{ color:#212121; font-size:26px; font-weight:bold; text-align:center; margin-top:1%;}
.apptxt{ color:#4f4f4f; font-size:16px; line-height:2.2;}
.apptxt img{ max-width:100%; height:auto !important;}
/*行业应用*/
/*新闻详情*/
.showmain{ background:#ffffff; margin:60px 0;}
.showtop{ text-align:center; padding:3% 0 2% 0; border-bottom:1px solid #d9d9d9;}
.showtop h1{ color:#333333; font-size:24px; line-height:1.2;}
.showtop p{ color:#666666; font-size:16px; margin-top:15px;}
.showtop p span{ margin:0 10px;}
.showtxt{ padding:2%; font-size:16px; line-height:2; color:#666666;}
.showtxt img{ max-width:100%; height:auto !important;}
.showbottom{ overflow:hidden; padding:2%; border-top:1px solid #d9d9d9;}
.sxp{ font-size:16px; color:#666666; line-height:36px;}
.sxp span{ display:block;}
.sxp a:hover{ color:#d6000f; text-decoration:underline; }
.fanhui{ width:200px; height:48px; display:block; line-height:48px; text-align:center; color:#ffffff; background:#292929; font-size:16px; margin-top:12px;}
.fanhui:hover{ background:#c21824;}
/*新闻详情*/
.aqaban{ width:96%; overflow:hidden; margin:2%; background:#ffffff;}
.aqaban .swiper-slide{width:100%; text-align: center; overflow:hidden;}
.aqaban img{ width:100%;}
/*.aqaban .swiper-slide:after{ content:""; height: 100%; width: 0; overflow: hidden; display: inline-block; vertical-align: middle; }
.aqaban img{ max-width:100%;max-height:100%; vertical-align: middle;}*/
.aqaban .swiper-pagination{ line-height:0; bottom:20px;}
.aqaban .swiper-pagination .swiper-pagination-bullet{ width:9px; height:9px; background:#ffffff; opacity:1; margin:0 7px;}
.aqaban .swiper-pagination .swiper-pagination-bullet-active{ background:#c21824;}
.aqaban .aqaban-prev,.aqaban .aqaban-next{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; z-index:900; cursor:pointer;}
.aqaban .aqaban-prev{ background:#292929 url(../images/discount-prev.png) no-repeat center center; background-size:100%; left:0;}
.aqaban .aqaban-next{background:#292929 url(../images/discount-next.png) no-repeat center center; background-size:100%; right:0;}
.aqaban .aqaban-prev:hover,.aqaban .aqaban-next:hover{ background-color:#c21824;}
.wechat_img{ width:200px; height:200px; padding:10px; border:1px solid #dcdcdc; position:fixed; top:50%; left:50%; margin:-100px 0 0 -100px; z-index:1001; background:#ffffff; box-shadow:0 0 10px #999999; display:none;}
.wechat_img img{ width:100%; height:100%; display:block;}
.partstxt table{ width:100%; background:#dedbdb; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.partstxt table *{ border:none; }
.partstxt table td{ background:#ffffff; color:#686868; font-size:16px; padding:10px 0; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.partstxt table th{ color:#282828; background:#f8f8f8; padding:35px 0;}
.partstxt table td{ font-size:15px; padding:8px 0; }
.partstxt table th{ padding:30px 0;}
.animated{opacity: 0;}
.zoomIn.animated{opacity:1}
.nav li,.wapnav li a,.industry_list li h3,.industry_list li .info .more,.industry_list li .info p,.homecase li a,.hnlist li,.hnlist li .tit:after,.newsban .swiper-slide .txt h3,.mlist li.submit input,.bottomnav li a,.dbnav li .sub a,.bottom .copy a,
.subscribe .sub_form .submit,.nynav .navul li,.nywz a,.prodlist li,.prodlist li .txt h3,.fenye a,.prod_bottom a,.imglist li .more,.prodcase .swiper-slide .txt,.prodcase .swiper-slide .img img,.prodcase .swiper-slide .title,.process_list li,.process_list li .info,.appnav ul li,
.caselist li .img img,.caselist li .txt,.caselist li .title,.sxp a,.fanhui,.newslist li .txt h3,.baninfo2 .hotnews,.get_quote_messgae li.submit input,.contact_message li.submit input,.conlist li.consulting a,.honormore a,.links a{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.programme li img,.newsban .swiper-slide .img,.newslist li .img img{
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;}
.programme li:hover img,.newsban .swiper-slide:hover .img,.newslist li .img:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}
.delay7{-webkit-animation-delay:1.2s;animation-delay:1.2s; -moz-animation-delay:1.2s;
-o-animation-delay:1.2s;-ms-animation-delay:1.2s;}
@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}
@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}
@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}
@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}