/*Public css style*/
*{ outline: none;}
.inputClassName{
    appearance:button;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari 和 Chrome */
 }
 
/*banner-css*/
.banner{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden; 
}
.banner ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
.banner ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table; 
}
.banner ul.flicks>li .flick-inner {
	height:100%;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
.banner ul.flicks>li .flick-inner .flick-content {
	max-width:1440px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.banner ul.flicks>li .flick-inner .flick-content h1 {
	color:#fff; line-height:44px; font-size: 46px; font-weight: bold;
}
.banner ul.flicks>li .flick-inner .flick-content p {
	color:#fff; line-height:30px; font-size: 28px; text-align: left
}



.banner-page .btn {
	display: inline-block;
	padding:.8em 1.75em .8em 1.75em;
	clear: both;
	color: #fff;
	text-decoration: none;
	background-color:#ff7a12;
	min-width:30%; text-align: center;
	border-radius: 12px;
	margin-top:20px;

	}
	
.banner-page .btn:hover {
	color:#fff;
	transition: background-color .3s;
	}

.banner .arrow-navigation {
	position:absolute;
	height:80%;
	width:5%;
	top:10%;
	z-index:100;
	overflow:hidden;
}
.banner .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.banner .arrow-navigation:hover, .banner .arrow-navigation .arrow:hover {
	cursor:pointer;
}
.banner .arrow-navigation.left {
	left:0%;
}
.banner .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.banner .arrow-navigation.right {
	right:0%
}
.banner .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.banner .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%;
}
.banner .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%;
}
.banner .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100; 
	display: none;
}
.banner .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
}
.banner .dot-navigation ul li {
	display:inline-block;
	float:none
}
.banner .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:white;
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.banner .dot-navigation .dot:hover {
	cursor:pointer;
	background: #a0b310;
	width:16px;
	height:16px;
}
.banner .dot-navigation .dot.active {
	background: #a0b310;
	width:16px;
	height:16px;
}
.banner.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.banner.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}

/*BeAlert css style*/

.BeAlert_overlay {
    overflow: hidden;
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999;
	background-color:rgba(50, 50, 50, 0.8);
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.BeAlert_box {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 2px;
    padding: 20px;
    z-index: 10000;
    font-size: 12px;
    text-align: center;
}
.BeAlert_box .BeAlert_image {
    background: #fff;
    width: 60px;
    height: 60px;
    margin: 10px auto;
}
.BeAlert_box .BeAlert_image.warning {
    background: url("../images/warning.png");
    background-size: 60px;
}
.BeAlert_box .BeAlert_image.error {
    background: url("../images/error.png");
    background-size: 60px;
}
.BeAlert_box .BeAlert_image.info {
    background: url("../images/info.png");
    background-size: 60px;
}
.BeAlert_box .BeAlert_image.question {
    background: url("../images/question.png");
    background-size: 60px;
}
.BeAlert_box .BeAlert_image.success {
    background: url("../images/success.png");
    background-size: 60px;
}
.BeAlert_box .BeAlert_title {
    font-size: 16px;
	margin: 5px auto;
	font-weight: bold;
}
.BeAlert_box .BeAlert_message {
    font-size: 14px;
	margin: 5px auto;
	
}
.BeAlert_box .BeAlert_button {
    margin-top: 20px;
}
.BeAlert_box .BeAlert_button button {
    display: none;
    background-color: #333;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 2px;
    padding: 10px 30px;
    cursor: pointer;
    margin: 0 10px;
	outline: none;
	width: 90%;
}
.BeAlert_box .BeAlert_button button.BeAlert_cancel {
    background-color: #c1c1c1;
}
.BeAlert_box .BeAlert_button button.BeAlert_cancel:hover {
    background-color: #b9b9b9;
}
.BeAlert_box .BeAlert_button button.BeAlert_confirm:hover {
    background-color: #000;
}

/*Inquiry-css*/
@media (min-width: 768px){	
.Inquiry_form_roll{ width:100%; margin:0 auto;}
.Inquiry_form ul {
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

.Inquiry_form li{
	position:relative;
    width:48%; margin-right:2%;
     float: left;
	display:inline-block; 
} 
.Inquiry_form label {
	width:100%;
	display:inline-block;
	text-align:left;
	padding:15px 0;
}
.Inquiry_form input {
	height:38px; 
	width:100%; 
	border-radius:2px;
	border:1px #c8c8c8 solid;
	background:#ffffff;
	padding-left:10px;
}
	
.Inquiry_form textarea { padding-left:10px; width:100%; border-radius:2px; border:1px #c8c8c8 solid;background:#ffffff;}

.Inquiry_form .submit {
	display: inline-block;
	text-align:center;
	padding:1em 3em ;
	clear: both;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background:#006dda;
	border:0px;
	cursor:pointer;
	border-radius:2px;
	width:100%;
	}
.Inquiry_form .submit:hover {
	background:#0080ff;
	color:#fff;
	transition: background-color .3s;
	}
.Inquiry_form .Code{width:100%;}
.Inquiry_form textarea{ padding-top:10px;resize:none}

/*reveal css*/

.reveal-modal-bg {position:fixed; height:100%; width:100%; background:#000; background: rgba(0,0,0,.8);z-index:99998; display:none; top:0; left:0; }
	
.reveal-modal{
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -350px;
	width: 700px;
	position: absolute;
	z-index: 99999;
	background:#f2f2f2;
	padding: 30px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
.reveal-modal h1{font-size:18px; font-weight:normal; text-align:center;}
.reveal-modal .close-reveal-modal {
		font-size: 30px;
		line-height: .5;
		position: absolute;
		top: 15px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		cursor: pointer;
		} 

}
@media (min-width: 769px) and (max-width: 1279px){
.Inquiry_form{ width:100%; margin:0 auto;}
}

@media (max-width: 768px){
    
.Inquiry_form{ width:90%; margin:0 auto;}

.Inquiry_form ul {
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.Inquiry_form li{
	padding:0 8px 8px 0; 
	position:relative;
	width:100%!important;
	display:inline-block;
} 
.order_inquiry_data { display: none;}
.Inquiry_form label {
	width:100%;
	margin:10px 0;
	display:inline-block;
	text-align:left;
}
.Inquiry_form input {
	height:34px; 
	width:100%; 
	padding:5px 8px;
	border-radius:2px;
	border:1px #c8c8c8 solid;
	background:#ffffff;
}
.banner ul.flicks>li .flick-inner .flick-content h1 { font-size: 30px;}
.Inquiry_form textarea {padding:10px; width:95.8%; border-radius:2px; border:1px #c8c8c8 solid;background:#ffffff;}

.Inquiry_form .submit {
	display: inline-block;
	text-align:center;
	padding:1em 3em ;
	clear: both;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background:#006dda;
	border:0px;
	cursor:pointer;
	border-radius:2px;
	width:100%;
	}
.Inquiry_form .submit:hover {
	background:#0080ff;
	color:#fff;
	transition: background-color .3s;
	}
.Inquiry_form textarea{font-family:'Arial'; padding-top:10px;}

/*reveal css*/

.reveal-modal-bg {position:fixed; height:100%; width:100%; background:#000; background: rgba(0,0,0,.8);z-index:99998; display:none; top:0; left:0; }
	
.reveal-modal{
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -45%;
	width: 90%;
	position: absolute;
	z-index: 99999;
	background:#f2f2f2;
	padding:20px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
.reveal-modal h1{font-size:18px; font-weight:normal; text-align:center;}
.reveal-modal .close-reveal-modal {
		font-size: 30px;
		line-height: .5;
		position: absolute;
		top: 15px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		cursor: pointer;
		}
}

.Inquiry_form input,.Inquiry_form textarea {outline-color: #006dda}

#AspNetPager1 { margin-top:20px;}

#UpdatePanel1  .TableList { text-align: center !important; line-height: 28px; }
#UpdatePanel1  .TableHeader { color: #ffffff; background-color: #007bff; text-align: center; height: 30px; }
#UpdatePanel1  .TableHeader th { color:#fff;padding: 15px 0;}
#UpdatePanel1  .TableList td { padding:5px 0}

.TableHeader span{ padding:0; margin:0}
#UpdatePanel1 { margin-top:20px;}
#UpdatePanel1 .TableList { border:#007bff }

.orderform td{ padding:5px 0}
.orderFormtit { border-top:#eee solid 2px; padding-top:15pxx; display: block; font-weight: bold}

.orderTitlink a{color:#fff!important; background: #f44336; color: #fff;text-align: center;height: 36px;line-height: 36px;padding: 12px 50px; border-radius: 2px;cursor: pointer;}
.xunjia { color:#0046ce!important}