.sec_pro{
	padding-top: 50px;
}
.tab_list{
	width: 180px;
}
.tab_list>li>div{
	height: 40px;
	line-height: 40px;
	position: relative;
	background: #eee;
	text-align: center;
	cursor: pointer;
}
.tab_list>li>div img{
	position: absolute;
	right: 10px;
	top: 12px;
}
.tab_list>li>div:hover{
	background: #003366 !important;
	color: #ddd !important;
}

    .tab_list > li > a.li {
        width:100%;
        height: 40px;
        line-height: 40px;
        position: relative;
        background: #eee;
        text-align: center;
        cursor: pointer;
        display:inline-block;
    }

    .tab_list > li > a.li img {
        position: absolute;
        right: 10px;
        top: 12px;
    }

        .tab_list > li > a.li:hover {
            background: #003366 !important;
            color: #ddd !important;
        }

    .tab_list > li.li3 {
        width: 100%;
        height: 40px;
    }

    .tab_list > li.li3 a{
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: relative;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        background:#eee;
    }

        .tab_list > li.li3 a:hover {
            background: #003366 !important;
            color:#ddd!important;
        }

        .tab_list > li.li3 img {
           float:right;
           margin-right:15px;
           margin-top:12px;
        }


.tab_list22 {
    width: 180px;
}

    .tab_list22 > li > div {
        height: 40px;
        line-height: 40px;
        position: relative;
        background: #eee;
        text-align: center;
        cursor: pointer;
    }

        .tab_list22 > li > div img {
            position: absolute;
            right: 10px;
            top: 12px;
        }

        .tab_list22 > li > div:hover {
            background: #003366 !important;
            color: #ddd !important;
        }

    .tab_list22 > li > a.li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: relative;
        background: #eee;
        text-align: center;
        cursor: pointer;
        display: inline-block;
    }

        .tab_list22 > li > a.li img {
            position: absolute;
            right: 10px;
            top: 12px;
        }

        .tab_list22 > li > a.li:hover {
            background: #003366 !important;
            color: #ddd !important;
        }



.main {
    width:990px;
    height:auto;
    float:right;
}



.tab_active{
	background: #003366 !important;
	color: #ddd !important;
}
.tab_list2{
	width:100%;
    height:auto;
}
.tab_list2 li{
	border-bottom: 2px solid #eee;
}
.tab_list2 a{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.tab_list2 a:hover{
	color: #003366;
}
.main_box{
	width: 1000px;
}
.pro_list{
	margin-bottom: 30px;
}
.pro_list li{
	width: 230px;
	float: left;
	margin-bottom: 30px;
	margin-right: 26px;
	border: 2px solid #eee;
}

.pro_list li .img_box{
	overflow: hidden;
	width: 100%;
	height: 216px;
	vertical-align: middle;
	display: table-cell;
}
.pro_list li .img_box img{
	max-width: 100%;
}
.pro_list li .cont{
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #eee;
}
.pro_list li .cont p{
	line-height: 20px;
	display: inline-block;
    vertical-align: middle;
    width: -webkit-fill-available;
    width: -moz-fill-available;
    width: -moz-available;    /* FireFox目前这个生效 */
    width: fill-available;
}
.pro_list li:hover{
	border-color: #003366;
}
.pro_list li:hover .cont{
	background: #003366;
	color: #fff;
}
.sec_detail{
	border-top: 2px solid #eee;
}
.location{
	height: 75px;
	padding-top: 28px;
}
.pro_img{
	width: 420px;
}
.b_img{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	height: auto;
	line-height: 420px;
	overflow: hidden;
}
.b_img>div{
	padding: 20px;
	display: none;
    vertical-align: middle;
    width: -webkit-fill-available;
    width: -moz-fill-available;
    width: -moz-available;    /* FireFox目前这个生效 */
    width: fill-available;
}
.b_img_active{
	display: inline-block !important;
}
.s_img>div{
	display: inline-block;
	width: 64px;
	height: 64px;
	border: 1px solid #ccc;
	margin: 0 5px;
	cursor: pointer;
}
.s_img>div:hover{
	border-color: #003366;
}
.s_img>div>div{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: inherit;
	padding: 5px;
}
.s_img_active{
	border-color: #003366 !important;
}
.main_cont{
	width: 550px;
}
.main_cont .title{
	font-size: 18px;
	margin-bottom: 30px;
}
.color_list{
	height: 40px;
	line-height: 40px;
	border: 1px solid #eee;
	display: inline-block;
	padding: 0 10px;
	margin-right: 10px;
	cursor: pointer;
}
.color_active{
	border-color: #003366 !important;
}
.side1{
	margin-right: 10px;
}
.call{
	font-size: 18px;
	color: #ff0000;
}
.sub{
	width: 180px;
	height: 50px;
    display:inline-block;
    text-align:center;
    line-height:50px;
	background: #003366;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
}
.com_title{
	border-bottom: 2px solid #003366;
	margin-top: 40px;
	margin-bottom: 40px;
}
.com_title span{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #003366;
	color: #fff;
	text-align: center;
}
.about_list li {
    width: 232px;
    float: left;
    margin-right: 20px;
}
.about_list li:last-child{
	margin-right: 0;
}
.about_list li a{
	height: 240px;
	display: block;
	overflow: hidden;
}


/*@media screen and (min-width: 1221px){
	.pro_list li:nth-child(4n){
		margin-right: 0;
	}

    .sec_detail .content img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px){
	.pro_list li:nth-child(3n){
		margin-right: 0;
	}

    .sec_detail .content img {
        max-width: 100%;
        height: auto;
    }

    .tab_list22 {
        display: none;
    }
}

@media screen and (max-width: 1220px){
	.main_box{
		width: 780px;
	}
	.main_cont {
	    width: 520px;
	}
	.about_list li{
		width: 230px;
	}
	.about_list li a{
		height: 190px;
	}
}


@media screen and (max-width: 999px){
	.sec_pro{
		padding: 20px;
	}

    .main {
        width:100%;
        height:auto;
        padding:0;
        margin:0;
    }

	.tab_list{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.tab_list li{
		width: 100%;
		font-size: 20px;
	}

    .tab_list22 {
        display: none;
    }

	.main_box{
		width: 100%;
		float: none;
	}
	.pro_list{
		width: 600px;
		margin: 0 auto;
	}
	.pro_list li{
		margin-right: 20px;
		width: 290px;
	}
	.pro_list li .img_box{
		width: 290px;
		text-align: center;
	}
	.pro_list li:nth-child(2n){
		margin-right: 0;
	}
	.pro_list li .cont p{
		font-size: 20px;
	}
	.sec_detail{
		padding: 20px;
	}
	.location{
		font-size: 20px;
		padding-top: 0;
	}
	.pro_img{
		width: 600px;
		margin: 0 auto 20px;
		float: none;
	}
	.s_img>div{
		width: 90px;
		height: 90px;
	}
	.main_cont{
		float: none;
		width: 600px;
		margin: 0 auto 20px;
	}
	.main_cont .title{
		font-size: 20px;
	}
	.side1{
		font-size: 20px;
	}
	.color_list{
		font-size: 18px;
	}
	.call{
		font-size: 20px;
	}
	.cn{
		font-size: 20px;
	}
	.com_title span{
		font-size: 20px;
		width: 120px;
	}

	.about_list{
		width: 90%;
        height:auto;
		margin: 0 auto;
	}
	.about_list li{
		margin-bottom: 20px;
		width: 45%;
        height:auto;
        margin-right:5%;
	}
	.about_list li:nth-child(2n){
		margin-right: 0;
	}

        .about_list li a{
            
            width: 100%;
            height: auto;
            display:inline-block;
        }

    .sec_detail .content img{
        max-width:100%;
        height:auto;
    }
}*/