@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}

.clear {
  clear: both;
}
.top {
    height: 35px;
    line-height: 35px;
    color: #333;
    background:#e9e9e9;
}
.footer-lists li a{
	color:#fff;
}
.p-left .p-title a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#333;
}
.clear{clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}
/*head&nav*/
.head {
    height: 120px;
}
.flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.head .logo {
    color: #222222;
    font-size: 39px;
    font-weight: bold;
    margin-top: 31px;
    width: 60%;
    letter-spacing: 1px;
}
.head .logo img {
    width: 15%;
    margin-right: 9px;
}
.head .tel {
    padding-top: 25px;
}
.top-tel {
    padding-top: 21px;
    height: 100px;
    float: right;
    background: url(../img/dianhua.jpg) left center no-repeat;
    padding-left: 78px;
    box-sizing: border-box;
    margin-top: 10px;
}
.logo_tel p {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #6b6b6b;
    font-size: 16px;
}
.logo_tel p span {
    display: block;
    font-size: 33px;
    color: #333;
    height: 30px;
    line-height: 30px;
    font-weight:bold;
}
.top-tel span {
    margin-left: 0;
    font-size: 38px;
    color: #c80002;
    font-weight: bold;
    display: block;
    line-height: 39px;
}
.top-tel span a{
	font-size: 36px;
	color: #c80002;
	font-weight: bold;
}
.nav {
    background-size: 100%;
    background-color:#222222;
}

.nav .breadcrumbnav {
    color: #fff;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 195px;
    line-height: 65px;
    position: relative;
}

.nav .breadcrumbnav li:first-child{
	background:#c80002;
}

.nav .breadcrumbnav li a {
    font-size: 18px;
    color: #fff;
}


.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
    background: #e18000;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}
.resou{width:100%;height:61px;border-bottom:1px solid #ddd;overflow:hidden;}
.hot{width:100%;line-height:61px;}
.hot span{color:#666;}
.hot b{color:#c80002;}

.sy-title{text-align:center;}
.sy-title h1{font-size:30px;padding-top:60px;color: #c80002;font-weight: bold;}
.sy-title h3{font-size:18px;padding-top:8px;}

.guanyu{width:100%;height:808px;background:url(../img/gs-bj.jpg) no-repeat center;}
.gy-cont{width:820px;height: 420px;background-color: #fff;margin-top: 50px;padding: 30px;}
.gy-cont h2{font-size: 24px;font-weight: bold;color: #dc6464;padding: 20px 0 10px 0;}
.gy-cont h1{font-size: 28px;font-weight: bold;}
.gy-cont p{line-height:28px;text-align:left;font-size: 16px;line-height: 28px;padding: 40px 40px 0 0;}
.gy-btn{width:178px;height:44px;margin:36px 0 0 0;text-align:center;}
.gy-btn a{display:block;width:178px;height:44px;line-height:44px;background:#c80002;color:#fff;border-radius:44px;}
.gy-btn a:hover{background:#ea5d0e;}
.guanyu .right{width: 280px;height: 380px;background-color: #c80002;margin-top: 50px;padding: 50px 20px;color: #fff;}
.guanyu .right h3{font-size: 24px;font-weight: bold;}
.guanyu .right hr{width: 80px;height: 2px;border: none;background-color: #fff;margin: 20px 0;}
.guanyu .right span{line-height: 36px;font-size: 16px;}
.guanyu .right .gy-lx{width: 130px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;background-color: #fff;color: #c80002;margin-top: 40px;}

.chanpin {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}
.chanpin ol{margin: 30px auto;display: table;}
.chanpin ol li{float: left;font-size: 18px;margin-right: 30px;width: 180px;height: 40px;text-align: center;line-height: 40px;color: #fff;background-color: #c80002;}
.sy-pro{margin-top:40px;}
.sy-pro li{float:left;width:280px;overflow:hidden;margin:0 26px 9px 0;text-align:center;}
.sy-pro li:nth-child(4n){margin-right:0;}
.sy-pro li img {
    width: 278px;
    height: 240px;
    object-fit: cover;
    border: 1px solid #c2c2c2;
}
.sy-pro li span{display:block;width:100%;height:46px;line-height:46px;}
.sy-pro li a:hover{color:#c80002;}
ul.fenl {
    display: block;
    text-align: center;
    margin: 30px auto;
}
ul.fenl li {
    background: #c80002;
    display: inline-block;
    margin-right: 10px;
    padding: 0 26px;
    line-height: 40px;
}
ul.fenl li a{
	color:#fff;
	font-size:18px;
}
.ys-bt{width: 100%;height: 200px;background-color: #c80002;color: #fff;text-align: center;}
.ys-bt h1{font-size: 56px;font-weight: bold;padding: 40px 0 10px 0;}
.ys-bt h2{font-size: 24px;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.youshi ul li .nr h3 {
    font-size: 13px;
    font-weight: normal;
    color: #555;
}
.youshi {
    width: 100%;
    height: auto;
    background-color: #f3f3f5;
    padding-bottom: 30px;
}
.youshi ul li{width: 580px;margin-top: 60px;height: 180px;}
.youshi ul li .shuzi{width: 80px;height: 80px;background-color: #c80002;color: #fff;font-size: 42px;font-weight: bold;text-align: center;line-height: 80px;float: left;}
.youshi ul li .nr{width: 460px;float: right;}
.youshi ul li .nr h2{font-size: 28px;font-weight: bold;}
.youshi ul li .nr p{font-size: 16px;padding-top: 5px;line-height: 28px;}
.youshi img{margin-top: 60px;}

.lianxi1{width: 100%;height: 200px;background: url(../img/lx-bj.jpg) no-repeat center;color: #fff;}
.lianxi1 .left{width: 900px;}
.lianxi1 .left h1{font-size: 28px;padding: 58px 0 20px 0;font-weight: bold;}
.lianxi1 .left h2{font-size: 24px;}
.lianxi1 .right{text-align: right;}
.lianxi1 .right h3{padding: 33px 0 10px 0;}
.lianxi1 .right h3 span{font-size: 24px;}
.lianxi1 .right a{width: 160px;height: 40px;background-color: #fff;color: #c80002;text-align: center;line-height: 40px;display: inline-block;font-size: 20px;}

.anli{width:100%;height:558px;background:url('../img/al-bg.jpg') no-repeat center;}
.sy-case{margin-top:48px;}
.sy-case li{float:left;width:280px;overflow:hidden;margin:0 26px 9px 0;text-align:center;}
.sy-case li:nth-child(4n){margin-right:0;}
.sy-case li img{width:280px;height:250px;}
.sy-case li span{display:block;width:100%;height:46px;line-height:46px;color:#fff;}
.sy-case li a:hover{color:#ea5d0e;}

.xinwen{width:100%;height:auto;}
.xinwen .left {
    margin-top: 40px;
    width: 380px;
}
ul.sy-news {
    width: 100%;
}
.xinwen .left li{width: 380px;text-align: center;}
.xinwen .left li h3 {
    font-size: 16px;
    color: #c80002;
    padding: 20px 0 10px 0;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xinwen .left li p {
    font-size: 16px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.xinwen .right{width: 800px;margin-top: 40px;}
.xinwen .right .sy-news li{width:340px;height:62px;padding-bottom:20px;margin-bottom:22px;padding: 20px;border: 1px solid #eee;float: left;margin-right: 20px;}
.xinwen .right .sy-news li:nth-child(2n){margin-right: 0;}
.xw-time{width:65px;height:65px;background:#333;color:#fff;text-align:center;float: left;}
.xw-time span{display:block;font-size:34px;}
.xw-cont{width:260px;float: right;}
.xw-cont h3 {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xw-cont p {
    line-height: 22px;
    color: #666;
    padding-top: 10px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sy-news li a:hover .xw-time{background:#c80002;}
.xinwen .right .sy-news li {
    width: 41.1%;
    height: 62px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    padding: 20px;
    border: 1px solid #eee;
    float: left;
    margin-right: 20px;
}
.xw-time {
    width: 28%;
    height: 72px;
    background: #333;
    color: #fff;
    text-align: center;
    float: left;
}
.xw-cont {
    width: 69%;
    float: right;
}


.link{margin-bottom:42px;}
.lj-tit{line-height:42px;border-bottom:2px solid #ccc;font-size:15px;margin-bottom:4px;}
.link a{line-height:32px;margin-right:20px;}
.link a:hover{color:#c80002;}

.footer {
	width: 100%;
	min-height: 250px;
	background: #323030;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 35px;
	padding-top: 60px;
}

.footer .menu {
	width: 439px;
	float: left;
	height: auto;
	overflow: hidden;
}

.footer .menu .tit {
	height: auto;
	overflow: hidden;
}

.footer .menu .tit p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

.footer .menu .tit span {
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 5px;
	float: left;
	margin-top: 5px;
}

.footer .menu  ul {
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.footer .menu ul li {
    float: left;
    width: 133px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    margin-bottom: 8px;
    margin-left: 13px;
    padding: 0 6px;
    line-height: 40px;
}


.footer .menu  ul li  a {
	display: block;
	color: #fff;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.footer .info {
	float: left;
	margin-left: 40px;
	width: 300px;
	color: #fff;
	height: auto;
	overflow: hidden;
	font-size: 15px;
	line-height: 25px;
	border-left:1px solid #6b6b6b;
	box-sizing: border-box;
	padding-left: 35px;
	padding-bottom: 15px;
}

.footer .info .tit {
	height: auto;
	overflow: hidden;
}

.footer .info .tit p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

.footer .info .tit span {
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 5px;
	float: left;
	margin-top: 5px;
}

.footer .info .intro {
	font-size: 15px;
	line-height: 32px;
	color: #fff;
	margin-top: 15px;
}

.footer .ewm {
    float: right;
    margin-left: 12px;
}

.footer .ewm img {
	display: block;
	width: 150px;
	height: 150px;
	border: 4px solid #fff;
	box-sizing: border-box;
}

.footer .ewm p {
	text-align: center;
	color: #fff;
	font-size: 13px;
	margin-top: 10px;
}
.cr {
	width: 100%;
	height: 50px;
	background: #c80002;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
}

.cr p {
	text-align: center;
	color:#ffff;
}
#fzwz{
	display:inline-block;
}

.cr p {
    text-align: center;
    float: left;
	color:#ffff;
}
ul.sy-news img {
    width: 100%;
    height: 257px;
    object-fit: cover;
}


@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 1);text-align: center;height: 90px;line-height: 90px;background: #e7272d; color: #fff;float: left;font-size: 46px; font-weight: bold;}



.remen.fl {
    display: none;
}
.head .logo {
    color: #c80002;
    font-size: 26px;
    font-weight: bold;
    margin-top: 33px;
    width: 64%;
    letter-spacing: 0;
}
.top-tel {
    padding-top: 26px;
    height: 100px;
    float: right;
    background: url(../img/dianhua.jpg) left center no-repeat;
    padding-left: 29px;
    box-sizing: border-box;
    margin-top: 0;
    background-size: 13%;
}
.top-tel span {
    margin-left: 0;
    font-size: 22px;
    color: #c80002;
    font-weight: bold;
    display: block;
    line-height: 27px;
}
.top-tel span a {
    font-size: 27px;
    color: #c80002;
    font-weight: bold;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 15.8%;
    line-height: 65px;
    position: relative;
}
.nav .breadcrumbnav li a {
    font-size: 16px;
    color: #fff;
}
.head {
    height: 105px;
}
.sy-pro li:nth-child(2n) {
    margin-right: 0;
}
.sy-pro li {
    float: left;
    width: 47.79%;
    overflow: hidden;
    margin: 0 26px 9px 0;
    text-align: center;
}
.sy-pro li img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.ys-bt h1 {
    font-size: 36px;
    font-weight: bold;
    padding: 50px 0 10px 0;
}
.youshi ul li {
    width: 100%;
    margin-top: 60px;
    height: 136px;
    display: block;
}
.youshi ul li .nr {
    width: 84%;
    float: right;
}
.youshi ul li .nr p {
    font-size: 16px;
    padding-top: 8px;
    line-height: 28px;
}
.youshi ul .right img {
	display:none;
}
.left.ystp img {
    display: none;
}
.guanyu {
    width: 100%;
    height: auto;
    background: url(../img/gs-bj.jpg) no-repeat center top;
    padding-bottom: 53px;
}
.gy-cont {
    width: 89.7%;
    height: auto;
    background-color: #fff;
    margin-top: 50px;
    padding: 30px;
}
.gy-btn {
    width: 30%;
    height: 44px;
    margin: 36px 0 0 auto;
    text-align: left;
    float: left;
}
.gy-btn a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #c80002;
    color: #fff;
    border-radius: 44px;
    text-align: center;
}
.guanyu .right{
	display:none;
}
.lianxi1 {
    width: 100%;
    height: 200px;
    background: #c80002;
    color: #fff;
}
.lianxi1 .left {
    width: 100%;
}
.lianxi1 .left h1 {
    font-size: 22px;
    padding: 58px 0 20px 0;
    font-weight: bold;
}
.lianxi1 .left h2 {
    font-size: 20px;
}
.lianxi1 .right{
	display:none;
}
.xinwen .left {
    margin-top: 40px;
    width: 100%;
}
.xinwen .left li {
    width: 100%;
    text-align: center;
}
.xinwen .right {
    width: 100%;
    margin-top: 40px;
}



.footer .ewm {
    float: right;
    margin-left: 10px;
}
.footer {
    width: 100%;
    min-height: auto;
    background: #323030;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 35px;
    padding-top: 60px;
}
.footer .menu {
    width: 585px;
    float: left;
    height: auto;
    overflow: hidden;
    display: none;
}
.footer .info {
    float: left;
    margin-left: 0;
    width: 45%;
    color: #fff;
    height: auto;
    overflow: hidden;
    font-size: 15px;
    line-height: 25px;
    border-left: none;
    box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 15px;
}
.cr {
    width: 100%;
    height: auto;
    background: #c80002;
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 174px;
    padding-top: 10px;
}

a.reman{
    display:none
}
ul.fenl li {
    background: #c80002;
    display: inline-block;
    margin-right: 10px;
    padding: 0 26px;
    line-height: 40px;
    margin-bottom: 10px;
}





}