﻿

.p_Product {
    width: calc((100% - 0px)/3);
    display: inline-block;
}

.p_CommonSummaryBoxA {
    text-align: center;
}

.p_MatteIcon .iconfont:before {
    content: '\e602';
}

.proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom:50px;
}

.proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0px;
    margin: 1rem auto;
}

.proLi {
    position: relative;
    padding: 0;
    font-size: 14px;
}

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
}

.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 39px;
    padding: 20px 0px 0px;
    border: 1px solid #d7d7d7;
    text-indent: 10px;
    background-color: #ffffff;
    border-top: none;
}

.proTitle {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

.lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    top: -29px;
}

.arrowsR {
    position: absolute;
    top: 50%;
    right: 27px;
    transform: translate(0, -50%);
    width: 30px;
}

.arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

.harr {
    opacity: 0;
}

.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}

.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0.5rem 0;
}


.showBoxLink:hover
{
    color:#ffffff;
}

.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

@media only screen and (min-width: 769px) {
    .proLi {
        height: 277px;
        margin-right: 12px;
        width: 31%;
        margin-top: 27px;
    }

    .lookDetail:hover .barr {
        opacity: 0;
    }

    .lookDetail:hover .harr {
        opacity: 1;
    }

    .proLi:hover .showBox {
        opacity: 1;
    }

    .proLi:hover .proImg {
        transform: translate( -50%, -50%) scale(1.1);
    }

    .proLi:hover .showBoxLink::before {
        width: 1rem;
    }

    .proLi:hover showBoxLink::after {
        width: 1rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .proContainer {
        max-width:900px;
    }

    .proLi {
        width: 50%;
        height: 400px;
    }
}

.p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

{
    max-height: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    min-height: 0px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    min-width: 0px;
    height: auto;
    padding-right: 0px;
}



.product_content {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.product_box {
	width: 100%;
	overflow: hidden;
	padding: 30px 0px 20px;
	margin: 0px 0 0px;
	float:left;
}
.product_box .box_title {
	width: 100%;
	height: 40px;
	overflow: hidden;
}
.box_title h4 {
	font-size: 18px;
	color: #4c4d52;
	line-height: 40px;
	float: left;
	font-weight: bold;
}
.product_search {
	width: 328px;
	height: 40px;
	overflow: hidden;
	float: right;
}
.product_search input {
	width: 240px;
	height: 40px;
	border: none;
	background-color: #f9f9f9;
	padding: 0 0 0 15px;
	font-size: 16px;
}
.product_search input::-webkit-input-placeholder { 
	color: #949494;
}
.product_search input:-moz-placeholder{ 
	color: #949494; 
}
.product_search input:-ms-input-placeholder{ 
	color: #949494;
}
.product_search input:placeholder{ 
	color: #949494;
}
.product_search button {
	width: 70px;
	height: 40px;
	border: none;
	background-color: #be1a1f;
	float: right;
	font-size:16px;
	color: #ffffff;
	font-weight:normal;
}
.product_list {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 0;
	border-top: 1px solid #f0f0f0;
	padding: 30px 0 0;
}
.product_list a {
	display: block;
	width: calc(50% - 40px);
	width: -moz-calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	overflow: hidden;
	margin: 0 80px 40px 0;
	float: left;
}
.product_list a:nth-of-type(2n){
	margin: 0 0 40px;
}
.product_list a .list_img {
	width: 215px;
	overflow: hidden;
	float: left;
	border: 1px solid #eaeaea;
}
.list_img img {
	width: 100%;
	transition: all 1s;
}
.product_list a .list_txt {
	width: calc(100% - 255px);
	width: -moz-calc(100% - 255px);
	width: -webkit-calc(100% - 255px);
	overflow: hidden;
	float: left;
	margin: 0 0 0 40px;
	color: #888888;
	font-size: 16px;
}
.list_txt p {
	height: 80px;
	overflow: hidden;
}
.list_txt h4 {
	font-size: 18px;
	color: #4c4d52;
	line-height: 25px;
	height: 25px;
	margin: 15px 0 10px;
	overflow: hidden;
}
.list_txt span {
	display: block;
	color: #949494;
	width: 75px;
	overflow: hidden;
	margin: 40px 0 0;
	padding: 0 0 0 18px;
	background: url(../images/pl.png) no-repeat left center;
}
.product_list a:hover .list_img img {
	transform: scale(1.15);
}
.product_list a:hover .list_txt h4 {
	color: #f3f4f6;
}
.product_list a:hover .list_txt span {
	color: #f3f4f6;
}
.info1 h1,.info2 h1,.info3 h1
{
    font-size: 18px;
    color: #ffffff;
    line-height: 45px;
    background-color: #be1a1f;
    font-weight:normal;
    text-indent:20px;
    margin: 0 0px 25px;
    float: left;
    width: 100%;
}
.swiper-paginations
{
    width:45px !important;
    margin:0 auto !important;
}
@media only screen and (max-width: 1199px) {
	.product_content {
		width: 865px;
	}
	.product_menu a {
		margin: 1px 1px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.product_menu a:hover {
		margin: 1px 1px 0 0;
	    line-height: 40px;
	    height: 40px;
	}
	.product_menu a.active {
	    margin: 1px 1px 0 0;
	    line-height: 50px;
	    height: 50px;
	}
	.product_list a {
		width: 100%;
		float: none;
	}
	.arrowsR {
        display: none;
    }
    .proTitle {
        text-align: center;
    }
    .page a {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 991px) {
	.product_content {
		width: 688px;
		margin: 0 auto 0;
	}
	.logo img:nth-of-type(2) {
		display: none;
	}
	.logo img:nth-of-type(1) {
		display: inline-block;
	}
	.p_Product {
        width: calc((100% - 0px)/2) !important;
    }
    .proImg 
    {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: translate(0, 0) !important;
    }
    .proLi {
        padding: 5px !important;
    }
    .product_search button {
        width: 58px !important;
        float: left !important;
    }
    .info2_content table td:first-child {
        width: 60px !important;
    }
}
@media only screen and (max-width: 767px) {
	.content {
		background-size: 800px;
	}
	.product_content {
		width: 100%;
		margin: 63px auto 0;
		background-color: #FFFFFF;
	}
	.product_menu a {
		text-align: left;
	}
	.product_menu a:nth-of-type(2n){
		width: 50%;
		margin: 1px 0 0;
	}
	.product_box {
		width: 100%;
	    padding: 0;
	    margin: 20px auto 30px;
	}
	.product_list {
	    margin: 10px 0 0;
	    padding: 20px 0 0;
	}
	.product_list a {
	    margin: 0 0 20px !important;
	}
	.product_list a .list_img {
	    width: 155px;
	}
	.product_list a .list_txt {
	    width: calc(100% - 170px);
	    width: -moz-calc(100% - 170px);
	    width: -webkit-calc(100% - 170px);
	    margin: 0 0 0 15px;
	    line-height: 18px;
	    font-size: 12px;
	}
	.list_txt h4 {
	    font-size: 16px;
	    line-height: 20px;
	    height: 20px;
	    max-height: 40px;
	    margin: 10px 0 5px;
	    overflow: hidden;
	}
	.list_txt p {
	    height: 54px;
	    overflow: hidden;
	}
	.list_txt span {
	    margin: 20px 0 0;
	    padding: 0 0 0 13px;
	}
	.product_box .box_title {
	    height: 106px;
	}
	.box_title h4 {
	    padding: 0 10px;
	    float: none;
	}
	.product_search {
	    width: 100%;
	    float: none;
	    margin: 20px auto 10px;
	}
	.product_search input 
	{
	    width: 231px;
	    float: left;
	}
	.swiper-paginations
    {
        width:65px !important;
        margin:0 auto !important;
    }
    .product_details {
        width: 92% !important;
    }
    .relevant_list a .relevant_img {
        width: 98% !important;
    }
}
@media only screen and (min-width: 1200px) {
	.product_content {
		width: 1065px;
	}
	.product_menu a {
		font-size: 12px;
		padding: 0 10px;
	}
}
@media only screen and (min-width: 1400px) {
	.product_content {
		width: 1065px;
	}
	.product_menu a {
		font-size: 16px;
		padding: 0 10px;
	}
}
@media only screen and (min-width: 1600px) {
	.product_content {
		width: 1165px;
	}
	.product_menu a {
		font-size: 16px;
	}
}
/*产品详情*/
.product_details {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 25px;
	border-top: 1px solid #f3f4f6;
	padding: 30px 0 0;
}
.product_details .details_left {
	width: 450px;
	overflow: hidden;
	border: 1px solid #eaeaea;
	float: left;
}
.details_left img {
	width: 100%;
    margin:0 auto;
}
.product_details .details_right {
	width: 589px;
	overflow: hidden;
	margin: 0 0 0 45px;
	float: left;
}
.details_right h3 {
	line-height: 30px;
	padding: 15px 0;
	font-size: 18px;
	color: #4c4d52;
	border-bottom: 1px solid #f0f0f0;
	margin: 0;
}
.details_right .details_txt {
	width: 100%;
	overflow: hidden;
	line-height: 32px;
	color: #000000;
	font-size: 16px;
}
.details_txt img {
	width: 100%;
}
@media only screen and (max-width: 1199px) {
	.product_details {
	    margin: 25px 0 50px;
	}
	.product_details .details_left {
	    width: 300px;
	}
	.product_details .details_right {
	    width: 455px;
	    margin: 0 0 0 30px;
	}
}
@media only screen and (max-width: 991px) {
	.product_details .details_left {
	    width: 99%;
	}
	.product_details .details_right {
	    width: 100%;
	    margin: 20px 0 0;
	}
}
@media only screen and (max-width: 767px) {
	.product_details {
	    margin: 10px 0 30px;
	    padding: 20px 0 0;
	}
	.product_details .details_right {
	    margin: 10px 0 0;
	}
	.details_right h3 {
	    margin: 0 0 0px;
	}
	.details_right .details_txt {
	    line-height: 20px;
	    font-size: 12px;
	}
	.details_txt strong {
		height: 35px;
		line-height: 35px;
		font-size: 15px;
		padding: 0 0 0 17px;
		margin: 0 0 10px;
	}
	.pro-nav a {
        margin-right: 7px;
    }
}
@media only screen and (min-width: 1200px) {
	.product_details .details_left {
	    width: 400px;
	}
	.product_details .details_right {
	    width: 540px;
	    margin: 0 0 0 45px;
	}
}
@media only screen and (min-width: 1400px) {
	.product_details .details_left {
	    width: 400px;
	}
	.product_details .details_right {
	    width: 540px;
	}
}
@media only screen and (min-width: 1600px) {
	.product_details .details_left {
	    width: 468px;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.product_details .details_right 
	{
	    max-width: 612px;
	    width: 100%;
	}
}
/*相关产品*/
.product_relevant {
	width: 100%;
	overflow: hidden;
}
.product_relevant h3 {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 0 15px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 0 35px;
	color: #4c4d52;
	font-weight: bold;
}
.product_relevant .relevant_list {
	width: 100%;
	overflow: hidden;
	margin: 0 0 35px;
}
.relevant_list a {
	display: block;
	overflow: hidden;
	margin: 0 50px 0 0;
	float: left;
	text-align: center;
	color: #666666;
}
.relevant_list a:last-of-type{
	margin: 0;
}
.relevant_list a .relevant_img {
	width: 99%;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
.relevant_list a .relevant_img img {
	width: 100%;
	transition: all 1s;
}
.relevant_list a p {
	line-height: 32px;
	margin: 5px 0;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.relevant_list a:hover .relevant_img img {
	transform: scale(1.15);
}
.relevant_list a:hover {
	color: #4c4d52;
}
@media only screen and (max-width: 1199px) {
	.relevant_list a {
		width: calc(20% - 20px);
		width: -moz-calc(20% - 20px);
		width: -webkit-calc(20% - 20px);
		margin: 0 25px 0 0;
	}
	.product_l {
        width: 100% !important;
    }
    .pro-nav a {
        width: 31% !important;
        padding-left: 0px !important;
        margin-top: 10px !important;
        line-height: 60px !important;
        float: left !important;
        text-align: center !important;
    }
    .pro-nav {
        width: 100% !important;
    }
    .product_r {
        float: left !important;
        width: 100% !important;
        margin-top: 62px !important;
    }
    .p_Product {
        width: 96% !important;
    }
    .pro-con-show {
        margin-top: 20px !important;
    }
}
@media only screen and (max-width: 991px) {
	.relevant_list a {
	    width: calc(50% - 20px);
	    width: -moz-calc(50% - 20px);
	    width: -webkit-calc(50% - 20px);
	    margin: 0 40px 30px 0;
	}
	.relevant_list a:nth-of-type(2n) {
		margin: 0 0 30px;
	}
	#c_static_001_P_4810-1666175927374 .e_credible-34 {
        max-width: 130px;
    }
    .nodata {
        margin: 25% 0px 70px;
    }
}
@media only screen and (max-width: 767px) {
	.product_relevant .relevant_list {
	    margin: 0 0 20px;
	}
	.product_relevant h3 {
	    line-height: 30px;
	    padding: 0 0 10px;
	    margin: 0 0 20px;
	}
	.relevant_list a {
	    width: calc(100% - 10px);
	    width: -moz-calc(100% - 10px);
	    width: -webkit-calc(100% - 10px);
	    margin: 0 20px 10px 0;
	}
	.relevant_list a:nth-of-type(2n) {
		margin: 0 0 10px;
	}
	.info1 p,.info2 p,.info3 p
	{
	    
	}
	.info1 h1, .info2 h1, .info3 h1
	{
	    text-indent: 12px;
	}
	.info2_content
	{
	    padding:0 10px;
	}
	.product_relevant {
        width: 95%;
        margin: initial;
    }
    .info2_content p
    {
        width:100% !important;
    }
    .info2_content table td:first-child {
        width: 60px !important;
    }
    .info2_content table td {
        padding: 0px !important;
    }
    .tel a {
        font-size: 24px !important;
    }
}


.right 
{
    float:right;
    margin-top: 8px;
}


.proCon table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.proCon table tr {
    height: auto !important;
}

.proCon table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto !important;
}

.proCon table td p {
    display: block;
    margin: 0;
}

.proCon table td span {
    display: inline-block;
    margin: 0;
}

.proCon table tr {
    transition: all .2s;
}

.proCon table tr:hover {
    background: #e7f1fc;
}


/*产品详情页*/
.info1{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-bottom: 25px; text-align: justify;}
.info2{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-top: 25px; text-align: justify;}
.info3{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-bottom: 25px; text-align: justify;}
.details2_txt{ width:100%; float:left;}


.xsrx{ font-weight:bold; font-size:18px;}
.tel a{ color:#be1a1f; font-size:32px; font-weight:bold; line-height:42px;}

.proBox .bottomLine {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}

.proBox .detailItem {
    width: 150px;
    text-align: center;
    background: #0c5e47;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.info2_content {
    padding: 30px 0px 0px 0px;
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
    font-family: "微软雅黑" !important;
}


.info2_content p{
    line-height: 30px;
    font-size: 16px;
    font-family: "微软雅黑" !important;
}


.info2_content strong
{
    margin-bottom:10px;
    display: inline-block;
}

.info2_content img {
    max-width: 100%;
    max-height: 400px;
    height: auto;
}

.info2_content table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.info2_content table tr {
    height: auto !important;
}

.info2_content table td:first-child {
    width: 150px;
}

.info2_content table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
    font-family: "微软雅黑" !important;
}
.info2_content table th {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
    font-weight:normal;
}

.info2_content table td p {
    display: block;
    margin: 0;
    font-family: "微软雅黑" !important;
}

.info2_content table td span {
    display: inline-block;
    margin: 0;
    font-size: 16px !important;
    text-align: center;
    font-family: "微软雅黑" !important;
}

.info2_content table tr {
    transition: all .2s;
}

.info2_content table tr:hover {
    background: #e7f1fc;
}

.pushtitle {
    margin-top: 10px;
    text-align: center;
}

.backtoPro {
    width: 50px;
    height: 50px;
    background: #0c5e47;
    text-align: center;
    line-height: 50px;
}

.backtoPro a,.backtoPro:hover a,.backtoPro a:hover {
    color: #fff;
}

.backtoPro a i {
    font-size: 25px;
}

.backtoPro:hover {
    background: #099c9b;
    color: #0c5e47;
}

.pro_tablist {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}


.product_bigbox
{
    background-color: #f5f5f5;
}
.huagan_cp {
    font-size: 20px;
    color: #be1a1f;
    padding: 20px 0;
    font-weight:bold;
}
.product_l{ float: left; width: 260px; position: relative;}
.pro-nav{ z-index:999; width: 260px; }

.pro-nav a{ display:block; width:100%; padding-left:10px; height:60px; background:#FFF; margin-top:2px; line-height:60px; font-size:16px;color: #737373;}
.pro-nav a:hover{ background:#be1a1f; color:#FFF;}
.pro_cur {
    background: #be1a1f !important;
    color: #FFF !important;
}
.pro-con-show{display: none;}
.product_r{float: right; width: calc(100% - 373px); margin-top: 68px;}
.pinxs{display: inline-block;background: #be1a1f; margin-left:7px;
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);}
.pinxs h1{ font-size: 18px;font-weight:normal; color: #fff; line-height:40px;
display: inline-block; width: 220px; padding-left: 20px;
transform: skew(20deg);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);}
.pro-section h1 i{ display: inline-block; width: 8px; height:8px; background: #b8251d;  margin-right: 10px; margin-bottom:5px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.pro-con-list{ width: 96%; margin: 0 auto 35px auto;}
.pro-section-list{ width: 98%; margin:20px auto 10px auto;}
.pro-section-list li{float:left; min-width:98px;width:23.5%;text-align:left;font-size:16px; margin-bottom:15px; min-height: 30px;
padding: 0 10px 0 0;margin-left: 1%;}
.link_xx{ width: 100%; height: 2px; background: #be1a1f;}
.pro-section-list li a{  font-size:16px;color:#be1a1f; display:inline-block; font-weight: bold;}
.pro-section-list li:hover a{ /*border-bottom:3px solid #b8251d; padding-bottom:3px;*/color: #b8251d;}
.pro-section-list li.select{ /*border-bottom:3px solid #b8251d;padding-bottom:3px; */background: #b8251d;}
.pro-section-list li  a.select{ color: #b8251d;border-bottom: 2px solid #b8251d; padding-bottom:6px;}
.pro-item{ float:left; width:31.3%; cursor:pointer;background:#FFF; position:relative; margin-bottom: 30px; margin-left: 3%;}
.pro-item:nth-of-type(3n+1){ margin-left: 0}
.pro-item .tit{position:absolute; width:100%; left:50%; bottom:0px; font-size: 15px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);}
.pro-item .tit{ display:block; width:82%; height:40px; background:#be1a1f; color:#FFF; margin:0 auto; line-height:40px; text-align:center; }

.pro-item-select{
background: -webkit-linear-gradient(#ffffff,#A2BFDF);
background: -o-linear-gradient(#ffffff,#A2BFDF);
background: -moz-linear-gradient(#ffffff,#A2BFDF);
background: linear-gradient(#ffffff,#A2BFDF);
-moz-box-shadow: 3px 3px 5px #888888;
box-shadow: 3px 3px 5px #888888;}