html { font-size: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { font: 14px/1.5 "Impact","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 1000px; }
body { margin: 0px; }
a:active, a:hover { outline: 0px none; }
h2 { font-size: 1.5em; margin: 0.83em 0px; }
h3 { font-size: 1.17em; margin: 1em 0px; }
p, pre { margin: 1em 0px; }
dl, menu, ol, ul { margin: 1em 0px; }
dd { margin: 0px 0px 0px 40px; }
menu, ol, ul { padding: 0px 0px 0px 40px; }
img { border: 0px none; }
form { margin: 0px; }
.btn {
	display: inline-block;
	width: 158px;
	height: 38px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #00CC99;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color:#ffffff;
	cursor: pointer;
	transition: all 0.4s ease 0s;
	background: #00CC99;
	border-radius: 4px;
	font-family: "Microsoft Yahei";
}
.btn:hover { text-decoration: none; color: #ffffff; border: 1px solid #04BB8D;background: #04BB8D;}
.btn:focus { outline: 0px none; }
.btn:active { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18) inset; }
.btn-small { width: 118px; height: 28px; font-size: 12px; line-height: 28px; }
input.btn, button.btn { width: 160px; height: 40px; }
a { color: rgb(117, 117, 117); text-decoration: none; }
a:hover { color: rgb(255, 103, 0); text-decoration: none; }
.clearfix{clear: both;}
.page-container {
	width:1000px;
	margin:0 auto;
	background-image:url(../images/cx.png);
	-webkit-background-size: 100% 100%;
-moz--background-size: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
min-height:1000px;
}

.header{
	height: 160px;
	width: 100%;

}
.main{
	max-width: 1000px;
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.top {
	width:100%;
	max-width:800px; 
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.top .t_l{
	float: left;
	margin-top: 40px;
	text-align: right;
}
.top .t_r{	float: right;
	width: 580px;
	text-align: right;
}
.top h1{
	font-size: 75px;
	line-height: 1.5;
	font-weight: bold;
	color: #000;
	margin: 0px;
	-webkit-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;  
	-moz-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;  
	text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;   
	*filter: Glow(Color=#fff, Strength=10); 
	font-family: Impact;
	
}
.top h4{
	font-size: 30px;
	line-height: 2;
	font-weight: normal;
	color: #000;
	margin: 0px;
	font-family: Impact;
}
#tgs_result_str{ 	width:100%;max-width:800px; margin:0 auto; }
.welcome{
	width: 1000px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	display: block;
	height: 50px;
	margin-top: 50px;
	margin-left: 20px;
}
.welcome h3{
	font-size: 18px;
	line-height: 1.5;
	font-weight: normal;
	color: #999999;
}
.sbox{
	width: 1000px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	margin-top: 50px;
	margin-left: 20px;
	clear: both;
}

.sbox .s_l{
	float: left;
	width: 550px;
}
.tu{
	margin-bottom: 20px;
}
.tu .demo{
	height: 82px;
	width: 359px;
	margin: 0px;	
}
.connect{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	line-height: 2;
}
.sbox .s_r{
	float: right;
	width: 360px;
}
.sbox img{
	margin: 10px;
}
.input-text {
	width: 390px;
	height: 45px;
	border: 1px solid #D1D1D1;
	font-size: 14px;
	line-height: 18px;
	transition: border-color 0.2s linear 0s;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	background-color: rgb(255, 255, 255);
	border-radius: 4px;

}
.input-text:hover {
	border-top-color: #74B9EF;
	border-right-color: #74B9EF;
	border-bottom-color: #74B9EF;
	border-left-color: #74B9EF;
}

.input-text:focus {
	outline: 0px none;
	border-top-color: #57A957;
	border-right-color: #57A957;
	border-bottom-color: #57A957;
	border-left-color: #57A957;
}
.input-yzm {
	width: 120px;
	height: 45px;
	border: 1px solid #D1D1D1;
	font-size: 14px;
	line-height: 18px;
	transition: border-color 0.2s linear 0s;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	background-color: rgb(255, 255, 255);
	border-radius: 4px;
}
.input-yzm:hover { 	border-top-color: #74B9EF;
	border-right-color: #74B9EF;
	border-bottom-color: #74B9EF;
	border-left-color: #74B9EF;
}
.input-yzm:focus {
	outline: 0px none;
	border-top-color: #57A957;
	border-right-color: #57A957;
	border-bottom-color: #57A957;
	border-left-color: #57A957;
}
.form-section {
	position: relative;
	padding: 0px;
	border: 0px none;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.form-section .input-text::-moz-placeholder { color: rgb(255, 255, 255); }

.foot{
	max-width: 1000px;
	width:100%;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #999999;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.foot a{
	font-size: 12px;
	line-height: 1.5;
	font-weight: lighter;
	color: #999999;
}


/*以下为查询结果显示时的相关CSS样式 */

.fw_ts{
	font-size: 25px;
	font-weight: bold;
	color: #666666;
	line-height: 2;
}
.fw_ts2{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 1.5;
}

.fw_btn {
	display: inline-block;
	width: 158px;
	height: 38px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #EB7077;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color:#ffffff;
	cursor: pointer;
	transition: all 0.4s ease 0s;
	background: #EB7077;
	border-radius: 4px;
	font-family: "Microsoft Yahei";
}
.red{
	
	line-height: 1.5;
	font-weight: bold;
	color: #FF3300;
}
.fw_h1{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	font-weight: bold;
}
.fw_h2{	font-size: 14px;
	color: #999999;
	line-height: 2;
	font-weight: bold;
}
.fw_text{
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	line-height: 1.5;
}
.sbox .tupian{
	height: 288px;
	width: 600px;
}
.line{
	height: 10px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-top: 30px;
	margin-bottom: 30px;
}
.fw_btn:hover { text-decoration: none; color: #ffffff; border: 1px solid #E24153 ;background: #E24153 ;}
.fw_btn:focus { outline: 0px none; }
.fw_btn:active { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18) inset; }
.fw_btn-small { width: 118px; height: 28px; font-size: 12px; line-height: 28px; }



/*====*/
.gradient{
	height:100%;
    background: #61605e;
    background: -moz-linear-gradient(top,  #61605e 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61605e), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #61605e 0%,#fafafa 100%);
    background: -o-linear-gradient(top,  #61605e 0%,#fafafa 100%);
    background: -ms-linear-gradient(top,  #61605e 0%,#fafafa 100%);
    background: linear-gradient(to bottom,  #61605e 0%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61605e', endColorstr='#fafafa',GradientType=0 );
}
:root .gradient{filter:none;}
.f_l{float:left;}
.f_r{float:right;}
.t_f{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.h2_2{color:#fff;font-size:45px;}
.h2_3{color:#000;font-size:45px;}
.h2_4{color:#747574;font-size:45px;vertical-align:middle}
.h2_4 input,.h2_4 button{vertical-align:middle}
.s_1,.s_2,.s_3,.s_4{width:33.3%; float:left;}
.clear{clear:both;}
.b3t .s_2 img{max-width:100px;margin-top:-10px;}
.b3t .s_1 img,.b3t .s_3 img{max-width:100%}

.b2t{font-size:18px;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;margin-top:20px;color:#000;font-weight:bold;}
.b2t .box_01{width:50%;}
.b2t .box_02{width:30%;}
.kongge{ width:100%;height:155px;clear:both;}
.h2_3 img{width:200px;}


 @media(max-width:1000px) {
	 .page-container{width:100%;max-width: 1000px;} 
 }
 
  @media(max-width:768px) {
	 .page-container{ padding:0 2%;width: 96%;}
	 .top h1{font-size:40px;}
	 .top h4{font-size:20px;}
	 .kongge{height:20px;clear:both;}

	  
 }
   @media(max-width:359px) {
	   .h2_2{font-size:20px;}
	   .h2_3 img{width:100px;}
	   .h2_3{font-size:20px;}
	   .h2_4{font-size:20px;}
	   .input-text{width:96%;}
	   .s_1, .s_2, .s_3, .s_4 {width: 96%;float: left;}
	   .b3t .s_2 img {max-width: 100px; margin:5px 0;}
	   
	   .b2t{font-size:12px;}
	     .b2t .box_01 {width: 96%;}
	   .b2t .box_02 {width: 96%;}
	   .b2t .t_r{text-align:left;}
	   .b2t .f_r{float:left;}
   }