﻿@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;padding: 0;}

html {overflow-y: scroll;overflow-x: hidden;}
html, body {height: 100%;font-size: 14px;color: #333333;font-family: "Arial","微软雅黑"; }
a {color: #333333;text-decoration: none;}
a:hover {color: #163e82;text-decoration: none;}
img {border: 0 none;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
.box{width: 1400px;	margin: 0 auto;}
h1,h2,h3,h4,b{font-weight: normal;}
em,i{font-style: normal;}
@font-face {
    font-family: 'ctbiaosongsj';
    src: url('../fonts/ctbiaosongsj.eot');
    src: url('../fonts/ctbiaosongsj.eot') format('embedded-opentype'),
    url('../fonts/ctbiaosongsj.woff2') format('woff'),
    url('../fonts/ctbiaosongsj.ttf') format('truetype'),
    url('../fonts/ctbiaosongsj.svg#chinese') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media (min-width: 1400px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1400px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
input:-webkit-autofill{

-webkit-box-shadow: 0 0 0 1000px white inset!important;

}
input, select {
    outline: none;
}
input{ background-color:#fff;}
.f1f1f1{background: #f1f1f1;}
.ffffff{background: #ffffff;}
input,select{outline: none;}
/*头部*/
.ind_header{background: url(../images/index_01.jpg) center center no-repeat; height: 448px;}
.ind_menu{padding-top: 25px;}
.ind_menu .ind_nav{float: right; font-size: 16px; line-height: 48px;}
.ind_menu .ind_nav a{padding: 0px 18px;  color: #323232;}
.ind_menu .ind_nav span{padding: 0px 18px; color: #323232; cursor: pointer;}

.ind_biao{color: #163e82; text-align:center; margin-top: 120px; line-height: 2;}
.ind_biao h2{font-size: 60px; font-weight: bold;}
.ind_biao p{font-size: 24px; font-weight: lighter;}


.ind_search{ width:900px; margin:10px  auto 80px auto;}
.ind_search .tab{line-height: 28px;}
.ind_search .tab a{display: inline-table; padding: 0px 8px; border-radius: 4px; color: #fff;}
.ind_search .tab a.on,.ind_search .tab a:hover{background: #fff; color: #163e82;position: relative;}
.ind_search .tab a.on::after,.ind_search .tab a:hover::after{background: url(../images/index_07.png) center bottom no-repeat; display: inline-table; width: 10px ;height: 6px; content: " "; position: absolute; bottom: -6px; left: 50%; margin-left: -5px;}
.ind_search .remen{ }
.ind_form{padding: 18px 0px;}
.ind_form li{display: none; border-radius: 6px; overflow: hidden; height: 46px; line-height: 46px; background: #fff;}
.ind_form li .txt{line-height: 46px; border:0px #fff solid; text-indent: 12px; width: 80%; background-color:#fff;}
.ind_form li .sub{float: right; width: 150px; background: #163e82; color: #fff;height: 46px; border:1px #163e82 solid;}


.header{background: #085aae; border-bottom: 1px rgba(255,255,255,0.8) solid; padding:14px 0px; position: fixed; top:0px; left: 0px; width: 100%; z-index: 9999;}

.header .ind_nav{float: right; font-size: 16px; line-height: 58px;}
.header .ind_nav a{padding: 0px 18px; background: url(../images/ind_line.jpg) center right no-repeat; color: #fff;}
.header .ind_nav span{padding: 0px 18px; color: #fff; cursor: pointer;}
.mainbox{ margin-bottom:0px; }
.tubiaolist{ padding:30px; width:900px; margin:0 auto; display:table; }
.tubiaolist li{ margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:20px; display:table-cell; vertical-align: middle;  text-align:center;}
.tubiaolist li img{ }
.tubiaolist li p{ line-height:45px; text-align:center; }

.login_bg{background: rgba(0,0,0,0.45); position: fixed; left: 0px; top:0px; width: 100%; height: 100%; display: none;}
.login_reg{width: 535px; padding: 60px 100px 50px; background: #fff; left: 50%; top:50%; margin-top: -210px; margin-left: -267.5px; position: relative;}
.login_reg .close{position: absolute; left: 38px; top:30px; opacity:1.0;}
.login_reg .tab{font-size: 18px; line-height: 50px; text-align-last: justify;}
.login_reg .tab a{text-align:center; text-align-last: center; display: inline-table;}
.login_reg .tab a:hover,.login_reg .tab a.on{border-bottom:2px #163e82 solid; color: #163e82;}

.login_form{padding-top: 5px;}
.login_form li{display: none;}
.login_form li span.code,.login_form li span.txt{border:1px #e3e3e3 solid; border-radius: 5px; overflow: hidden; display: block; line-height: 36px; height: 36px; margin-top: 18px;}
.login_form li input{border-width: 0px; line-height: 36px; height: 36px;font-size: 16px;}
.login_form li .code input{text-indent: 15px; width: 220px;}
.login_form li .code #btn{width: 110px; border-left: 1px #e3e3e3 solid; background: #f5f7fa; float: right;text-indent: 0px; text-align:center; color: #163e82;}
.login_form li .txt input{text-indent: 15px; width: 100%;}
.login_form li .sub{display: block; margin: 30px 0px 20px;}
.login_form li .sub input{width: 100%; background: #163e82; color: #fff; border-radius: 5px;}
.login_form li .desc{color: #8b8b8b; text-align:center; line-height: 2;}

.login_form li .code input#btn[type="button" i]:disabled{color: #999;} 








.footer{background: #262c38; color: #7e7c7c; font-size:14px;}
.footer a{color: #7e7c7c;}
.footbot{border-top: 1px #3a4254 solid; line-height: 78px; text-align: center; }
.footop{padding: 45px 0px;}
.footop li{float: left;}
.footop h3{color: #fff; font-size: 16px; margin-bottom: 10px;}
.footop li.footli1{width: 24%;}
.footop li.footli2{width: 40%; margin-left: 20px;}
.footop li.footli3{width: 16%; margin-left: 20px;}
.footop li.footli4{width: 12%; text-align: center;  line-height: 2;}


.foota{line-height: 36px;}
.foota a{padding-right: 15px;}
.footcontact{line-height: 36px;}

@media (min-width: 1200px) and (max-width: 1500px){

	.tubiaolist{ padding:30px; width:85%; margin:0 auto; }
	.tubiaolist li{ margin-left:40px; margin-right:40px; margin-top:40px; float:left;}

}
@media (min-width: 768px) and (max-width: 991px){
	.ind_search{ width:600px; margin:40px auto;}
	.ind_form li .txt{ width:70%;}
	.tubiaolist{  width:100%; margin:0 auto; }
	.tubiaolist li{ margin-left:13px; margin-right:13px; margin-top:40px; float:left;}
}


@media (max-width: 768px){
	.ind_search{ width:90%; margin:40px auto;}
	.ind_form li .txt{ width:75%;}
	.ind_form li .sub{float: right; width: 25%; background: #163e82; color: #fff; height: 46px; border:1px #163e82 solid;}
	.tubiaolist{  width:100%; margin:0 auto; }
	.tubiaolist li{ margin-left:18px; margin-right:18px; margin-top:40px; float:left;}
	.footop li.footli1{width: 100%;}
.footop li.footli2{width: 100%; margin-left:0px;}
.footop li.footli3{width: 50%;margin-left:0px; }
.footop li.footli4{width: 50%; text-align: center;  line-height: 2;}
.footbot{ line-height:30px;}
}