@charset "utf-8";

.w_1200{width: 1200px;margin: 0 auto;position: relative;}





.top{width: 100%;height: 90px;background:#078d99;overflow:hidden;}

.logo{margin-top: 20px;}

.sech_in {padding-top: 30px; }

.sech_in .key {width: 180px; border:none; border-right: none; height: 32px; line-height: 30px; padding-left: 20px; float: left; background: #fff; outline: none; }

.sech_in .go {outline: none; width: 55px; float: left; background-color: #fbad08; height: 32px; line-height: 32px; color: #fff; font-size: 14px; border: none; font-family: "Microsoft YaHei";    text-align: center; }



.m_tel{background:#fbad08 url(../image/nav_bg.jpg) left center no-repeat;width: 320px;height: 50px;line-height: 50px;overflow: hidden;padding-left: 60px;}

.m_tel span{font-size: 16px;font-weight: bold;padding-left: 39px;background:url(../image/i_tel.jpg) left center no-repeat;display: block;}

.m_tel span font{font-size: 20px;}

.menu{height: 50px;background:#025b63;line-height:50px;width: 100%;}

.menu .nav{position:absolute; z-index:1;left:430px;top: 0;}

.menu .nav a{ color:#fff;  }

.menu .nav .nLi{ float:left;  position:relative; display:inline;}

.menu .nav .nLi h3{ float:left;  }

.menu .nav .nLi h3 a{ display:block; font-size:14px; font-weight:normal;  width: 100px;text-align: center;}

.menu .nav .sub{ display:none; width:100px; left:0px; top:50px;  position:absolute; background:#84827f;  line-height:35px; text-align: center; }

.menu .nav .sub a{color: #fff;}

.menu .nav .sub li{ zoom:1;    position: relative; }

.menu .nav .sub a{ display:block; padding:0 10px; }

.menu .nav .sub a:hover{  background:#fbad08; color:#fff;}

.menu .nav .on h3 a{ background:#fbad08; color:#000;}



.fullSlide{ width:100%;  position:relative;  height:530px; background:#000;  }

.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }

.fullSlide .bd ul{ width:100% !important;  }

.fullSlide .bd li{ width:100% !important;  height:530px; overflow:hidden; text-align:center;  }

.fullSlide .bd li a{ display:block; height:530px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

.fullSlide .hd ul{ text-align:center; }

.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:8px; margin:5px; overflow:hidden; background:#fff; line-height:999px; }

.fullSlide .hd ul .on{ background:#078d99;  }

.fullSlide .prev,

.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%;  z-index:1; width:40px; height:60px; background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }

.fullSlide .next{ left:auto; right:4%; background-position:-6px -137px; }



.com_til{text-align: center;width: 100%;height: 140px;}

.com_til h4{font-size: 44px;color: #078d99;}

.com_til h4 font{color: #fbad08;}

.com_til span{color: #000000;font-size: 24px;line-height: 40px;background: url(../image/dxian.jpg) center no-repeat;display: block;}





.main1{width: 100%;height: 1280px;padding-top: 50px;overflow: hidden;background: #fff;}

.m_left {float: left; width: 227px; }

.m_left h2 {height: 70px;padding-top: 20px; background: #025b63; text-align: center; font-size: 24px; font-weight: bold; }

.m_left h2 a {color: #fff; }

.m_left h2 em {display: block; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; font-family: arial; padding-top: 6px; }

.m_flc{padding: 10px;background: #078d99;}

.m_left h3 {height: 38px; line-height: 38px; font-weight: normal; margin-bottom: 10px; }

.m_left h3 a {text-indent: 40px;display: block; height: 38px; line-height: 38px; overflow: hidden; font-size: 15px; color: #fff; background: #1d97a2 url(../image/xiala.jpg) 15px center no-repeat; }

.flst {padding-left: 0px; font-size: 14px; line-height: 30px; display: none; }

.flst li{background: url(../image/flline.jpg) 5px center no-repeat;padding-left: 30px;}

.flst li a{color: #fff;}

.fltel{line-height: 25px;color: #fff;text-align:left;font-size: 14px;background:#078d99;padding: 20px;}

.m_right{float: right;width: 960px;}

.product3 li {width: 30%; padding: 0 1% 1.5% 1%; float: left; overflow: hidden; position: relative; text-align: center; }

.product3 li>div {background: #fff; margin: 3px auto; position: relative; margin: 0 auto; text-align: center; vertical-align: middle;     border: 1px solid #999;}

.product3 li>div>a {display: block; }

.product3 li img {display: inline-block; height: 180px; max-width: 100%; vertical-align: middle; }

.product3 li>p {width: 100%; margin: 0 auto; text-align: center; font: 14px/40px "microsoft yahei"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;background: #777; }

.product3 li>p a{color: #fff;}



.main2{width: 100%;height: 440px;overflow: hidden;background: #2a2f32 url(../image/m2_bg.jpg) center no-repeat;}

.m2_box{width: 690px;padding: 30px;text-align: center;float: right;color: #fff;}

.m2_box h4{font-size: 34px;color: #fff;line-height: 50px;}

.m2_box .nr{font-size: 16px;line-height: 25px;height: 250px;overflow: hidden;text-align: left;text-indent: 2em;}

.m2_box a{display: inline-block;width: 150px;height: 30px;color: #fff;font-size: 16px;border:1px solid #fff;line-height: 30px;margin: 0 10px;}





.main3{width: 100%;height: 900px;overflow: hidden;background: #fff;padding-top: 50px;border-bottom: 15px solid #078d99;}

.m3_box{width: 585px;float: left;margin-right: 30px;margin-bottom: 30px;}

.m3_box .fl{width: 200px;text-align: center;height: 200px;background: #078d99;padding-top: 10px;}

.m3_box .fl h5{font-size: 50px;line-height: 90px;color: #dcd5cd;}

.m3_box .fl i{width: 87px;height: 8px;background:#dcd5cd;margin: 0 auto;display: block; }

.m3_box .fl span{font-size: 36px;line-height: 70px;color: #dcd5cd;font-weight: bold;height: 70px;}

.m3_box .fr{width: 385px;height: 210px;}

.m3_box h4{font-size: 20px;color: #078d99;line-height: 40px;}

.m3_box span{font-size: 14px;line-height: 20px;}





.main4{width: 100%;height: 650px;overflow: hidden;background: #fff;padding-top: 50px;border-bottom: 15px solid #078d99;}



.m4_left{float: left;width: 290px;height: 390px;background: #dfdfdf;padding: 10px;    box-shadow: 0 1px 10px #969393;}



.m4_mid{float: left;width: 500px;height: 390px;background: #dfdfdf;margin-left: 15px;padding:10px;    box-shadow: 0 1px 10px #969393;}





.m4_right{float:right;width: 320px;height: 390px;background: #dfdfdf;padding: 10px;    box-shadow: 0 1px 10px #969393;}



.til{width: 100%;line-height: 45px;height: 45px;border-bottom: 1px solid #078d99;}

.til h4{font-size: 20px;font-weight: normal;color: #078d99;}

.news_all{

	 margin-top: 5px;

}

.news_all ul li{

	border-bottom: 1px solid #fff;

	font-size: 14px;

	color:#5d5d5d;

	padding:8px 0;

}

.news_all ul li a{

	display: inline-block;

	width: 80%;

	color:#5d5d5d;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;



}

.news_all ul li a i{

	display: inline-block;

	width: 11px;

	height: 9px;

	background: url(../image/0014043_15.jpg) no-repeat 5px center;

	margin-right: 13px;

	-webkit-transition: transform 0.3s ;

	-o-transition: transform 0.3s ;

	transition: transform 0.3s ;

}

.news_all ul li a:hover{

	color:#078d99;

}

.news_all ul li a:hover i{

	-webkit-transform: translateX(3px);

	-ms-transform: translateX(3px);

	-o-transform: translateX(3px);

	transform: translateX(3px);

}

.news_all ul li span{

	float: right;

}

input, textarea, select, button {

    text-rendering: auto;

    color: initial;

    letter-spacing: normal;

    word-spacing: normal;

    text-transform: none;

    text-indent: 0px;

    text-shadow: none;

    display: inline-block;

    text-align: start;

    margin: 0em;

    font: 400 13.3333px Arial;

}

.layui-input, .layui-textarea {

	    border-color: #e6e6e6;

	        outline: 0;

    display: block;

    width: 100%;

    padding-left: 10px;

}

.box-line {

    margin-bottom: 10px;

}

.layui-input, .layui-select, .layui-textarea {

    height: 38px;

    line-height: 1.3;

    line-height: 38px\9;

    border-width: 1px;

    border-style: solid;

    background-color: #fff;

    border-radius: 2px;

}

.layui-textarea {

    min-height: 100px;

    height: auto;

    line-height: 20px;

    padding: 6px 10px;

    resize: vertical;

}

.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {

    outline: 0;

    -webkit-appearance: none;

    transition: all .3s;

    -webkit-transition: all .3s;

    box-sizing: border-box;

}

.layui-btn {

	width: 100%;

    display: inline-block;

    height: 38px;

    line-height: 38px;

    padding: 0 18px;

    background-color: #009688;

    color: #fff;

    white-space: nowrap;

    text-align: center;

    font-size: 14px;

    border: none;

    border-radius: 2px;

    cursor: pointer;

}

.txtMarquee-top {overflow: hidden; position: relative;margin-top: 5px;}

.txtMarquee-top .infoList li {height: 24px; line-height: 24px; }

.txtMarquee-top .infoList li .fl{width: 180px;}

.txtMarquee-top .infoList li .fr{width: 275px;background: url(../image/faq_bg.jpg) left 5px no-repeat;padding-left: 35px;}

.txtMarquee-top .infoList li .date {float: right; }

.txtMarquee-top .infoList li { height: 100px; float: left; margin-bottom: 6px; overflow: hidden; line-height: 22px;font-size: 14px;  color: #969696;border-bottom: 1px solid #ddd; }

.txtMarquee-top .infoList li a {height: 40px; width: 310px; display: block; color: #000; line-height: 30px; font-size: 15px; overflow: hidden; }

.txtMarquee-top .infoList li a:hover {color: #078d99; }





.main5{width: 100%;height: 810px;overflow: hidden;background: #fff;padding-top: 50px;border-bottom: 15px solid #078d99;}

.slideBox{ width:685px; height:405px; overflow:hidden; position:relative;}

.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:10px; bottom:10px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#078d99; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:685px; height:405px; display:block;  }

.m5_box{width: 455px;height: 230px;padding: 50px;background: #eeeeee;position: absolute;right: 0;top: 40px;z-index: 9999999;}

.m5_box span{font-size: 16px;line-height: 30px;color: #333333;}

.m5_box h5{font-size: 22px;color: #078d99;line-height: 40px;font-weight: normal;}

.m5_box .nr{font-size: 15px;color: #666666;line-height: 25px;height: 100px;}

.m5_box a{display: block;width: 120px;height: 28px;line-height: 28px;text-align: center;color: #fff;font-size: 16px;background: #078d99;border-radius:14px;}

.m5_left{float: left;width: 960px;height: 200px;overflow: hidden;}

.m5_right{float: right;width: 220px;height: 200px;overflow: hidden;}

.picMarquee-left{ overflow:hidden; position:relative;}

.picMarquee-left .bd{ }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin-right:20px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-left .bd ul li .pic{ text-align:center; }

.picMarquee-left .bd ul li .pic img{ width:225px; height:130px; display:block;}

.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picMarquee-left .bd ul li .title{ line-height:35px;height: 35px;   }

.picMarquee-left .bd ul li .title a{font-size: 16px;color: #999;}



.main6{width: 100%;height: 400px;overflow: hidden;background: #fff;padding-top: 50px;}

.picScroll-left{ overflow:hidden; position:relative;}

.picScroll-left .bd{ padding:10px 50px;   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:200px; height:110px; display:block; padding:1px; border:1px solid #ccc; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{ line-height:35px;font-size: 16px;   }

.picScroll-left .prev,

.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-40px; display:block; width:45px; height:45px; background:url(../image/slider-arrow.jpg) 0px 0px no-repeat;}

.picScroll-left .next{ left:auto; right:0%; background-position:right center; }





.footer{width: 100%;height: 570px;overflow: hidden;}

.ft_map{background: url(../image/ft_dress.jpg) top center no-repeat;height: 146px;width: 100%;padding-top: 333px;}

.ft_dress{width: 100%;height: 116px;background:url(../image/dress_bg.png) repeat;padding-top: 30px;}

.ft_dress ul li{float: left;width: 33.3%;color:#fff;font-size:18px;line-height: 30px;}

.ft_bot{width: 100%;height: 100px;background: #000;text-align: center;line-height: 80px;color: #fff;font-size: 16px;}







/*产品列表右侧*/

.product02{float:right; width:856px;min-height:633px;color: #000;background: #fff;padding:40px 60px;}

.product03{ float:left; width:924px; padding: 40px ;min-height:633px;background: #fff;}

.product{ width:1204px; margin:0 auto; position:relative; margin-top:30px;clear: both;}

/*公共内页左侧left-nav*/

.product01{float:left; width:227px; padding-bottom:20px;margin-bottom: 30px;}

   /*左侧分类*/

.product07{height:68px;font-size:24px; line-height:68px;color:#fff;font-weight: bold;

width: 100%; background:url(../image/litl.png) no-repeat 177px center #404040;text-indent: 28px;border-radius: 4px 4px 0 0;}

.product07 span{ display:block;  color:#fff;text-transform:uppercase;  font-family: "Times New Roman", Times, serif; font-weight:bold;}

/*.product07 b{float: left;width: 100%; background:url(../images/cont_bg2.png) no-repeat;}*/

.sidenav {width:225px;border-left: 1px solid #dcdbdb;border-right: 1px solid #dcdbdb;float: left;}

.sidenav ul li {float: left;display:block; line-height:60px;

    font-size:16px;border-bottom: 1px solid  #dcdbdb;width: 100%;

}

.l_contact{float: left;width: 100%;}

.lcon_t{background:url(../image/litl.png) no-repeat 177px center #686868;}

.lcon_tel{text-align: center;color: #191919;font-size: 16px;border-bottom: 1px solid #dcdbdb;line-height: 34px;padding-top: 10px;}

.lcon_tel i{display: block;font-style: normal;color: #404040;font-size: 20px;font-weight: bold;;font-family: "arial"}

.lcon_msg{border-bottom: 1px solid #dcdbdb;color:#191919;float: left;padding:15px 0 20px;font-size: 16px;line-height: 2.5;text-align: center;width: 100%;}

.lcon_msg a{background:#404040;display: block;width: 96px;height: 24px;text-align: center;;

    color: #fff;line-height: 24px;margin: 0 auto}

.protwo{float: left;width: 100%;line-height:40px;border-bottom: 1px solid #dcdbdb;}

.protwo a{text-indent:50px;width: 100%;float: left;}

.sidenav ul li a{float: left;color: #191919;font-size:16px;text-align: left;

    background:url(../image/lnav.png) 185px center no-repeat; width: 100%; }

.sidenav ul li a p{width:70%;float: left;text-indent: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sidenav ul li a.sidenava{display:block; color:#fff6d5;float: left;}

.sidenav ul li a.sidenava p{color:#262626;}

.sidenav ul li a.sidenava.cu {font-weight:bold; color:#404040; background:url(../image/lnavh.gif) left top no-repeat;}

.sidenav ul li dl {width:200px;height:auto;display:none; font-size:12px; background:#ddd;}

.sidenav ul li dl dd {width:200px;height:38px; }

.sidenav ul li dl dd a {display:block;width:180px;height:38px;  padding:0 10px;font-weight: normal !important; }

.sidenav ul li dl dd a span {display:block; height:37px; line-height:37px;color:#333; padding-left:40px;}

.sidenav ul li dl dd a:hover {}

.sidenav ul li dl dd a:hover span {color:#539310;}

.sidenav ul li dl dd a.on {}

.sidenav ul li dl dd a.on span {color:#539310; }

/*左侧新增联系我们*/

.lcontact_b{margin-top:20px; float:left; width:220px; background-color:#fff;}

.lcontact_b .head_b{height:52px; background-color:#1ec97f; background-image:url(../image/cont_icon02.png); background-repeat:no-repeat; background-position:36px 5px; padding-left:95px; font-size:20px; line-height:52px; color:#fff;}

.lcontact_b .tel_b{height:63px; border-bottom:1px dashed #ddd; margin:0 20px;}

.lcontact_b .tel_b .title{line-height:12px; color:#999; padding-top:14px;}

.lcontact_b .tel_b .num{font-size:20px; line-height:20px; color:#00935a; padding-top:4px;}

.lcontact_b .fax_b{height:42px; border-bottom:1px dashed #ddd; margin:0 20px; line-height:42px; color:#999; padding-left:2px;}

.lcontact_b .addr_b{margin:0 20px; line-height:22px; color:#999; padding-left:2px; padding:10px 0;}



/* 内页右侧头部 */

.content_com_title{background: #fff;float: left;width: 100%;padding-bottom: 25px;}

.content_com_title h2{float:left;color: #313131;font-weight: bold;font-size: 24px; }

.bread{float:right; line-height:12px; font-size:12px; color:#313131; padding:5px 0;text-align: right;}

.bread a{color:#313131;}

.bread a:hover{color:#f00;}



.hanye{ width:856px; margin:0 auto;}

.hanye li{ width:856px; padding-top:33px; padding-bottom:33px; border-bottom:1px #eaecef solid;}

.hanye li .imea{ width:178px; height:120px; float:left;}

.hanye li .charw{ width:844px; float:right;}

.hanye li .charw h4{ color:#484752; font-size:18px; font-weight:bold; height:28px; overflow:hidden;}

.hanye li .charw h4 a{ -moz-transition: padding-left 0.5s, color 0.5s;/* Firefox 4 */

    -webkit-transition: padding-left 0.5s, color 0.5s;/* Safari 和 Chrome */

    -o-transition: padding-left 0.5s, color 0.5s;   /* Opera */

    transition: padding-left 0.5s, color 0.5s;}

.hanye li .charw h4 a:hover{ padding-left:10px;}

.hanye li .charw p{ height:42px; line-height:23px; font-size:14px; color:#606a77; overflow:hidden; padding-top:10px; padding-bottom:10px;}

.hanye li .charw h6{ line-height:23px; color:#999999;font-size:12px;}





/*page*/

#pages{text-align: center;margin: 20px auto;}

#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}

#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #404040;color: #fff;display: inline-block;}

#pages a:hover{background: #404040;color: #fff;}



.news_tit{ width:856px;  min-height:118px; margin:0 auto;}

.news_tit h4{ color:#4d5057; font-size:20px; font-weight:bold; padding-top:36px;text-align:center;}

.news_tit p{ color:#abacae; line-height:28px; text-align:center;}

.news_btaaa{ width:850px; line-height:29px; color:#6c6b70; font-size:14px; padding-top:25px; min-height:400px; padding-bottom:40px;}



.lieb{ width:850px; height:37px; margin:0 auto;}

.lieb_left{ width:91px; height:37px;   text-align:center; line-height:37px; float:left;}

.lieb_left a{ width:91px; height:37px; background:#2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */

    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */

    -o-transition: border-radius 0.5s;  /* Opera */

    transition: border-radius 0.5s; display:block;}

.lieb_left a:hover{ width:91px; height:37px; text-align:center; background:#404040; color:#fff;border-radius:0px; display:block; }

.lieb_left_a{ width:37px; height:37px; float:right;}

.lieb_left_a a{ width:37px; height:37px; background:url(../image/y.png) no-repeat center #2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */

    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */

    -o-transition: border-radius 0.5s;  /* Opera */

    transition: border-radius 0.5s; display:block;}

.lieb_left_a a:hover{  width:37px; height:37px; text-align:center; background:url(../image/y.png) no-repeat center #404040; color:#fff;border-radius:0px; display:block; }



.lieb_left_b{ width:37px; height:37px; float:right; margin-right:5px;}

.lieb_left_b a{ width:37px; height:37px; background:url(../image/u.png) no-repeat center #404040; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */

    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */

    -o-transition: border-radius 0.5s;  /* Opera */

    transition: border-radius 0.5s; display:block;}

.lieb_left_b a:hover{  width:37px; height:37px; text-align:center; background:url(../image/u.png) no-repeat center #2d3039; color:#fff;border-radius:0px; display:block; }



.abc_bb{ font-size:16px; width:800px; margin:0 auto;margin-top:33px;}

.abc_bb td{ padding-bottom:25px; color:#504537; padding-right:25px;}

.abc_bb td span{ color:#da0000;}

.abc_bb_int{ width:278px; height:38px; border:1px #cccccc solid; line-height:38px; padding-left:10px;}





/* 产品 */

.product4,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}

.product4 li{width:30%; padding:1% 1.5% 0.5%;float:left;overflow:hidden;position:relative; text-align:center;}

.product02 .product4 li img{display: inline-block;height:auto;width:100%; vertical-align:middle;height: 180px }

.product03 .product4 li img{display: inline-block;height:209px;width:100%;   }

.product4 li>p{width:88%;margin:0 auto;text-align:center;font:14px/40px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.product4 li>div{margin:3px auto;position:relative; margin:0 auto; width:96.6%; text-align:center;  vertical-align:middle; }

.product4 li>div>a{ display:block;    border: 2px solid #999;padding: 5px}

.product4 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}

.product4 li>div:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}