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;}
/*::-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: 10px; top: 4px; width: auto;}
#logo:hover{left: 40px;}
#logo img{ width:100%}

.hbg .nav{ height:41px; width:50%; position: absolute; right: 18%; padding-top:15px; }
.hbg .nav li{width: calc(100%/7); float:left; text-align:center; line-height:41px; position:relative; padding:0 0 20px 0}
.hbg .nav li a{ font-size:18px; color:#333; display:block; line-height:41px; margin-top:20px;}
.hbg .nav li a:hover{border:1px solid transparent; border-color: rgba(225, 7, 7, 0.5); color:#fff; font-size:15px;border-radius: 30px;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;}

.hbg .nav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}
.subnav {width: 1200px; height:500px; position: absolute;top: 100%;z-index: 5; display: none; left:-200px;}
.subnav-bot {height: 16px;}
.header-main.fixed .subnav {top:46px;}
.header-main.fixed .nav li a {padding-bottom:0;}

.investor-subnav {width:825px;padding: 23px 0 0 15px; background:rgba(0,0,0,0.7); z-index:999999; overflow:hidden;}
.investor-subnav .list {}
.investor-subnav .list li {width:180px; float:left;margin:0 15px 0 8px; cursor:pointer;}
.investor-subnav .list li a {display:block; color:#fff;   text-align:center; background:#0e88dd}
.investor-subnav .list li a:hover { background:#333}
.investor-subnav .list li .zong .pic img{ border:4px solid #fff;transition:0.1s;width: 160px;height: 160px; margin:0 auto; display:block}
.investor-subnav .list li .zong{	width:100%;	height:100%;	position: relative;	color:#000000;}
.investor-subnav .list li:hover .zong .pic img{ border:4px solid #f8b411;}
.investor-subnav .list li .zong .text{text-align: center;font-size: 15px;color: #fff; font-weight:bold; padding: 5px; line-height: 33px;}

#tel{ width:15.1%; position:absolute; right:2%; top:27px;}
#tel img{ width:100%;}

/*banner*/
.wrap{width: 100%;min-width: 1300px;}
.w1300{width: 1300px;margin: 0 auto; }
.slideBox{ width:100%;overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:20%; bottom:10%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:50px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer;font-size: 0; margin: 0 5px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:83%; margin-top:-25px; display:block;width: 58px;height: 96px; 
background:url(../images/banner.png) center center no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index: 9999;animation: top 2.5s infinite linear;}
.slideBox .next{ left:auto; right:21%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
@keyframes top{
0%{transform: translateY(0);}

50%{transform: translateY(10px);}

100%{transform: translateY(0);}
}
.fullscreenvideo {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition: 1s opacity;
transition: 1s opacity;}
.one_banner{box-sizing: border-box;overflow: hidden;position: relative;}
.two_baner{position: absolute;top:0;left: 0;z-index: 999;}
.banner_one{width: 1000px;height: 1000px;margin: 0 auto;margin-top: -50px;border-radius: 50%;text-align: center;position: relative;}
.two_baner_one{width: 1000px;height: 1000px;border-radius: 50%;position: absolute;top:-1px;left:-1px;border: solid 1px white;opacity: 0.8;animation: zhuan 20s infinite linear;}
.two_baner_one_oen{width: 800px;height: 800px;border-radius: 50%;position: absolute;top: 99px;left: 99px;background: rgba(255,22,93,0.1);}
.two_baner_one_oen:after{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;border: solid 1px white;}
.two_baner_one_oen:before{content: '';width: 800px;height: 800px;position: absolute;top: 0;left: 0px;border-radius: 50%;border: solid 1px rgba(255,22,93,1);z-index: 2;clip: rect(93px 1000px 700px 0px);transform: rotate(90deg);}
.banner_one_zuo{width: 200px;height: 1px;background: white;position: absolute;top: 50%;left:-50px;}
.banner_one_zuo:before{content: '';width: 8px;height:8px;background: white;border-radius: 50%;position: absolute;left: 46px;top: -4px;}
.banner_one_zuo:after{content: '';width: 8px;height:8px;background: white;border-radius: 50%;position: absolute;right:46px;top: -4px;}
.banner_one_you{width: 200px;height: 1px;background: white;position: absolute;top: 50%;right:-50px;}
.banner_one_you:before{content: '';width: 8px;height:8px;background: white;border-radius: 50%;position: absolute;left: 46px;top: -4px;}
.banner_one_you:after{content: '';width: 8px;height:8px;background: white;border-radius: 50%;position: absolute;right:46px;top: -4px;}
.banner_two{width: 500px;margin: 0 auto;padding-top:240px;position: relative;height: 500px;border-radius: 50%;}
.two_baner_two{animation: zhuan1 60s infinite linear;}
.two_baner_three{position: absolute;top: 242px;left: 0px;animation: zhuan2 60s infinite linear;}
.banner_two_two{width: 500px;height: 500px;border-radius: 50%;position: absolute;bottom: 0;left: 0;transform: rotate(-45deg);}
.banner_two_zuo{position: absolute;bottom:185px;left: -200px;}
.banner_two_zuo div{width: 180px;height: 1px;background: white;margin-bottom: 40px;position: absolute;right: -180px;}
.banner_two_you{position: absolute;bottom:185px;right: -200px;}
.banner_two_you div{width: 180px;height: 1px;background: white;margin-bottom: 40px;position: absolute;left:-180px}
.banner_two1{top: -40px;clip: rect(0px 180px 1px 70px);animation: bian 2s infinite linear;}
.banner_two2{top: -80px;animation: bian1 3s infinite linear;}
.banner_two3{top: -120px;clip: rect(0px 180px 1px 160px);animation: bian2 5s infinite linear;}
.banner_two1_1{top: -40px;clip: rect(0px 95px 1px 0px);animation: bian5 3s infinite linear;}
.banner_two2_2{top: -80px;clip: rect(0px 120px 1px 0px);animation: bian6 5s infinite linear;}
.banner_two3_3{top: -120px;clip: rect(0px 180px 1px 0px);animation: bian7 2s infinite linear;}
@keyframes bian7{0%{clip: rect(0px 180px 1px 0px);}
50%{clip: rect(0px 20px 1px 0px);}
100%{clip: rect(0px 180px 1px 0px);}
}
@keyframes bian6{
0%{clip: rect(0px 120px 1px 0px);}
50%{clip: rect(0px 20px 1px 0px);}
100%{clip: rect(0px 120px 1px 0px);}
}
@keyframes bian5{
0%{clip: rect(0px 95px 1px 0px);}
50%{clip: rect(0px 50px 1px 0px);}
100%{clip: rect(0px 95px 1px 0px);}
}
@keyframes bian{
0%{clip: rect(0px 180px 1px 70px);}
50%{clip: rect(0px 180px 1px 140px);}
100%{clip: rect(0px 180px 1px 70px);}
}
@keyframes bian1{
0%{clip: rect(0px 180px 1px 20px);}
50%{clip: rect(0px 180px 1px 60px);}
100%{clip: rect(0px 180px 1px 20px);}
}
@keyframes bian2{
0%{clip: rect(0px 180px 1px 160px);}
50%{clip: rect(0px 180px 1px 60px);}
100%{clip: rect(0px 180px 1px 160px);}
}
@keyframes zhuan{
0%{transform: rotate(0deg);}
35%{transform: rotate(-90deg);}
75%{transform: rotate(0deg);}
100%{transform: rotate(90deg);}
}
@keyframes zhuan1{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
@keyframes zhuan2{
0%{transform: rotate(0deg);}
100%{transform: rotate(-360deg);}
}
.two_baner_from{position: absolute;top: 202px;left: -82px;}
.two_baner_five{font-size: 89px;font-weight: bold;color:#ff165d;line-height: 110px;padding-top: 180px;text-shadow:5px 2px 6px #fff;}
.two_baner_six{width: 1060px;line-height: 57px; font-weight:bold;color: #3ec1d3;margin: 0 auto;margin-top: 18px;font-size: 48px;text-shadow: 3px 1px 1px #024d57;}


/*产品分类*/
.prolist{ width:100%; margin:0 auto;background:url(../images/prolist.jpg) no-repeat center top; padding:50px 0; }
.prolist h2{  text-align:center; color:#ff165d; font-size:52px;}
.prolist h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.prolist h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.prolist h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}

.tx_index_pro{ overflow:hidden;	width:100%; padding:50px 0 20px 0; clear:both;  position:relative; }
.inbg{height: 470px;}
.tx_index_pro_right{float: right;position: relative;z-index: 999999;}
.cssimg img{-webkit-transition-duration:.5s;transition-duration:.5s;}
.cssimg:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.tx_index_pro_left{float:left; width:640px;}	
.tx_index_pro_left .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }  
.tx_index_pro_left .swiper-slide .title { text-align:left; line-height:35px;   font-size: 20px; color:#b7946e; padding-bottom:45px; } 
.tx_index_pro_left .swiper-slide .title span{font-size:35px; font-weight:bold; padding-right:10px;}
.tx_index_pro_left .pagination { position: absolute; z-index: 20; right: 50px; top: 10px; } 
.tx_index_pro_left .swiper-pagination-switch { display: inline-block; width: 16px; height: 16px; background-position:center; background-repeat:no-repeat; background-image:url(img/11.png);   margin-right: 0px;   cursor: pointer; } 
.tx_index_pro_left .swiper-visible-switch {   } 
.tx_index_pro_left .swiper-active-switch {  background-image:url(img/10.png); }
.tx_index_pro_left img{max-width:100%;}
.rtCont{position:relative;width: 85%;margin: 0 auto;overflow: hidden;}
.rtCont ul{margin:0 auto;width:228px;overflow:hidden;}
.rtCont li{float:left;text-align:center;margin-right: 20px;    margin-left: 20px;}
.rtCont li a{display:block;position: relative;transition:all .2s ease;}
.rtCont li a img{display:block;font-size:0px;width:228px;height:482px;transition:all .2s ease;margin: 0 auto;}
.rtCont .btnLeft,.rtCont .btnRight{position:absolute;top:150px;margin-top:-15px;width:46px;height:46px;background: #3ec1d3;font-size: 33px;color: #fff;font-family: "宋体";text-align: center;line-height: 46px;}
.rtCont li a p{margin-top: 15px;font-size: 18px;color: #e31160;margin-bottom: 0;}
.rtCont li a:hover img{}
.rtCont li a:hover p{color: #03a77e}
.rtCont .btnLeft{left:-50px;}
.rtCont .btnRight{right:-50px;}
.rtCont>a{transition: .5s;}
.rtCont>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);}


/*pro*/
.pro{width:100%;   padding:20px 0 0px 0; }
.chanpin_con{ padding:0 0 71px 0; width:100%; margin:0 auto; overflow:hidden;}
.chanpin_con li{float:left; padding:0; width:23%; height:auto; padding-bottom:0.5%; margin: 0 1% 2% 1%; position:relative; overflow:hidden;  background:#f2f2f2}
.chanpin_con .old img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con li:hover .old img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.chanpin_con .cp_xq{ width:290px; position:absolute; left:50%; margin-left:-145px; height:190px;  line-height:30px; color:#fff; font-size:15px; background:rgba(221,42,84,0.8); top:50px; opacity:0; padding-bottom:20px}
.chanpin_con .cp_xq h3{ font-size:30px; text-align:center; color:#fff; padding:30px 0 25px 0}
.chanpin_con .cp_xq p{ margin:0px 20px; padding:20px 15px; border:1px solid rgba(255,255,255,0.3); color:#fff}
.chanpin_con .cp_xq  div{ padding:15px 0 0 0; text-align:center}

.chanpin_con li:hover .cp_xq{ opacity:1;
	animation: categorytextanimate5 1s;
	-moz-animation: categorytextanimate5 1s;
	-webkit-animation: categorytextanimate5 1s;
	-o-animation: categorytextanimate5 1s;
}
@keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg); }
}
@-moz-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categorytextanimate5{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}




.chanpin_con .old{ width:90%; margin:10px auto 0 auto;position:relative; overflow:hidden;}
.chanpin_con p{ color:#dd2a54; padding:17px 0 11px 0}
.chanpin_con p a{ color:#dd2a54; display:block; text-align:center; font-size:24px; line-height:45px;}


/*about*/
.about{width: 100%;height: 824px;background:url(../images/about.jpg) no-repeat center top;padding: 100px 0px;box-sizing: border-box;position: relative;}
.about h2{  text-align:center; color:#ff165d; font-size:52px;}
.about h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.about h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.about h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}
.about .s_width{ width:80%; margin:0 auto;clear: both; position: relative;}
.about .about_cont{ width: 94%;height: 310px;display: block;background: rgba(255,255,255,0.77);text-align: left;padding: 30px;margin-top: 80px;}
.about .about_cont h3{ font-size:35px; color:#ff165d; padding-top:20px; text-align:center}
.about .about_cont h3 span{ display:block;font-family: georgia,serif;text-transform: uppercase; }
.about .about_cont p{color: #010101;line-height: 200%; margin-top:30px;text-align:center}
.amore {position: absolute;bottom: -25px;left: 674px;display: block;width: 50px;height: 50px;background: #e5084f;line-height: 46px;font-size: 30px;text-align: center;color: #fff;border-radius: 50%;overflow: hidden;box-shadow: 0 0 20px rgba(255,255,255,1);}


/*fahuo*/
.fahuo{ width:100%; height:840px; position:relative; background:url(../images/fahuo.jpg) no-repeat center top; padding:50px 0 0 0;}
.fahuo h2{  text-align:center; color:#ff165d; font-size:52px;}
.fahuo h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.fahuo h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.fahuo h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}
.fahuo  .flist{ width:80%; margin:30px auto;}
.fahuo  .flist li{ float:left; background:#ff165d; margin:10px 20px 20px 0; line-height:50px; width:12.6%; text-align:center; font-size:18px;border-radius:30px;}
.fahuo  .flist li a{ color:#fff;}
.fahuo  .flist li a:hover{ background:#3ec1d3; display:block;transition:all 0.9s ease 0s;border-radius:30px;}

.fahuo .fahuo_list .ftel{ background:url(../images/dh.png) no-repeat left center; width:100%; line-height:50px; padding-left:60px;}
.fahuo .fahuo_list .ftel p{ font-size:18px;}
.fahuo .fahuo_list .ftel p em{font-family: georgia,serif; color:#ff165d; font-size:40px;}

.fahuo_cont{ width:80%; position:absolute; left:50%; margin-left:-40%; top:35%; background:#f2f2f2; padding:10px 30px;}
.fahuo_cont h3{ line-height:50px; font-weight:normal;}
.al_pic {overflow:hidden;margin:15px auto 20px auto;float: left;width:100%; 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; } }


/*index_h*/
.index_h{ position:relative}
.index_h h2{  text-align:center; color:#ff165d; font-size:52px; margin:50px 0;}
.index_h h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.index_h h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.index_h h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}
.index_huahai_con{ height:830px; overflow:hidden;}
.index_huahai_con .huahai_l{ width:80%; margin:0 auto 20px auto;}
.index_huahai_con .huahai_l li{ width:24%; height:91px; border:1px solid #eee; float:left; margin-right:10px; padding:0 0 0 85px; box-sizing:border-box;transition: .5s; }
.index_huahai_con .huahai_l li:nth-child(4){ margin-right:0; }
.index_huahai_con .huahai_l li a{ display:block }
.index_huahai_con .huahai_l li a h3{ font-size:20px; color:#333333; line-height:91px; }
.index_huahai_con .huahai_l li a:hover h3{ color:#fff;}
.cp_a{ background:#fff url(../images/c_a.png) no-repeat 21px center;}
.cp_b{ background:#fff url(../images/c_b.png) no-repeat 18px center;}
.cp_c{ background:#fff url(../images/c_c.png) no-repeat 18px center;}
.cp_d{ background:#fff url(../images/c_d.png) no-repeat 18px center;}
.cp_a.cp_crnt{ background:#ff165d url(../images/c_a_h.png) no-repeat 21px center;}
.cp_b.cp_crnt{ background:#ff165d url(../images/c_b_h.png) no-repeat 18px center;}
.cp_c.cp_crnt{ background:#ff165d url(../images/c_c_h.png) no-repeat 18px center;}
.cp_d.cp_crnt{ background:#ff165d url(../images/c_d_h.png) no-repeat 18px center; }

.index_huahai_con .huahai_l li.cp_crnt a h2{  color:#ffffff;}
.index_huahai_con .huahai_l li.cp_crnt a p{ color:#ffffff}

.index_huahai_con .zong{ height:720px; width:100%;}
.index_huahai_con .chanpin_r{ height:720px;}
.index_huahai_con .Tcp_a{ background:url(../images/t_a.jpg) no-repeat center top;}
.index_huahai_con .Tcp_b{ background:url(../images/t_b.jpg) no-repeat center top;}
.index_huahai_con .Tcp_c{ background:url(../images/t_c.jpg) no-repeat center top;}
.index_huahai_con .Tcp_d{ background:url(../images/t_d.jpg) no-repeat center top;}

.index_huahai_con .zong .zong_con{ width:80%; margin:0 auto; height:720px; position:relative}
.index_huahai_con .zong .zong_con .zong_con_c{ width:655px; height:330px; position:absolute; right:0; top:195px; background:rgba(255,22,93,0.7)}
.index_huahai_con .zong .zong_con .zong_con_c strong{ position:absolute; display:block; left:110px; top:30px; font-size:33px; color:#fff}
.index_huahai_con .zong .zong_con .zong_con_c p{ position:absolute; width:505px; height:140px; left:110px; top:95px; line-height:28px; font-size:15px;  color:#fff }
.index_huahai_con .zong .zong_con .zong_con_c a{ position:absolute; width:106px; height:35px;line-height:35px; border:1px solid #fff; left:110px; bottom:40px; text-align:center; font-size:15px;color:#fff }



/*客户案例*/
.case{ width:100%;  padding-top:60px; background:url(../images/hb.png) no-repeat center top;}
.case h2{  text-align:center; color:#ff165d; font-size:52px; margin-bottom:50px;}
.case h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.case h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.case h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}

.marquee2 { width:90%; margin:0px auto 0 auto; }
.marquee2 .pro_cc{ width:21%; height:auto;  float:left; margin:0 1% 2% 1%; position:relative; overflow:hidden; border:10px solid #f2f2f2;}
.marquee2 .pro_cc a:hover{ color:#165aa8;}
.marquee2 .chanpin_con_pic{ width:100%; height:30vh; position:relative; overflow:hidden;}
.marquee2 .pro_cc img {  width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.marquee2 .pro_cc:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.marquee2 .pro_cc .chanpin_con_cc{ height:60px; width: 100%; overflow: hidden; position: relative; font: 22px "Microsoft Yahei";  background:#f2f2f2; text-align:center; line-height:60px;}
.marquee2 .pro_cc .chanpin_con_cc:hover p{ color:#f2f2f2;}

/*花海*/
.huahai{ width:100%;  padding:60px 0; background:url(../images/huahai.jpg) no-repeat center top; margin-top:50px;}
.huahai h2{ text-align:center; color:#fff; font-size:52px; margin-bottom:50px;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);}
.huahai h2 em{ background:url(../images/hhbg.png) no-repeat center top; height:42px; line-height:42px; display:block; color:#fff; font-size:22px; font-weight:normal; margin-top:15px;}

#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{ width:100%;  padding:60px 0 0 0;}
.news h2{  text-align:center; color:#ff165d; font-size:52px; margin-bottom:50px;}
.news h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.news h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.news h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}

.news_cont{ width:1280px; position:relative; overflow:hidden; margin:0 auto; padding:20px 20px;}
.news_cont li{ width:403px; float:left;  height:495px; position:relative; margin:0 13px 0 0; }
.news_cont .xinwen_pic{ width:380px; height:265px; position:absolute; top:9px; left:50%; margin-left:-190px; overflow:hidden;}
.news_cont .xinwen_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_cont .xinwen_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.news_cont .xinwen_text{ width:350px; padding:20px 15px; position:absolute; top:274px; left:11px; background:#eeeced;}
.news_cont .xinwen_text .xinwen_date{ font-size:14px; color:#9e9e9e; line-height:33px;}
.news_cont .xinwen_text .xinwen_title a{ font-size:17px; color:#333; line-height:43px;}
.news_cont .xinwen_text .xinwen_title a:hover{ color:#333;}
.news_cont .xinwen_text .xinwen_span{ width:32px; height:2px; background:#c99619}
.news_cont .xinwen_text .xinwen_cont{ width:100%; font-size:14px; line-height:26px; color:#666}



/*footer*/
.footWrap{ background: url(../images/end.jpg) no-repeat center top;position: relative;padding-top: 87px; height:678px;}
.footer {position: relative;overflow: hidden;max-width: 1280px;margin: 0 auto; height:678px;}
.flogo {width:394px;position: absolute;top: 50px;left: 50%; margin-left:-215px;overflow: hidden;z-index: 9;}
.flogo img {width: 394px;height: 92px;margin: 0 auto;display: block;}

.footer .fnav{margin-top: 35px;overflow: hidden;line-height: 72px;font-weight: bold;}
.fnav a {display: inline-block;font-size: 16px;color: #fff;margin-right: 110px;transition: .5s;}
.fnav a:nth-child(3){ margin-right: 450px;}
.fnav a:last-child{margin-right: 0;}
.fnav a:hover{color: #fbfa15;}

.fwz{margin-top: 125px; overflow: hidden; position: relative; }
.fwz::before {
    position: absolute;
    top: 43px;
    left:33px;
    width:100%;
    height:1px;
    border-top: 1px dashed #fff;
    content: '';
    }
.fwz p{ width:20%; float: left; overflow: hidden; font-size: 24px; text-align: center; color:#fff; line-height: 28px;position: relative;z-index: 3;margin-bottom: 20px;}
.fwz img{display: block;margin: 0 auto 10px;}
.fwz p:last-child{font-size: 18px; line-height: 30px;font-family:"Microsoft Yahei"; }

.end_wx{width:150px; margin:25px auto 0 auto;}

.footer .f_logo{  padding:10px 60px 26px 60px; border-right:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2); }
.f_f{ line-height:50px; text-align:center; color:#e6f7ff;font-size:15px;}
.f_f a{ color:#e6f7ff}
.f_f a:hover{ font-weight:bold; color:#fff}
.end{ background:#f7b413; 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:0 auto;}
.main h2{  text-align:center; color:#ff165d; font-size:52px; margin:50px auto;}
.main h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.main h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.main h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}
.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{ width:100%; max-width:650px; 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: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active {color: #fff;background-color: #00af5f;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: #00af5f;}
.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{ width:80%; margin:50px auto;}
.se_left{width: 20%; overflow:hidden; float:left}
.se_left .left_list{width: 90%;background-color: #fc165e;padding: 10px 10px;}
.se_left .left_list h2{text-align: center;color:#fff;font-size:30px;margin:20px 0 10px 0;}
.se_left .left_list h2 em{color:#fff;font-size:16px; display:block; font-weight:normal}
.se_left .left_list ul { width:100%; position:relative}
.se_left .left_list li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;height:50px;position:relative}
.se_left .left_list li a{ color:#333; padding-left:15px; font-size:18px;}
.se_left .left_list li:hover{transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; background-image: -webkit-linear-gradient(left,#ff165d, #3ec1d3);}
.se_left .left_list li:hover a{ color:#fff;}

.left_contact{width: 90%;background-color: #fc165e;padding: 10px 10px; margin-top:15px;}
.left_contact h2{text-align: center;color:#fff;font-size:30px;margin:20px 0 10px 0;}
.left_contact h2 em{color:#fff;font-size:16px; display:block; font-weight:normal}
.left_contact p{ color:#fff; line-height:31px; font-size:16px;}

.shit{position: fixed; top: 0; left:5%;  margin-left:0; z-index:999;}

.main_r{ width:77%;overflow:hidden; }
.main_r ul{ width:100%;}
.main_r li{float:left; padding:0; width:31.5%; margin:0 2% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.main_r li .p-img{ width:100%; text-align:center;  position:relative; overflow:hidden }
.main_r 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}
.main_r li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.main_r li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.main_r p{ font-size:16px; line-height:35px; color:#666;}
.main_r p span{ font-size:17px;  color:#af1318;}
.main_r li:nth-child(3n){ margin:0 0 25px 0;}

.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;}


/*se-case*/
.se_tuandui { width:80%; margin:0 auto;  padding:30px 0 20px 0}
.se_tuandui ul{ width:100%;}
.se_tuandui li{float:left; padding:0; width:30%; margin:0 4% 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:#00af5f; top:30px;}
.se_news_con li:hover:nth-child(2n) { background:#e61161; 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:#00af5f; 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:0px auto;}
.main_contact h2{  text-align:center; color:#ff165d; font-size:52px; margin:50px auto;}
.main_contact h2 i{font-family: georgia,serif;text-transform: uppercase; font-style:normal; color:#3ec1d3; padding-left:10px;}
.main_contact h2 em{ font-size:18px; color:#666; display:block; font-weight:normal;}
.main_contact h2 em:before{ content:""; width:80px; height:5px; background:#e31160; display:block; margin:0.5rem auto;}}
.main_contact ul{ margin:50px 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;}


.gtr{
position:fixed; z-index:999999; right:0; width:70px; height:198px; margin-top:-99px; top:67%;}
.gtr ul li{border-bottom:1px #ececec solid;
float:left; position:relative; width:100%; height:65px;}
.gtr ul li:hover{border-bottom:1px #ececec solid;}
.gtr ul li:nth-child(3) img,.gtr ul li:nth-child(1) img,.gtr ul li:nth-child(1) p{ display:none;
position:absolute; top:0; right:70px; max-width:none;}
.gtr ul li:nth-child(1) p{width: 176px;font-size: 22px;font-family: "cuya";color: #434343;line-height: 50px;}
.gtr ul li a{background-color:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1); 
display:block; width:100%; height:65px;  background-position:center; background-repeat:no-repeat;-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;}
.gtr ul li:hover a{
background-color:#e41160;
}
.qqchat{ display:none;
position:absolute; right:75px; width:255px; height:144px; top:-32px; background-image:url(images/qqchat.png); background-position:center; background-repeat:no-repeat;}
.gtr ul li:nth-child(3):hover img,.gtr ul li:nth-child(1):hover img,.gtr ul li:nth-child(1):hover p{
display:block;}
.gtr ul li:nth-child(1) a{
background-image:url(../images/r1.png);}
.gtr ul li:nth-child(1):hover a{
background-image:url(../images/r1on.png);}
.gtr ul li:nth-child(2) a{
background-image:url(../images/r2on.png);}
.gtr ul li:nth-child(2):hover a{
background-image:url(../images/r2.png);}
.gtr ul li:nth-child(3) a{
background-image:url(../images/qq2.png);}
.gtr ul li:nth-child(3):hover a{
background-image:url(../images/qq.png);}
.gtr ul li:nth-child(4) a{
background-image:url(../images/r3.png);}
.gtr ul li:nth-child(4):hover a{
background-image:url(../images/r3on.png);}
.gtr ul li .qqchat dl{
float:left; width:248px;}
.gtr ul li .qqchat dl dd{
float:left; width:100%;}
.gtr ul li .qqchat dl dd a{  
display:block; width:100%; height:48px; line-height:48px; background-image:url(../images/q.png); text-indent:45px; background-position:9px center; background-repeat:no-repeat;}
.gtr ul li .qqchat dl dd:hover{
background-color:#e41160;}
.gtr ul li:hover .qqchat dl dd a{
background-color:transparent; background-image:url(images/q.png);}
.gtr ul li:hover .qqchat{
display:block;}