body{font-size:14px; min-width:1200px;font-family: "Microsoft Yahei";background:;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}

.relative{position: relative;}
.absolute{position:absolute;}
.flex{
display: flex;
justify-content: space-between;
overflow: hidden;
flex-flow: row nowrap;
}
*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}

.s_width{ width:1200px; margin:0 auto; position:relative;height:100%;}
.liuyan{ padding:0 0 30px 0}

@media (max-width: 1439px) {
.aboutt_n {
    position: absolute;
    width: 1300px;
    height: 580px;
    top: 10%!important;
    left: 50%;
    margin-left: -650px;
}

.aboutt .s_width {
    position: absolute;
    width: 1300px;
    height: 550px;
    top: 12%!important;
    left: 50%;
    margin-left: -650px;


}
.cp_2{height: 250px;
    width: 260px;
    position: absolute;
     top: 0!important;
    left: 42%;}


.chanpin_t_l{ width:315px; height:230px!important;; overflow:hidden; position:relative;}
}











/*.header{overflow:hidden ; position:relative;height:100%;background:url(../images/bg2.jpg) no-repeat center; }*/
.header{overflow:hidden ; position:relative;width:100%;background:url(../images/bg2.jpg) no-repeat center;}
.navbg{ width:100%;	height:80px; border-bottom:1px solid rgba(255,255,255,0.1); z-index:100;position: absolute;top:0; background:rgba(0,0,0,0.2);}
.logo_nav{ width:100%;height:80px;}
.logo_nav .logo{ position:absolute; left:15px; top:7px}
.nav{ height:80px; width:50%; position:absolute; left:50%; margin-left:-25%; top:0 }
.nav ul{ height:80px;}
.nav li{line-height:80px; width:calc(100%/6); float: left;}
.nav li a{ line-height:80px;font-size:16px; color:#fff; text-align:center; display: block; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.nav li a:hover{ font-weight:bold; }


.logo_nav .langage{ position:absolute; right:94px; width:166px; height:75px; line-height:75px;  top:0;  font-size:16px; color:#fff; z-index:102;}
.logo_nav .langage_pic{ background:url(../images/qiu.png) no-repeat left center; width:100%; padding:0 0 0 40px;  box-sizing:border-box;}
.logo_nav .langage_pic span{ display:block; width:100%;}
.logo_nav .langage p {position: absolute;right: 22px;top: 50%;margin-top: -4px;content: "";display:block;vertical-align: top; width: 16px;height: 8px;background:url(../images/ico2.png) ;  transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5);}
.logo_nav .langage:hover p{ -webkit-animation: bounce-up 1s ease infinite;animation: bounce-up 1s ease infinite; }
@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(-8px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-3px);
}
}
 @keyframes bounce-up { 25% {
transform: translateY(-8px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-3px);
}
}

.logo_nav .langage_pic div{ display:none;width:156px;text-align:center;color:#4f4f4f;position:absolute;top:81px; left:0; background:#fff; height:0; }
.logo_nav .langage_pic div a {display:block; width:150px; margin:0 auto;color: #333; font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0; height: 150px;}
.logo_nav .langage_pic div a:hover {color:#286cc9;  }

.logo_nav .nav_video{ background:#c5182d; height:80px; width:94px;  position:absolute; right:0; bottom:0; z-index:102;}

/*弹出*/
.navbarpage {
  position: absolute;
  right: -350px;
  top: 0;
  width: 350px;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.8); z-index:99}
.navbar {
  position: absolute;
  top: 50%;
  width: 76px; left:50%; margin-left:-38px; margin-top:-13px;
  height: 26px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}

.navbar div { position:absolute;
  width: 27px;
  height: 2px;
  transition: all 0.5s ease; font-size:15px; color:#fff
}

.navbar .nav1{
  background:#fff; left:5px; top:0;
}
.navbar .nav2 {
  background:#fff; left:0px; top:12px;
}
.navbar .nav3 {
  background:#fff; left:5px; bottom:0;
}
.navbar .nav4 {
 right:0; bottom:0; width: 32px;
  height: 20px;
}
.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(9px, 8px);
}

.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(9px, -8px);
}

.navbarOn3 {
  transform: rotateY(90deg);
}
.hudong{
  width: 1260px; margin:0 auto;
  height: 200px;
}
.hudong h2{ width:25px; font-size:24px; color:#fff; padding:15px; border:1px solid rgba(255,255,255,0.5); margin:0 140px 0 0}
.hudong p{ line-height:36px; padding:20px 130px 0 0; font-size:16px; color:#fff}
.navbarpage .navbarpage_da {
  height: 600px;
}
.navbarpage ul {
  width: 80%; height:160px; margin:140px auto
}
.navbarpage li:hover {
	animation: categoryanimaten 1s;
	-moz-animation: categoryanimaten 1s;
	-webkit-animation: categoryanimaten 1s;
	-o-animation: categoryanimaten 1s;
}
@keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);color:white;}
}
@-moz-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
.navbarpage ul li { cursor:pointer;
  box-sizing: border-box; text-align:center; color:#fff; font-size:18px; line-height:55px;
}

.navbarpage ul li span{ display:block; width:100%; height:1px; background:rgba(255,255,255,0.1);}
.navbarpage ul li img{ display:block; width:56px; height:56px; margin:0 auto; }
.navbarpage li p {
  text-align: center;
}

.navbarpage li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}

.active_navbar {
  right: 0 !important;
  transition: all 0.2s 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.3s linear;
}

.navbarpage .zuo2 {
  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;
}

/*弹出*/







.header2{overflow:hidden ; position:relative; height:425px;}
.navbg2{ width:100%; margin:0 auto;background:#d71414;position:relative;z-index:800; }
.navbg2 h1 span{ display:none;}





.head{ height:80px; width:100%;  position: relative;  z-index:99999999;}
.head .s_width{ position:relative;}
.head .logo,.head .nav_search{ position:absolute}
.head .logo{}
.head .logo img{ }
.head .nav_search{ right:0; height:100px;}
.head .nav_search .nav{  padding:0 0 0 0; height:41px; width:800px}
.head .nav_search .nav li{ width:100px; float:left; text-align:center; line-height:41px; position:relative; padding:0 0 20px 0}
.head .nav_search .nav li a{ font-size:17px; color:#fff; display:block; line-height:41px; margin-top:20px;}
.head .nav_search .nav li a:hover{ color:#fff; font-size:16px;}

.head .nav_search .nav li div {display:none;width:161px;text-align:center;color:#4f4f4f;position:absolute;top:62px; left:-20px; background:#000000; z-index:9999 }
.head .nav_search .nav li div a {display:block; COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal; margin-top:0;}
.head .nav_search .nav li div a:hover {color:#ca0000; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}

.head2 .nav li div {display:none;width:161px;text-align:center;color:#4f4f4f;position:absolute;top:62px; left:-20px; background:rgba(0,0,0,0.7); z-index:9999 }
.head2 .nav li div a {display:block; COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal; margin-top:0;}
.head2 .nav li div a:hover {color:#ca0000; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}





.head2{ height:80px; width:100%;  position: fixed; background:rgba(0,0,0,0.8);  z-index:9999999; top:0; opacity:0}
.head2 .s_width{ position:relative;}
.head2 .logo{padding-top:0px; }
.head2 .logo img{ }
.head2 .nav{  padding:0px 0 0 0; height:41px; width:800px}
.head2 .nav li{ width:100px; float:left; text-align:center; line-height:41px; position:relative; padding:0 0 20px 0}
.head2 .nav li a{ font-size:17px; color:#fff; display:block; line-height:41px; margin-top:20px;}
.head2 .nav li a:hover{ color:#fff; font-size:16px;}




.banner2{position: relative; height:100%; z-index: 1;}



.link_f{ height:60px; line-height:60px; background:url(../images/link.jpg); color:#d2d2d2; margin:20px 0 0 0}
.link_f a{color:#d2d2d2}
.link_f a:hover{ font-weight:bold}

.footer{ background:#030201; padding:35px 0}
.footer .s_width{ width:1200px; margin:0 auto; padding-top:20px;}
.f_l{ width:1020px; float:left;}
.footer1 h3{ color:#fdd6d6; margin-bottom:10px;font-size: 21px}
.footer1 h3 em{ display:block; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#fdd6d6;font-style: normal}
.footer1 h4{ width:50px; height:2px; background:#ffa91e; margin-bottom:10px;}
.footer1{ margin-left:62px; width:210px; border-right:1px solid #1e1d1d; padding-right:20px;}
.footer1 ul li{ height:30px; line-height:31px; color:#fdd6d6; float:left; font-size:15px;width:210px; display:block; }
.footer1 ul li a{ color:#fdd6d6;font-size:16px; }
.footer1 ul li a:hover{ font-weight:bold;}
.footer1 p{ font-size:15px; line-height:31px;color:#fdd6d6;}

.f_r{ float:right; background:url(../images/erweima.jpg) no-repeat center top 40px; width:160px; height:295px;}
.f_r p{ padding-top:200px; text-align:center; font-size:15px;color:#FFFFFF;}

.footer_b{ background:#000000; line-height:50px; color:#FFFFFF; font-size:16px; text-align:center; border-top: 1px solid #2a0000;}
.footer_b a{ color:#FFFFFF}




.search{ width:1200px; margin:0 auto; height:65px; background:#fff url(../images/sear_tel.jpg) no-repeat right center; position:relative; z-index:999; margin-top:-30px;}
.search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.search-bar .keywords { padding-left: 10px; width: 350px; height: 33px; line-height: 33px; font-size: 16px; background:#fff; margin:14px 0 0 22px; border:1px solid #ccc}
.search-bar input[type="submit"] {  width: 60px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; background: #e80000 url(../images/ss.jpg) no-repeat center center; color: #fff; cursor: pointer; margin:14px 0 0 0;}
.search-bar input { border: none; float: left;}



.banshow{
	animation:sca 2s linear;
}
@keyframes sca{
	0%{height:100%}
	10%{height:108%}
	60%{height:99%}
	100%{height:100%}
}



/*two*/
.pro_cage{ height:135px; background:#fff; position:absolute; width:100%; left:50%; margin-left:-50%; bottom:0}

.pro_cage .pro_cage_title{ width:27%; position:absolute; left:0; top:0; height:135px;}
.pro_cage .pro_cage_title .hongse{ width:100%; height:100%; background:#c5182d; position:absolute;}
.pro_cage .pro_cage_title strong{ display:block; width:40%; position:absolute; right:0; top:35px; font-size:30px; color:#ffffff; z-index:1}
.pro_cage .pro_cage_title p{ width:40%; position:absolute; right:0; top:80px; font-size:30px; color:#ffffff; z-index:1}

.pro_cage .pro_cage_con{ width:70%; position:absolute; right:0; top:0; height:135px;}
.pro_cage .pro_cage_con .pro_cage_list{ width:90%;}
.pro_cage .pro_cage_con .pro_cage_list li{ width:calc(100%/5); float:left; text-align:center; cursor:pointer; position:relative; height:135px;}
.pro_cage .pro_cage_con .pro_cage_list li .pro_cage_pic{ margin:20px 0 0 0; position:relative; z-index:2; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro_cage .pro_cage_con .pro_cage_list li span{ display:block; font-size:15px; color:#525252; position:relative; z-index:2; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro_cage .pro_cage_con .pro_cage_list li .pro_cage_hover{ width:166px; height:150px; position:absolute; left:50%; margin-left:-83px; bottom:-200px; background:#505050; z-index:1; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro_cage .pro_cage_con .pro_cage_list li:hover .pro_cage_pic{ margin:0 0 0 0}
.pro_cage .pro_cage_con .pro_cage_list li:hover span{ font-weight:bold; color:#fff; font-size:17px;}
.pro_cage .pro_cage_con .pro_cage_list li:hover .pro_cage_hover{ bottom:0;}

#focus_Box {
position: relative;
width: 1300px;
height: 580px;
margin: 0px auto 0 auto; overflow:hidden;
padding-top: 0px; }
#focus_Box ul {
position: relative;
height: 580px; }
#focus_Box li {
z-index: 0;
position: absolute;
width: 0px;
height: 0px;
top: 146px;
cursor: pointer;
left: 377px;
overflow: hidden; background:#fff; text-align:center ; font-size:16px;
}
#focus_Box li a{ color:#555; line-height:35px;}
#focus_Box li img {
width: 95%; margin:0 auto;
vertical-align: top;
transition: .5s; display:block;
}
#focus_Box li:hover img {
transform: scale(1.03, 1.03); }
#focus_Box li:hover p {
background: #00a040;
color: #fff;
font-size: 20px; }
#focus_Box li p {
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 40px;
line-height: 40px;
color: #fff;
background: #000;
text-align: center;
font-size: 18px;
transition: all .3s; }
#focus_Box .prev {
background:url(../images/hover_left.png) no-repeat;
left: 0px;
top: 290px; }
#focus_Box .prev:hover {
left: 10px;
opacity: 1; }
#focus_Box .next {
background:url(../images/hover_right.png) no-repeat;
right: 0px;
top: 290px; }
#focus_Box .next:hover {
right: 10px;
opacity: 1; }
#focus_Box a.imgs-scroll-btn {
display: block;
position: absolute;
z-index: 110;
top: 7px;
right: 15px;
width: 51px;
height: 23px;
overflow: hidden;
background: url("../images/share-btn.png")/*tpa=http://www.hengfenggc.com/images/share-btn.png*/ no-repeat;
text-indent: -999px; }

#focus_Box .prev, #focus_Box .next {
display: block;
z-index: 100;
overflow: hidden;
cursor: pointer;
position: absolute;
width: 32px;
height: 100px;
top: 240px;
transition: 0.5s;
opacity: 0.6; }







.aboutt{ height:100%; background:url(../images/bg3.jpg) no-repeat center top;background-size: cover; position: relative;}

.about_aa{ height:100%; background:url(../images/bg2.jpg) no-repeat center top;background-size: cover; position: relative;}




/*公司简介*/
.about{ height:100%; background:url(../images/bg1.jpg) no-repeat center top;background-size: cover; position: relative;}
.about .s_width{ position: absolute; width:1300px; height:580px; top:36%; left:50%; margin-left:-650px;}
.about .about_cont{ width:1300px;}
.about_n{ height: 550px; width: 1300px;}
.about_n_l{ height: 550px; width: 600px; float: left;background:url(../images/vv.png) no-repeat center top;background-size: cover; }
.about_n_l_l{ height: 550px; width: 200px; float: left; }
.about_n_l_r{ height: 550px; width: 400px; float: right; }
.about_n_l_r_z{ width: 360px; height: 550px;margin: 0 auto;}
.about_n_l_r_z_a{ height: 60px; width:360px;  background:#c8161e url(../images/2_03.jpg) no-repeat center;}
.about_n_l_r_z_b{ width: 340px; margin: 0 auto;}
.about_n_l_r_z_b p{line-height: 26px; font-size: 14px; color:#141414; margin-top: 20px;}


.about_n_l_r_z_a a{ line-height: 60px; width: 360px; font-size: 20px; color: #FFFFFF;}



.about_n_l_r_z_bb{ height: 30px; width: 90px; float: right; margin-top: 50px;}
.about_n_l_r_z_bb a{ line-height: 30px; width: 90px; border: 1px dashed #bababa; height: 30px; display: block; text-align: center; font-size: 14px; color: #171717;}

.about_n_l_r_z_bb a:hover{ line-height: 30px; width: 90px; border: 1px dashed #c8161e; height: 30px; display: block; text-align: center; font-size: 14px; color: #FFFFFF; background: #c8161e; font-weight: bold;}


.about_n_r{ height: 550px; width: 600px; float: right;}
.about_n_r_a{ width: 199px; border-right: 1px solid #FFFFFF; float: left;}
.about_n_r_a_1{ height: 200px; width: 199px; background: #c8161e;}
.about_n_r_a_1_t{ height: 80px; width: 80px; margin: 0 auto; padding-top: 30px;}
.about_n_r_a_1_z a{line-height: 80px; font-size: 20px; color: #FFFFFF; display: block; text-align: center;font-weight: bold;}
.about_n_r_a_1_z a:hover{color: #FFFFFF;}

.about_n_r_a_2{ height: 150px; width: 199px;}
.about_n_r_a_3{ height: 200px; width: 199px; background: #353943;}
.about_n_r_a_3_t{ height: 80px; width: 80px; margin: 0 auto; padding-top: 30px;}
.about_n_r_a_3_z a{line-height: 80px; font-size: 20px; color: #FFFFFF; display: block; text-align: center;font-weight: bold;}
.about_n_r_a_3_z a:hover{color: #FFFFFF;}


.about_n_r_b{ width: 199px; border-right: 1px solid #FFFFFF; float: left;}
.about_n_r_b_1{ height: 200px; width: 199px; background: #c8161e;}


.about_n_r_b_2{ height: 150px; width: 199px;background: #c8161e;}
.about_n_r_b_2_t{ height: 80px; width: 80px; margin: 0 auto; padding-top: 15px;}
.about_n_r_b_2_z a{line-height: 50px; font-size: 20px; color: #FFFFFF; display: block; text-align: center;font-weight: bold;}
.about_n_r_b_2_z a:hover{color: #FFFFFF;}



.about_n_r_b_3{ height: 200px; width: 199px; background: #353943;}
.about_n_r_b_3_t{ height: 200px; width: 199px;}


.about_n_r_c{ width: 199px;  float: left;}
.about_n_r_c_1{ height: 200px; width: 199px; background: #353943;}
.about_n_r_c_1_t{ height: 80px; width: 80px; margin: 0 auto; padding-top: 30px;}
.about_n_r_c_1_z a{line-height: 80px; font-size: 20px; color: #FFFFFF; display: block; text-align: center;font-weight: bold;}
.about_n_r_c_1_z a:hover{color: #FFFFFF;}

.about_n_r_c_2{ height: 350px; width: 199px;}


.fenlei{ height: 40px; width: 990px; margin: 0 auto;}
.fenlei a{ height: 40px; line-height: 40px; margin: 0 5px; border: 1px solid #FFFFFF; display: block; text-align: center; color: #FFFFFF; font-size: 17px; float: left; padding: 0 20px;}

.fenlei a:hover{ height: 40px; line-height: 40px; margin: 0 10px; border: 1px solid #006fcd; display: block; text-align: center; color: #FFFFFF; font-size: 17px; float: left; padding: 0 15px; background: #006fcd; font-weight: bold;}

.chanpin_con{ overflow:hidden; width:1300px; margin:0 auto; height: 350px; padding-top: 50px;}
.chanpin_con li{float:left; padding:0; width:315px; height:350px; margin-right:15px; position:relative; overflow:hidden;cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.chanpin_t_l{ width:315px; height:280px; overflow:hidden; position:relative;}
.chanpin_t_l a img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ziti a{ line-height: 65px; width: 315px; background: #ffffff; color: #006fcd; height: 65px; display: block; text-align: center;font-size: 17px; }
.ziti a:hover{ color: #FFFFFF; background: #006fcd; font-weight: bold;}









/*苏打酒*/
.sudajiu{ height:100%; background-size: cover;background:#f1e4d3 url(../images/bg2.jpg) repeat center top;}
.sudajiu .s_width{ position:relative; overflow:hidden; width:1200px; margin:0 auto;}

.index3_11{width:320px;height: 100%;position: absolute;top: 0px; right: 0px;}





.in_about{width: 1300px; height:540px; position: absolute;left:50%; margin-left:-650px; top:50%; margin-top:-300px;}
.index3_22{ height: 133px; width: 160px; margin-left: 50px;}

.ab_cc{ width:130px; height: 100px; position: absolute; right:150px; top:210px}
.index3_21{    width: 700px;position: absolute;left: 0px;height: 630px;top:0;z-index: 5; }
.index3_23 { position: relative;}

.index3_23 p{ line-height:25px;font-size:14px; color:#FFFFFF;}

.index3_29_1 { position: relative;}
.index3_29_1 p{ line-height:35px;font-size:28px; color:#FFFFFF; font-weight: bold; width: 120px; margin-bottom: 5px;}


.index3_26 { height: 40px; width: 40px; display: block; 
text-align: center; margin-top: 45px; margin-left: 50px; font-size: 20px; color: #FFFFFF; 
display: block; text-align: center; line-height: 40px;}   
    
.index5_1{width:100%;position:absolute;left:0px;top:0px;height:100%;background:#000;cursor:pointer}
.index5_1s {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;}
   
.index5_2{width:50%;position:absolute;right:0px;bottom:0px;height:100%;background:#fff;cursor:pointer;overflow:hidden; display: inline-flex;     flex-wrap: wrap; padding:0 0 0 20px; box-sizing:border-box;}
.index5_2 li{ height: calc(50vh - 20px); flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); margin:0 10px 20px 0px; overflow:hidden;}
.index5_2 li div{position: relative;    z-index: 0;    width: 100%;    height: 100%;    transition-duration: .5s; background-size: cover !important;    background-repeat: no-repeat !important;    background-position: center !important; }
.index5_2 li div.you-a{ background-image:url(../images/t_a.jpg)}
.index5_2 li div.you-b{ background-image:url(../images/t_b.jpg)}
.index5_2 li div.you-c{ background-image:url(../images/t_c.jpg)}
.index5_2 li div.you-d{ background-image:url(../images/t_d.jpg)}
.index5_2 li:hover div{ transform: scale(1.1); }

.index5_12{width:600px;position:absolute;right:0px;top:50%;height:500px;margin-top:-250px;z-index:999}


/*@media (min-width: 1440px) {
.index5_12s {
position: absolute;
height: 110px;
width: 270px;
top: 0%;
left: 83%!important;
margin-left: -180px; box-sizing:border-box;
text-align: left;z-index: 99;}
 }*/



.index5_12s { margin-left: 1000px;
}
    

.index5_12s .index5_pic{ margin-top: 55px; margin-right: 25px;  height: 110px; width: 270px; background:url(../images/cc.png) no-repeat center; float: right;}
.index5_12s a{ line-height:67px; width:135px; display:block; margin-left:85px; text-align:center; color:#fff; font-size:16px;}



.index5_22{width:600px;position:absolute;left:0px;top:50%;height:260px;margin-top:-130px;z-index:999}
.index5_22s { position: relative;
    height: 200px;
    width: 200px;
    top: 0%;
    left: 50%;
    margin-left: -125px;
    text-align: left;
   border: 4px solid #FFFFFF;
   } 
   
.index5_22s_a{ margin-top: 15px; margin-left: 5px;}  
.index5_22s_b a{ line-height: 30px; font-size: 24px; color: #FFFFFF; display: block; font-weight: bold; margin-left: 18px;} 
.index5_22s_b a:hover{color: #FFFFFF;}  
   
   
    

/*鸡尾酒*/
.jiweijiu{ height:100%; background:url(../images/bg1.jpg) no-repeat center top;background-size: cover; }
.jiweijiu .s_width{ position:relative; overflow:hidden; width:1280px; margin:0 auto;}
.jiweijiu .about_cont{ width:1280px; margin:80px auto 0 auto;}
.jiweijiu .s_width h2{ width:700px; margin:0 auto; padding-top:0px;opacity:0}
.jiweijiu .jiweijiu_cont{ /*padding-top:50px;*/}











/*新闻动态*/

.hz_new_a a{ height: 35px; width: 120px; background: #006fcd; font-size: 15px; line-height: 35px; display: block; float: left; margin-right: 10px; color: #FFFFFF; text-align: center;}
.hz_new_a a:hover{ font-size: 16px; background: #c10007;}





.hz_new{ height:300px; width:300px; position:relative; float: left; margin-top:50px;}
.hz_new_a{ height: 35px; display: block; font-weight: bold; position:absolute; top:250px;}
.hz_new_b{ font-size:30px; color:#c31f33; line-height:35px; text-transform:uppercase;  position:absolute; left:25px; bottom:0;}
.hz_news_more{ width:180px; height:70px; border:1px solid rgba(255,255,255,0.2); line-height:70px; position:absolute; right:-180px; top:0; opacity:0}
.hz_news_more a{ display:block; width:120px; color:#fff; font-size:16px; margin:0 auto; background:url(../images/jia.gif) no-repeat right center;}

.news{ height:100%; background:url(../images/bg4.jpg) no-repeat center top;background-size: cover; }
.news .s_width{width:1300px; position:absolute; height:600px; left:50%; margin-left:-650px; top:50%; margin-top:-300px;}
.news .about_cont{ width:1300px; margin:80px auto 0 auto;}

.news .news_cont{width:1300px; /*margin:50px auto 0 auto;position:relative;*/}

.xinwen_net{ width:385px;background: #fff; position: absolute;top:0;border:1px solid white;}

.news_cont_content{ height: 405px; width: 1300px; margin: 0 auto; padding-top: 20px;}
.news_cont_content li{ height: 405px; width:410px; background: rgba(255,255,255,0.7); float: left; margin-left: 10px; margin-right: 10px;}
.new_ut{ height: 145px; width:230px; position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; z-index:1;float: left;}
.zitiyu{ height: 145px; width: 580px; float: right;}
.zitiyu_a a{ line-height: 30px; font-size: 17px; display: block; margin-top: 15px; color: #000000;}
.zitiyu_a a:hover{ color: #1b62b7;font-weight: bold;}


.zitiyu_b{ background:url(../images/jj.png) no-repeat center left; height: 30px;}
.zitiyu_b p{ line-height: 30px; font-size: 13px; color: #5a5a5a; margin-left: 30px;}
.zitiyu_c p{ line-height: 26px; font-size: 15px;color: #5a5a5a; }





.new_ut_z{ line-height: 43px; width: 360px; margin: 0 auto; padding-top: 10px; }
.new_ut_z a{ font-size: 20px; color: #252525; display: block; font-weight: bold;}
.new_ut_z a:hover{ color: #da1f37;}

.new_ut_z_s{ width: 360px; margin: 0 auto; }
.new_ut_z_s p{ font-size: 14px; color: #747474; line-height:24px;}

.new_ut_z_date{ height: 81px; width: 81px; position:absolute; left:25px;top:-25px; background:#c31f33; text-transform:uppercase; font-size:15px; color:#fff; box-sizing:border-box; padding:15px 0 0 10px; z-index:2; line-height:30px;}
.new_ut_z_date strong{ display:block; font-size:18px;}
.new_ut_z_m{ width: 360px; margin: 10px auto 0 auto;}
.new_ut_z_m a{ display:block; width:80px; background:url(../images/jijian.png) no-repeat right center; color:#7c7c7c; font-size:14px;}



.index_case{ height:100%; background-size: cover;background:url(../images/bg6.jpg) repeat center top;}
.index_case_t{width:40%;position:absolute;left:0px;top:0px;height:100%; cursor:pointer}
.index_case_tt {
position: relative;
height: 80%;
width: 360px;
top:0;
right:0; box-sizing:border-box;
text-align: left; border: 20px solid #c31f33;}
.index_case_tt strong{ display:block; font-size:55px; color:#ffffff; margin-top:85px; margin-right: 25px; height:65px; text-align:right}  
.index_case_tt span{ height:1px; width:90px; display:block; background:#fff;  margin-left: 200px; margin-top:35px;}
.index_case_tt div{ line-height:37px; margin-top: 35px;   margin-right: 25px; text-align:right; color:#c31f33; font-size:30px; text-transform:uppercase}

.index_case_con{width:57%;position:absolute; right:0px; top:0px; height:100%;cursor:pointer;overflow:hidden; box-sizing:border-box;}
.index_case_con ul{ width:80%; height:80%; position:absolute; left:0px; top:10%; display: inline-flex; flex-wrap: wrap;}
.index_case_con li{ height: calc(40vh); flex: 0 0 calc(50%); width: calc(50%); overflow:hidden;}
.index_case_con li div{position: relative;    z-index: 0;    width: 100%;    height: 100%;    transition-duration: .5s; background-size: cover !important;    background-repeat: no-repeat !important;    background-position: center !important; }
.index_case_con li:hover div{ transform: scale(1.1); }



@media (max-width: 1439px) {
.end .s_width{ position:absolute; overflow:hidden; width:1300px;  height:408px; top:36%!important;left:50%; margin-left: -650px;}
}


/*首页联系我们*/
.end{ height:100%; background:url(../images/bg7.jpg) no-repeat center top; background-size: cover;}
.end .s_width{ position:absolute; overflow:hidden; width:1300px;  height:408px; top:42%;left:50%; margin-left: -650px;}






.end .about_cont{ width:1300px; margin:80px auto 0 auto;}

.ree{ height: 160px; width: 300px; position: relative; margin-top: -248px; margin-left: 150px;}
.ree p{ line-height: 50px; font-size: 20px; color: #FFFFFF; display: block; font-weight: bold;}
.ree a{ line-height: 22px; font-size: 15px; color: #FFFFFF; display: block;  margin-left: 110px; width: 220px; margin-top: 10px;}




.productbg{ width:100%; margin:0 auto; background:url(../images/probg.jpg) no-repeat center top;}
.product{padding:40px 0 50px 0;  overflow:hidden; width:1200px; margin:0 auto; }
.p_title{height:55px; line-height:35px; text-align:right;  font-size:34px;   color:#fff;font-weight:bold; float:right; width:250px;}
.p_title p{ text-transform:uppercase; font-weight:normal; padding:20px 150px 0 10px;}

.product_fenlei{ width:800px; height:59px; float:left; margin-top:20px;}
.product_fenlei ul{ width:900px;}
.product_fenlei li{ width:250px; float:left; text-align:center; margin:0 10px 10px 0;}
.product_fenlei li a{height:50px; line-height:50px;  font-size:18px; color:#fff; display:block; background:#0060bf }
.product_fenlei li a:hover{background:#df5727; font-weight:bold; font-size:18px;}

.pro_con{ width:917px; overflow:hidden;  position:relative;right:0; margin-top:50px;}

.pro_con_t {height:450px; position:relative}
.pro_con_t li{float:left;}

.tupian_zl{ position:absolute; bottom:-4px; left:0; height:50px; width:50px; display:block; background:url(../images/left.jpg) center center no-repeat; }
.tupian_zl:hover{ background:url(../images/left_h.jpg) center center no-repeat; }
.tupian_zr{ position:absolute; bottom:-4px; left:55px; height:50px; width:50px; display:block; background:url(../images/right.jpg) center center no-repeat;}
.tupian_zr:hover{ background:url(../images/right_h.jpg) center center no-repeat;}




.pro_t_l{ width:632px; height:454px; }
.pro_t_l img{ width:630px; height:450px; border:2px solid #333333; border-right:none; }
.pro_t_r{ width: 285px; height:454px; background:url(../images/pro_t_r.jpg) no-repeat left top;}
.pro_t_r p{ border-bottom:1px solid #a44652; line-height:55px; font-size:20px; color:#fff; font-weight:bold ; margin:20px 25px 0 25px;}
.pro_t_r p a{ color:#fff;}
.pro_t_r p a:hover{ color:#088d3d;}
.pro_t_r_con strong{ font-size:16px; line-height:45px;}
.pro_t_r_con{ line-height:30px; color:#ffffff; font-size:14px; margin:25px 25px 0 25px; height:265px;}
.pro_t_r_more{ width:220px; height:43px; margin:0 auto;}
.pro_t_r_more a{ display:block; height:43px; background:url(../images/p_more.png) no-repeat center center}


/*
.chanpin_con{ width:1200px; overflow:hidden;  position:relative; margin:0 auto; padding:53px 0 0 0}
.chanpin_tit{ font-size:30px; color:#ffa91e; text-align:center; font-weight:bold; line-height:50px; padding-bottom:30px;}
.chanpin_con li{float:left; padding:0; width:370px; margin:0 39px 17px 0; position:relative; overflow:hidden;}

.chanpin_t_l{ width:370px; height:278px; position:relative;}
.chanpin_t_l a{ width:370px; height:278px; position: absolute; z-index:3;}
.chanpin_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:263px; margin:0 auto; border-bottom:1px solid #9b968f}
.chanpin_t_l a:hover span{ color:#0a9494}

.chanpin_t_l img{ width:370px; height:278px; position: absolute; z-index:2}
.chanpin_t_r{ height:70px; position: relative;  background:#0060bf; text-align:center;}
.chanpin_t_r a{color:#fff;  line-height:70px; font-size:18px; position: relative; z-index: 901;}
.chanpin_t_r a:hover{  font-size:18px; font-weight:bold}

.pro_dd .cover_top{position:absolute;top:-350px;left:0;width:400px;height:490px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4) ;z-index:900; text-align:center; cursor: pointer}
.pro_dd .cover_bottom{position:absolute;bottom:-70px;left:0;width:400px;height:70px; background:#163e5f;z-index:900; text-align:center; cursor: pointer}


.chanpin_con1{ height:490px; overflow:hidden}
.chanpin_con1 li{float:left; padding:0; width:415px; height:490px; margin-right:7px; margin-bottom:7px; position:relative; overflow:hidden; }

.chanpin_con1 .reconmmendtt{position:absolute;width: 420px;height: 490px;background: #ab1e24;border-bottom: 5px solid #ff8212;transform: perspective(100px) rotateX(40deg);z-index: 10;transform-origin: center bottom 0;left: 0;opacity: 0;}
.chanpin_con1 .reconmmendtt_z{ margin: 45px;}
.chanpin_con1 .reconmmendtt_a a{ line-height: 50px; color: #fff; display: block;  font-size: 32px; font-weight: bold; text-decoration:none}
.chanpin_con1 .reconmmendtt_a a:hover{ color: #FFFFFF; }
.chanpin_con1 .reconmmendtt_ab{height:2px; width: 60px; background: #e48617; margin-top: 16px;}
.chanpin_con1 .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;}
.chanpin_con1 .reconmmendtt_d a{ line-height: 29px; color: #5ccd74; font-size: 16px; display: block; } 
.chanpin_con1 .reconmmendtt_d a:hover{ color: #FFFDFE; } 
.chanpin_con1 .reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} 
.chanpin_con1 .reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; }
.chanpin_con1 .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;}

.cp_k{position:relative; height: 50px; width: 420px;background: rgba(0,0,0,0.5); margin-top: -50px; z-index: 8888;left:0}
.cp_k a{ line-height: 50px; width: 420px;color: #FFFDFE; font-size: 18px; font-weight: bold; display: block; text-align: center;text-decoration:none}
.cp_k a:hover{font-size: 17px;font-weight: bold;  color: #FFFFFF;}*/


.chanpin_con2{ height:490px; overflow:hidden;}
.chanpin_con2 li{float:left; padding:0; width:420px; height:490px; margin-right:7px; margin-bottom:7px; position:relative; overflow:hidden; background:#fff}

.chanpin_con2 .reconmmendtt{position:absolute;width: 420px;height: 490px;background: #ab1e24;border-bottom: 5px solid #ff8212;transform: perspective(100px) rotateX(40deg);z-index: 10;transform-origin: center bottom 0;left: 0;opacity: 0;}
.chanpin_con2 .reconmmendtt_z{ margin: 45px;}
.chanpin_con2 .reconmmendtt_a a{ line-height: 30px; color: #fff; display: block;  font-size: 32px; font-weight: bold;}
.chanpin_con2 .reconmmendtt_a a:hover{ color: #FFFFFF; }
.chanpin_con2 .reconmmendtt_ab{height:2px; width: 60px; background: #e48617; margin-top: 16px;}
.chanpin_con2 .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;}
.chanpin_con2 .reconmmendtt_d a{ line-height: 29px; color: #5ccd74; font-size: 16px; display: block; } 
.chanpin_con2 .reconmmendtt_d a:hover{ color: #FFFDFE; } 
.chanpin_con2 .reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} 
.chanpin_con2 .reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; }
.chanpin_con2 .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;}



.chanpin_con3{ height:522px; overflow:hidden}
.chanpin_con3 li{float:left; padding:0; width:642px; height:522px; margin-right:7px; margin-bottom:7px; position:relative; overflow:hidden; background:#fff}

.chanpin_con3 .reconmmendtt{position:absolute;width: 642px;height: 522px;background: #ab1e24;border-bottom: 5px solid #ff8212;transform: perspective(100px) rotateX(40deg);z-index: 10;transform-origin: center bottom 0;left: 0;opacity: 0;}
.chanpin_con3 .reconmmendtt_z{ margin: 45px;}
.chanpin_con3 .reconmmendtt_a a{ line-height: 30px; color: #fff; display: block;  font-size: 32px; font-weight: bold;}
.chanpin_con3 .reconmmendtt_a a:hover{ color: #FFFFFF; }
.chanpin_con3 .reconmmendtt_ab{height:2px; width: 60px; background: #e48617; margin-top: 16px;}
.chanpin_con3 .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;}
.chanpin_con3 .reconmmendtt_d a{ line-height: 29px; color: #5ccd74; font-size: 16px; display: block; } 
.chanpin_con3 .reconmmendtt_d a:hover{ color: #FFFDFE; } 
.chanpin_con3 .reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} 
.chanpin_con3 .reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; }
.chanpin_con3 .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;}

.chanpin_con3 .cp_k{position:relative; height: 50px; width: 642px;background: rgba(0,0,0,0.5); margin-top: -50px; z-index: 8888;left:0}
.chanpin_con3 .cp_k a{ line-height: 50px; width: 642px;color: #FFFDFE; font-size: 18px; font-weight: bold; display: block; text-align: center; text-decoration:none}
.chanpin_con3 .cp_k a:hover{font-size: 17px;font-weight: bold;  color: #FFFFFF;}






/*工程案例*/
.case{ width:1200px; margin:0 auto; padding:40px 0;}
.case_tit{ background:url(../images/case.jpg) no-repeat left top; height:392px;}
.case_tit p{ text-align:right; font-size:27px;text-transform: uppercase; padding-top:40px; color:#333;}
.case_tit p span{ color:#fff}
.case_tit h4{ font-size:35px; font-weight:bold; text-align:right; color:#353232}
.case_tit h5{ font-size:18px; color:#555; text-align:right; font-weight:normal; line-height:35px;}
.case_tel{ width:420px; height:150px; background:url(../images/bg.jpg) repeat center top; margin-top:50px; float:right; margin-right:120px;}
.case_tel img{ padding:40px 0 0 30px;}

.pro_show{ }
.pro_show h2{ background:url(../images/p_line.jpg) repeat-x 120px center}
.pro_show h2 p{ background:#fff; width:120px; line-height:65px; color:#08982e; font-size:18px;}

.pro_cont{ height:400px; width:970px; margin:0 auto; overflow:hidden; }
.espcms_piclist_slide {overflow: hidden; margin-top:0px;}
.espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:490px;overflow:hidden; width:400px;}

.espcms_piclist_slide li .pic { width:400px; height:490px;}
.espcms_piclist_slide li .pic a{ font-size:16px;}

.espcms_piclist_slide li .pic img { width:400px; height:490px;}
.espcms_piclist_slide li .cover_top{ text-align:center; line-height:55px; height:55px; font-size:16px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(223,12,27,0.7)}
.espcms_piclist_slide li .cover_pic{ width:120px; height:150px;position:absolute; left:50%; margin-left:-60px;top:-100px; z-index:100}
.espcms_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/fdj.png) no-repeat center 0px; display:block}
.espcms_piclist_slide li  p{ }
.espcms_piclist_slide li  p a{ color:#fff; text-decoration:none}
.espcms_piclist_slide li  p a:hover{ color:#fff600}


/*内页公司简介*/
/*.ny_mainbg{width:100%; margin:0 auto; background:url(../images/nyjingqu.jpg) no-repeat center top; min-height:800px;background-attachment:fixed; background-size:cover; padding-bottom:}*/
.lx_mainbg{ width:100%; margin:0 auto; background:url(../images/lx.jpg) no-repeat center top; min-height:800px;background-attachment: fixed; background-size: cover; padding-bottom:}
.sp_mainbg{width:100%; margin:0 auto; background:url(../images/jm.jpg) no-repeat center top; min-height:800px;background-attachment: fixed; background-size: cover; padding-bottom:}

.ny_main{ width:1200px; margin:0 auto;}

.about_dh{ width:200px; margin:0 auto; padding-top:70px}
.about_dh ul{ height:35px;}
.about_dh li{ float:left; width:200px;  margin-right:20px; height:55px;line-height:55px; text-align:center; font-size:20px; letter-spacing:1px;background:#df0c1b; color:#FFF; display:block;border-radius: 20px;}
.about_cont,._content{ width:1300px; /*background:rgba(255,255,255,.8)*/;  font-size:14px; line-height:28px;position: absolute; }
.chanpin_cont{ width:1200px; margin:0 auto; margin-top:76px;  min-height:600px; font-size:14px; line-height:28px;}
.jianjie{ font-size:16px; line-height:31px; color:#333; min-height:354px; padding:80px 30px 40px 30px;text-indent:2em;}
.jianjie p{font-size:16px; line-height:31px; color:#1a1a1a; text-indent:2em;}

.nyabout_cont{ min-height:500px; font-size:14px; line-height:28px;border-radius: 20px}
.contact_add{background:rgba(255,255,255,.5); width:1280px; box-shadow: 0 0 15px #e4e4e4; box-sizing: border-box;margin: 100px auto 30px auto;padding: 20px 0;min-height: 150px;border-radius: 3px;}
.contact_add img{width:40px; margin-left:48%; margin-top:0px;}
.contact_add p{ font-size:20px; text-align:center; line-height:50px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}


.contact_b{ }
.contact_tel{ float:left;background:rgba(255,255,255,.5); width:400px; box-shadow: 0 0 15px #e4e4e4; box-sizing: border-box;margin: 30px auto 30px auto;padding: 20px 0;min-height: 150px;border-radius: 3px;}
.contact_tel img{width:40px; margin-left:48%; margin-top:0px;}
.contact_tel p{ font-size:17px; text-align:center; line-height:31px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}

.contact_lx{ float:left;background:rgba(255,255,255,.5); width:400px; box-shadow: 0 0 15px #e4e4e4; box-sizing: border-box;margin: 30px auto 30px auto;padding: 20px 0;min-height: 216px;border-radius: 3px; margin-left:30px;}
.contact_lx img{width:40px; margin-left:48%; margin-top:0px;}
.contact_lx p{ font-size:17px; text-align:center; line-height:31px; margin-top:20px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}

.contact_email{ float:left;background:rgba(255,255,255,.5); width:400px; box-shadow: 0 0 15px #e4e4e4; box-sizing: border-box;margin: 30px auto 30px auto;padding: 20px 0;min-height: 216px;border-radius: 3px; margin-left:30px;}
.contact_email img{width:40px; margin-left:48%; margin-top:0px;}
.contact_email p{ font-size:17px; text-align:center; line-height:31px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}

/*内页产品展示*/
/*.ny_mainbg{ width:100%; margin:0 auto; background:url(../images/nyjingqu.jpg) no-repeat center top; min-height:800px;background-attachment: fixed; background-size: cover; padding-bottom:}*/

.ny_mainbg{ width:100%; margin:0 auto; background:url(../images/ne1.jpg) no-repeat center top; height:350px;}
.ny_er{ height: 100px; width: 100%;  background: #e2e2e2;}

.product_dh{ width:1250px; margin:0 auto; padding-top:50px}
.product_dh ul{ height:35px;}
.product_dh li{ float:left; width:230px;  margin-right:20px; height:55px;line-height:55px; text-align:center; font-size:16px; letter-spacing:1px; margin-top:15px;}
.product_dh li a{background:#df0c1b; color:#FFF; display:block;border-radius: 20px; }
.product_dh li a:hover{background:#221c1c; font-weight:bold; }


/*erjiyemian*/
/*erjiyemian*/


.erji .s_width_r p{ font-size:14px; color:#2d2d2d; line-height:31px; font-weight:normal; padding:20px 0 55px 0; }
.erji_lv{margin:0 auto; padding:20px 0}
.erji_lv p{ line-height:30px;  font-size:15px; color:#555; padding:10px 30px}
.erji_lv_bg{ background:url(../images/lvse.jpg) no-repeat center center; height:70px;}


.tuji{  overflow:hidden;  position:relative; margin:0 auto; padding:20px 0 40px 0px; padding-left:2px; width:1200px; margin-left:20px;}
.tuji ul{}
.tuji li{float:left; padding:0; width:385px;  position:relative; overflow:hidden;}
.tuji li .p-img{ width:375px; height:490px;  text-align:center;position:relative ; overflow:hidden;}
.tuji li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.tuji li .p-img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.tuji li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; background:#9a0000; width:375px; margin-bottom:20px; font-weight:bold;  }
.tuji li .p-name a{color: #FFFFFF;}



.tuji li .p-img mark{
	position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 20;
    opacity: 0;
    transform: skewX(60deg);
    transition: 360ms;
}
.tuji li .p-img div{
	position:absolute;
	z-index:21;
	background:#e43939;
}
.tuji li .p-img .borderleft{	
	top:0;
	left:0;
	width:7px;
	height:0;
}
.tuji li .p-img .bordertop{
	top:0;
	left:0;
	width:0;
	height:7px;
}
.tuji li .p-img .borderbottom{
	bottom:0;
	right:0;
	width:0;
	height:7px;
}
.tuji li .p-img .borderright{
	top:0;
	right:0;
	width:7px;
	height:0;
}
.tuji li .p-img .leftline{
	position:absolute;
	left:50%;
	margin-left:-230px;
	top:50%;
	z-index:21;
	border-top:1px solid red;
	width:60px;
	opacity:0;
}
.tuji li .p-img .topline{
	position:absolute;
	left:50%;
	margin-top:-230px;
	top:50%;
	z-index:21;
	border-left:1px solid red;
	height:60px;
	opacity:0;
}





.tujii{  overflow:hidden;  position:relative; margin:0 auto; padding:20px 0 40px 0px; padding-left:2px; width:1200px; margin-left:20px;}
.tujii ul{}
.tujii li{float:left; padding:0; width:385px;  position:relative; overflow:hidden;}
.tujii li .p-img{ width:375px; height:300px;  text-align:center;position:relative ; overflow:hidden; border: 1px solid #d5d5d5;}
.tujii li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.tujii li .p-img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.tujii li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; background:#FFF; width:375px; margin-bottom:20px; font-weight:bold;  }

.tujii li .p-name a{color: #000000;}



.tujii li .p-img mark{
	position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 20;
    opacity: 0;
    transform: skewX(60deg);
    transition: 360ms;
}
.tujii li .p-img div{
	position:absolute;
	z-index:21;
	background:#e43939;
}
.tujii li .p-img .borderleft{	
	top:0;
	left:0;
	width:7px;
	height:0;
}
.tujii li .p-img .bordertop{
	top:0;
	left:0;
	width:0;
	height:7px;
}
.tujii li .p-img .borderbottom{
	bottom:0;
	right:0;
	width:0;
	height:7px;
}
.tujii li .p-img .borderright{
	top:0;
	right:0;
	width:7px;
	height:0;
}
.tujii li .p-img .leftline{
	position:absolute;
	left:50%;
	margin-left:-230px;
	top:50%;
	z-index:21;
	border-top:1px solid red;
	width:60px;
	opacity:0;
}
.tujii li .p-img .topline{
	position:absolute;
	left:50%;
	margin-top:-230px;
	top:50%;
	z-index:21;
	border-left:1px solid red;
	height:60px;
	opacity:0;
}




.hz_lianxi h1{ font-size: 30px; color: #FFFFFF; font-weight: bold; margin-top: 50px;}
.hz_lianxi_a{ height: 180px; width: 400px; background:url(../images/uyy.png) no-repeat left; margin-top: 50px;}
.hz_lianxi_a p{ line-height: 45px; font-size: 15px;  color: #FFFFFF; margin-left: 60px; margin-top: 30px;}



















.cage_list{ width:1200px; margin:20px auto 10px auto; height:59px;}
.cage_list li{ width:220px; float:left; text-align:center; margin-bottom:10px; margin-right:10px; padding:5px;}
.cage_list li a{height:59px; line-height:59px; font-size:17px; color:#fff; display:block; background:#221c1c; text-transform:uppercase; border:1px solid #3c3139;}
.cage_list li a:hover{background:#bd2424; font-weight:bold;}

.liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold}


.se_pro_con{ width:1200px; overflow:hidden;  position:relative; margin:0 auto; padding:50px 0 40px 0}
.se_pro_con ul{ width:1239px; }
.se_pro_con li{float:left; padding:0; width:370px; margin-right:40px; margin-bottom:25px;position:relative; overflow:hidden; border: 1px solid #e9e9e9;}

.se_pro_t_l{ width:370px; height:278px; position:relative; cursor: pointer}
.se_pro_t_l a{ width:370px; height:278px; position: absolute; z-index:3; background:url(../images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_pro_t_l .se_pro_t_laa{opacity:1;}
.se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f}
.se_pro_t_l img{ width:370px; height:278px; position: absolute; z-index:2}
.se_pro_t_r{ width: 388px;  height:145px;  position: relative; z-index: 1000;background:#fff;}
.se_pro_t_r p{ line-height:30px; font-size:18px; color:#555555; padding:20px 20px 20px 30px; text-align:center}
.se_pro_t_r p a{  font-size:18px; color:#333; font-weight:bold}
.se_pro_t_r h4{ line-height:30px; font-size:18px; color:#333; padding:30px 20px 30px 30px; text-align:center}

.se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;  }
.se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; }
.se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#a93131; }
.se_pro_t_r_more a:hover{ color:#cb2a2a; font-weight:bold}

.se_pro_con li div.cover_top{position:absolute;top:-350px;left:0;width:370px;height:350px;background: rgba(0,0,0,0.4) ;z-index:900; text-align:center; cursor: pointer}
.se_pro_con li div.cover_top img{ width:265px; height:265px;}
.se_pro_con li div.cover_bottom{position:absolute;bottom:-200px;left:0;width:370px;height:146px;background:#163e5f;z-index:900}






.prod_nav{width:1000px; margin:0 auto;   margin-top:20px;}
.prod_nav li{width: 1000px; text-align:center;  line-height:80px; float:left; background:#cb1b1f; display: block;}
.prod_nav li span{  background:#444; display:inline-block; width:1000px; height:80px; color:#fff; font-size:20px; font-weight: bold;}
.prod_nav li span.on{background:#cb1b1f; color:#fff; display: block;}

/*se_case*/
#se_case_index{  background:#fff;position:relative; background: url(../images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0}
.se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; }
.se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center}
.se_case_index_title h2 span{ color:#ec0c41}
.se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;}
.se_case_index_nav ul{ height:30px;}
.se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; }
.se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold}
.se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; }
.se_ca_erji{ float:left; padding:0 0 0 10px;}
.se_ca{float:left; height:30px; margin:0 5px 0 0  }
.se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;}

.se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0}
.se_case ul{}
.se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; }
.se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee}
.se_case_name{ width:260px; margin:0 auto;  font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold}
.se_case_name a{ color:#333}
.se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;}
.se_case_click{ float:right; color:#333; }
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:1000;}

.fenye{ padding:20px 0 40px 0; font-size:14px;}
.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}



/*se_hangye*/
/*se_hangye*/
.erji_news{ width:1185px; margin:0 auto; }
.erji_news ul{position:relative}
.erji_news li{ margin-bottom:20px; margin-right:10px; border:1px solid transparent;float:left; position:relative;top:20px;left:20px; cursor: pointer;background: #f7f7f7; }
.erji_news li:nth-child(2n){}
.erji_news li.hover{background:#a50f11;box-shadow: 0 6px 10px 5px rgba(0,0,0,.08); border:none}
.erji_news_cont{ width:100%;  }
.erji_news_pic{ float:left;border:0px solid #e4e3e3; padding:10px;}
.erji_news_r{ float:right;  width:850px;background: #f7f7f7; padding-left:20px; height:180px;}
.erji_news_r .erji_news_t{line-height:40px; }
.erji_news_r .erji_news_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#555;}
.erji_news_data{font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0}
.erji_news_info{ font-size:14px; color:#777; line-height:28px;}
.erji_more{ width:100px; height:35px; float:right; border:1px solid #dcdcdc; line-height:35px; text-align:center;border-radius: 20px; margin-right:15px; background:#aa1d25; color:#fff;}


.main{ padding:0px 0;}
.main_right{ width:910px;font-size:16px;}
.m_r_weizhi{ line-height:35px; text-align:right; font-size:14px;border-bottom:1px solid #eee}
.m_r_weizhi span{ float:left; font-size:18px; border-bottom:1px solid #093}


.t_left{ width:220px; float:left}
.fenlei2{}
.fenlei2 h2{ background:#0250a2; line-height:60px; font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase; font-weight:bold}
.fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0;}
.fenlei2 li{ line-height:50px; width:200px; margin:0 auto;  border:0 solid #ccc; margin-bottom:10px; background:#df5727}
.fenlei2 li:hover{background:url(../images/bg.jpg) repeat}
.fenlei2 li a{ font-size:16px; padding:0 0 0 25px; color:#fff}
.fenlei2 li.treeone {
    background:#fff;
    padding-left: 0; border:1px solid #ececec; line-height:35px;
}
.fenlei2 li.treeone a { font-size:13px; color:#333}
.fenlei2 li.treeone:hover {  background:#df5727;}

.contact{ padding:0px 0 15px 0; border:1px solid #ececec; margin-top:10px;}
.contact h2{ line-height:55px; font-size:16px; color:#fff; font-weight:normal; padding:0 0 0 20px; text-transform:uppercase; border-bottom:1px solid #ccc;background:url(../images/bg.jpg) repeat}
.contact h2 span{ padding:0 0 0 10px; font-size:14px; color:#abd7fd}
.contact p{ font-size:14px; line-height:30px; padding:5px 10px;}
.contact .contact_pic{ margin:15px 0; padding-left:5px;}

.list{width: 300px;float: left;}
.intro{width: 100%;min-width:1400px;height:528px;background-image: url(../images/about.jpg);background-size: 100% 100%;background-repeat: no-repeat;border-top: 1px solid lightgray;}
.ab_z{width: 1100px;height: 335px;margin:118px auto;}
.ab_zl{height:335px; width:430px; border:1px solid #d4d4d4; float:left;}
.ab_tu{padding:10px; height:315px;}
.ab_r{ height:335px; width:650px; float:right;}
.ab_rt{height:40px; width:650px; border-bottom:#d4d4d4 1px dashed;}
.ab_rl{ height:40px; width:220px; float:left; background:url(../images/jianjie.jpg) left center no-repeat;}
.ab_rl a{ height:40px; float:right; display:block;  font-size:16px; color:#c9c9c9; line-height:40px;  font-weight:bold;}
.ab_rr{ height:26px; width:26px; background:#d21e27; float:right;}
.ab_rr a{ height:26px; width:26px; background:#d21e27; display:block; text-align:center; color:#FFF; font-size:14px;}

.an_nr{height:255px; width:650px;}
.an_nr p{ height:32px; line-height:32px; color:#333; font-size:12px; display:block; padding-top:16px}







.news-left{width: 835px;height: 430px;float: left;}
.xinwen{ height:40px; width:835px; background:#1f1f1f url(../images/xw.jpg) left center no-repeat;}
.xinwen_z{height:40px; width:300px; float:left;}
.xinwen_z a{height:40px; line-height:40px; display:block; color:#d21e27;  font-size:14px; padding-left:40px;}
.xinwen_z b{ color:#fff;  }
.xinwen_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;}
.xinwen_n{ height:340px; width:835px;  margin-top:45px;}
.xinwen_nl{height:340px; width:213px; float:left; background:url(../images/nnn.jpg) center no-repeat;}
.xinwen_nr{ height:340px; width:600px; float:right;}
.xinwen_nrt{height:100px; width:600px;}
.xinwen_nrtb{ height:30px; width:600px; border-bottom:#d9d9d9 1px dashed; padding-top:10px;}
.xinwen_nrtb a{ height:26px; width:600px; line-height:26px; color: #666; font-size:16px; display:block;}
.xinwen_nrtb a:hover{ height:26px; width:600px; line-height:26px; color:#d21e27; font-size:17px; display:block;}
.bbb{ height:60px; width:600px;}
.bbb p{ height:24px; line-height:24px;  font-size:12px; color:#999; display:block; padding-top:5px;}
.xinwen_liebiao{width:600px; height:220px; padding-top:25px;}
.xinwen_liebiao_l{ height:35px; width:500px; background: url(../images/a.gif) center left no-repeat; float:left;}
.xinwen_liebiao_l a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px;}
.xinwen_liebiao_l a:hover{  color:#d21e27; font-size:12px;}
.xinwen_liebiao_r{height:35px; width:100px; float:right;}
.xinwen_liebiao_r a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px; }
.xinwen_liebiao_r a:hover{  color:#d21e27; font-size:12px;}

.tupian{ width:1200px; padding-top:200px; margin:0 auto }






.kong{height:40px; width:100%}


.news-right{width:330px;height: 430px;float: right;}
.lx{height:40px; width:330px; float:left;background:#d21e27;}
.lx_z{height:40px; width:280px; float:left;}
.lx_z a{height:40px; line-height:40px; display:block; color:#fff;  font-size:14px; padding-left:40px;}
.lx_z a{height:40px; line-height:40px; display:block; color:#fff;  font-size:14px;}
.lx_z b{ color:#fff;  }
.lx_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;}
.lx_t{height:148px; width:300px; margin:0 auto; background:url(../images/lxt.jpg) center no-repeat; margin-top:60px;}
.lx_n{height:200px; width:300px; padding:15px;}
.lx_nt a{height:40px; width:300px; line-height:40px; display:block; font-size:16px; color:#000; font-weight:bold;}
.lx_nn a{height:30px; line-height:30px; display:block; color:#333; font-size:12px;}
.leftttt{height:100%; width:210px;}
.lixxiwomen{ padding-top:700px; }
.sss{height:380px; width:210px;border:1px solid #c5c5c5}
.lixxiwomen_t{height:40px; width:210px; background:url(../images/lxxxx.jpg) center no-repeat;}
.lixxiwomen_t a{height:40px; width:210px; line-height:40px; display:block; font-size:14px; color:#FFF; text-align:center;}
.let{height:94px; width:190px; margin:0 auto; padding-top:18px; background:url(../images/aaaa.jpg) center no-repeat;}
.lett p{height:40px; line-height:40px; width:190px; margin:0 auto; display:block; font-size:13px; color:#00; font-weight:bold;}
.lettt p{ height:30px; line-height:30px; font-size:12px; display:block; color:#333; padding-left:10px;}




.right_yeyue{ width:970px; height:100%; float:right;}

























/*erjiyemian*/
.main_l{ float:left; width:226px; padding:0 0 0 9px; overflow:hidden; background:#333}
.main_r{ float:right; width:960px;overflow:hidden; background:#f8f8f8 }

.col-tit {color: #fff;font-size: 16px; height:60px;background:#0250a2;}
.crumbs {background:url(../images/002.gif) no-repeat center left; margin-left:15px;font-size:15px;padding-left:20px; line-height:60px; color:#FFF}
.crumbs a{ color:#FFF}
.crumbs a:hover{ font-weight:bold; color:#FFF}
.article p{ line-height:220%; margin-bottom:15px;}
.erji_lv{  margin:0 auto; padding:20px; line-height:35px;  font-size:16px; color:#555; text-indent:2em; border:1px solid #eee}
.erji_lv p{ line-height:35px;  font-size:16px; color:#555; }
.erji_lv div{ text-indent:0}



.erji_con{ PADDING-top:20PX; padding-left:10px;}

.tiao{ font-size:12px; padding:20px 0 20px 30px;}
.tiao a{ color:#000000; text-decoration:none; font-size:12px;}
.tiao a:hover{ color: #348900;}

.lx p{ line-height:25px; font-size:14px; font-weight:bold;}
.more{ padding:25px;}
.more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;}

.chanpin img{ margin:0 2px;}

.list_photo2{
	margin:0;
	width:790px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; }
.list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;}
.list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; }
.list_photo2 a{color:#000000;}
.list_photo2 a:hover{color:#f60;}


.news_t{ width:650x; text-align:left; line-height:40px; height:40px; background: url(../images/index_1888.gif) repeat-x;text-indent:0px; margin:auto; margin-left:40px; margin-right:40px; font-size:14px;}
.news_t ul{  width:650px; line-height:40px;}
.news_t ul li{line-height:40px;}

.news_t a {line-height:40px; color:#4a4a4a; font-size:14px; padding-left:22px; }
.news_t a:hover{color:#4a4a4a; }

.news_p{ width:700px; color:#999999; text-align:left; padding-left:10px; margin-bottom:20px; line-height:25px;}
.news_p a{ color:#999999}
.news_p a:hover{ color:#ff0000}


.newslist{list-style:none;width:500px;background-color:#fff;overflow:hidden;height:500px;}
.newslist .t{float:left;width:250px;}




.se_erji_img img{ width:auto; margin:0 auto}


.contact_left{ padding-top:50px;text-align:center; width:360px;}
.contact_right{ width:500px; text-align:left; font-size:16px; line-height:40px; padding:50px 0 0 100px; }
.map{ width:100%; overflow:hidden; margin-top:50px;}



.p_float{ position:fixed; bottom:20px; width:55px; right:10px; z-index:9999; opacity:0}
.p_float li{  line-height:21px; margin-bottom:10px; text-align:center}
.p_float li a{ color:#fff; font-size:13px; background:#00877a; padding:10px 7px; margin-bottom:10px; display:block}
.p_float li a:hover{ background:#000}