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

body {line-height: 180%; color: #555; font-size: 16px;}
ul, li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none; color: #666;}
img {max-width: 100%;}

.navbar-brand {display: none;}
.tophone {margin-top: 30px; font-size: 24px;}
.about {margin-bottom: 60px; margin-top: 60px;}
.about-text, .cartext {text-align: justify;}
.key, .news {background: #f3f3f3; padding-bottom: 60px; padding-top: 60px;}
.key-sub1, .news-sub {max-width: 1130px; margin: 0 auto;}
.key-left {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff; padding: 20px 20px;}
.listmore a {color: #007bff; margin-top: 30px;}
.car {text-align: center;}
.car:hover {color: #007bff;}
.pimg {margin-bottom: 60px; margin-top: 60px;}
p.ntime {font-size: 14px; color: #007bff; margin-bottom: 5px;}
.footer {background: #121343; margin-top: 60px; padding-bottom: 60px; padding-top: 60px;}
.foot {margin: 0 auto; max-width: 1130px; color: #fff;}

/*--内页--*/
.page_banner {padding-left: 0; padding-right: 0;}
.pages {margin-top: 40px; margin-bottom: 60px;}
.classlist {margin-bottom: 25px;}
.classlist ul li {display: inline-block; margin-left: 5px; margin-right: 5px;}
.classlist ul li a {color: #007bff;}
.classlist ul li a:hover {color: #444;}
.content-title h1 {font-size: 26px;}
.content-title hr, .article-list ul li hr {margin-bottom: 0px;}
.content-time {margin-bottom: 20px; font-size: 14px; color: #007bff;}
.content-title h1 span {color: #007bff; font-size: 20px; margin-bottom: 0;}
.content {text-align: justify;}
.content img {width: 100%;}
.nextpage {margin-top: 20px;}
.nextpage p {margin-bottom: 0px;}


.article-list ul li {margin-bottom: 30px;}
.article-list ul li h2 {font-size: 20px;}
.article-list ul li hr {margin-top: 8px;}
.list-time {font-size: 14px; color: #007bff;}

.pages ul.prolist {margin-bottom: 20px;}
.pages ul.prolist li {display: inline-block; float: left; margin-bottom: 10px;}
.pages ul.prolist li h2 {text-align: center; padding-top: 10px; padding-bottom: 5px; font-size: 18px;}

.protitle h1 {font-size: 24px;}
.prodesc {text-align: justify;}
.content {margin-top: 20px;}
.content h5 {background: #007bff; width: 120px; text-align: center; padding-bottom: 10px; padding-top: 10px; color: #fff; margin-bottom: 0; font-size: 18px;}
.content hr {margin-top: 0; border-top: #007bff 1px solid;}
.tags {margin-top: 20px;}
.tags i {color: #007bff;}


.msg-form {margin-top: 20px; width: 100%;}
.input-with-icon {
    margin-bottom: 30px;
}

.input-with-icon i {
    position: absolute;
    left: 28px;
    top: 15px;
    font-size: 22px;
    color: #999;
}
.input-with-icon input {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 0;
    width: 100%;
    color: #767676;
    outline: none;
    font-size: 16px;
    padding: 15px 15px 15px 45px;
}
.fm-ta {
    background-color: #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    padding: 15px;
    font-size: 16px;
    outline: none;
    display: block;
    width: 100%;
    color: #767676;
    margin-bottom: 30px;
}
.intxt {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 0;
    width: 100px;
    color: #767676;
    outline: none;
    font-size: 16px;
    padding: 10px 15px;
    vertical-align: middle;
}
.inyzm {
    display: inline-block;
    vertical-align: middle;
}
.insubmit {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #465bb6;
    color: #fff;
    outline: none;
}
.insubmit:hover {
    color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.formlist img {
    width:200px;
    height:60px;
}

@media only screen and (max-width: 767px) {
	.navbar-brand {display: block;}
	.logo {text-align: center;}
	.protitle h1 {margin-top: 20px;}
	.tophone {display: none;}
}