﻿.body{
	background-color: #1f1f1f;
}
.hide_div{width: 100%;height: 67px;display: none;}
.none_more{width: 100%;text-align: center;display: none;font-family: "寰蒋闆呴粦";color: #9b9b9b;padding-top: 105px;}
.index_bg{
		    position: relative;
    height: 100%;
    left: 51%;
    top: 0%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-moz-transform: translate(-50%, 0%);
		-o-transform: translate(-50%, 0%);
	}
#bgCanvas2{
	position: absolute;
	width: 44.8%;
	right: 0%;
	bottom: 0%;
}
#bgCanvas{
	height: 140%;
	position: absolute;
	right: -5%;
	bottom: -12%;
}

.partContainer{
    width: 100%;
    overflow: hidden;
    position: relative;background-color: #000000;
}
.banner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    max-height: 600px;
}
#content{width: 100%;background-color: #1f1f1f;}
.content_img{width: 100%;position: relative;min-width: 1200px;}
.content_img img{width: 100%;}
.img_title{display: block;}
.img_titlem{display: none;}


.content_img .title_cn{color: #b0b0b0;text-align: left;}
.partContainer .txt{    left: 0%;
    top: 26.92%;
    position: absolute;
    text-align: center;
    width: 100%;}
.partContainer h2{color: #FFFFFF;
    text-align: left;
    width: 1200px;
    margin: 0px auto;}

.con_title .font_z6{font-family: "Microsoft yahei", 寰蒋闆呴粦, arial;font-size: 16px;}
.con_title ul .all_all{}

.content_con{width: 100%;min-width: 1200px;max-width: 1200px;margin: 0px auto;}
.con_title{position:relative;height: 65px;line-height:64px;width: 100%;max-width: 1200px;z-index: 151;background-color: #1f1f1f;}
.con_title ul{text-align: center;font-size: 0px;background-color: #1f1f1f;    border-bottom: 1px solid #424242;
    border-top: 1px solid #424242;height: 65px;}
.con_title ul li{display: inline-block;width:210px;color: #9b9b9b;cursor: pointer;cursor: hand;}
.con_title .all{border-left: 1px solid #424242;position: relative;z-index: 999;}
.con_title .all:first-child{border-left:0px; }

.all .all_son{position: absolute;top:66px;left: -1px;display: none;border-left: 1px solid #424242;z-index: 999;}
.all_son div{width: 210px;height: 40px;line-height: 40px;border-bottom: 1px solid #424242;color: #9b9b9b;background-color: #1f1f1f;border-right: 1px solid #424242;}
.all_son div:hover{color: #FFFFFF;background-color: #e80000;border-bottom: 1px solid #e80000;}

.all_son1 div{width: 138px;text-align: left;padding-left: 72px;}
.all_son2 div{width: 180px;
    text-align: left;
    padding-left: 25px;}
.all_son3 div{width: 185px;text-align: left;padding-left: 26px;}




.con_title ul li span{font-size: 22px;}
.con_title ul li:hover{color: #FFFFFF;}

.con_title ul li:hover .triangle-down{background-position-y: -28px;}
.con_title .change_color{color: #FFFFFF;}
.triangle-down {
    width: 16px;
    height: 10px;
    display: inline-block;
    margin-left: 20px;
    background-image: url(404.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -4px;
}
.con_title .change_color .triangle-down{background-position-y: -28px;}


#cun_datali{display: none;}
.con_conli{width:91.5%;margin: 0px auto;padding-bottom: 100px;}
.con_conli ul{}
.con_conli li{width: 31.2%;margin:1.05%;float: left;}
.con_conliimg{width: 100%;height: auto;overflow: hidden;position: relative;}
.con_conliimg img{width:100%;
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;}

.con_conli li .hover_{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.con_conli li .hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.con_conli li:hover .hover_{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.con_conli li:hover .hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.con_conli li:hover .con_conliimg img{transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);}

.con_conli li .div{width:90.6%;padding-left: 4.7%;padding-right: 4.7%;padding-top: 6%;border-bottom: 1px solid #e5e5e5;background-color: #FFFFFF;}
.div h3{color: #000000;font-weight: normal;padding-bottom: 2%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.div h4{color: #606060;font-weight: normal;}
.div .pinpai{width: 100%;height: 40px;padding-top: 20px;padding-bottom: 15px;}
.div .pinpai img{width:auto;height:100%; float: left;margin-right: 10px;}

.click_div{height: 25px;width: 90.6%;padding: 8px 4.7%;background-color: #FFFFFF;}
.click_ico{float: left;width: 110px;height: 25px;line-height: 25px;margin-left: 30px;}
.click_ico .ico{margin-right: 5px;width: 30px;height: 25px;background-repeat: no-repeat;display: block;float: left;}
.click_ico .ico1{background: url(../image/ico1.png) no-repeat center center;}
.click_ico .ico2{background: url(../image/ico2.png) no-repeat center center;}
.click_ico .ico3{background-position: 0px -77px;}


.more_z{margin: 0px auto;margin-top: 4.7%;margin-bottom: 3.7%;}


.clear{clear: both;}

@media (max-width: 1200px){
.partContainer h2{width: 1164px;}
}
@media (max-width: 1200px){
.partContainer h2{width: 1030px}
}
@media (max-width: 1200px){
.partContainer h2{width: 900px}
}





@media only screen and (max-width: 768px) {
	.partContainer{background: #000000 url(404.png) no-repeat;background-size: cover;}
	.partContainer h2 {width: 92.68%;margin-left:7.32%;}
	.content_img{min-width:inherit;}
	.content_img .txt{top: 21.92%;}
	.content_con{min-width:inherit;}
	.con_title{height: 0.6rem;line-height: 0.6rem;border-top: 0px;position: fixed;}
	.con_title .font_z6{font-size: 0.15rem;}
	.con_title ul{position: relative;z-index: 999;height: 0.6rem;box-sizing: border-box;}
	.con_title ul li{width: 33.333%;color: #FFFFFF;}
	.triangle-down{width: 10px;height: 10px;margin-left: 0.1rem;background-position-y: -15px;}
    .con_title .change_color .triangle-down{background-position-y: -29px;}
    .con_title ul li:hover .triangle-down{background-position-y: -29px;}
	.all .all_son{    top: 0.59rem;
    background-color: #1f1f1f;
    border-top: 0px;left: 0px;
    padding-top: 0.15rem;
    border-left: 0px;padding-bottom: 0.05rem;}
	.all_son div{color:#FFFFFF;width: 33.33%;    height: 0.5rem;
    
    line-height: normal;
    padding: 0rem 0.1rem;background-color: #1f1f1f;border-top:0px;border-right:0px;border-bottom:0px;float: left;    text-align: center;
    box-sizing: border-box;}
    .con_title ul li span {
    font-size: 0.18rem;
}
	.all_son div:hover{color: #d0011f;background-color: #1f1f1f;border-bottom: 0;}
	.con_title ul li:hover {color: #d0011f;}
	.con_title .change_color {color: #d0011f;}
	.con_title .all{border: 0px;position:initial;    height: 0.6rem;}
	.con_conli{width: 100%;padding-left: 0;padding-right: 0;margin-top: 0;padding-bottom:0.6rem;padding-top: 0.6rem;}
	.con_conli li{width: 100%;margin: 0;}
	.con_conli li .div{border: 0px;padding-top: 0;padding-top: 0.4rem;width: 100%;padding-left: 0;padding-right: 0;padding-bottom: 0.2rem;}
	.div h3 {text-align: center;white-space: normal;width: 260px;margin: 0px auto;padding-bottom: 4%;}
	.div h4 {text-align: center;padding-bottom: 0.3rem;}
	.div .pinpai {display: none;}
	.click_div {display: none;}
	.more_z {margin-top: 0.45rem;margin-bottom: 0;}
	.img_title{display: none;}
	.img_titlem{display: block;}
	.con_title .font_z6{font-size: 0.16rem;}
	.none_more{margin-top: 0.15rem;}
	.con_conli li .hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
	
}


.center_zone {
    width: auto;
    margin: 0 auto;
}