@charset "utf-8";
/* CSS Document */
html,body,ul,li,ol,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,form{margin:0px;padding:0px;}
body{margin:0 auto;font-size:12px;font-family:"Arial";height:auto;}
html{overflow-x:hidden;}
div{margin:0px auto;}
a{text-decoration:none;font-size:12px;cursor: pointer;color:#333;font-family:"Arial";}
a:hover{color:#62a7a5; zoom:1;}
img{border:none;vertical-align:top;}
ul,li{list-style:none;background:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/**解决ie6中的颤动效果**/
h1,h2,h3,h4,h5,h6,i,em{font:12px/17px Arial, Helvetica, sans-serif;font-style:normal;}
div{margin:0 auto;}
em{font-style:normal;}


/* index_hd */
.index_hd{width:1180px;margin:40px auto 0 auto;height:555px;overflow:hidden;border-bottom:1px solid #ddd;}
.index_hd .hd_l{width:590px;height:535px;overflow:hidden;}
.index_hd .hd_l ul li{position:relative}
.index_hd .hd_r ul li{float:left;width:294px;height:268px;overflow:hidden;border-left:1px #fff solid;position:relative}
.context{ margin:0 auto; max-width:1220px; padding-left: 0; padding-right: 0;}
.con-img img{ display:block; max-width:1200px; height:auto; border-bottom:2px solid #c9c9c9;}
.con-text{ background:#eee;}
.con-text .text{ margin: 0 auto; max-width: 1000px;padding:35px 30px 25px 20px;}
.con-text p{ font-size:15px; line-height: 30px; color:#535353;}
.con-text p b{ font-size:22px; color:#1c1b1b; font-weight: normal;}
.con-text p.date{ text-align: right; color:#8e8e8e; margin-top: 10px;}


.container{ overflow: hidden; }
.well-tit{color: #131313; font-size: 3rem; font-family: Arial,"Microsoft YaHei", Helvetica, sans-serif; margin: 4.5% 0 1.5%;}
.it-con{overflow: hidden;}
.well{margin-bottom: 0;}
.well .well-item{width: 33%; margin-top: 15px;margin-bottom: 15px;}
.correct{ z-index: 10; }
.img-tit{padding: 2% 0;}
.img-tit a{display: block; position:relative;}
.img-tit img{width: 100%;}
.img-tit a:hover:before{display: block; visibility: visible; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;-ms-box-shadow: 0 0 165px #000 inset;
    -webkit-box-shadow: 0 0 165px #000 inset; -o-box-shadow: 0 0 165px #000 inset; box-shadow: 0 0 165px #000 inset;}
.item-c{ margin: 0 0.5%;}
.opposite-txt{color: #4f4f4f; padding: 20% 11%; font-size: 15px; line-height: 28px; position: absolute; top: 0;text-align:Justify;text-justify:inter-ideograph}
.item-info h2{color: #131313; font-size: 17px; margin: 15px 0 5px; font-family: "Microsoft YaHei"}
.item-info p{color:#505050; font-size: 15px;}
.brand-info{ color: #4f4f4f; font-size: 15px; text-align:Justify;text-justify:inter-ideograph; height: 285px; padding: 15% 21% 0 0; line-height: 26px;}
@media (max-width: 767px) {
	.well .well-item{width: 48%; margin: 10px 1% 10px;}
	.item-c{ margin: 0;}
	.well-tit{font-size: 2.5rem;}
	.opposite-txt{padding: 3%; font-size: 12px; line-height: 22px;}
	.item-info h2{font-size: 16px;}
	.item-info p{font-size: 13px;}
	.brand-info{font-size: 14px; height: 260px; padding: 4% 5% 0 0;line-height: 20px;}
}
@media (max-width: 320px) {
	.opposite-txt{line-height: 17px;}
	.brand-info{font-size: 12px;}
}