@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:16px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #F7FAFA;}
.main_container{ max-width:1190px;min-width: 320px; margin: auto;}
.title_level1{ margin-top: 5%;text-align: center}
.title_level1 span{ display: inline-block;font-size:36px; font-weight: bold; color:#ff7200;padding:5px 10px; border:1px solid #ff7200;border-radius: 5px; }
.title_level2{padding-top: 5%;text-align: center}
.title_level2 span{ font-size:36px;font-weight: bold; color:#ff7200; border-bottom:1px solid #ff7200;}


/*banner*/
.banner_container{background:url(../../images/zt_vip_tender/banner_bg.jpg) no-repeat center;  width: 100%; max-height: 430px;height:430px; }
.banner_main{width:1190px; margin: auto;}
.banner_main .logo{ padding-top:12px; display: inline-block;}
.banner_content{ width:100%; margin-top: 2%;}
.banner_main .banner_content_lf{float:left;width:60%;}
.banner_main .banner_content_lf .ban_mainlf{ width:97.5%;  animation:move 3s ease 0s infinite;}
.banner_main .banner_content_rg{float:right; width: 40%; text-align: center}
.banner_main .banner_content_rg .ban_qrcode{ width: 89.8%; margin: auto;}
.banner_main .banner_content_rg .ban_btn{width:46%; margin: auto; margin-top: 4%; transition: all 0.5s;}
.banner_main .banner_content_rg .ban_btn:hover{ transform:scale(1.1,1.1)}

/*四大特权*/
.privilege_container{padding:3% 0;}
.privilege_container .privilege_lf{ float:left; width: 50%;}
.privilege_container .privilege_rg{float:right;width: 46%; }
.privilege_container img{display:inline-block;}
.privilege_container .pri_img{ width:90.8%;}
.privilege_container .pri_img2{ width:98.4%;}
.privilege_container .pri_img3{ width:90.8%;}
.privilege_container .pri_img4{ width:98.8%;}
.pritxt_box .pritxt_top{ margin-top: 15%;}
.pritxt_box .pritxt_top span{float:left;font-size:95px; height: 96px; line-height: 96px; display: inline-block; color:#ccc; overflow: hidden}
.pritxt_box .pritxt_top p{float:left; font-size:24px;height: 96px; line-height: 130px; display: inline-block; font-weight: bold; color: #333333; margin-left:2%;}
.pritxt_box .pritxt_top p b{font-weight: bold; color: #ff7200;}
.pritxt_box .txtspan{ display: block;font-size:16px; color:#666; margin-top: 10px; line-height: 25px;}

/*如何成为标书会员*/
.step_container { padding: 5% 0;}
.step_container li{ float:left; width: 24%; margin-right: 1%; text-align: center; background: url(../../images/zt_vip_tender/right.png) no-repeat; background-position: right center;}
.step_container li img{display:inline-block;}
.step_container li .step_txt{width:80%; margin: auto;}
.step_container li .step_txt b{float:left; font-size:40px; color:#999999; width: 10%;}
.step_container li .step_txt>div{float:left; text-align: left;  width: 86%; margin-left: 4%}
.step_container li .step_txt>div p{ font-size:20px; color:#333;}
.step_container li .step_txt>div span{ font-size:12px; color:#666; line-height: 24px; margin-top: 6px;}

/*标书会员是怎么收费的*/
.charge_container{ text-align: center; padding:5%;}
.chargebox{display:inline-block; margin-right: 5%; padding:2%; border:2px solid #ff7200; width: 25%;}
.chargebox span{ color:#ff7200; font-size:24px; display: block; line-height: 60px;}
.chargebox span b{font-size:36px; font-weight: bold; display: inline-block; margin-right: 3%;}
.chargebox .chargespan{border-bottom:1px dashed #ff7200;}


/*底部*/
.bottom_contact{ border-bottom: 1px solid #454545; padding-bottom: 3%;}
.bottom_contact .btm_conqrcode{ float:left; width: 18.823%;}
.bottom_contact .btm_middle_txt{float:left; margin-left:7%; margin-top: 2%; width:43%}
.bottom_contact .btm_middle_txt span{ color:#c7c7c7; font-size:14px;line-height: 24px;}
.bottom_contact .btm_middle_txt p{ font-size:44px; font-weight: bold; color:white; padding-bottom: 20px;}
.bottom_contact .btm_middle_txt p i{display:inline-block; background: url(../../images/zt_vip_tender/icons.png) -6px -140px;vertical-align: middle;  margin-right: 6px;width: 42px; height: 42px;}
.bottom_contact .btm_middle_txt b{ font-size:12px; color: #c7c7c7; background-color: #2a2a2a; padding:8px 25px;}
.bottom_contact .btm_upgrade{float:right; text-align: center;width: 28.571%;}
.bottom_contact .btm_upgrade img{  margin: auto;}
.bottom_contact .btm_upgrade span{ display: block; font-size:30px; width: 100%;  line-height: 60px;  text-align: center; box-shadow: 10px 10px 4px #2f2f2f; background-color: #ff7720; border-radius: 30px; color:white; margin-top: 5%; cursor: pointer;}

.bottom_container{ background:#3b3b3b; width: 100%; padding-top: 2%; padding-bottom: 4%;}
.bottom_container .bottom_nav{  display: table; margin: auto; padding-top: 2%;}
.bottom_container .bottom_nav li{ float:left; display: inline-block;color:#999;}
.bottom_container .bottom_nav li a{float:left; color:#999; font-size:14px; margin:0 16px;}
.bottom_container .main_container>p{ text-align:center; color:#999; font-size:14px; padding-top: 16px;}
.bottom_container .main_container>p a{ color:#999;}
.bottom_container a{color:#999;}
.bottom_container .main_container>p i{ display:inline-block; background: url(../../images/zt_vip_tender/icons.png) -9px -59px; width: 18px; height: 20px; vertical-align: middle;}

/*弹窗*/
.tandialog_container{ position:fixed; z-index: 9999;top: 0; left: 0;right: 0;bottom: 0; display: none;}
.tandialog_container .tandialog_mask{ background: rgba(0,0,0,.5); width: 100%; height: 100%; }
.tandialog_container .tandialog_content{ position: absolute; top: 200px; left: 50%; transform: translateX(-50%);width:300px; height: 290px; background-color: white; border-radius: 10px; text-align: center;}
.tandialog_container .tandialog_content img{ margin: auto;margin-top: 30px; }
.tandialog_container .tandialog_content .closetan_btn{ color:#ccc; background-color:black; width:30px; height: 30px; border:3px solid white; border-radius: 50px; position: absolute; top: -12px; right:-12px; line-height: 30px; font-size:20px; cursor: pointer; transition: 0.3s all;}
.tandialog_container .tandialog_content .closetan_btn:hover{ transform:rotate(180deg); background-color: #ff7200; color:white;font-size:22px; width: 32px; height: 32px; line-height: 32px;}


@keyframes move{
	0%{ transform: translateX(0)}
	30%{ transform: translateX(20px)}
	60%{ transform:translateX(0)}
	100%{ transform:translateX(0)}
}

@media screen and (max-width:1190px){
	.banner_main{width: 96%; margin: auto;}
	.banner_container{height:460px;}
	
}

@media screen and (max-width:1000px){

}

@media screen and (max-width:950px){

}

@media screen and (min-width:700px) and (max-width:799px){
	.banner_container{height:340px;}
   
}
@media screen and (max-width:700px){
	.banner_container{ background-size:218% 100%;}
	
	.title_level1 span{font-size:24px; width: 90%; margin: auto; }
	.title_level2 span{font-size:24px; }
	.privilege_container .privilege_lf{ float:none; width:90%; margin:auto;}
	.privilege_container .privilege_rg{float:none; width:90%; margin:auto;}
	.pritxt_box .pritxt_top{margin-top:0;}
	.pritxt_box .pritxt_top p{font-size:22px; line-height: 110px;}
	.pritxt_box .pritxt_top span{ font-size:60px;}
	
	.step_container li{float:none; width: 90%; margin: auto; margin-top: 5%; background: none;}
	.chargebox{display:block; width: 90%; margin: auto; margin-top: 3%; }
	.chargebox span{font-size:16px;}
	.chargebox span b{font-size:28px;}
	
	.bottom_contact .btm_conqrcode{ float:none; width: 40%; margin: auto; padding-top: 6%;}
	.bottom_contact .btm_middle_txt{ float:none; width:100%; margin-left:0; margin-top: 4%;text-align: center;}
	.bottom_contact .btm_middle_txt p{ font-size:26px;}
	.bottom_contact .btm_upgrade{ float:none;width:100%; margin:20px auto;}
	.bottom_contact .btm_upgrade img{width:25%;}
	.bottom_contact .btm_upgrade span{width:300px; height: 40px; line-height:40px; font-size:20px;display: inline-block}
	
	.submit_btn{ display:block;}

}
@media screen and (min-width:600px) and (max-width:699px){
	.banner_container{height:290px;}

	
}
@media screen and (min-width:500px) and (max-width:599px){
	.banner_container{height:260px;}

	
}
@media screen and (min-width:400px) and (max-width:499px){
	.banner_container{height:230px;}
	.banner_main .banner_content_rg .ban_qrcode{ width:97%;}
	.banner_main .banner_content_rg .ban_btn{width:50%;}
	
	.title_level1 span{font-size:18px;}

	
}
@media screen and (min-width:320px) and (max-width:399px){
	.banner_container{height:200px;}
	.banner_main .logo{ width:90%;}
	.banner_container{ background-size:240% 100%;}
	.banner_main .banner_content_rg .ban_qrcode{ width:100%;}
	.banner_main .banner_content_rg .ban_btn{width:50%;}
	
	.title_level1 span{font-size:16px;}

}

@media screen and (max-width:320px){
	.banner_container{height:200px;}


}





.footerline-box {
	background: #3b3b3b;
	padding-bottom: 10px
}

.footerline-box .content {
	padding: 60px 0 35px 0;
	border-bottom: 1px solid #454545
}

.footerline-box .lf-box {
	width: 320px;
	text-align: center
}

.footerline-box .lf-box img {
	display: inline-block
}

.footerline-box .mid-box {
	width: 460px
}

.footerline-box .mid-box p {
	color: #c7c7c7;
	font-size: 16px;
	margin-top: 20px;
	line-height: 25px
}

.footerline-box .mid-box span {
	font-size: 12px;
	color: #c7c7c7;
	display: inline-block;
	padding: 8px 25px;
	border-radius: 3px;
	background: #2a2a2a
}

.footerline-box .mid-box b {
	font-size: 44px;
	color: #fff;
	margin: 20px 0;
	display: inline-block
}

.footerline-box .mid-box b i {
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(../../images/vip/tender-sj-icon01.png) no-repeat -343px -109px;
	margin-right: 10px
}

.footerline-box .rt-box {
	width: 410px;
	text-align: center
}

.footerline-box .rt-box a {
	display: inline-block;
	width: 340px;
	height: 60px;
	font-size: 30px;
	color: #fff;
	line-height: 60px;
	background: #ff7720;
	border-radius: 29px;
	text-align: center;
	box-shadow: 10px 10px 4px #2f2f2f;
	transition: all .2s ease-in-out
}

.footerline-box .rt-box a:hover {
	background: #f4964a
}

.footerline-box .rt-box img {
	display: inline-block;
	margin-left: -10px;
	margin-bottom: 20px
}

.footer {
	padding: 20px 0;
	font-size: 14px;
	background: #3b3b3b
}

.footer ul {
	overflow: hidden;
	width: 679px;
	margin: 0 auto
}

.footer ul li {
	float: left;
	border-right: 1px solid #999;
	padding: 0 20px;
	line-height: 15px
}

.footer ul li a {
	color: #c7c7c7
}

.footer ul li:hover a {
	color: #ff7720
}

.footer ul li.no_border {
	border: 0
}

.footer p {
	color: #c7c7c7;
	text-align: center;
	line-height: 30px;
	margin-top: 20px
}

.footer .p_icon a {
	display: inline-block;
	background: url(../../images/consult_footer02.png) no-repeat;
	height: 30px;
	margin-right: 2px
}

.footer .p_icon a.a1 {
	width: 73px
}

.footer .p_icon a.a2 {
	width: 90px;
	background-position: 0 -35px
}

.footer .p_icon a.a3 {
	width: 73px;
	background-position: 0 -70px
}

.footer .p_icon a.a4 {
	width: 65px;
	background-position: 0 -105px
}

.footer .p_icon a.a5 {
	width: 64px;
	background-position: 0 -140px
}

.footer .p_icon a.a6 {
	width: 171px;
	background-position: 0 -175px
}

.footer p a {
	color: #c7c7c7;
}