﻿
.left{float: left;}
.right{float: right;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{display: inline-table;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.hh{display:inline-block;text-align:center;}
.w1000{width: 1200px; margin: 0 auto; overflow: hidden;position:relative;}
.w1200{width: 1200px; margin: 0 auto; overflow: hidden;position:relative;}

.con{width: 1360px; margin: 0px auto 32px auto;}
.con .tab1_t{width:238px; height:75px; line-height:75px; background:#e58c21; color:#fff; font-size:30px; text-align:center; margin-top:5px;}
.s_banner{width:100%; height:100px; position:relative;}
.s_banner  a{width:125px; height:39px; line-height:39px; text-align:center; font-size:16px; color:#005bac; background:#fff; font-weight:bold; display:block; float:left;box-shadow: inset 0 0 0 1px rgba(0, 49, 95, 0.3), 0 1px 3px #333333;left:50%;margin-left:-62px;position:absolute;top:20px;overflow: hidden;}
.s_banner  a:hover{background:#114a8d; color:#fff;}
.con3{width:100%;}
.con3 .cleft{width:292px; height:528px;}
.con3 .con3_con{width:908px; height:580px; display:block;}
.con3 .con3_con li{position:relative; width:295px; border-right:1px solid #ccc; height:258px; margin-left:6px; margin-bottom:6px; float:left;}
.con3 .con3_con ul{width:908px; padding:0; margin:0;}
.con3 .con3_con .effect-ming{background: #030c17;}
.ywbt{width:425px;height:52px;color:#CCC;font-size:42px;font-weight:1000;letter-spacing:20px; margin:0 auto;text-align:center;margin-top:24px;text-indent:10px;overflow: hidden;}
.ywbt_da{width:680px;margin:0 auto;margin-top:10px;}
.ywbt_zhu{width:330px;height:40px;margin-left:70px;margin-top:-2px;color:#CCC;font-size:30px; float:left;font-family:"宋体";font-weight:bold;overflow: hidden;}
.ywbt_fu{width:250px;height:40px;margin-right:20px;color:#FFF;font-size:24px; float:right;font-weight:lighter;overflow: hidden;}
.con3 .con3_con .effect-ming img{opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width:295px; height:258px;}
.con3 .con3_con .effect-ming .figcaption::before{position: absolute;top:20px;right:20px;bottom: 20px;left: 20px;border: 2px solid #f5c71c;box-shadow: 0 0 0 20px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(0.4,0.4,1);transform: scale3d(0.4,0.4,1);}
.con3 .con3_con .effect-ming span{ text-align:center;display:none\9;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; padding-top:40px; color:#fff; opacity:0;height: 30px; overflow: hidden;}
.con3 .con3_con .effect-ming p{opacity: 0;display:none\9;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5); padding:30px; padding-top:0px; color:#fff;height: 72px;    line-height: 21px; overflow: hidden;}
.con3 .con3_con .effect-ming:hover span{-webkit-transform: scale(0.9); font-size:20px; opacity:1;transform: scale(0.9); display: block;display:none\9;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;}
.con3 .con3_con .effect-ming:hover .figcaption::before,
.con3 .con3_con .effect-ming:hover p{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.con3 .con3_con .effect-ming:hover .figcaption{background-color: rgba(58,52,42,0);}
.con3 .con3_con .effect-ming:hover img{opacity: 0.4;}
.con3 .con3_con .figcaption,
.con3 .con3_con .figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.con3 .con3_con .figcaption > a{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.con3 .more{text-align:center; margin-top:12px;}


@media (max-width: 700px) {
	
	.index_about1{ height:835px !important;}
	.w1000 { width:100% !important;}	
	.con3 .cleft { display:none;}
	.con3 .con3_con{ width:100%;}
	.con3 .con3_con ul{ width:100%;}
	.con3 .con3_con .effect-ming{ width:47.6%; height:180px;}
	.con3 .con3_con .effect-ming img{ width:100%; height:180px;}
	.index_product{height: 1465px;
    overflow: hidden;}
}	

