﻿/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */
body{background: #F5F5F5;}
#bodycon{background: #F5F5F5;}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .5; 
	z-index:300;
	display: none;
	top: 0;
	left: 0; 
}
.w420{width:400px; margin:10px auto;}
.reveal-modal {
	visibility: hidden;
	top:28.5%; 
	left: 50%;
	margin-left: -250px;
	width:420px;
	background: #fff;
	position: absolute;
	z-index:401;
	padding:55px 40px 30px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-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.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {background:#e8e8e8; line-height:40px; padding-right: 11px; border-radius: 5px; top:0; width:489px; text-align:right;
	font-size: 22px; right:0px;
	position: absolute;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 


/*资料下载*/
.service-list {width:100%;float: right;}
.service-item {margin-bottom: 3%;overflow: hidden;}
.service-item h6{margin: 0;font-size: 14px;color:#e60611;font-weight: normal;padding-bottom:8px; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.service-item a {display: block;position: relative;background: #fff;padding:2.6% 3%;overflow: hidden; font-size:18px;}
.service-item .title-1 {color: #4c4c4c;font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}


.service-item .icon-1{position: absolute;right:2%;top:50%;margin-top: -20px;padding: 10px 20px; font-size: 0;border: 1px solid #e5e5e5;text-align: center;}
.service-item .icon-1 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/d2.png");width: 14px;height: 16px;opacity: .5;}
.service-item .icon-1 span{color: #666666;display: inline-block;vertical-align: middle;font-size: 14px; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}

.download-list {overflow: hidden;padding:0 0 40px 0;}
.download-list a{display: block;position: relative;overflow: hidden;float: left;width:32.6%;margin-right: 1%;}
.download-list a .text{position: absolute;z-index: 63;padding:5% 0 0% 7%;height:100%; width: 100%;}
.download-list a .text h6{margin: 0;font-size: 14px;color: #e60611;font-weight: normal;padding-bottom:5px; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.download-list a .text h3{margin: 0;font-size: 18px;line-height: 24px;color: #fff;}
.download-list a .text h5{position: absolute;left:7%;bottom: 15%; font-size: 0;padding-bottom: 10px;display: inline-block;}
.download-list a .text h5 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/d.png");width: 14px;height: 16px;}
.download-list a .text h5 span{color: #fff;display: inline-block;vertical-align: middle;font-size: 14px; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.download-list a .text h5::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;}
.download-list a .img {position: relative;overflow: hidden;}
.download-list a .img img{display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.download-list a .img img.img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.download-list a:hover .text h3{color: #e60611;}
.download-list a:hover .text h5 span {color: #e60611;}
.download-list a:hover .text h5 i {background: url("../images/d2h.png");}
.download-list a:hover .text h5::after {background: #e60611;}
.img-center{max-width: 100%; max-height: 100%;}


.service-item a:hover {background: url('../images/pdfbg.png') center no-repeat;background-size: cover;}
.service-item a:hover h6{color: #fff;transform: translateX(2%);}
.service-item a:hover .title-1 {color: #fff;transform: translateX(2%);}
.service-item a:hover .icon-1 {background: #fff;}
.service-item a:hover .icon-1 i {background: url('../images/d2h.png'); opacity:1;}

a{font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.login-container{width:480px;background-color:#fff;padding:30px;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.1);position:relative; top: 50%; margin: 0 auto;
    transform: translateY(-50%);}
.close-btn{position:absolute;top:10px;right:15px;text-decoration:none;color:#999;font-size:18px}
.login-header{margin-bottom:18px; text-align:left;}
.login-header h2{display:inline-block;font-size:20px;color:#333;margin-right:10px}
.login-header a{color:#ff6700;text-decoration:none;font-size:14px}
.form-group{margin-bottom:0px; display:block; overflow:hidden;}
.form-group label{margin-bottom:6px;color:#333;font-size:14px; line-height:42px; float:left; width:60px; text-align:left;}
.form-group input{width:345px;height:40px;padding:0 10px;border:1px solid #ddd;border-radius:2px;font-size:14px; float:right; margin-bottom:10px;}
.form-group input:focus{outline:none;border-color:#ff6700}
.options{margin:15px 0 25px;font-size:12px;color:#666}
.options label{margin-right:20px;cursor:pointer}
.options a{float:right;color:#666;text-decoration:none}
.options a:hover{color:#ff6700}
.login-btn{height:35px;background-color:#ee3240;color:#fff;border:none;border-radius:2px;font-size:14px; width:100px; cursor:pointer; margin: auto;}
.login-btn input:hover{background-color:#638eae; width:100px;}
.login-btn input[type="submit"], button[type="submit"]{ line-height:30px !important; height:35px !important; font-size:14px;}
.tc_930{width: 100%; height:100%; position: fixed;top: 0; z-index:99999999999; display: none;}
.tc_930 *{box-sizing: border-box;}

.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}
.btn9{background: #ee3240; position:absolute; right:22px; border-radius: 50%; font-size:34px !important; margin:10% 48% 0 0;  line-height:31px; cursor:pointer; z-index:9999; font-size:34px; color:#fff !important; text-align:center; width:46px; height:46px; line-height:44px;}
.psl{ overflow:hidden;}
.psl .fl{ width:50%; float: left;}
.psl .fr{ width:50%; float:right;}
.content-area img { padding:30px 0 40px 0;}
.inner-banner{padding-top:140px !important;}
@media (max-width: 991px){
.inner-banner{padding-top:90px !important;}	
.row>*{padding-right:0px; padding-right:0px;}
.container{ width:100%;}
}


.footer{ margin-top:50px;}

input[type="submit"], button[type="submit"] {
    background:#ee3240;
    color: #fff;
    height: 55px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: "Noto Sans", sans-serif;
}

input[type="submit"]:hover {
    background:#ee3240;
    color: #fff;
}