@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	/* width: 100%; */
	/* height: 100%; */
}

html {
	font-family: "PingFangSC-Regular", "Microsoft YaHei", Helvetica;
	font-size: 10px;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	color: #333;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}

address,
caption,
cite,
code,
dfn,
i,
em,
strong,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: rgb(34, 34, 34);
}

a:hover,
a:focus {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

caption,
th {
	text-align: left;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: ”;
}

abbr,
acronym {
	border: 0;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	vertical-align: middle;
	*vertical-align: middle;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:before,
:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

@media screen and (min-width:100px) {

	/*  iPhone 4,5 */
	html {
		font-size: 10px;
	}
}

@media screen and (min-width:320px) {

	/*  iPhone 4,5 */
	html {
		font-size: 10px;
	}
}

@media screen and (min-width:375px) {

	/*  iPhone 6 */
	html {
		font-size: 12px;
	}
}

@media screen and (min-width:414px) {

	/*  iPhone 6 plus */
	html {
		font-size: 12px;
	}
}

@media screen and (min-width:600px) {
	html {
		font-size: 14px;
	}
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

.clearfix {
	zoom: 1;
}

/*公共样式*/
body {
	line-height: 2;
}

a:hover {
	color: #fb5a4a;
}

.section {
	width: 1420px;
	margin: 40px auto 0;
}

.icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
}

.secTitle-style {
	position: relative;
	border-bottom: 1px solid #ededed;
	margin: 80px 0 50px;
}

.secTitle-style .inner {
	position: absolute;
	background-color: #FFFFFF;
	top: -17px;
	padding-right: 20px;
}

.secTitle-style .inner span {
	font-size: 22px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	vertical-align: top;
}

.secTitle-style>a {
	position: absolute;
	right: 0;
	top: -14px;
	background-color: #FFFFFF;
	padding-left: 10px;
}

.secTitle-style>a img {
	margin-left: 4px;
	margin-top: -2px;
}

.sec-x .fl {
	width: 49%;
}

.sec-x .fr {
	width: 49%;
}

.sec-x .secTitle-style {
	margin-top: 0;
}

.sec-x .list li {
	float: left;
	width: 208px;
	margin-left: 35px;
}

.sec-x .list li a {
	display: block;
	width: 208px;
	height: 117px;
	overflow: hidden;
}

.sec-x .list li img {
	width: 100%;
	height: 117px;
	transition: all 0.5s ease-in-out;
}

.sec-x .list li a:hover img {
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.sec-x .list li:first-child {
	margin-left: 0;
}

.sec-x .list li h2 a {
	display: -webkit-box;
	font-size: 14px;
	margin: 6px 0 5px 0;
	text-align: left;
	word-break: break-all;
	height: 48px;
	line-height: 23px;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.public-top {
	border-bottom: 1px solid #ededed;
}

.public-top .inner {
	width: 1420px;
	margin: 0 auto;
	height: 88px;
}

.public-top .logo-box img {
	margin-top: 24px;
	height: 36px;
}

.public-top .search-bar {
	width: 457px;
	height: 39px;
	margin: 25px 0 0 344px;
	position: relative;
	float: left;
}

.public-top .search-box {
	display: block;
	width: 457px;
	height: 37px;
	background: #eee;
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.public-top .search-box input {
	outline: 0;
	border: 0;
}

/*.public-top .search-box form {
	display: block;
	width: 457px;
	height: 37px;
	background: #eee;
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.public-top .search-box input[type=text] {
	width: 346px;
	height: 37px;
	line-height: 37px;
	_height: 35px;
	background: none;
	padding-left: 5px;
}

.public-top .search-box input[type=submit] {
	width: 105px;
	height: 39px;
	background: url(../images/search.jpg) 0 0 no-repeat;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	margin-top: -2px;
}*/

.public-top .back {
	margin-top: 26px;
}

.public-top .back:hover .icon {
	background-position: -280px 0px;
}

.public-top .back .icon {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -280px -35px;
	vertical-align: middle;
}

.public-top .back a {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
}

.public-nav {
	border-bottom: 2px solid #fb564f;
}

.public-nav .inner {
	width: 1420px;
	margin: 0 auto;
}

.public-nav .list {
	height: 76px;
}

.public-nav .list li {
	float: left;
	text-align: center;
}

.public-nav .list li a {
	display: block;
	padding: 0 70px 10px 0;
}

.public-nav .list li h2 {
	margin-top: -10px;
}

.public-nav .list li i {
	margin-top: 4px;
}

.public-nav .list li .icon-home {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -315px -35px;
}

.public-nav .list li:hover .icon-home {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -315px 0;
}

.public-nav .list li .icon-hcxxh {
	background: url(../images/icon_1.png) no-repeat;
	background-position: 0 -35px;
}

.public-nav .list li:hover .icon-hcxxh {
	background-position: 0 0;
}

.public-nav .list li .icon-fy {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -35px -35px;
}

.public-nav .list li:hover .icon-fy {
	background-position: -35px 0;
}

.public-nav .list li .icon-hsydz {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -70px -35px;
}

.public-nav .list li:hover .icon-hsydz {
	background-position: -70px 0;
}

.public-nav .list li .icon-zxft {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -105px -35px;
}

.public-nav .list li:hover .icon-zxft {
	background-position: -105px 0;
}

.public-nav .list li .icon-spzb {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -140px -35px;
}

.public-nav .list li:hover .icon-spzb {
	background-position: -140px 0;
}

.public-nav .list li .icon-fygg {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -175px -35px;
}

.public-nav .list li:hover .icon-fygg {
	background-position: -175px 0;
}

.public-nav .list li .icon-xcp {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -210px -35px;
}

.public-nav .list li:hover .icon-xcp {
	background-position: -210px 0;
}

.public-nav .list li .icon-zt {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -245px -35px;
}

.public-nav .list li:hover .icon-zt {
	background-position: -245px 0;
}

.public-nav .list li .icon-hot {
	background: url(../images/icon_1.png) no-repeat;
	background-position: -350px -35px;
}

.public-nav .list li:hover .icon-hot {
	background-position: -350px 0;
}

.public-footer {}

.public-footer .inner {
	width: 1420px;
	margin: 0 auto;
}

.public-footer .yqlj {
	background: #f5f5f5;
	padding: 20px 28px;
	border: 1px solid #e0e0e0;
}

.public-footer .yqlj .fl {
	width: 50%;
}

.public-footer .yqlj .fr {
	width: 50%;
}

.public-footer .yqlj h4 {
	font-size: 18px;
	color: #fb5a4a;
	font-weight: normal;
	margin-bottom: 10px;
}

.public-footer .fr .list li {
	width: 50%;
	float: left;
}

.public-footer .yqlj .fr .cont {
	border-left: 1px solid #e0e0e0;
	padding-left: 50px;
}

.public-footer .copyright .list {
	padding: 60px 0 40px;
	text-align: center;
}

.public-footer .copyright .list li {
	padding: 4px 0;
}

.public-footer .copyright .last {
	color: #922923;
	;
}
.header-search {
	width: 350px;
	height: 37px;
	background: #eee;
}
.header-in {
	width: 105px;
	height: 39px;
	background: url(../images/search.jpg) 0 0 no-repeat;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	margin-top: -2px;
	float: right;
	text-align: center;
	line-height: 39px;
}

@media screen and (max-width: 768px) {
    
    .fl, .fr {
        width: 100%;
    }
    
    .section {
        width: 100%;
    }
    
    .public-top .inner {
        width: 100%;
    }
    
    .logo-box {
        text-align: left;
        padding: 4px 10px 8px;
    }
    
    .public-top .inner {
        height: auto;
    }
    
    .public-top .search-bar {
        width: 90%;
        margin: 10px auto 0;
        float: none;
        display: none;
    }
    
    .public-top .search-box {
        width: 100%;
        position: relative;
    }
    
    .header-search {
        width: 100%;
        padding-right: 109px;
    }
    
    .header-in {
        position: absolute;
        z-index: 99;
        right: 0;
        bottom: -3px;
    }
    
    .public-top .back {
        display: none;
    }
    
    .public-nav .inner {
        width: 100%;
    }
    
    .public-nav .list {
        height: auto;
        background-color: #fb564f;
        padding: 4px 0;
    }
    
    .public-nav .list li {
        width: 25%;
    }
    
    .public-nav .list li a {
        color: #FFFFFF;
        padding: 1px 8px; 
        text-align: left;
        font-size: 14px;
    }
    
    .public-nav .list li h2 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 0;
    }
    
    .public-top .logo-box img {
        height: 22px;
        margin-top: 0;
    }
    
    .public-nav .list li i {
        display: none;
    }
    
    .public-footer .inner {
        width: 100%;
    }
    
    .public-footer .yqlj {
        padding: 10px;
        display: none;
    }
    
    .public-footer .yqlj .fl,
    .public-footer .yqlj .fr {
        width: 100%;
    }
    
    .public-footer .yqlj .fr .cont {
        border-left: 0;
        padding-left: 0;
    }
    
    .public-footer .copyright .list {
        padding: 10px;
    }
    
    .copyright {
        border-top: 1px solid #e0e0e0;
    }
    
    .public-footer .copyright .list li {
        display: none;
    }
    
    .public-footer .copyright .list li:nth-child(4) {
        display: block;
    }
    
    .public-footer .copyright .list li:nth-child(4) span {
        display: block;
    }
    
    .public-footer .copyright .list li.last {
        display: block;
    }

}