@charset "utf-8";

/* CSS Document */
* {
	margin                     : 0;
	padding                    : 0;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: 'microsoft yahei';
}

a {
	text-decoration            : none;
	color                      : #333;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select        : none;
	-moz-user-focus            : none;
	-moz-user-select           : none;
}

.l {
	float: left;
}

.r {
	float: right;
}

.textcenter {
	text-align: center;
}

li {
	list-style-type: none;
}

em {
	font-style: normal
}

.block {
	display: block;
}

.none {
	display: none;
}

.border3 {
	border-radius: 3px;
}

.border5 {
	border-radius: 3px;
}

.mrw10 {
	margin-right: 10px;
}

.miw10 {
	margin-left: 10px;
}

.mrw15 {
	margin-right: 15px;
}

.miw15 {
	margin-left: 15px;
}

.mrw20 {
	margin-right: 20px;
}

.mlw20 {
	margin-left: 20px;
}

#UpdateHint {
	width     : 100%;
	height    : auto;
	overflow  : hidden;
	display   : none;
	margin    : 0 auto -100px auto;
	position  : fixed;
	left      : 0;
	top       : 50%;
	z-index   : 99999999;
	text-align: center;
}

#UpdateHint span {
	display       : inline-block;
	vertical-align: middle;
	padding       : 20px 30px;
	background    : rgba(0, 0, 0, 0.8);
	font          : 20px/30px 'microsoft yahei';
	text-align    : center;
	color         : #fff;

}

#UpdateHint .ok {
	font      : 20px/30px 'microsoft yahei';
	color     : #fff;
	background: rgba(18, 166, 10, 0.8);
}


header section .logo {
	display   : block;
	min-width : 280px;
	width     : 15vw;
	height    : 50px;
	float     : left;
	margin-top: 10px;
}

header section .logo img {
	display: block;
	height : 100%;
	margin : 0 auto;
}

#loginBg {
	width   : 100vw;
	height  : 100vh;
	position: absolute;
	top     : 0;
	left    : 0;
	z-index : -1;
}

/*大于1024像素*/
@media all and (min-width:1200px) {
	.maxw {
		min-width : 1440px;
		width     : 90%;
		text-align: center;
	}

	/*显示与隐藏*/
	.pc {
		display: block;
	}

	/* .move{display:none;} */

	header {
		width        : 100%;
		height       : 70px;
		border-bottom: 1px solid #DBDBDB;
		position     : relative;
		z-index      : 2000;
	}

	header section {
		height: 70px;
		margin: 0 auto;
	}

	header section nav {
		display: block;
		float  : right;
		height : 70px;
	}

	header section nav .main-nav {
		display : block;
		float   : left;
		height  : 70px;
		position: relative;

	}

	header section nav .main-nav a.top-level {
		display         : block;
		width           : 140px;
		padding         : 0 20px;
		height          : 38px;
		margin-top      : 15px;
		background-color: #fff;
		color           : #547E98;
		border          : 1px solid #547E98;
		border-radius   : 5px;
		line-height     : 37px;
		font-size       : 16px;
		text-align      : center;
		position        : absolute;
		top             : 0;
		right           : 0;
		z-index         : 9999;
	}

	header section nav .main-nav ul {
		position           : absolute;
		top                : 50px;
		right              : 0;
		border             : 0px solid #DBDBDB;
		width              : 180px;
		height             : 0;
		overflow           : hidden;
		transition-duration: 0.2s;
		padding            : 0px 0 0px 0;
	}

	header section nav .main-nav:hover ul {
		display         : block;
		position        : absolute;
		width           : 180px;
		height          : auto;
		overflow        : hidden;
		top             : 50px;
		right           : 0;
		border          : 1px solid #DBDBDB;
		background-color: #fff;
		z-index         : 9998;
		overflow        : hidden;
		border-radius   : 0 0 6px 6px;
		padding         : 18px 0 15px 0;
	}

	header section nav .main-nav:hover ul li {
		width     : 100%;
		height    : 32px;
		text-align: right;
	}

	header section nav .main-nav ul li a {
		height             : 32px;
		line-height        : 32px;
		font-size          : 14px;
		color              : #666;
		transition-duration: 0.2s;
	}

	header section nav .main-nav ul li i {
		margin-right: 6px;
	}

	header section nav .main-nav ul li:hover a,
	header section nav .main-nav ul li:hover i {
		color    : #547E98;
		font-size: 16px;
	}

	.pro-main {
		height  : auto;
		overflow: hidden;
		margin  : 20px auto 0 auto;
	}




	footer {
		width     : 100%;
		height    : auto;
		overflow  : auto;
		text-align: left;
	}

	footer .f-logo {
		display       : inline-block;
		vertical-align: middle;
		width         : 358px;
		height        : 130px;
	}

	footer .f-logo img {
		display: block;
		height : 130px;
	}




	.page-style {
		width   : 100%;
		height  : auto;
		overflow: hidden;
		margin  : 30px auto 20px auto;
	}

	.page-style .pagination {
		width          : 100%;
		height         : 40px;
		display        : flex;
		justify-content: center;
		overflow       : hidden;
		text-align     : center;
	}

	.page-style .pagination li {
		display: inline-block;
		height : 40px;

	}

	.page-style .pagination li.default a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 20px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination li.default a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination .next a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 4px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination .next a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination .prev {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 4px;
		background-color: #EAEAEA;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #6c6b6b;
	}

	.page-style .pagination li a {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 20px;
		background-color: #4d7496;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #fff;
	}







	.pro-vist {
		width           : 960px;
		height          : 600px;
		background-color: #fff;
		margin          : -300px 0 0 -480px;
		position        : fixed;
		overflow-y      : auto;
		top             : 50%;
		left            : 50%;
		z-index         : 9999;
		display         : none;
		border-radius   : 6px;
	}

	.pro-vist::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 6px;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 1px;
	}

	.pro-vist::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 6px;
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : #4D7496;
	}

	.pro-vist::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		background   : #ededed;
	}

	.pro-vist .horizontal-line {
		width           : 920px;
		height          : 4px;
		background-color: #4D7496;
		margin          : 10px auto;
	}

	.pro-vist .close-but {
		width        : 46px;
		height       : 46px;
		border-radius: 23px;
		position     : absolute;
		top          : 0px;
		right        : 0px;
		cursor       : pointer;
		z-index      : 9999999;
	}

	.pro-vist .close-but i {
		width      : 46px;
		height     : 46px;
		text-align : center;
		font-size  : 38px;
		line-height: 46px;
		color      : #4D7496;
	}

	.pro-vist .page-top-frame {
		width     : 100%;
		height    : auto;
		overflow  : hidden;
		padding   : 0px 0 0px 0;
		background: rgba(255, 255, 255, 0.7);
	}

	.pro-vist .page-bottom-box {
		position: relative;
	}

	.pro-vist .page-bottom-box .content {
		width : 800px;
		margin: 0 auto;
	}

	.pro-vist .page-bottom-box .Box_con {
		position: relative;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		position: absolute;
	}

	.pro-vist .page-bottom-box .Box_con .btn {
		display : block;
		width   : 41px;
		height  : 41px;
		position: absolute;
		top     : 70px;
		cursor  : pointer;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		background: url(../images/jtl02.png) no-repeat center;
		left      : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnr {
		background: url(../images/jtr02.png) no-repeat center;
		right     : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnl:hover {
		background: url(../images/jtl03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .btnr:hover {
		background: url(../images/jtr03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .conbox {
		position: relative;
		overflow: hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul {
		position  : relative;
		list-style: none;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li {
		float      : left;
		width      : 144px;
		height     : 180px;
		margin-left: 20px;
		overflow   : hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li:first-child {
		margin-left: 0;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item {
		cursor             : pointer;
		width              : 144px;
		height             : 170px;
		overflow           : hidden;
		background-color   : #fff;
		border-radius      : 0 0 6px 6px;
		box-shadow         : 0px 4px 8px 1px #afc6d4;
		transition-duration: 0.5s;
		position           : relative;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover {
		box-shadow: 0px 4px 8px 1px #708aa1;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item img {
		display            : block;
		width              : 130px;
		height             : 150px;
		position           : absolute;
		top                : 0px;
		left               : 7px;
		z-index            : 1;
		transition-duration: 0.8s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover img {
		transform: scale(1.1);
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info {
		width              : 144px;
		height             : 34px;
		position           : absolute;
		bottom             : 0px;
		left               : 0px;
		z-index            : 3;
		background-color   : #4d7496;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt {
		width              : 100%;
		height             : 34px;
		text-align         : center;
		margin-top         : 0px;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .el-checkbox {
		display       : inline-block;
		vertical-align: middle;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .text {
		display       : inline-block;
		vertical-align: middle;
		height        : 34px;
		line-height   : 34px;
		font-size     : 14px;
		margin-left   : 10px;
		color         : #fff;
	}

	.pro-vist .pro-info {
		width : 920px;
		height: 840px;
		margin: 20px auto 0 auto;
	}

	.pro-vist .pro-info .imgshow {
		width           : 480px;
		height          : 420px;
		background-color: #fff;
		float           : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img {
		width : 130px;
		height: 100%;
		float : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img li {
		width           : 100%;
		height          : 38%;
		overflow        : hidden;
		background-color: #fff;
		margin-top      : 20%;
		margin-left     : 10px;
		box-shadow      : 0px 4px 8px 1px #afc6d4;
		border-radius   : 6px 6px 6px 6px;
		cursor          : pointer;
	}

	.pro-vist .pro-info .imgshow .left-min-img li img {
		display            : block;
		width              : 100%;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .imgshow .left-min-img li:hover img {
		transform: scale(1.1);
	}

	.pro-vist .pro-info .imgshow .right-max-img {
		width        : 300px;
		height       : 90%;
		float        : right;
		margin-right : 10px;
		margin-top   : 4%;
		box-shadow   : 0px 4px 8px 1px #afc6d4;
		border-radius: 6px 6px 6px 6px;
		position     : relative;
	}

	.pro-vist .pro-info .imgshow .right-max-img img {
		display            : block;
		width              : 100%;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .right-info {
		width           : 380px;
		height          : 520px;
		background-color: #fff;
		float           : right;
		margin-right    : 30px;
		margin-top      : 15px;
	}

	.pro-vist .pro-info .right-info .space-mod {
		width : 100%;
		height: 36px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but {
		display: block;
		height : 36px;
		float  : right;
		margin : 0 3px;
		cursor : pointer;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .down-c {
		background-color: #E40404;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c {
		background-color: #0086DD;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c2 {
		background-color: #2497E1;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c {
		background-color: #FF6400;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c2 {
		background-color: #FF7C24;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut {
		width : 36px;
		height: 36px;
		float : left;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut i {
		display    : block;
		width      : 36px;
		height     : 36px;
		text-align : center;
		font-size  : 18px;
		line-height: 36px;
		color      : #fff;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but:hover .icobut i {
		font-size: 20px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but span {
		display    : block;
		width      : 60px;
		height     : 36px;
		text-align : center;
		font-size  : 15px;
		line-height: 36px;
		font-weight: bold;
		color      : #fff;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute {
		width     : 100%;
		height    : auto;
		overflow  : hidden;
		margin    : 10px auto 0 auto;
		border-top: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .sub-attribute h2 {
		display    : block;
		width      : 96%;
		height     : 30px;
		margin     : 0 auto;
		font-size  : 18px;
		line-height: 34px;
		color      : #4D7496;
		text-align : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table {
		width   : 96%;
		height  : auto;
		overflow: hidden;
		margin  : 6px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table dl {
		display    : block;
		width      : 40%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #4D7496;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table span {
		display    : block;
		width      : 58%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #666;
		float      : right;
	}

	.pro-vist .pro-info .right-info .title {
		width        : 96%;
		height       : 34px;
		margin       : 8px auto 8px auto;
		font-size    : 20px;
		line-height  : 34px;
		color        : #4D7496;
		font-weight  : bold;
		border-bottom: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides {
		width           : 100%;
		height          : 400px;
		overflow-y      : auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 10px;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 1px;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 10px;
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		background   : #ededed;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list {
		width           : 96%;
		height          : auto;
		overflow        : hidden;
		margin          : 0 auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		border-bottom: 1px solid #EAEAEA;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui {
		width : 100%;
		height: 18px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui dl {
		display    : block;
		height     : 18px;
		float      : left;
		font-size  : 12px;
		line-height: 18px;
		color      : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui em {
		display    : block;
		height     : 18px;
		float      : right;
		font-size  : 12px;
		line-height: 18px;
		color      : #999;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item p {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		float        : right;
		font-size    : 14px;
		line-height  : 18px;
		color        : #666;
		padding      : 5px 0 0 0;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-form {
		width : 96%;
		height: 50px;
		margin: 15px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea {
		border     : 0;
		outline    : none;
		border     : 1px solid #ccc;
		color      : #000;
		font-family: 'Open Sans', sans-serif;
		font-size  : 14px;
		line-height: 18px;
		height     : 40px;
		padding    : 5px 3%;
		transition : background 0.3s ease-in-out;
		width      : 68%;
		float      : left;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea:focus {
		border: 1px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-form .button {
		text-align        : center;
		text-transform    : uppercase;
		transition        : background 0.3s ease-in-out;
		border            : 0;
		outline           : none;
		cursor            : pointer;
		width             : 24%;
		height            : 50px;
		background-color  : #4D7496;
		font-size         : 16px;
		line-height       : 50px;
		color             : #fff;
		-webkit-appearance: none;
		float             : right;
	}

	/*背景遮罩*/
	.fullscreenMask {
		width     : 100%;
		height    : 100%;
		position  : fixed;
		top       : 0;
		z-index   : 2001;
		background: rgba(0, 0, 0, 0.7);
		display   : none;
	}

}












/*小于1024像素*/
@media all and (max-width:1200px) {

	/*显示与隐藏*/
	.pc {
		display: none;
	}

	.move {
		display: block;
	}

	header {
		width        : 100%;
		height       : 70px;
		border-bottom: 1px solid #DBDBDB;
		position     : relative;
		z-index      : 99999;
	}

	header section {
		height: 70px;
		margin: 0 auto;
	}

	/* header section .logo{
	display   :block;
	height    :50px;
	float     :left;
	margin-top:10px;
}
header section .logo img{
	display:block;
	height :100%;
} */
	header section nav {
		display: block;
		float  : right;
		height : 70px;
	}

	header section nav .main-nav {
		display : block;
		float   : left;
		height  : 70px;
		position: relative;

	}

	header section nav .main-nav a.top-level {
		display         : block;
		width           : 140px;
		padding         : 0 20px;
		height          : 38px;
		margin-top      : 15px;
		background-color: #fff;
		color           : #547E98;
		border          : 1px solid #547E98;
		border-radius   : 5px;
		line-height     : 37px;
		font-size       : 16px;
		text-align      : center;
		position        : absolute;
		top             : 0;
		right           : 0;
		z-index         : 9999;
	}

	header section nav .main-nav ul {
		position           : absolute;
		top                : 50px;
		right              : 0;
		border             : 0px solid #DBDBDB;
		width              : 180px;
		height             : 0;
		overflow           : hidden;
		transition-duration: 0.2s;
		padding            : 0px 0 0px 0;
	}

	header section nav .main-nav:hover ul {
		display         : block;
		position        : absolute;
		width           : 180px;
		height          : auto;
		overflow        : hidden;
		top             : 50px;
		right           : 0;
		border          : 1px solid #DBDBDB;
		background-color: #fff;
		z-index         : 9998;
		overflow        : hidden;
		border-radius   : 0 0 6px 6px;
		padding         : 18px 0 15px 0;
	}

	header section nav .main-nav:hover ul li {
		width : 100%;
		height: 32px;
	}

	header section nav .main-nav ul li a {
		display            : block;
		width              : 100%;
		height             : 32px;
		text-align         : center;
		line-height        : 32px;
		font-size          : 14px;
		color              : #666;
		transition-duration: 0.2s;
	}

	header section nav .main-nav ul li a:hover {
		color    : #547E98;
		font-size: 16px;
	}

	.pro-main {
		height  : auto;
		overflow: hidden;
		margin  : 20px auto 0 auto;
	}




	footer {
		width     : 100%;
		height    : auto;
		overflow  : auto;
		text-align: left;
	}

	footer .f-logo {
		display       : inline-block;
		vertical-align: middle;
		width         : 358px;
		height        : 130px;
	}

	footer .f-logo img {
		display: block;
		height : 130px;
	}




	/* .pro-vist{
	width           :960px;
	height          :800px;
	background-color:#fff;
	margin          :-425px 0 0 -480px;
	position        :fixed;
	top             :50%;
	left            :50%;
	z-index         :9999992;
	display         :none;
	border-radius   :6px;
}
.pro-vist .horizontal-line{
	width           :920px;
	height          :4px;
	background-color:#4D7496;
	margin          :10px auto;
} */
	.pro-vist .close-but {
		width        : 46px;
		height       : 46px;
		border-radius: 23px;
		position     : absolute;
		top          : 0px;
		right        : 0px;
		cursor       : pointer;
		z-index      : 9999999;
	}

	.pro-vist .close-but i {
		width      : 46px;
		height     : 46px;
		text-align : center;
		font-size  : 38px;
		line-height: 46px;
		color      : #4D7496;
	}

	.pro-vist .page-top-frame {
		width     : 100%;
		height    : auto;
		overflow  : hidden;
		padding   : 0px 0 0px 0;
		background: rgba(255, 255, 255, 0.7);
	}

	.pro-vist .page-bottom-box {
		position: relative;
	}

	.pro-vist .page-bottom-box .content {
		width : 800px;
		margin: 0 auto;
	}

	.pro-vist .page-bottom-box .Box_con {
		position: relative;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		position: absolute;
	}

	.pro-vist .page-bottom-box .Box_con .btn {
		display : block;
		width   : 41px;
		height  : 41px;
		position: absolute;
		top     : 70px;
		cursor  : pointer;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		background: url(../images/jtl02.png) no-repeat center;
		left      : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnr {
		background: url(../images/jtr02.png) no-repeat center;
		right     : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnl:hover {
		background: url(../images/jtl03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .btnr:hover {
		background: url(../images/jtr03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .conbox {
		position: relative;
		overflow: hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul {
		position  : relative;
		list-style: none;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li {
		float      : left;
		width      : 144px;
		height     : 180px;
		margin-left: 20px;
		overflow   : hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li:first-child {
		margin-left: 0;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item {
		cursor             : pointer;
		width              : 144px;
		height             : 170px;
		overflow           : hidden;
		background-color   : #fff;
		border-radius      : 0 0 6px 6px;
		box-shadow         : 0px 4px 8px 1px #afc6d4;
		transition-duration: 0.5s;
		position           : relative;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover {
		box-shadow: 0px 4px 8px 1px #708aa1;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item img {
		display            : block;
		width              : 130px;
		height             : 150px;
		position           : absolute;
		top                : 0px;
		left               : 7px;
		z-index            : 1;
		transition-duration: 0.8s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover img {
		transform: scale(1.1);
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info {
		width              : 144px;
		height             : 34px;
		position           : absolute;
		bottom             : 0px;
		left               : 0px;
		z-index            : 3;
		background-color   : #4d7496;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt {
		width              : 100%;
		height             : 34px;
		text-align         : center;
		margin-top         : 0px;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .el-checkbox {
		display       : inline-block;
		vertical-align: middle;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .text {
		display       : inline-block;
		vertical-align: middle;
		height        : 34px;
		line-height   : 34px;
		font-size     : 14px;
		margin-left   : 10px;
		color         : #fff;
	}

	.pro-vist .pro-info {
		width : 920px;
		height: 540px;
		margin: 20px auto 0 auto;
	}

	.pro-vist .pro-info .imgshow {
		width           : 480px;
		height          : 420px;
		background-color: #fff;
		float           : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img {
		width : 130px;
		height: 100%;
		float : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img li {
		width           : 100%;
		height          : 38%;
		overflow        : hidden;
		background-color: #fff;
		margin-top      : 20%;
		margin-left     : 10px;
		box-shadow      : 0px 4px 8px 1px #afc6d4;
		border-radius   : 6px 6px 6px 6px;
		cursor          : pointer;
	}

	.pro-vist .pro-info .imgshow .left-min-img li img {
		display            : block;
		width              : 100%;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .imgshow .left-min-img li:hover img {
		transform: scale(1.1);
	}

	.pro-vist .pro-info .imgshow .right-max-img {
		width        : 300px;
		height       : 90%;
		float        : right;
		margin-right : 10px;
		margin-top   : 4%;
		box-shadow   : 0px 4px 8px 1px #afc6d4;
		border-radius: 6px 6px 6px 6px;
	}

	.pro-vist .pro-info .imgshow .right-max-img img {
		display            : block;
		width              : 100%;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .right-info {
		width           : 380px;
		height          : 520px;
		background-color: #fff;
		float           : right;
		margin-right    : 30px;
		margin-top      : 15px;
	}

	.pro-vist .pro-info .right-info .space-mod {
		width : 100%;
		height: 36px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but {
		display: block;
		height : 36px;
		float  : right;
		margin : 0 3px;
		cursor : pointer;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .down-c {
		background-color: #E40404;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c {
		background-color: #0086DD;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c2 {
		background-color: #2497E1;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c {
		background-color: #FF6400;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c2 {
		background-color: #FF7C24;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut {
		width : 36px;
		height: 36px;
		float : left;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut i {
		display    : block;
		width      : 36px;
		height     : 36px;
		text-align : center;
		font-size  : 18px;
		line-height: 36px;
		color      : #fff;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but:hover .icobut i {
		font-size: 20px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but span {
		display    : block;
		width      : 60px;
		height     : 36px;
		text-align : center;
		font-size  : 15px;
		line-height: 36px;
		font-weight: bold;
		color      : #fff;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute {
		width     : 100%;
		height    : auto;
		overflow  : hidden;
		margin    : 10px auto 0 auto;
		border-top: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .sub-attribute h2 {
		display    : block;
		width      : 96%;
		height     : 30px;
		margin     : 0 auto;
		font-size  : 18px;
		line-height: 34px;
		color      : #4D7496;
		text-align : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table {
		width   : 96%;
		height  : auto;
		overflow: hidden;
		margin  : 6px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table dl {
		display    : block;
		width      : 40%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #4D7496;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table span {
		display    : block;
		width      : 58%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #666;
		float      : right;
	}

	.pro-vist .pro-info .right-info .title {
		width        : 96%;
		height       : 34px;
		margin       : 8px auto 8px auto;
		font-size    : 20px;
		line-height  : 34px;
		color        : #4D7496;
		font-weight  : bold;
		border-bottom: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides {
		width           : 100%;
		height          : 150px;
		overflow-y      : auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 10px;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 1px;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 10px;
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		background   : #ededed;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list {
		width           : 96%;
		height          : auto;
		overflow        : hidden;
		margin          : 0 auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		border-bottom: 1px solid #EAEAEA;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui {
		width : 100%;
		height: 18px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui dl {
		display    : block;
		height     : 18px;
		float      : left;
		font-size  : 12px;
		line-height: 18px;
		color      : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui em {
		display    : block;
		height     : 18px;
		float      : right;
		font-size  : 12px;
		line-height: 18px;
		color      : #999;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item p {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		float        : right;
		font-size    : 14px;
		line-height  : 18px;
		color        : #666;
		padding      : 5px 0 0 0;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-form {
		width : 96%;
		height: 50px;
		margin: 15px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea {
		border     : 0;
		outline    : none;
		border     : 1px solid #ccc;
		color      : #000;
		font-family: 'Open Sans', sans-serif;
		font-size  : 14px;
		line-height: 18px;
		height     : 40px;
		padding    : 5px 3%;
		transition : background 0.3s ease-in-out;
		width      : 68%;
		float      : left;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea:focus {
		border: 1px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-form .button {
		text-align        : center;
		text-transform    : uppercase;
		transition        : background 0.3s ease-in-out;
		border            : 0;
		outline           : none;
		cursor            : pointer;
		width             : 24%;
		height            : 50px;
		background-color  : #4D7496;
		font-size         : 16px;
		line-height       : 50px;
		color             : #fff;
		-webkit-appearance: none;
		float             : right;
	}

	/*背景遮罩*/
	.fullscreenMask {
		width     : 100%;
		height    : 100%;
		position  : fixed;
		top       : 0;
		z-index   : 2001;
		background: rgba(0, 0, 0, 0.7);
		display   : none;
	}




	.page-style {
		width   : 100%;
		height  : auto;
		overflow: hidden;
		margin  : 30px auto 20px auto;
	}

	.page-style .pagination {
		width     : 100%;
		height    : 40px;
		overflow  : hidden;
		text-align: center;
	}

	.page-style .pagination li {
		display: inline-block;
		height : 40px;

	}

	.page-style .pagination li.default a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 20px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination li.default a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination .next a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 4px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination .next a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination .prev {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 4px;
		background-color: #EAEAEA;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #6c6b6b;
	}

	.page-style .pagination li span {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 20px;
		background-color: #4d7496;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #fff;
	}

}



@media all and (max-width:960px) {
	.pro-vist {
		width           : 100%;
		height          : 100vh;
		overflow        : auto;
		background-color: #fff;
		margin          : 0px 0 0 0px;
		position        : fixed;
		top             : 0;
		left            : 0;
		z-index         : 9999992;
		display         : none;
		border-radius   : 0px;
	}

	.mian-provist {
		width   : 100%;
		height  : auto;
		overflow: hidden;
	}

	.pro-vist .horizontal-line {
		width           : 920px;
		height          : 4px;
		background-color: #4D7496;
		margin          : 10px auto;
	}

	.pro-vist .close-but {
		width        : 46px;
		height       : 46px;
		border-radius: 23px;
		position     : fixed;
		top          : 5px;
		right        : 0px;
		cursor       : pointer;
		z-index      : 9999999;
	}

	.pro-vist .close-but i {
		width      : 46px;
		height     : 46px;
		text-align : center;
		font-size  : 38px;
		line-height: 46px;
		color      : #4D7496;
	}

	.pro-vist .page-top-frame {
		width     : 96%;
		height    : auto;
		overflow  : hidden;
		margin    : 0 auto;
		padding   : 0px 0 0px 0;
		background: rgba(255, 255, 255, 0.7);
	}

	.pro-vist .page-bottom-box {
		position: relative;
	}

	.pro-vist .page-bottom-box .content {
		width : 800px;
		margin: 0 auto;
	}

	.pro-vist .page-bottom-box .Box_con {
		position: relative;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		position: absolute;
	}

	.pro-vist .page-bottom-box .Box_con .btn {
		display : block;
		width   : 41px;
		height  : 41px;
		position: absolute;
		top     : 70px;
		cursor  : pointer;
	}

	.pro-vist .page-bottom-box .Box_con .btnl {
		background: url(../images/jtl02.png) no-repeat center;
		left      : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnr {
		background: url(../images/jtr02.png) no-repeat center;
		right     : -72px;
	}

	.pro-vist .page-bottom-box .Box_con .btnl:hover {
		background: url(../images/jtl03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .btnr:hover {
		background: url(../images/jtr03.png) no-repeat center;
	}

	.pro-vist .page-bottom-box .Box_con .conbox {
		position: relative;
		overflow: hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul {
		position  : relative;
		list-style: none;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li {
		float      : left;
		width      : 144px;
		height     : 180px;
		margin-left: 20px;
		overflow   : hidden;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li:first-child {
		margin-left: 0;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item {
		cursor             : pointer;
		width              : 144px;
		height             : 170px;
		overflow           : hidden;
		background-color   : #fff;
		border-radius      : 0 0 6px 6px;
		box-shadow         : 0px 4px 8px 1px #afc6d4;
		transition-duration: 0.5s;
		position           : relative;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover {
		box-shadow: 0px 4px 8px 1px #708aa1;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item img {
		display            : block;
		width              : 130px;
		height             : 150px;
		position           : absolute;
		top                : 0px;
		left               : 7px;
		z-index            : 1;
		transition-duration: 0.8s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item:hover img {
		transform: scale(1.1);
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info {
		width              : 144px;
		height             : 34px;
		position           : absolute;
		bottom             : 0px;
		left               : 0px;
		z-index            : 3;
		background-color   : #4d7496;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt {
		width              : 100%;
		height             : 34px;
		text-align         : center;
		margin-top         : 0px;
		transition-duration: 0.2s;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .el-checkbox {
		display       : inline-block;
		vertical-align: middle;
	}

	.pro-vist .page-bottom-box .Box_con .conbox ul li .item .info .checkbox-txt .text {
		display       : inline-block;
		vertical-align: middle;
		height        : 34px;
		line-height   : 34px;
		font-size     : 14px;
		margin-left   : 10px;
		color         : #fff;
	}

	.pro-vist .pro-info {
		width   : 96%;
		height  : auto;
		overflow: hidden;
		margin  : 0px auto 10px auto;
	}

	.pro-vist .pro-info .imgshow {
		width           : 100%;
		height          : auto;
		overflow        : hidden;
		background-color: #fff;
		float           : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img {
		width : 100%;
		height: 100%;
		float : right;
	}

	.pro-vist .pro-info .imgshow .left-min-img li {
		width           : 100px;
		height          : 38%;
		overflow        : hidden;
		background-color: #fff;
		margin-top      : 20%;
		margin-left     : 10px;
		box-shadow      : 0px 4px 8px 1px #afc6d4;
		border-radius   : 6px 6px 6px 6px;
		cursor          : pointer;
		float           : left;
	}

	.pro-vist .pro-info .imgshow .left-min-img li img {
		display            : block;
		width              : 100%;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .imgshow .left-min-img li:hover img {
		transform: scale(1.1);
	}

	.pro-vist .pro-info .imgshow .right-max-img {
		width        : 100%;
		height       : 60%;
		overflow     : hidden;
		margin       : 10px auto 15px auto;
		box-shadow   : 0px 4px 8px 1px #afc6d4;
		border-radius: 6px 6px 6px 6px;
	}

	.pro-vist .pro-info .imgshow .right-max-img img {
		display            : block;
		width              : 80%;
		max-width          : 390px;
		max-height         : 500px;
		height             : 100%;
		margin             : 0 auto;
		transition-duration: 0.2s;
	}

	.pro-vist .pro-info .right-info {
		width           : 100%;
		height          : auto;
		background-color: #fff;
		float           : right;
		margin          : 0 auto 0 auto;
	}

	.pro-vist .pro-info .right-info .space-mod {
		width : 100%;
		height: 36px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but {
		display: block;
		height : 36px;
		float  : right;
		margin : 0 3px;
		cursor : pointer;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .down-c {
		background-color: #E40404;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c {
		background-color: #0086DD;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .give-c2 {
		background-color: #2497E1;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c {
		background-color: #FF6400;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .comm-c2 {
		background-color: #FF7C24;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut {
		width : 36px;
		height: 36px;
		float : left;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but .icobut i {
		display    : block;
		width      : 36px;
		height     : 36px;
		text-align : center;
		font-size  : 18px;
		line-height: 36px;
		color      : #fff;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but:hover .icobut i {
		font-size: 20px;
	}

	.pro-vist .pro-info .right-info .space-mod .rs-but span {
		display    : block;
		width      : 60px;
		height     : 36px;
		text-align : center;
		font-size  : 15px;
		line-height: 36px;
		font-weight: bold;
		color      : #fff;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute {
		width     : 100%;
		height    : auto;
		overflow  : hidden;
		margin    : 10px auto 0 auto;
		border-top: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .sub-attribute h2 {
		display    : block;
		width      : 96%;
		height     : 30px;
		margin     : 0 auto;
		font-size  : 18px;
		line-height: 34px;
		color      : #4D7496;
		text-align : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table {
		width   : 96%;
		height  : auto;
		overflow: hidden;
		margin  : 6px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table dl {
		display    : block;
		width      : 40%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #4D7496;
		float      : left;
	}

	.pro-vist .pro-info .right-info .sub-attribute .table span {
		display    : block;
		width      : 58%;
		height     : 18px;
		font-size  : 14px;
		line-height: 18px;
		color      : #666;
		float      : right;
	}

	.pro-vist .pro-info .right-info .title {
		width        : 96%;
		height       : 34px;
		margin       : 8px auto 8px auto;
		font-size    : 20px;
		line-height  : 34px;
		color        : #4D7496;
		font-weight  : bold;
		border-bottom: 2px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides {
		width           : 100%;
		height          : 150px;
		overflow-y      : auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 10px;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 1px;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 10px;
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		background   : #ededed;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list {
		width           : 96%;
		height          : auto;
		overflow        : hidden;
		margin          : 0 auto;
		background-color: #fff;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		border-bottom: 1px solid #EAEAEA;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui {
		width : 100%;
		height: 18px;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui dl {
		display    : block;
		height     : 18px;
		float      : left;
		font-size  : 12px;
		line-height: 18px;
		color      : #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item .ui em {
		display    : block;
		height     : 18px;
		float      : right;
		font-size  : 12px;
		line-height: 18px;
		color      : #999;
	}

	.pro-vist .pro-info .right-info .comment-besides .comm-list .item p {
		display      : block;
		width        : 100%;
		height       : auto;
		overflow     : hidden;
		float        : right;
		font-size    : 14px;
		line-height  : 18px;
		color        : #666;
		padding      : 5px 0 0 0;
		margin-bottom: 8px;
	}

	.pro-vist .pro-info .right-info .comment-form {
		width : 96%;
		height: 50px;
		margin: 15px auto 0 auto;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea {
		border     : 0;
		outline    : none;
		border     : 1px solid #ccc;
		color      : #000;
		font-family: 'Open Sans', sans-serif;
		font-size  : 14px;
		line-height: 18px;
		height     : 40px;
		padding    : 5px 3%;
		transition : background 0.3s ease-in-out;
		width      : 68%;
		float      : left;
	}

	.pro-vist .pro-info .right-info .comment-form .textarea:focus {
		border: 1px solid #4D7496;
	}

	.pro-vist .pro-info .right-info .comment-form .button {
		text-align        : center;
		text-transform    : uppercase;
		transition        : background 0.3s ease-in-out;
		border            : 0;
		outline           : none;
		cursor            : pointer;
		width             : 24%;
		height            : 50px;
		background-color  : #4D7496;
		font-size         : 16px;
		line-height       : 50px;
		color             : #fff;
		-webkit-appearance: none;
		float             : right;
	}

	.page-style {
		width   : 100%;
		height  : auto;
		overflow: hidden;
		margin  : 30px auto 20px auto;
	}

	.page-style .pagination {
		width          : 100%;
		height         : 40px;
		display        : flex;
		justify-content: center;
		overflow       : hidden;
		text-align     : center;
	}

	.page-style .pagination li {
		display: inline-block;
		height : 40px;

	}

	.page-style .pagination li.active {
		display: none;
	}

	.page-style .pagination li.default {
		display: none;
	}

	.page-style .pagination li.default a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 20px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination li.default a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination .next a {
		cursor             : pointer;
		display            : block;
		height             : 40px;
		margin             : 0 3px;
		padding            : 0 15px;
		border-radius      : 4px;
		background-color   : #EAEAEA;
		font-size          : 15px;
		line-height        : 40px;
		height             : 40px;
		color              : #4d7496;
		transition-duration: 0.2s;
	}

	.page-style .pagination .next a:hover {
		background-color: #4d7496;
		color           : #FFF;
	}

	.page-style .pagination li dl {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 4px;
		background-color: #EAEAEA;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #6c6b6b;
	}

	.page-style .pagination li span {
		display         : block;
		height          : 40px;
		margin          : 0 3px;
		padding         : 0 15px;
		border-radius   : 20px;
		background-color: #4d7496;
		font-size       : 15px;
		line-height     : 40px;
		height          : 40px;
		color           : #fff;
	}

}
.enter{
	text-align: center;
	height: 50px;
	line-height: 50px;
}