html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1920{
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	position: relative;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}

/*.page-position,.xypg-left-title,.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:active, .product-detail-tab .product-detail-tabli li:visited,.relate-title span{
	background: #3480ce;
}
.page-position,.page-position a,.page-product-inquiry a{
	color: #fff;
}
.xypg-detail-tags .tags-title h3{
    border-color:#3480ce; 
}*/
.container{
	    width: 1200px !important;
}
.box_voann,.box_voann *{
	  box-sizing:content-box;  
}

.head1{
	background-color: #f8f8f8;
}
.head1,.head1 a{
	color: #333333;
	font:500 13px/40px "微软雅黑";
}
.text-warning{
	font-size: 14px;
	color: #ff0000;
	font-weight: 600;
}
/*头部样式*/
#header{width:1200px;margin:0 auto;height: 110px;}
.logo{float:left;line-height: 110px;}
.logo h1{
	display: inline-block;
}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;margin-top: 53px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{}

.searchbg {
	font: 400 12px/50px "微软雅黑";
	color: #999999;
	position: absolute;
	right: 0;
	top: 57px;
	background: rgba(255, 255, 255, 0.9);
	padding: 10px 23px 10px;
	display: none;
	z-index: 99;
	}
  
  .searchbg a {
	color: #999999;
  }
  
  .searchbg a:hover {
	color: #333;
  }
  
  .search {
	width: auto;
	margin: 0 auto;
  }
  
  #formsearch1 {
	width: 334px;
	/* background: url(../images/ss.png) no-repeat center; */
	margin-top: 10px;
	height: 44px;
  }
  
  .hotSearch {
	font-weight: normal;
	text-align: left;
  }
  
  /*搜索和热门搜索*/
  .hotSearch a {
	margin-right: 6px;
  }
  
  #formsearch1 input {
	height: 44px;
	background: none;
	border: none;
	line-height: 44px;
	float: left;
	vertical-align: top;
	}
  
  #formsearch1 input#keyword {
	height: 44px;
	line-height: 44px;
	padding-left: 6px;
	color: #999999;
	width: 272px;
	text-indent: 10px;
	border: 1px solid #666;
	}
  
  #formsearch1 input#s_btn {
	width: 52px;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
	color: #ffffff;
	border: 1px solid #0a3d69;
	background: #0a3d69;
	}
  

/*导航栏样式*/
.nav1{height:44px;}
.nav1 li{line-height:44px;height:44px;text-align:center;width:108px;float:left;position:relative;z-index:999;}
.nav1 li a{display:block;line-height:44px;color:#333333;height:44px;font-size: 16px;}
.nav1 li a:hover{color:#fff;text-decoration:none;background-color:#0a3d69;}
.nav1 li+li{
	background: url(../images/agfhgfh.png) no-repeat left center;
}
.nav1 .sec{background:#000;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:44px;left:0px;display: none;}
.nav1 .sec a{background:#000;color:#fff;height:32px;line-height:32px;width:108px;font-size: 13px;}
.nav1 .sec a:hover{background:#0a3d69;text-decoration:none;}
.ssk_ahggh{
	margin-top: 53px;
	position: relative;
}
a.ssk_img{
	display: block;
	line-height: 44px;
	margin-left: 12px;
}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
/*产品列表*/
.product_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:1px;border:1px solid #e0e1dc;}
.product_list li a.img img{width:150px;height:120px;}
.product_list li h3{text-align:center;padding-top:5px;}
.product_list li h3 a{font-weight:normal;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product{float:left;}


/* cont1 */
.cont1{
	background: #f7f7f7;
	padding: 56px 0 60px;
}
.title_a1{
	text-align: center;
}
.title_a1 h2{
	color: #1887c5;
	font:600 35px/40px "微软雅黑";
}
.title_a1 p{
  color: #535353;
  font:100 37px/64px "微软雅黑";
  margin-top: 6px;
}
.a1_v1{
	margin-top: 86px;
}
.a1_list1 li{
	float: left;
	width: 385px; transition: all .5s ease;
}
.a1_list1 li+li{
	margin-left: 22px;
}
.a1_list1 li a.img{
	display: block;
	position: relative;
}
.a1_list1 li a.img img{
	width: 385px;
	height: 446px;
}
.a1_list1 li a.img .wehjhga{
	position: absolute;
	width: 100%;
	left: 0;
	top: 33px;
}
.a1_list1 li a.img .wehjhga h3{
	text-align: center;
	color: #535353;
	font:600 22px/34px "微软雅黑";
}
.a1_list1 li a.img .wehjhga h3 span{
	display: block;
	color: #6e6e6e;
	font:100 26px/44px "微软雅黑";
}
.a1_list1 li a.img .wehjhga p{
	text-align: center;
	color: #333333;
	font:500 14px/36px "微软雅黑";
	background: url(../images/gjhajhg.jpg) no-repeat center bottom;
	margin-top: 20px;
}
.a1_list1 li:hover{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);transform: translateY(-34px); 
}
.a1_v2{
	margin-top: 56px;
}
.ys_list1 li{
	width: 285px;
	height: 165px;
	background: #fff;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding-top: 54px;
}
.ys_list1 li+li{
	margin-left: 20px;
}
.ys_list1 li h2{
	color: #333333;
	font:600 25px/25px "微软雅黑";
}
.ys_list1 li h2 b{
	color: #0d84c9;
}
.ys_list1 li p{
	color: #333333;font:500 14px/25px "微软雅黑";
	margin-top: 8px;
}
.ys_list1 li:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
/* cont2 */
.cont2{
	background: url(../images/bj1.jpg) no-repeat center top;
	height: 717px;
	overflow: hidden;
}
.w1100{
	width: 1100px;
	margin: 0 auto;
}
.a2_b1{
	width: 574px;
	height: 540px;
	background: url(../images/ahtgjhg.png) no-repeat left center;
	margin-top: 84px;
	position: relative;
}
.fang{
	display: block;
	overflow: hidden;
}
.fang img{
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.fang:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.a2_b1 i{
	width: 358px;
	height: 358px;
	overflow: hidden;
	border-radius: 50%;
	margin: 92px 0 0 171px;
}
.ys_lisfft1 li{
	background: url(../images/ajghgj.png) no-repeat left center;
	padding-left: 61px;
}
.ys_lisfft1 li h3{
	color: #222222;
	font:600 14px/22px "微软雅黑";  text-transform: uppercase;
}
.ys_lisfft1 li h3 span{
	color: #1887c5;
	font-size: 30px;
}
.ys_lisfft1 li p{
	color: #515151;font:500 14px/22px "微软雅黑";
}
.ys_lisfft1 li:nth-child(1){
	position: absolute;
	top: 14px;
	left: 295px;
}
.ys_lisfft1 li:nth-child(2){
	position: absolute;
	top: 129px;
	left: 0;
}
.ys_lisfft1 li:nth-child(3){
	position: absolute;
	top: 369px;
	left: 0;
}
.ys_lisfft1 li:nth-child(4){
	position: absolute;
	top: 480px;
	left: 298px;
}
.a2_b2{
	width: 520px;
	margin-top: 100px;
}
.title_ys{
	text-align: right;
}
.a2_b2v1{
	margin-top: 56px;
}
.jhjha li{
	width: 520px;
}
.jhjha li b{
	color: #d4d4d4;
	font:500 60px/65px "微软雅黑";
	display: block;
}
.jhjha li h3{ 
  color: #1887c5;
  font:600 18px/2em "微软雅黑";
  padding: 8px 0 16px;
}
.jhjha li p{
	color: #6c6c6c;
	font:500 14px/30px "微软雅黑";
}
.slideBox{
	position: relative;
}
.jt_aa{
	position: absolute;
	right: 0;
	top: 9px;
}
.jt_aa .prev{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../images/jt2.png) no-repeat center;
    transform: scale(-1);
}
.jt_aa .next{
    display: inline-block;
    width: 35px;
    height: 35px; background: url(../images/jt2.png) no-repeat center;
     
}
.jt_aa .prev:hover{
     background: url(../images/jt1.png) no-repeat center;
     transform: scale(1);
}
.jt_aa .next:hover{
     background: url(../images/jt1.png) no-repeat center;
     transform: scale(-1);
}
.sghjghja{
	background: url(../images/atjtjhg.jpg) no-repeat center top;
	height: 90px;
	width: 520px;
	padding: 24px 67px 0 46px;
	box-sizing: border-box;
	margin-top: 22px;
}
.hen_tel{
  background: url(../images/afvngnb.png) no-repeat left center;
  padding-left: 54px;
}
.hen_tel h2{
	color: #fff;
	font:500 14px/18px "微软雅黑";
}
.hen_tel p{
	color: #fff;
	font:500 18px/27px "微软雅黑";
}
a.msg_more{
	display: block;
	color: #ffffff;
	border:1px solid #fff;
	font:500 14px/34px "微软雅黑";
	width: 104px;
	text-align: center;
	margin-top: 5px;
}
a.msg_more:hover{
	background-color: #0a3d69;
	color: #fff;
	border-color: #0a3d69;
}

/* cont3 */
.cont3{
	background: url(../images/bj2.jpg) no-repeat center top;
	height: 560px;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 90px;
} 
.title_a3{
	text-align: center;
}
.title_a3 h2{
	border:1px solid #fff;
	text-align: center;
	display: inline-block;
	color: #fff;
	font:500 50px/70px "微软雅黑";
	padding: 25px 49px;
    letter-spacing: 8px;
}
.abt_wen{
	text-align: center;
	font:500 13px/40px "微软雅黑";
	margin-top: 36px;color: #fff;
}
a.abt_motr{text-align: center;
	display: block;
	color: #fff;font:500 13px/40px "微软雅黑";    background: url(../images/ajghjhg1.jpg) no-repeat center bottom;
	margin-top: 20px;
}
.picMarquee-left{
	position: relative;
}
.hgahghg li{
	float: left;
	margin-right: 14px;
}
.hgahghg li a.img{
	display: block;
}
.hgahghg li a.img img{
	width: 290px;
	height: 203px;
}
.picMarquee-left .bd{
	overflow: hidden;
}
.picMarquee-left .hd a{
	display: block;
	position: absolute;
	top: 84px;
}
.picMarquee-left .hd a.next{
	left: -32px;
}
.picMarquee-left .hd a.prev{
	right: -32px; transform: scale(-1);  
}
.cont4{
	margin-top: 31px;
}
/* cont5 */
.cont5{
	background: url(../images/bj3.jpg) no-repeat center top;
	height: 351px;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 64px;
	padding-top: 12px;
}
.a5_list1{
	background: url(../images/ajghgjh.png) no-repeat center 90px;
	margin-top: 47px;
}
.a5_list1 li{
	width: 150px;
	text-align: center;
	float: left;
}
.a5_list1 li a.img{
	line-height: 58px;
	height: 58px;
	display: block;
	text-align: center;
}
.a5_list1 li h3{
   color: #000000;
   font:500 14px/24px "微软雅黑";
   margin-top: 73px;
}
.a5_list1 li h3 span{
	display: block;
	color: #000000;
	font:500 12px/24px "微软雅黑";text-transform: uppercase;
	margin-top: 5px;
}
/* cont6 */
.cont6{
	background: #f5f5f5;
	padding: 45px 0 50px;
}
.a6_v1{
	padding: 55px 50px 25px;
	background: #fff;
	box-sizing: border-box;
}
.xw_title h2{
	color: #333333;
	font:500 25px/26px "微软雅黑";
}
.xw_title a.xw_more1{
	display: block;
	color: #333333;
	font:500 16px/26px "微软雅黑";
}
.xw_list1 li{
	width: 326px;
	float: left;
	margin-right: 60px;
}
.xw_list1 li a.img{
	display: block;
}
.xw_list1 li a.img img{
	width: 326px;
	height: 229px;
}
.xw_list1 li h2 a{
	display: block;
	color: #333333;
	font:500 16px/24px "微软雅黑";
	padding: 22px 0 20px;
}
.xw_list1 li h3{
  color: #999999;
  font:500 14px/25px "微软雅黑";
}
a.xw_jjhmore{
	float: right;
	display: block;
	color: #666666;
	font:500 14px/25px "微软雅黑";
	font-style: italic;
	background: url(../images/ahjghfg.png) no-repeat left center;
	padding-left: 86px; text-transform: uppercase;
	margin-top: 18px;
}
.picMarquee-left1{
	position: relative;
	margin-top: 42px;
}
.picMarquee-left1 .bd{
	overflow: hidden;
}
.picMarquee-left1 .hd a{
	position: absolute;
	top: 135px;
}
.picMarquee-left1 .hd a.next{
	left: -88px;
}
.picMarquee-left1 .hd a.prev{
	right: -88px;transform: scale(-1); 
}
.xw_list1 li h2 a:hover{
	color: #1887c5;
}

/* foot */
.foot_bj1{
	background: url(../images/bjaa.jpg) repeat-y center top;
	background:#1887c5;
}
.foo_a1{
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.f_link{
	padding: 12px 0;
}
.f_link,.f_link a{
	color: #ffffff;
	font:500 14px/24px "微软雅黑";
}
.f_link a{
	padding-right: 10px;
}
.f_link a:hover{
	color: #1887c5;
}
.foo_a2{
	padding: 28px 0;
}
.fo_a1{
	width: 496px;
}
.fo_a2{
	width: 400px;
	box-sizing: border-box;
	padding-left: 36px;
}
.fo_a3{
	width: 139px;
	text-align: center;
	margin-right: 50px;
}
h2.d_rira{
	color: #fff;
	font:600 18px/24px "微软雅黑";
}
.fo_a1 .d_nav{
	margin-top: 5px;
}
.fo_a1 .d_nav a{
	color: #fff;
	font:500 14px/37px "微软雅黑";
	padding-right: 20px;
}
.fo_a1 .d_nav a:hover{
	color: #1887c5;
}
.fo_a2 .d_lianxi{
	color: #fff;
	font:500 14px/37px "微软雅黑";
	margin-top: 5px;
}
.fo_a2 .d_lianxi img{
	padding-right: 5px;
}
.fo_a2{
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.fo_a3{
	text-align: center;
	color: #fff;
	font:500 14px/50px "微软雅黑";
}
.d_anqu{
	margin-top: 34px;
}
.d_anqu,.d_anqu a{
	color: #fff;
	font:500 14px/24px "微软雅黑";

}
.d_anqu a:hover,.xw_title a.xw_more1:hover{
	color: #1887c5;
}

/* 内页 */
/* */
.left .box{margin-bottom:10px;}
.left .box .content{padding:5px 0px;font-size: 12px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width: 1920px;
    position: relative;
    margin-left: -960px;
    left: 50%;
    }
.n_banner img{width:1920px;margin:0 auto}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact .content{ line-height:24px; }

.left {
    width: 230px;
    float: left;
    position: relative;
    top:18px;
    left:0;
}
.left .box {
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding:20px;
}
.sort_menu{
    border:none !important;
    padding:0 !important;
}
.sort_menu h3 {
    background: #005e9f !important;
    height: 80px;
    color: #fff !important;
    font-size: 30px !important;
    padding-top:30px;
}
.left .box h3{
    font-size: 16px;
    color:#005e9f;
    line-height: 20px;
    font-weight: 400;
    text-indent:22px;
    background: url(../images/boxh3.png) no-repeat 0 50%;
}
.left .box h3 p{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color:#fff;
    line-height: 46px !important;
}

.left .box .content{
    padding-top:10px;
}
.right{width:926px;float:right;padding-bottom:30px;}
.sitemp{
    line-height: 50px;
    border-bottom:1px solid #eee;
    font-size: 14px;
}

.sitemp .site {
    text-align: left;
    line-height: 50px;
}
.sitemp  a{color: #333;}
.right .content{padding-top:15px;line-height: 24px;}
.sort_album{margin-top: 15px;}

.sort_menu h3 {color: #fff; box-sizing: border-box; height: 109px; padding: 23px 0 0 20px; font-size: 30px; font-weight: normal; }
.sort_menu h3 span { display: block; font-size: 14px; letter-spacing: 6px; text-transform: uppercase; margin-top: 10px; }
.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:46%; float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new1 li {
    border-bottom: 1px dashed #ddd;
    background: url(../images/newli.png) no-repeat 0% 50%;
    padding-left: 13px;
}
.right_word{margin-left: 5%;}
.news_list li{line-height:27px;position:relative;padding-left:10px;height: 27px;overflow: hidden;}
.news_list li a{line-height:27px;color:#666;}
.news_list li a:hover{text-decoration:none;color:#005e9f;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}
.news_list li div{line-height:24px;}

.box { border: 1px solid #dcdcdc; margin-bottom: 20px; border-top: 4px solid #218cd4;}
.box.sort_menu { border-top: none; }
.sort li{position:relative;z-index: 999;}
.sort li:not(:last-child) { border-bottom: 1px solid #f6f6f6; }
.sort li .about_b{position:absolute;left:230px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
    border-bottom:2px solid #3a78c1;z-index:9999;}


.sort li {
    position: relative;
    background: #ececec;
}
.sort li a {
    background: url(../images/sorta.png) no-repeat;
    color: #333;
    display: block;
    line-height: 60px;
    border-top: 1px solid #fff;
    padding-left: 48px;
    font-size: 12px;
}
.sort li a:hover {
    color: #fff;
    text-decoration: none;
    background: url(../images/sortbg.png) no-repeat #333;
}

.sort li .xypg-left-subnav{
    display: none;position:absolute;left:230px;top:0;width:200px;
}
.sort li:hover .xypg-left-subnav{
    display: block;
}
.sort li .xypg-left-subnav li a{
    background:#333;
    color: #fff;
    display: block;
    line-height: 59px;
    border-top: 1px solid #fff;
    padding-left:33px;
    font-size: 12px;
}
.sort li .xypg-left-subnav li:hover a{background:#218cd4;}




.news_listts{}
.news_listts li{background:#fff;width: 920px;position: relative;overflow: hidden;margin-bottom: 30px;}
.news_listts li a.img{width: 216px;height: 145px;overflow: hidden;}
.news_listts li img{float:left;overflow: hidden;width: 216px;height: 145px;}
.news_sub{float:right;width:680px;margin-left: 23px;}
.news_sub a{font-size: 16px;color:#333;margin-bottom: 15px;display: block;}
.news_sub span{
	    color: #7b7b7b;
    font-size: 12px;
    text-align: justify;
}
.news_sub h3{width:83px;height: 28px;font-size: 12px;border:1px solid #005e9f;display:block;line-height:28px;text-align:center;margin-top:10px;}
.news_sub h3 a{font-size: 12px;text-align:center;color:#005e9f;line-height:28px;padding-left: 0px;display: block;font-weight: 500;}
.news_listts li:hover .news_sub h3{border:none;background:#005e9f;}
.news_listts li:hover .news_sub h3 a{color:#fff;}


.product_listn{
    width: 105%;
}
.product_listn li{float:left;margin-left:12px;margin-right:12px;margin-bottom:15px;_display:inline;border:1px solid #ddd;}
.product_listn li a.img{
     display: block;
    overflow: hidden;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: relative;
}
.product_listn li a.img img {
    width: 282px;
    height: 242px;
}
.product_listn li h3{
    background: #f1f1f1;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #6d6d6d;
    font-weight: 400;
}


.product_listn li a.img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product_listn li a.img figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.product_listn li:hover a.img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.product_listn li:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}


.tt li  a.img{
    display: block;
    overflow: hidden;
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: relative;
}

.tt li  a.img figcaption { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tt li a.img figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.tt li:hover a.img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.tt  li:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.product_listn li h3 a{font-weight:normal;color: #333;}

.case_listn li:hover h3,
.product_listn li:hover h3{
    background:#005e9f;
}
.case_listn li:hover h3 a,
.product_listn li:hover h3 a{
    color:#fff;
}
.product_listn li a.img{display:block;}
.product_listn li a.img:hover{border-color:#218cd4;}


.case_listn li{float:left;margin-left:12px;margin-right:12px;margin-bottom:15px;_display:inline;border:1px solid #ddd;}
.case_listn li a.img{}
.case_listn li a.img img{
    width: 282px;
    height: 187px;
}
.case_listn li h3{ background: #f1f1f1;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 400;}
.case_listn li h3 a{font-weight:normal;}
.case_listn li a.img{display:block;}
.case_listn li a.img:hover{border-color:#218cd4;}