/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
address {
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei", "SimHei", "SimSun";
	color: #000;
	font-weight: normal;
}
body{
	background: #f5f5f5;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

fieldset,
img {
	border: 0;
	display: block;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

section,
article,
aside,
header,
footer,
nav,
dialog,
figure {
	display: block;
}

img,
input,
button {
	outline: none;
}

onfouse {
	border: none;
}

li {
	list-style: none;
	
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

a {
	color: #000;
	text-decoration: none !important;
	cursor: pointer;
}
.white{
	background: white;
}
a:hover {
	color: #393848;
}

.clear {
	clear: left;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.line-clamp {
	display: block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.line-clamp-2 {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.line-clamp-4 {
	display: -webkit-box;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.line-clamp-5 {
	display: -webkit-box;
	line-clamp: 5;
	-webkit-line-clamp: 5;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.container {
	width: 90%;
	margin: 0 auto;
	max-width: 1504px;
	position: relative;
}
.flex{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
}
.flex-between {
	justify-content: space-between;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}
.align-center{
	align-items:center;/*垂直居中*/
}
/*nav style begin*/
nav{

	height: 138px;
	padding-top: 54px;
	width: 100%;
	position: relative;
	z-index: 9999999;
	display: block;
	left: 0;
	/*background: url("../images/nav_bg.jpg") no-repeat center top;*/
	top: 0;
	background: #fbf9f9;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);
	-webkit-transform: translateZ(0);/*解决fixed滑动时抖动问题*/
}
.navleft{
	position: absolute;
	left: 180px;
	top: 47px;
}
.navleft .logo{
	display: block;
	height: 44px;
	float: left;
}


.navrig{
	position: absolute;
	right: 180px;
	top: 39px;
	height: 60px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 60px;
	padding-top:8px
}

.navrig span{
	font-size: 22px;
	line-height:26px;
	font-weight: bold;
	display: block;
}
.navrig span:nth-child(2){
	font-size: 13px;
	font-weight: lighter;
}
.layui-nav{
	display: table;
	text-align: center;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	background: none;
	position: static;
}
.layui-nav .layui-nav-item{
	line-height: 32px;
	margin: 0 4px;
}
.layui-nav-item {
	width: 100px;
}
.layui-nav-item a{
	color: #000 !important;
	font-size: 16px;
	border-radius: 4px;
	position: relative;
}
.layui-nav-item a.layui-this{
	background: #00561f;
	color: #fff !important;
}
.layui-nav-item .layui-this:after{
	display: none;
}
.layui-nav .layui-this:after{
	display: none;
}
.layui-nav-bar{
	left:0;
	top:-2px;
	height: 3px;
	background-color: #00561f !important;
}
.layui-nav .layui-nav-item a{
	padding: 0 !important;
	position: relative;
}
.layui-nav-tree .layui-nav-itemed:after{
	width: 40px;
	height: 2px;
}
.layui-nav-child{
	top:40px;
	/*height: 114px;*/
	padding: 2px;
	border: none;
	border-radius: 0;
	line-height: 32px;
	background: rgba(0,0,0,0.5);
	animation-duration: 600ms !important;
}
.layui-nav .layui-nav-item.free a::before {
    content: '免费';
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 12px;
    line-height: 0;
    color: #fff;
    background-color: #e60012;
    padding: 8px 4px 9px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
}

/*.layui-nav-child dd{*/
	/*display: block;*/
	/*width: 240px;*/
/*}*/

.layui-nav-child dd a{
	font-size: 14px;
	line-height: 2.4em;
	border-radius: unset;
	color: #fff !important;
}
.layui-nav-child dd:not(:first-child){
	border-top: 1px solid rgba(255, 255, 255, .3);
}
.layui-nav-child dd a:hover{
	color: #e4a34d !important;
	background: none !important;
	opacity: 1 !important;
}
/*nav style end*/
.base_banner img{
	width: 100%;
}
/*base style begin*/
.mnavt{
	width: 100%;
	margin-top: 80px;
}
.content{
	width: 100%;
	padding: 70px 0 40px 0;
}
.contents{
	padding: 100px 0;
	width: 100%;
	background: white;
}
.content .title{
	text-align: center;
	font-size: 28px;
	width: 100%;
	margin-bottom: 50px;
}
.content .title h4{
	font-weight: bold;
}
.content .title h4 img{
	margin: 0 auto;
}
.content .title span{
	display: block;
	width: 100%;
	color: #666;
	font-size: 14px;
	margin-top: 14px;
}
.content .title.white h4,.content .title.white span{
	color: white;
}

.content .cite{
	display: table;
	text-align: center;
	margin: 36px auto 0 auto; 
	font-size: 16px;
	color: #ccc;
}
.content .cite a{
	margin: 0 20px;	
}
#page{
	text-align: center;
	margin: 0 0 60px 0;
}
.pagination {
	padding: 50px 0;
	text-align: center
}

.pagination .clear {
	display: inline-block;
	vertical-align: top
}

.pagination a {
	float: left;
	height: 40px;
	min-width: 40px;
	margin-right: 10px;
	padding: 0 15px;
	line-height: 38px;
	background-color: #fff;
	transition-duration: 300ms
}

.pagination a:not(:first-child) {
	border-left: none
}

.pagination a:first-child {
	border-radius: 2px 0 0 2px
}

.pagination a:last-child {
	border-radius: 0 2px 2px 0
}

.pagination a.on {
	background-color: #A9A9A9;
	border-color: #A9A9A9;
	color: #fff
}

.pagination a:hover {
	color: #A9A9A9;
}

.layui-carousel>[carousel-item]>*{
	text-align: center;
}
.bg-white{
	background: #fff;
}
.article{

}
.article .title{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 30px;
}
.article .description{
	border: 1px solid #ccc;
	margin: 30px auto;
	padding: 15px;
	color: #999;
	line-height: 2rem;
}
.article .article_detail img{
	max-width: 100% !important;
}
/*base style end*/


/*server start*/
.content.server{

	padding: 60px 0;
}
.content.server .server_box{
	margin: 0 auto;
	width: 1500px;
}

.content.server .server_box_cont{
	width: 875px;
	height: 185px;
}

.content.server .server_box_cont dt{
	width: 50%;
	float: left;
	height: 185px;
	margin-bottom: 22px;
	text-align: center;
	background: #23372c;
}
.content.server .server_box_cont dt:first-child{
	width: 380px;
}
.content.server .server_box_cont dt b{
	display: block;
	margin-top: 54px;
	font-size: 32px;
	font-weight: bold;
	color: white;
	transition-duration: 300ms;
}

.content.server .server_box_cont dt p{
	font-size: 18px;
	color: #ccc;
	line-height: 2em;
	transition-duration: 300ms;
}

.content.server .server_box_cont dt:hover b, .content.server .server_box_cont dt:hover p{
	transform: scale(1.1);
}


.content.server .server_box form{
	width: 50%;
	position: relative;
	padding:30px 23px 0;
}
.content.server .server_box form .bg{
	position: absolute;
	left: 0;
	top: 0;
}
.content.server .quote{
	position: relative;
}
.content.server .server_box .input{
	margin-bottom: 15px;
	position: relative;
	float: left;
}
.content.server .server_box .input img{
	position: absolute;
	left: 20px;
	top: 14px;
	z-index: 2;
}
.content.server .server_box .input,.content.server .server_box .input input{
	width:310px;
	height: 56px;
	background: #fff;
	border-radius: 4px;
	margin-right: 20px;
}
.content.server .server_box .input input{
	padding-left: 80px;
	font-size: 18px;
}
.content.server .server_box .input:nth-child(2n){
	margin-right: 0;
}
.content.server .server_box .btn{
	background: #00561f;
	width:310px;
	height: 56px;
	border-radius: 4px;
	font-size: 24px;
	color: white;
}
.content.server .server_box .btn:hover{
	opacity: 1;
}
.content.server .server_box .tips{
	color: white;
	opacity: 0.25;
	position: absolute;
	left: 0;
	bottom: -24px;
	font-size: 12px;
}
/*server end*/


/*footer style begin*/
footer {
	background: #474747;
	width: 100%;
	padding: 50px 0 0 0;
}
.bot_logo,.foot{
	width: 1500px;
	margin: 0 auto;
}
.bot_logo form{position: relative}
.bot_logo input{
	width: 340px;
	height: 50px;
	background: #fff;
	border-radius: 8px;
	padding: 0 2rem;
	line-height: 50px;
	border:none;
}
.bot_logo form img{
	position: absolute;
	right: 1rem;
	top: 0.8rem;
}
.ftline{
	height: 1px;
	background: #c8c8c8;
	margin-top:40px;
}
.foot{
	display: -webkit-flex;
	padding: 60px 0 80px;
}
.foot .left{
	width: 310px;
	color: #c6c6c6;
	border-right: 1px solid  rgba(255,255,255,0.5);
}
.foot .left span,.foot .mid p span{
	font-size:20px;
	margin-bottom: 30px;
	display: block;
}
.foot .left span a{
	width: 194px;
	background: #cabfb5;
	height: 38px;
	line-height: 38px;
	display: block;
	text-align: center;
	border-radius: 4px;
}
.foot .left p{
	font-size: 16px;
	font-weight: 100;
	color: #fcfdfc;
	opacity: 0.5;
	padding-bottom: 10px;
	line-height: 1.5;
}
.foot .mid{
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	display: -webkit-box;
}
.foot .mid p{
	display: block;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align: center;
	position: relative;
}
.foot .mid p:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.5);
	z-index: 1;
}
.foot .mid p span{
	color: #c6c6c6;
	line-height: 38px;
}
.foot .mid p a{
	display: block;
	font-size: 18px;
	opacity: 0.5;
	font-weight: 100;
	color: #fcfdfc;
	padding-bottom: 10px;
	line-height: 1.5;
}
.foot .mid p a:hover{
	text-decoration:underline !important; 
	color: #fff;
	opacity: 1;
}
.foot .mid p:last-child:after{
	display: none;
}
.foot .rig{
	width: 300px;
	text-align: center;
	font-weight: 100;
	padding-top: 45px;
	font-size: 18px;
}
.foot .rig img{
	margin: 0 auto;
}
.foot .rig span{
	color: white;
	opacity: 0.7;
	padding: 0.5rem 0;
	display: block;
}
 .flink{
	text-align: center;
	color: #fbfcfb;
	width: 1500px;
	margin: 20px auto;
}
 .flink a, .flink span{
	display: inline-block;
	color: #fbfcfb;
	margin-right: 30px;
}
.bot_footer{
	background: #2e2e2e;
	height: 65px;
	line-height: 65px;
}
.bot_footer p{
	font-size: 12px;
	color: white;
	opacity: 0.5;
	text-align: center;
}
.bot_footer p a{
	color: white;
}
/*footer style end*/



/*page*/
.layui-laypage{
	height: 40px;
}
.layui-laypage a, .layui-laypage span{
	height: 38px;
	line-height: 38px;
	font-size: 14px;
}
.layui-laypage a:hover{
	color: #393848;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background: #393848;
}
/*server fixed*/
.layui-fixbar .layui-icon{
	background: white !important;
	/*background: url(../images/server_icon.png) no-repeat !important;*/
	margin-bottom: 5px;
}
.layui-fixbar .layui-icon:first-child{
	background-position: 0 0;
}
.layui-fixbar .layui-icon:nth-child(3){
	background-position: 0 -65px !important;
}
.layui-fixbar .layui-fixbar-top{
	/*background: url(../images/server_icon.png) no-repeat left bottom !important;*/
	margin-top: 10px;
}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {
    border-color: #393848 !important;
}
.clunum{
	width: 1230px;
	margin: 0 auto;
	position: relative;
}
/*é€‚é…å¯¼èˆªæ */
@media (max-width: 1800px) {
	.navleft{
		left: 30px;
	}
	.navrig{
		right: 30px;
	}
	nav .layui-nav-item{
		width: 100px;
	}
	.layui-nav-item .layui-this:after{
		margin: 0 30px;
	}
	.layui-nav .layui-this:after{
		margin: 0 30px;
	}
}

@media (max-width: 1500px){
nav .layui-nav-item{
		width: 90px;
	}

	.layui-nav-item .layui-this:after{
		margin: 0 20px;
	}
	.layui-nav .layui-this:after{
		margin: 0 20px;
	}
	.navleft .layui-nav .layui-nav-item{
		width: 80px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 1400px) {
	nav .layui-nav-item{
		width: 80px;
	}
	nav .layui-nav-item a{
		font-size: 12px;
	}
	.layui-nav-item .layui-this:after{
		margin: 0 20px;
	}
	.layui-nav .layui-this:after{
		margin: 0 20px;
	}
}
.alform{
	padding: 30px;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999999999;
	width: 960px;
	display: none;
}
.changeview{
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	background: white;
	border-radius: 4px 0 0 4px;
	background: #f1f1f1;
	overflow: hidden;
}
.changeview span{
	display: block;
	width: 40px;
	height: 105px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}
.changeview span.on{
	background: white;
	color:#393848 ;
}
.alprice{
	width: 100%;
	height: 342px;	
}
.left_alforms{
	width: 50%;
	float: left;
	padding-right: 80px;
	position: relative;
}
.left_alforms .title{
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px;
}
.left_alforms .layui-form-label{
	font-size: 14px;
	padding: 9px 15px 9px 0;
	text-align: left;
	position: relative;
}
.left_alforms .layui-form-label span{
	font-size: 18px;
	color: #393848;
	position: absolute;
	right: 10px;
	top: 12px;
}
.left_alforms .layui-input-block{
	margin-left: 80px;
}
.left_alforms .layui-input-block span {
    position: absolute;
    right: 15px;
    top: 6px;
}    
.left_alforms .top{
	width: 140px !important;
	float: left;
	margin-right: 10px;
}
.left_alforms .top:last-child{
	margin: 0;
}
.left_alforms .layui-form-item .layui-input-inline{
	width: 100% !important;
}
.left_alforms .bottom{
	width: 90px !important;
	float: left;
}
.left_alforms .bottom:first-child{
	margin-left: 80px !important;
}
.left_alforms .bottom:last-child{
	margin: 0;
}
.left_alforms .layui-form-select dl dd.layui-this{
	background: #393848;
}
.alprice .mid_btns {
	width: 110px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.alprice .mid_btns .btn_bg {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #ccc;
	position: relative;
}
.alprice .mid_btns .btn_bg:before {
	content: "";
	position: absolute;
	display: block;
	width: 2px;
	height: 440px;
	left: 50%;
	top:-167px;
	background: #ccc;
}

.alprice .mid_btns .btn_bg:after {
	content: "";
	position: absolute;
	display: block;
	width: 42px;
	height: 120px;
	left: 32px;
	top:-6px;
	background: white;
}

.alprice .mid_btns .btn_bg a {
	display: block;
	width: 90px;
	height: 90px;
	border: 10px solid rgba(230,0,18,0.5);
	background: #393848;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 14px;
	text-align: center;
	color: #fff;
}
.alprice .mid_btns .btn_bg a:hover:after{
	content: "";
	display: block;
	width: 90px;
	height: 90px;
	border: 10px solid #393848;
	background: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 998;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	animation: tts 1s infinite linear;
	-webkit-animation: tts 1s infinite linear;
	-moz-animation: tts 1s infinite linear;	
}
/*动画*/
@-moz-keyframes tts {
	0% {
		-moz-transform: scale(1);
		opacity: 1;
	}
	50% {
		-moz-transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes tts {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}
@keyframes tts {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.rig_alforms{
	width: 50%;
	float: left;
	padding-left: 80px;
}
.rig_alforms #totals,.rig_alform #totalsm {
	font-size: 20px;
	overflow: hidden;
	width: 270px;
	margin: 5px auto 30px auto;
}
.rig_alforms #totalsm{
	font-size: 16px;
	width: 170px;
	height: 22px;
	margin: 0 auto 30px auto;
}
.rig_alforms #totals span,.rig_alforms #totalsm span{
	float: left;
	margin: 0 5px;
	line-height: 28px;	
}
.rig_alforms #totals .t_num,.rig_alforms #totalsm .t_num {
	float: left;
	line-height: 13px;
	margin: 5px 6px 0 0;	
}
.rig_alforms #totalsm .t_num{
	margin: 2px 6px 0 0;
}
.rig_alforms #totals .t_num i,.rig_alforms #totalsm .t_num i {
	width: 15px;
	height: 23px;
	display: inline-block;
	/*background: url(../images/number.png) no-repeat;*/
	background-position: 0 0;
	text-indent: -999em;
}
.rig_alforms .peice_cite{
	border: 1px solid #d2d2d2;
	height: 262px;
	padding: 30px 0;
}
.rig_alforms .peice_cite .bj{
	text-align: center;
}

.aldesign{
	display: none;
	height: 342px;
}
.aldesign .layui-btn{
	background: #393848;
}
.al_msg_info{
	margin-top: 15px;
	font-size: 14px;
	text-align: center;
	color: #fca324;
}
.rig_algesign{
	/*background: url(../images/alformbg.jpg) no-repeat right top;*/
	height: 342px;
	position: relative;
}
.rig_algesign:before{
	position: absolute;
	content: '';
	display: block;
	/*background: url(../images/al_ljline.png) no-repeat left top;*/
	width: 107px;
	height: 12px;
	left: -56px;
	top: 50%;
}

/*advobj_from style begin*/
.advobj_from{
	width: 100%;
	background: white;
	padding: 72px 0;
	display: table;
}
.advobj_from .title{
	font-size: 28px;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
.advobj_from .form{
	display: table;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}
.advobj_from input{
	width: 240px;
	clear: none;
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
}
.advobj_from .subs{
	background:#393848;
	width: 140px;
	margin-top: -3px;
}
/*advobj_from style end*/

/*silderonline style begin*/
.silderonline{
	width: 68px;
	height: 226px;
	/*background: url(../images/line.png) no-repeat center top;*/
	position: fixed;
	z-index: 999;
	right: 2rem;
	top: 50%;
	margin-top: -150px;
	box-shadow:0 0 12px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 12px rgba(0,0,0,0.15)
}
.silderonline a{
	display: block;
	width: 100%;
	height: 75px;
	position: relative;
}
.silderonline a span{
	position: absolute;
	top: -75px;
	left:-134px;
	display: none;
	width: 130px;
	height: 226px;
	background: white;
}
.silderonline a span b{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.silderonline a span font{
	font-size: 12px;
	color: #666;
	display: block;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	position: relative;
}
.silderonline a span font:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -15px;
	width: 20px;
	height: 1px;
	background: #393848;
}
.silderonline a.wechat:hover span{
	display: block;
}
#backtop,.onlineprice{
	display: block;
	width: 100%;
	height:75px;
	opacity: 0;
	cursor: pointer;
}
/*silderonline style end*/

/*pricealert style begin*/
.pricealert{
	width: 1200px;
	height: 490px;
	background: white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
}
.pricealert .left_clu{
	width: 480px;
	float: left;
	padding:46px 70px ;
}
.pricealert .left_clu .title,.pricealert .rig_clu .title{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.left_clu_bot{
	position: relative;	
}
.left_clu_bot:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #d2d2d2;
	position: absolute;
	right: -60px;
	top: 0;
}
.left_clu_bot .layui-input-block{
	margin-left: 0;
	font-size: 14px;
	position: relative;
}
.left_clu_bot .layui-input-block .layui-form-select dl dd.layui-this{
	background: #D52128;
}
.left_clu_bot .layui-input-block .pos{
	position: absolute;
	right: 15px;
	top: 8px;
}
.price_a .layui-input-block{
	width: 165px;
	margin-right: 10px;
	float: left;
}
.price_b .layui-input-block{
	width: 106px;
	margin-right: 11px;
	float: left;
}
.price_a .layui-input-block:last-child,.price_b .layui-input-block:last-child{
	margin-right: 0;
}
.msg_info{
	font-size: 12px;
	color: #ff711b;
	padding:0 0 20px 0;
}
.left_clu_bot  .subs{
	width: 100%;
	background: #393848;
}
.pricealert .rig_clu{
	float: left;
	width: 720px;
	padding: 46px 70px;
	/*background: url(../images/price_adv.jpg) no-repeat center 82px;*/
	height: 455px;
}
.pricealert .rig_clu .title span{
	color: #393848;
	margin: 0 10px;
}
#total {
	font-size: 20px;
	overflow: hidden;
	width: 262px;
	margin:0 auto;
}
#total span{
	float: left;	
}
#total .t_num {
	float: left;
	line-height: 13px;
	margin: 2px 6px 0 0;	
}

#total .t_num i {
	width: 15px;
	height: 23px;
	display: inline-block;
	/*background: url(../images/number.png) no-repeat;*/
	background-position: 0 0;
	text-indent: -999em;
}
/*pricealert style end*/

/*bottom_offer start*/
.bottom_offer{
	/*background: url("../images/btoffer_bg.jpg") no-repeat center  top;*/
	height: 300px;
	overflow: hidden;
}
.bottom_offer .container{
	width: 1230px;
	margin: 0 auto;
}
.bottom_offer .container h3{
	font-size: 36px;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
	margin-top: 70px;
}
.bottom_offer .container span{
	font-size: 16px;
	font-weight: normal;
	margin-left: 1rem;
}
.bottom_offer .container form{
	margin-top: 48px;
	overflow: hidden;
}
.bottom_offer .container form input{
	height: 64px;
	background: #fff;
	margin-right: 20px;
	padding: 0 2rem;
	float: left;
	box-sizing: border-box;
}
.bottom_offer .container form input.name{
	width: 300px;
}
.bottom_offer .container form input.tel{
	width: 590px;
}
.bottom_offer .container form button{
	width: 300px;
	background: #f6c065;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border:none;
}
/*bottom_offer end*/



/*case-left*/
.case_cont{
	width: 750px;
	margin:0 auto;
}
.case_cont_tit{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display:-webkit-box;
}
.case_cont_tit span{
	display:block;
	width: 16.6%;
	float:left;
	font-size: 14px;
}
.case_cont_tit span:last-child{
	text-align: right;
}
.gallery {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 16px;
	overflow: hidden;
}
.gallery .set_menu{
	width: inherit;
	height: 30px;
	margin: 10px 0;
	font-size: 13px;
	line-height: 30px;
}
.gallery .set_menu .prompt{
	float: left;
}
.gallery .set_menu .menus{
	float: right;
}
.gallery .set_menu .menus a{
	display: inline-block;
	color: #999;
}
.gallery .set_menu .menus i{
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #999;
	margin: 0 20px;
	vertical-align:middle;
}
.gallery .big-pic {
	border: 1px solid #ededed;
	background-color: #fafcfe;
	position: relative
}

.gallery .big-pic #big-pic {
	width: 100%;
	height: 522px;
	overflow: hidden;
}

.gallery .big-pic #big-pic img {
	width: 100%;
	height: auto;
}

.gallery .big-pic .max {
	position: absolute;
	bottom: 0px;
	right: 0px;

	z-index: 101;
	padding: 5px 5px 5px 20px
}

.gallery .photo_prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 0
}

.gallery .photo_next {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 0
}

.gallery .photo_prev a,
.gallery .photo_next a {

	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
.gallery .photo_prev a:hover span{
	display: block;
	position: absolute;
	width: 60px;
	height: 100px;
	left: 0;
	top: 50%;
	margin-top: -50px;
	/*background: rgba(0, 0, 0, 0.5) url(../img/photo_prev.png) center no-repeat;*/
}
.gallery .photo_next a:hover span{
	display: block;
	position: absolute;
	width: 60px;
	height: 100px;
	right: 0;
	top: 50%;
	margin-top: -50px;
	/*background: rgba(0, 0, 0, 0.5) url(../img/photo_next.png) center no-repeat;*/
}
.gallery .design_idea{
	padding: 20px 0;
	font-size: 14px;
	line-height: 24px;
	text-indent: 2em;
	border-bottom: 1px solid #ddd;
}
.gallery .list-pic {
	padding: 10px 0 0;
	width: 513px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.gallery .cont {
	float: left;
	height: 100px;
	margin: 0 5px;
	width: 437px;
	position: relative;
	overflow: hidden;
}

.gallery .cont li {
	display: block;
	float: left;
	width: 109px;
	text-align: center;
	overflow: hidden;
}

.gallery .cont li .img-wrap {
	width: 105px;
	height: 90px;
	border: 2px solid #ddd;
	overflow: hidden;
	margin:0 auto;
}

.gallery .cont li .img-wrap a {
	position: relative;
	display: block;
	width: inherit;
	height: inherit;
}

.gallery .cont li .img-wrap a img {
	width: 100%;
	height: 100%;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
}
.gallery .cont li .img-wrap a i{
	position: absolute;
	display: inline-block;
	bottom: 8px;
	right: 8px;
	font-size: 12px;
	font-style: normal;
	height: 15px;
	line-height: 15px;
	background-color: #000;
	color: #fff;
	padding: 0 5px;
	border-radius: 7.5px;
}
.gallery .cont li.on .img-wrap {
	border: 2px solid #e70012;
}

.gallery .pre,
.gallery .next {
	position: relative;
	float: left;
	display: block;
	width: 116px;
	text-align: center;
	margin-top: -115px;
	padding: 12px 16px 5px;
	border: 1px solid #ddd;
	border-bottom-width: 5px;
}

.gallery .pre .img-wrap,
.gallery .next .img-wrap {
	width: 82px;
	border: none;
	overflow: hidden;
}
.gallery .pre .img-wrap a,
.gallery .next .img-wrap a {
	display: block;
	border: none;
}
.gallery .pre .img-wrap a img,
.gallery .next .img-wrap a img{
	display: block;
	max-width: 100%;
}

.gallery .pre .img-wrap a:hover,
.gallery .next .img-wrap a:hover {
	background: none
}

.gallery .next {
	float: right;
}
.gallery .pre-bnt{
	margin-left: 14px
}
.gallery .pre-bnt,
.gallery .next-bnt {
	float: left;
	display: block;
	width: 20px;
	height: 65px;
	border: 1px solid #ddd;
	margin-top: 20px;
	/*background: url(../img/gallery_icons.png) left center no-repeat;*/
}
.gallery .next-bnt{
	background-position: -20px center;
}
.gallery .picbig {
	padding: 10px 0;
	transition: left .5s;
}
.gallery .imgpn{
	width:750px;
	padding-top: 14px
}
.gallery .imgpn a{
	font-size: 13px;
	color: #333;
}

.gallery .endselect {
	position: absolute;
	top: -315px;
	left: 50%;
	width: 470px;
	height: 315px;
	margin: -175px 0 0 -235px;
	background-color: #fff;
	z-index: 0;
	transition: top .5s;
}
.gallery .show{
	display: block;
	top: 50%;
}
.gallery .endselect #endSelClose{
	position: absolute;
	top: 18px;
	right: 18px;
	width: 19px;
	height: 19px;
	/*background: url(../img/gallery_icons.png) -40px 0 no-repeat;*/
	cursor: pointer;
}
.gallery .endselect .alert{
	padding: 25px 40px;
	background-color: #272936;

}
.gallery .endselect .alert strong{
	display: block;
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 10px;
	color: #fff;
}
.gallery .endselect .alert .tips{
	color: #fff;
}
.gallery .endselect .alert .tips a.replay{
	display: block;
	float: right;
	width: 88px;
	height: 22px;
	font-size: 14px;
	list-style: none;
	border:1px solid #fff;
	text-align: center;
	color: #fff;
}
.gallery .endselect .hot_cases{
	padding: 20px 40px;
}
.gallery .endselect .hot_cases .hc_title{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.gallery .endselect .hot_cases .hc_title a{
	display: block;
	float: right;
	color: #333;
}
.gallery .endselect .hot_cases dl{
	display: block;
	margin-top: 15px;
}
.gallery .endselect .hot_cases dl dd{
	display: block;
	float: left;
	margin-right: 15px;
}
.gallery .endselect .hot_cases dl dd.last{
	margin-right: 0;
}
.gallery .endselect .hot_cases img{
	display: block;
	width: 120px;
	height: 88px;
}
.gallery .endselect .hot_cases span{
	display: block;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #333;
	margin-top: 5px;
}
.case_cont .case_include .pb_title{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.case_cont .case_include dl{
	display: block;
	margin-top: 15px;
	height: 115px;
}
.case_cont .case_include dl dt{
	float: left;
	display: block;
	width: 114px;
	height: 113px;
	background-color: #e60012;
	border:1px solid #ddd;
	overflow: hidden;
}

.case_cont .case_include dl.row-2 dt{
	background-color: #42b391;
}
.case_cont .case_include dl.row-3 dt{
	background-color: #48b342;
}
.case_cont .case_include dl.row-4 dt{
	background-color: #4e4e80;
}
.case_cont .case_include dl.row-5 dt{
	background-color: #734e80;
}
.case_cont .case_include dl.row-6 dt{
	background-color: #272936;
}
.case_cont .case_include dl dt i{
	display: block;
	width: 26px;
	height: 26px;
	margin: 30px auto 10px;
	/*background: url(../img/include_icons.png) left center no-repeat;*/
}
.case_cont .case_include dl.row-2 dt i{
	background-position: -26px center;
}
.case_cont .case_include dl.row-3 dt i{
	background-position: -52px center;
}
.case_cont .case_include dl.row-4 dt i{
	background-position: -78px center;
}
.case_cont .case_include dl.row-5 dt i{
	background-position: -104px center;
}
.case_cont .case_include dl.row-6 dt i{
	background-position: -130px center;
}
.case_cont .case_include dl dt span{
	display: block;
	text-align: center;
	color: #fff;
}
.case_cont .case_include dl dd{
	float: left;
	width: 97px;
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.case_cont .case_include dl dd.bt{
	border-top: 1px solid #ddd;
}
.case_cont .case_include dl dd.sm{
	font-size: 13px;
}
.case_cont .recom_cases .pb_title{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.case_cont .recom_cases{
	margin: 30px 0 50px 0;

}
.case_cont .recom_cases ul{
	display: block;
	overflow: hidden;
	margin-top: 30px;
}
.case_cont .recom_cases ul li{
	float: left;
	width: 280px;
	margin: 0 30px 30px 0;
}
.case_cont .recom_cases ul li:hover a{
	color:#e3161e
}
.case_cont .recom_cases ul li:nth-child(3n){
	margin-right: 0;
}
.case_cont .recom_cases ul li .pic{
	width: inherit;
	height: 230px;
	overflow: hidden;
}
.case_cont .recom_cases ul li .pic img{
	width: 100%;
	transition: all 0.6s;
}
.case_cont .recom_cases ul li .pic a:hover img{
	transform: scale(1.1);
}
.case_cont .recom_cases ul li .tit{
	border:1px solid #ddd;
	border-top:none;
	padding: 10px;
	overflow: hidden;
}
.case_cont .recom_cases ul li .tit a{
	display: block;
	height: 22px;
	overflow: hidden;
}
.case_cont .recom_cases ul li .tit span.tit_text{
	display: block;
	height: 22px;
	overflow: hidden;
}
.case_cont .recom_cases ul li .tit p{
	margin: 10px 0;
	display: block;
	border-top:1px solid #ddd;
}
.case_cont .recom_cases ul li .tit p span{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	display: block;
}
.case_cont .recom_cases ul li .tit p span.left{
	float: left;
}
.case_cont .recom_cases ul li .tit p span.right{
	float: right;
}


/*header search*/
.search_box{
	width: 90px;
	position: absolute !important;
	top: 0;
	height: 100%;
	padding-top: 54px;
	background: #00561f;
	display: inline-block;
}
.search_box span{
	padding-bottom: 10px;
	border-bottom: 1px solid #799c6f;
}
.search_box span img{
	display: inline-block;
}
.nav_sreach{
	position: absolute;
	top: 54px;
	right: 90px;
	opacity: 0;
	width: 1px;
	overflow: hidden;
	z-index: 9;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sreach_vh {
	display: block !important;
}
.sreach_vh img{
	width: 1rem;
}
.sreach_f {
	padding: 0;
	background: #f1f2f2;
	margin: 0;
	height: 38px;
	/*height: calc(1.5em + .75rem + 2px);*/
	width: 100%;
}

.sreach_f {
	margin: 0;
	background: #00561f;
}
.sreach{
	width: 310px;
	opacity: 1;
}
.sreach_f input, .sreach_f button {
	border: none;
	font-size: 0.875rem;
	outline: none;
	background: #00561f;
	color: white;
}
.sreach_f input::-webkit-input-placeholder {
	color: #fff;
}

.sreach_f input::-ms-input-placeholder {
	color: #fff;
}
.sreach_f input:focus {
	background: #00561f;
	outline: none;
	box-shadow: none;
}

.sreach_f input[type="submit"] {
	position: relative;
	border-radius: 0;
	padding: 0;
	color: #fff;
	padding-left: 1rem;
	border-left: 1px solid #ccc;
	height: 24px;
	margin-top: 7px;
}

.article_detail b, .article_detail strong{
	font-weight: bold;
}

.article_detail i, .article_detail em{
	font-style: italic;
}