html,body{width: 100%;font-size:16px;overflow-x:hidden}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}
.cuya{font-family: "impact";}

.s_width{ width:1280px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}

/*主导航多级菜单*/
.hbg{width: 100%;height: 50px;position: absolute;top: 0px;z-index: 9999;background: none;text-align: center;}
#logo{transition: .5s;position: absolute; left: 3%; top: 0px; width: 159px; height:158px;}
#logo:hover{left: 40px;}
#logo img{ width:100%}

.shownav{ width:159px; position:absolute; left:3%; top:158px; background:#de5252; height:50px; line-height:50px; }
.navbar { position: absolute; top:0px; padding: 8px 0px 0 0px; width: 45px; left:35px;height: 45px; cursor: pointer; box-sizing: border-box; z-index:99;border-radius:50%;}
.navbar div { margin: 6px auto; width: 59px; height: 3px; transition: all 0.5s ease; font-size:17px; color:#FFFFFF}
.navbar .nav1,.navbar .nav2,.navbar .nav3 { margin: 5px auto; width: 25px; background:#fff;}
.navbarOn1 { transform-origin: center; transform: rotate(45deg) translate(6px, 6px);}
.navbarOn2 { transform-origin: center; transform: rotate(-45deg) translate(6px, -6px);}
.navbarOn3 { transform: rotateY(90deg);}

.shownav em{ color:#fff; margin-right:50px; line-height:46px;}


/* 导航按钮样式 */

.navbarpage { position: fixed;;left: 0; top: -150%; bottom: 0; right: 0;background-position:right top;background-repeat:no-repeat; background:url(../images/navbg.jpg) no-repeat center top; z-index:799;display: block;  height: 100%;}
.navbarpage ul {position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -550px;width: 1200px;height: 500px;}
.navbarpage ul li {display: inline-block;margin: 20px;width: 300px;height: 220px;box-sizing: border-box;background-color: #fff;}
.navbarpage li p {text-align: center; padding-top:5px; width:90%; margin:0 auto;}
.navbarpage li a {text-decoration: none;color: #000;display: block;width: 100%;height: 100%;}
.active_navbar {top: 0 !important;transition: all 1.5s ease;}
.navbarpage .navbarLi {position: relative;overflow: hidden;transition: background-color 0.6s linear;}
.navbarLi a div {position: absolute;}
.navbarpage .zuo1 {margin-top: 20px;width: 100%;text-align: center;transition: all 0.6s linear;}
.navbarpage .zuo2 {/* display: none; *//* opacity: 0; */margin-top: 20px;width: 100%;text-align: center;transform: translateX(-300px);transition: all 0.6s linear;}
.navbarpage .you1 {top: 100px;width: 100%;transition: all 0.6s linear;}
.navbarpage .you2 {/* display: none; *//* opacity: 0; */top: 100px;width: 100%;transform: translateX(300px);transition: all 0.6s linear;}
.navbarpage .you2 p {color: #fff;}

/* 导航页样式 */

/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#de5252}
.sl{width: 100%;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}

/*内页头部*/
.about_navbg{ width:100%;	height:100px; background:rgba(255,255,255,1); z-index:9999999999999;position:relative;top:0;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.about_navbg .about_logo_nav{ width:100%;height:100px;}
.about_navbg .about_logo_nav .about_logo{ position:absolute; left:15px; top:0; }
.about_navbg .about_logo_nav .about_logo img{  transition:height 0.2s linear; width:90%; }
.about_navbg .about_nav{ height:100px; width:43%; position:absolute; left:50%; margin-left:-21.5%; top:0 }
.about_navbg .about_nav ul{ height:100px;}
.about_navbg .about_nav li{ width:calc(100%/7); float: left; position:relative}
.about_navbg .about_nav li a{ line-height:100px;font-size:16px; color:#333; text-align:center; display: block; text-decoration:none; }
.about_navbg .about_nav li a:hover{ color:#fff; background-image: -webkit-linear-gradient(left,#cb2c29, #dc751b); transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;border-radius: 10px }

.about_navbg .about_nav li a.on:before {position: absolute;top: 0; z-index:-1; content: "";display: block;width: 100%; margin-left:-50%;height:0;transition-duration:.3s;left:50%;}
.about_navbg .about_nav li a.on:hover:before{ height:100%; }

.about_navbg .about_nav li div {display:none;width:158px;text-align:center;color:#4f4f4f;position:absolute; left:-15px; background:#cb2c29; z-index:9999999; top:100%;}
.about_navbg .about_nav li div a {display:block;color: #fff; line-height:39px; height:39px;font-size: 15px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.05); margin-top:0;}
.about_navbg .about_nav li div a:hover {color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); background-image: -webkit-linear-gradient(left,#cb2c29, #dc751b); border-top:0; border-right:0; border-left:0; }
.about_navbg .about_nav_tel{ position:absolute; right:0; bottom:0; z-index:102;}


/*产品展示*/
.pro{width:100%;background: url(../images/homeonebg.jpg) no-repeat left top;  background-size: 55.625%; padding-top:50px; }
.pro h2{font-size: 52px;margin-bottom: 10px;font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;text-align: center;line-height: 1;color: #0e0e0e;}
.pro h2 i{ font-style:normal;}
.pro h2 i:before {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-right: 27px;vertical-align: top;margin-top: 18px;}
.pro h2 i:after {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-left: 27px;vertical-align: top;margin-top: 18px;}
.pro h2 em{font-size:16px; text-align:center; color:#666; display:block; line-height:35px;}

.pro_list{ width:80%; margin:50px auto; height:5rem; line-height:5rem; font-size:18px; font-weight:bold; position:relative; }
.pro_list ul{ overflow:hidden}
.pro_list li{width: calc(98%/6); text-align:center; float:left; border:1px solid transparent; border-color: rgba(0, 0, 0, 0.1);}
.pro_list li a{ color:#0e0e0e}
.pro_list li a:hover{ background:#f84d47; color:#fff; display:block;}

.pro_cont{ width:80%; margin:50px auto; position:relative;box-shadow: 0 0 10px #ccc;border-radius: 10px; background:#f9f9f9;}
.pro_cont .box-six {padding: 30px 35px;overflow: hidden;position: relative;}
.pro_cont .pro_l{width: 42.5%;float: left;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px #ccc;position: relative;z-index: 1;}
.pro_cont .pro_l img{max-width: 100%;height: auto;border: 0 none;vertical-align: middle;}

.pro_cont .pro_r{width: 49%;float: left;padding-left: 4%;}
.pro_cont .pro_r i {font-size: 133px;color: #dc5251;font-weight: 800;font-family: Arial;text-transform: uppercase;opacity: .04;filter: Alpha(opacity=4);position: absolute;right: 0;top: 0;}
.pro_cont .pro_r .star {font-size: 18px;background: url(../images/star-tb.jpg) left bottom no-repeat;padding: 10px 0 0 40px;display: block;margin: 25px 0 20px 0;}
.pro_cont .pro_r h3 {position: relative;}
.pro_cont .pro_r h3 a {font-size: 36px;font-weight: 700;}
.pro_cont .pro_r .cp-ys {width: 95%;background: #fff;padding: 5px 26px 5px 45px;border-radius: 10px;margin: 33px 0 42px 0;box-shadow: 0 0 10px #ccc inset;position: relative;z-index: 20;}
.pro_cont .pro_r .cp-ys .ys-tit {width:100px;background: url(../images/cao-tb.png) right 18px center no-repeat #fff;font-size: 18px;color: #dc5251;line-height: 30px;border-radius: 50px;padding: 0 20px;position: absolute;right: 0;top: -62px;box-shadow: -2px 2px 10px #ccc inset;z-index: 1;}
.pro_cont .pro_r .cp-ys .ys-tit:before {left: 15px;}
.pro_cont .pro_r .cp-ys .ys-tit:after, .pro .pro_r .cp-ys .ys-tit:before {content: "";width: 10px;height: 51px;background: url(../images/pole.png) no-repeat;display: block;position: absolute;top: 30px;z-index: -1;}
.pro_cont .pro_r .cp-ys .ys-tit:after, .pro .pro_r .cp-ys .ys-tit:before {content: "";width: 10px;height: 51px;background: url(../images/pole.png) no-repeat;display: block;position: absolute;top: 30px; right:10px;z-index: -1;}
.pro_cont .pro_r .cp-ys p {font-size: 16px;color: #e55756;font-weight: 700;line-height: 30px;margin: 10px 0;position: relative;transition: all .2s; text-align:left;}
.pro_cont .pro_r .cp-ys p:before {content: "";width: 10px;height: 10px;background: #d04a26;border-radius: 50%;display: block;position: absolute;left: -20px;top: 11px;}
.pro_cont .pro_r .cp-ys p:last-child {color: #333;font-weight: 400;}
.pro_cont .pro_r .cp-ys p:last-child:before {background: #fff;border: 2px solid #333;}
.pro_cont .pro_r .cp-ys p span {font-weight: 400;}
.pro_cont .pro_r .btn {width: 180px;font-size: 18px;line-height: 50px;display: block;border-radius: 10px;background: url(../images/more-jt.png) right 6% center no-repeat;padding: 0 4% 0 2%;box-shadow: 0 0 10px #ccc;transition: all .2s;}
.pro_cont .pro_r .btn:hover {background: url(../images/more-jt-xz.png) right 6% center no-repeat #de5252;color: #fff;}

.pro_cont .pro_jt{}
.pro_cont .pro_jt span{float: right; color: #f00; font-size:16px; line-height: 34px; padding: 0 14px 0 31px; background: url(../images/sx.png) no-repeat 9px center; cursor: pointer;}


/*公司简介*/
.about{ background:url(../images/about.jpg) no-repeat center top;background-attachment: fixed; background-size: cover; position:relative; padding:80px 0 0 0; height:900px;}

.about_img{ width:660px; height:730px; overflow:hidden; position:absolute; z-index:1; left:0; top:0;border:8px solid #fff;}
.about_img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.about_cont{ width:689px; height:433px;position:absolute; z-index:1; right:0; top:50px;}
.about_cont .about_jj{background:rgba(255,255,255,0.9); width:689px;height:433px;padding:20px 30px;  }
.about_cont .about_jj h3{ font-size:33px; line-height:72px; font-weight:bold; text-align:left; margin-top:10px; color:#1a5aa2;}
.about_cont .about_jj p{ font-size:16px; line-height:31px; text-align:left; color:#333}

.about_cont .about_jj .about_more{ width:150px; height:40px; background:#f84d47; text-align:center; margin-top:25px; line-height:40px}
.about_cont .about_jj .about_more a{ color:#fff; font-size:16px;}
.about_cont .about_case{ width:689px; overflow:hidden; position:absolute; z-index:2; left:85px;}
.about_cont .about_case li{ width:285px; border:5px solid #fff; margin-right:15px; float:left; margin-top:15px; height:214px;}
.about_cont .about_case li img{ width:100%;}

/*客户案例*/
.case{ width:100%; }
#home-case {width: 100%;height: 914px;background:#f2f2f2;padding: 30px 0px;box-sizing: border-box;}

.case-box {width: 1280px;overflow: hidden;margin: 0 auto;position: relative;}
.case-cont {width: 1000px;height: 800px;background: url(../images/img3.png) right bottom no-repeat #fff;float: right;padding-left: 200px;box-sizing: border-box; margin-top:3vh;}
.case-r h2 {font-size: 26px;color: #333;line-height: 50px;font-weight: inherit;padding-top: 50px;}
.case-r>p {font-size: 16px;color: #666;line-height: 30px;font-weight: inherit;padding-top: 50px;padding-right: 60px;padding-bottom: 50px;}
.case-tt {width: 350px;height: 705px;background: #f84d47;position: absolute;z-index: 2;left: 0;margin-top: 70px;}
.case-tt h3 {font-size: 32px;color: #fff;text-align: center;font-weight: inherit;padding-top: 47px;}
.case-tt h4 {font-size: 40px;color: #fff;text-align: center;font-family: impact;font-weight: inherit;}
.case-tt img {display: block;margin: 5px auto;}
.case-tt a {font-size: 26px;color: #fff;text-align: center;width: 300px;display: block;line-height: 70px;height: 70px; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);margin: 0 auto;}
.case-tt-on {color: #242627 !important;}
.case-tel {text-align: center;font-size: 24px;color: #fff;padding-top: 30px;}
.case-tel span {display: block;font-size: 34px;color: #fff;font-family: impact;text-align: center;}
.min-case {width: 730px;height: 400px;}
.min-case a {width: 340px;height: 320px;margin: 10px;float: left;border: solid 2px #ccc;box-sizing: border-box;display: block;overflow: hidden;position: relative;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;
-o-transition-duration: .5s;transition-duration: .5s;}
.min-case a img {width: 340px;height: 270px;}
.min-case a p {background: #242627;font-size: 18px;text-align: center;color: #fff;line-height: 50px;position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 50px;}
.min-case a:hover {border: solid 2px #f84d47;box-shadow: 0px 0px 15px #ccc;margin-top: 15px;}
.min-case a:hover p {background: #f84d47;color: #000;}

.case h2{text-align:center; margin-top:50px;}
.case_con{ width:1330px; margin:0 auto; position:relative; overflow:hidden; padding:0px 0 40px 0}
.case_dd{ overflow:hidden; padding:20px 0 0 0}
.case_dd li{float:left; padding:0; width:418px; height:400px; margin-right:12px; position:relative; overflow:hidden; margin-bottom:15px; border:7px solid rgba(255, 255, 255, 0.8); }
.case_t_l{ width:418px; height:400px; position:relative; overflow:hidden;}
.case_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.case_dd li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.case_dd p{ text-align:center; font-size:18px; color:#fff; line-height:65px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); width:100%;}

/*厂容厂貌*/
.cf{ width:100%; position:relative; height:600px; margin:7vh auto;}
.cf h2{font-size: 52px;margin-bottom: 10px;font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;text-align: center;line-height: 1;color: #0e0e0e;}
.cf h2 i{ font-style:normal;}
.cf h2 i:before {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-right: 27px;vertical-align: top;margin-top: 18px;}
.cf h2 i:after {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-left: 27px;vertical-align: top;margin-top: 18px;}
.cf h2 em{font-size:16px; text-align:center; color:#666; display:block; line-height:35px;}
@keyframes sss {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(-20px);
	}
}
.yezi{ position:absolute; left: 0px;top: 0px;animation: sss 1s infinite alternate linear;z-index:1;}

#focus_Box{position:relative;width:1200px;height:490px;margin:40px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:51px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(../images/btnl.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(../images/btnr.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}

/*news*/
.news{ width:100%;background:url(../images/news.jpg) no-repeat center top; padding:80px 0; height:810px; margin:80px 0;}
.news_l{width:270px; font-size:48px; color:#fff; background:url(../images/nn.png) no-repeat left top; padding:40px 0 0 0; margin:15px 0 0 0 ;}
.news_l .n_tit{ font-weight:bold; line-height:85px;}
.news_l .n_tit span{ color:#f84d47}
.news_l i{ display:block; height:3px; width:93px; background:#fff; margin:5px 0 65px 0}
.news_l p{ font-size:15px; color:#ffffff; font-weight:normal; line-height:31px; margin:0 0 65px 0;}
.news_l p a{ color:#fff}
.news_l .h_more{ border:1px solid rgba(255,255,255,0.9); width:194px; height:52px; background:url(../images/jian.png) no-repeat center center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.news_l .h_more a{ display:block; width:100%; height:100%;}
.news_l .h_more:hover{ background:#ff7e09 url(../images/jian.png) no-repeat center center; border:1px solid #ff7e09;}

.news_r{ width:975px; height:626px; background:#fff}
.news_r li{ position:relative; width:100%; height:208px;}
.news_r li:nth-child(2){ background:#f4f4f4}
.news_r li .n_date{ width:116px; height:63px;  color:#9a9a9a; position:absolute; left:50px; top:80px; z-index:2 }
.news_r li .n_date span{ display:block; overflow:hidden; line-height:24px; height:24px; font-size:26px; color:#8a8a8a }
.news_r li .n_date p{ line-height:30px; height:20px;font-size:15px; }

.news_r li .date p{font-weight: bold;}
.news_r li .detail{ width:765px; position:absolute; right:33px; top:55px;}
.news_r li .detail .title{font-size: 24px; line-height:45px;color:#494949;}
.news_r li .detail .title a{ color:#494949}

.news_r li .detail .text{color:#7d7d7d;font-size: 15px; line-height:30px;}


/*fahuo*/
.fahuo{ width:100%; height:676px; position:relative; margin:80px auto;}
.fahuo .fahuo_l{ position:absolute; left:0; top:0; width:30%;}
.fahuo .fahuo_l img{ width:100%; height:100%;}
.fahuo .fahuo_r{ position:absolute; right:0%; top:0; width:68%;}
.fahuo .fahuo_r h2{ text-align:center; background:url(../images/hb.png) no-repeat center top;}
.fahuo .fahuo_r h2 em{ font-size:16px; color:#666; display:block; font-weight:normal;}
.fahuo .fahuo_r h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:1rem auto;}

.al_pic {overflow:hidden;margin:60px auto 20px auto;float: left;width:83%; overflow:hidden}
.al_pic li {float:left;margin-right:20px;width:320px; }
.al_pic li a:hover {background:#e4007f;color:#fff;}
.al_pic li a:hover ol {color:#fff;margin-left:30px;}
.al_pic li a:hover ol::before {border-color: #fff;content: "+";font-size: 40px;border: none;width: auto;top: -15px;left: 240px;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%}
.al_pic li a ol::before {position:absolute;top:15px;left:140px;content:"";border-top:1px solid #ccc;width:100px;height:1px;}
@media (min-width: 1281px) {
	/*左右滚动*/
	.al_pic, .syal_pic {
	  display: block; }
  
	.al_pic1, .sycp_lb, .syal_pic1 {
	  display: none; } }

/*服务*/
.fuwu{ width:100%; height:455px; position:relative; margin:80px auto;}
.fuwu h2{font-size: 52px;margin-bottom: 10px;font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;text-align: center;line-height: 1;color: #0e0e0e;}
.fuwu h2 i{ font-style:normal;}
.fuwu h2 i:before {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-right: 27px;vertical-align: top;margin-top: 18px;}
.fuwu h2 i:after {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-left: 27px;vertical-align: top;margin-top: 18px;}
.fuwu h2 em{font-size:16px; text-align:center; color:#666; display:block; line-height:35px;}

.fuwu ul{ width:1280px; margin:5vh auto; height:347px; position:relative;}
.fuwu li{ width:34%; float:left; overflow:hidden; height:100%;}
.fuwu li:nth-child(2n){ width:66%; position:relative;}
.fuwu .fu_b_img{ width:46%; position:absolute; z-index:2; left:0;}
.fuwu .fu_b_cont{ width:54%; border:10px solid #f2f2f2; position:absolute; z-index:1; right:0; height:347px;}
.fuwu .fu_b_cont h3{ padding:40px 0 0 40px; font-size:25px;}
.fuwu .fu_b_cont p{  padding:20px 40px 20px 40px; line-height:28px;}
.fuwu .fu_b_cont .fu_more{ width:150px; height:45px; border:2px solid #f84d47; line-height:45px; text-align:center; margin-left:40px;}
.fuwu .fu_b_cont .fu_more a{ color:#f84d47}

/*footer*/
.footer{ background:#000; padding:0px 0 35px  0; border-top:10px solid #f84d47; margin-top:50px;}
.footer .f_erweima{ text-align:center; font-size:20px; color:#fff; padding:25px 0 0 0}

.footer .s_width{ padding:35px 0 0 0}
.footer strong{ display: block; font-size:24px; line-height:55px; padding:0 0 10px 0; color:#fff; margin-bottom:19px; border-bottom:1px solid rgba(255,255,255,0.2)}
.footer strong span{ padding:0 0 0 15px; font-family:impact; font-weight:normal; text-transform:uppercase}
.footer .f_nav{  padding:20px 0 65px 0; width:1330px; margin:0 auto; height:45px; border-bottom:1px solid rgba(255,255,255,0.2)}
.footer .f_nav li{ line-height:45px; width:161px; float:left; text-align:center }
.footer .f_nav li a{ color:#fff; font-size:16px; }
.footer .f_nav li a:hover{ color:#fff; }

.footer .f_fenlei{ padding:20px 85px 80px 0; width:370px; background:url(../images/f_tel.png) no-repeat left 115px;}
.footer .f_fenlei ul{ padding:0 0 0 0;}
.footer .f_fenlei li{ line-height:35px; width:150px; float:left;}
.footer .f_fenlei li a{ color:#fff; font-size:15px; }
.footer .f_fenlei li a:hover{ color:#fff;}



.footer .f_contact{ width:425px; padding:20px 0 25px  0}
.footer .f_contact div{ line-height:30px; color:#fff; font-size:15px;}
.footer .f_contact div p{ line-height:30px; color:#fff; font-size:18px; font-weight:bold}

.footer .f_logo{ width:375px;  padding:10px 60px 26px 60px; border-left:1px solid rgba(255,255,255,0.2); }
.footer .f_logo li{ width:100px; float:left; margin-right:10px;}
.footer .f_logo li img{ width:100%;}
.footer .f_logo li em{ display:block; color:#fff; text-align:center; line-height:40px;}

.end{ background:#f84d47; line-height:60px;}
.end p{ text-align:center; color:#fff;}


/*网站内页*/
@keyframes breathe{
	from {
		transform:scale(1.2);
		}
	to {transform:scale(1.0);}
}
.ny_banner{width: 100%;height:500px;position: absolute;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;}

.header{ width:100%; position:relative; height:500px;}
.ny_prolist{ width:100%; position:absolute; z-index:10;  top:32%; height:300px;}
.ny_prolist p{ color:#fff!important;}
.main{ width:1280px; margin:50px auto;}
.main h2{font-size: 52px;margin-bottom:50px;font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;text-align: center;line-height: 1;color: #0e0e0e;}
.main h2 i{ font-style:normal;}
.main h2 i:before {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-right: 27px;vertical-align: top;margin-top: 18px;}
.main h2 i:after {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-left: 27px;vertical-align: top;margin-top: 18px;}
.main h2 em{font-size:16px; text-align:center; color:#666; display:block; line-height:35px;}

.main_cont{ font-size:16px;  line-height:31px; color:#333;}
.main_cont p{ padding-bottom:15px!important;text-indent:2em;}

.main_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; }
.main_read .main_date{ text-align:center; font-size:15px; color:#666; line-height:35px;border-bottom: 1px solid #E0E0E0; margin-bottom:50px; }
.main_read img{ max-width:100%;  margin:0 auto 15px auto; display:block;}
.main_read .main_read_cont{font-size:16px;  line-height:31px; color:#333; width:1280px; margin:0 auto;}
.main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}


.mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed;}
.mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px;}
.mbx .espcms_path li{display: inline-block;}
.mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}


.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:50px 0px 15px 0;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}

.btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #cb2c29;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active {color: #fff;background-color: #cb2c29;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #cb2c29;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.espcms_info_pager{ width:1280px; margin:0 auto 105px auto;}
.espcms_info_pager li{ width:46%; float:left; text-align:center; background:#f2f2f2; line-height:50px; margin-right:5%}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}

/*内页产品展示*/
.se_pro_con{ width:1280px; overflow:hidden;  position:relative; margin:0 auto;}
.se_pro_con ul{ width:1380px; }
.se_pro_con li{ float:left; position:relative; width:424px; height:424px; overflow:hidden; margin:0 10px 20px 0; cursor:pointer;}
.se_pro_con em{ font-style: normal; text-align:center; line-height:48px; width:424px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0; background:rgba(0,0,0,0.4); right:0}
.se_pro_con .old{ height:424px; position:absolute;top:0;left:0; width:424px;}
.se_pro_con .cp_k{ position:absolute; bottom:0; left:0; width:424px; background:rgba(0,0,0,0.6); color:#fff; font-size:15px;  transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_pro_con .cp_k a{ line-height: 50px; width: 424px;color: #fff; font-size: 18px; display: block; text-align: center;}
.se_pro_con .cp_k p{ padding:0 15px;}
.se_pro_con .cp_k a:hover{font-size: 18px;font-weight: bold;  color: #FFFFFF;}
.se_pro_con .cp_m{ width:424px; height:424px; position:relative; overflow:hidden;}
.se_pro_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pro_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pro_con li:hover .cp_k{ bottom:-200px;}

.se_pro_con .reconmmendtt{
	position:absolute;
    width: 424px;
    height: 419px;
    background:rgba(207,65,62,0.8);
    border-bottom: 5px solid #000;
	top:-513px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
    left: 0;z-index:2
}

.se_pro_con li:hover .reconmmendtt{ top:0;}


.se_pro_con .reconmmendtt_z{ margin: 60px 45px 0 45px;}
.prolist_tit{ font-size:25px; text-align:center; color:#fff; margin-top:100px;}
.prolist_more{ width:160px; height:45px; border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); line-height:45px; text-align:center; margin:40px auto 0 auto}
.prolist_more a{ color:#fff; font-size:16px;}
.se_pro_con .reconmmendtt_a{ line-height: 31px;  margin-top:40px; color: #fff; display: block;  font-size: 17px; text-align:center;}
.se_pro_con .reconmmendtt_ab{height:2px; width: 60px; background: #fffc0e; margin-top: 16px;}
.se_pro_con .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;}
.se_pro_con .reconmmendtt_d{ line-height: 39px; color: #fff; font-size: 20px; } 
.se_pro_con .reconmmendtt_d a{ line-height: 29px; color: #FFFDFE; font-size: 16px; display: block; } 
.se_pro_con .reconmmendtt_d a:hover{ color: #FFFDFE; } 
.se_pro_con .reconmmendtt_e{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 20px; text-align:center; } 
.se_pro_con .tre:hover{ height:93px; width:93px;background: rgba(255,255,255,.5);  -moz-border-radius: 93px / 93px;
    -webkit-border-radius: 93px / 93px;
    border-radius: 93px / 93px;}

.main_about{ width:1280px; margin:0 auto;background: #fafafa;color: #444;height: 50px;line-height: 50px;font-weight: bold;font-size: 15px; height:520px;}
.main_about h2 i{background: #C4005B;width: 2px;height: 30px;display: block;float: left;margin: 10px 10px 0px 0px;}


.ny_fuwu_cont{ width:1280px; margin:0 auto;padding:50px 0 0 0 }
.ny_fuwu_cont ul{margin:0 auto; }
.ny_fuwu_cont li{ width:384px; float:left; margin:0 20px 40px 20px;  cursor:pointer; overflow:hidden; border:1px solid #edebeb;}
.ny_fuwu_cont li:hover h3{ color:#fff;background-image: -webkit-linear-gradient(left,#ca2623, #dd7c20);transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.ny_fuwu_cont .se_case_pic{ width:386px; margin:0 auto; overflow:hidden; height:290px;  background:#333;}
.ny_fuwu_cont .se_case_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.ny_fuwu_cont .se_case_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ny_fuwu_cont .se_case_text{ width:100%; margin:0 auto; padding:5px 0px 5px 00px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.ny_fuwu_cont .se_case_text h3{ font-size: 18px;line-height:45px;color: #333; font-weight:normal; text-align:center;}
.ny_fuwu_cont .se_case_text h3:hover{ color:#fff;background-image: -webkit-linear-gradient(left,#ca2623, #000);transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }


.se_tuandui {  margin:0 auto;  padding:30px 0 20px 0; width:1280ox; margin:0 auto;}
.se_tuandui ul{ width:100%;}
.se_tuandui li{float:left; padding:0; width:29%; margin:0 5% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li .p-img{ width:100%; text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:18px; border-top:1px solid #eee}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:16px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}
.se_tuandui li:nth-child(3n){ margin:0 0 25px 0;}



/*se_hangye*/
.se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;}
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee}
.se_news_con li:hover { background:#333; top:30px;}
.se_news_con li:hover:nth-child(2n) { background:#ca241e; top:30px;}
.se_news_con .se_news_da{ width:1380px; margin:0 auto}
.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_r{ width: 976px; position: relative; z-index: 2; padding:10px 20px 0 0}
.se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{  font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{   color:#0f58ce; }
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{ color:#ca241e; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }
.se_news_con li:hover .se_news_more a{ color:#ca2c2c; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }

/*se-contact*/
.main_contact{ width:1280px; margin:50px auto;}
.main_contact h2{font-size: 52px;margin-bottom:50px;font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;text-align: center;line-height: 1;color: #0e0e0e;}
.main_contact h2 i{ font-style:normal;}
.main_contact h2 i:before {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-right: 27px;vertical-align: top;margin-top: 18px;}
.main_contact h2 i:after {content: '';background: url(../images/homeoneicon01.png) no-repeat center center;background-size: 18px;width: 18px;height: 18px;display: inline-block;margin-left: 27px;vertical-align: top;margin-top: 18px;}
.main_contact h2 em{font-size:16px; text-align:center; color:#666; display:block; line-height:35px;}
.main_contact ul{ margin:0px auto;}
.main_contact li{ width:415px;  float:left; text-align:center; padding-bottom:15px; margin-right:15px;}
.main_contact li:nth-child(3){ margin-right:0px;}
.main_contact li img{ margin-top:30px;}
.main_contact li i{ display:block; text-align:center; font-style:normal; padding:20px 0 10px 0; font-size:20px;}
.main_contact li em{ display:block; padding:15px 0 0 0; font-size:18px; line-height:30px;}
.main_contact li span{display:block; font-size:16px; line-height:31px; color:#666; text-align:center;}