@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;font-weight: normal;}
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;
}

.tel span {
    display: inline-block;
    font-size: 33px;
    color: #da020d;
    font-weight: bold;
}

/*头部*/
.top{width:100%;height:40px;background:#e9e9e9;color:#666;overflow:hidden;}
.top span{line-height:40px;}
.top a:hover{color:#000;}
.head{width:100%;height:120px;}
.logo {
    font-size: 32px;
    width: 350px;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    font-weight: bold;
}
.nav #Index {
    background-color: #fd5959;
    color: #fff;
}
.logo img{vertical-align:middle;max-width:350px;max-height:120px;margin-top:-7px;}
.tel{padding:4px 0 0 0;clear:right;}
.tel img {
    margin-top: 24px;
}
.tel.right {
    padding-top: 26px;
    float: right;
    background: url(../images/dianhua.jpg) left 12px no-repeat;
    padding-left: 74px;
    box-sizing: border-box;
    margin-top: 15px;
}
.tel span{display:inline-block;}
.nav{width:520px;height:50px;float: left;}
.nav li{float:left;width:100px;line-height:120px;text-align:center;position:relative;}
.nav a{display:block;font-size:15px;}
.nav a:hover{background-color: #fd5959;color: #fff;}
.dh .er{width:150px;height:auto;position:absolute;left:0;z-index:9999;background:#ececec;}
.er li{width:130px;padding:8px 0;line-height:28px;border-bottom:1px dashed rgba(255,255,255,0.8);margin:0 10px;}
.er li:last-child{border-bottom:none;}
.er li a{display:block;font-size:14px;}
.er li a:hover{background:#fd5959;color: #fff;}
/******banner图 CSS******/
#full-screen-slider { width:100%; height:780px; float:left; position:relative;margin:0 auto;text-align:center;}
#slides { display:block; width:100%; height:780px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:22%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fd5959;}
/*头部end*/

/*底部*/
.footer{clear:both;}
.foot{padding:20px 0;background:#414141;color:#aaa;text-align:center;}
.foot p{line-height:30px;}
.foot a:hover{color:#fff;}
/*main css*/
.main-im{ position:fixed; right: 10px; top:54%; z-index: 9999; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 136px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -90px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 98px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 96px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 104px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top;display:none; }
.z_city li {float: left;margin-right: 10px;}
/*底部end*/
img {
    vertical-align: middle;
}
/*首页*/
.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:#fd5959;}

.xuanze{width: 100%;height: 476px;}
.xuanze ul{margin-top: 50px;}
.xuanze ul li{float: left;width: 230px;margin-right: 10px;text-align: center;}
.xuanze ul li h2{padding: 30px 0 10px 0;font-size: 24px;}
.xuanze ul li h3{font-size: 16px;}
.xuanze ul li img{padding: 20px 0;}
.xuanze ul .li1{background-color: #faf8ec;}
.xuanze ul .li2{background-color: #edf8fc;}
.xuanze ul .li3{background-color: #fcf3e2;}
.xuanze ul .li4{background-color: #fcf4fc;}
.xuanze ul .li5{background-color: #fae3d3;}

.sy-title{text-align:center;}
.sy-title h1{font-size:30px;padding-top:60px;}
.sy-title hr{width:40px;height:4px;background:#fd5959;border:none;margin:14px auto 0 auto;}

.guanyu{width:100%;height:560px;}
.guanyu .left img{margin-top: 50px;}
.gy-cont{margin-top:45px;width:590px;}
.gy-cont p{line-height:28px;text-align:center; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
.gy-btn{width:178px;height:44px;margin:36px auto 0 auto;text-align:center;}
.gy-btn a{display:block;width:178px;height:44px;line-height:44px;background:#fd5959;color:#fff;border-radius:44px;}
.gy-btn a:hover{background:#ea5d0e;}

.chanpin{width:100%;height:auto;background-color: #f5f5f5;padding-bottom:40px;}
.sy-pro{margin-top:24px;}
.sy-pro .li1{background-color: #fd5959;color: #fff;}
.sy-pro .li2{background-color: #fff;color: #fd5959;}
.sy-pro .li3{background-color: #ff9900;color: #fff;}
.sy-pro .li4{background-color: #fff;color: #ff9900;}
.sy-pro .li5{background-color: #19a7f5;color: #fff;}
.sy-pro .li6{background-color: #fff;color: #19a7f5;}
.sy-pro .li7{background-color: #84cc00;color: #fff;}
.sy-pro .li8{background-color: #fff;color: #84cc00;}
.sy-pro .li1 a{background-color: #fff;color: #fd5959;}
.sy-pro .li2 a{background-color: #fd5959;color: #fff;}
.sy-pro .li3 a{background-color: #fff;color: #ff9900;}
.sy-pro .li4 a{background-color: #ff9900;color: #fff;}
.sy-pro .li5 a{background-color: #fff;color: #19a7f5;}
.sy-pro .li6 a{background-color: #19a7f5;color: #fff;}
.sy-pro .li7 a{background-color: #fff;color: #84cc00;}
.sy-pro .li8 a{background-color: #84cc00;color: #fff;}

.sy-pro li a img {
    height: 215px;
    object-fit: contain;
    width: 100%;
}
.sy-pro li:nth-child(3n) {
    margin-right: 0;
}
.sy-pro li {
    float: left;
    width: 32.5%;
    height: auto;
    padding: 20px 0 0;
    overflow: hidden;
    margin-right: 15px;
}
.sy-pro li h2{text-align: center;padding: 0 20px;font-size: 18px;}
.sy-pro li p{font-size: 16px;line-height: 26px;padding: 14px 0;height: 70px;}
.sy-pro li dd{font-size: 16px;line-height: 26px;}
.sy-pro li .txt a{display:block;width:100%;height:40px;line-height:40px;color: #fd5959;font-weight: bold;text-align: center;font-size: 18px;margin-top: 10px;border-radius: 10px;}
.sy-pro li a:hover{color:#000;}

.youshi{width: 100%;height: 690px;background: url(../images/0181.jpg) no-repeat center;}
.youshi .left{width: 240px;height: 430px;background-color: #fff;padding: 25px;text-align: center;margin-top: 50px;}
.youshi .left h1{font-size: 26px;font-weight: bold;color: #fd5959;padding-bottom: 10px;}
.youshi .left dd{color: #fd5959;font-size: 22px;font-weight: bold;}
.youshi .left a{color: #e46e3b;font-size: 18px;padding: 10px 0;display: block;font-weight: bold;}
.youshi .left a:hover{color: #000;}
.youshi .left h2{font-size: 20px;padding: 10px 0;}
.youshi .left h3{font-size: 16px;padding-bottom: 22px;}
.youshi .right{width: 900px;margin-top: 50px;}
.youshi .right li{width: 210px;margin-right: 15px;float: left;background-color: #fff;padding: 40px;margin-bottom: 15px;height: 152px;}
.youshi .right li:nth-child(3n){margin-right: 0;}
.youshi .right li h2{font-size: 18px;padding-top: 20px;}
.youshi .right li p{font-size: 16px;padding: 10px 0;}
.youshi .sy-title h1 {
    color: #fff;
}

.xinwen{width:100%;height:auto;}
.sy-news{margin-top:54px;}
.sy-news li{width:540px;height:100px;padding:20px;margin-bottom:22px;background-color: #f7f7f7;margin-right: 20px;float: left;}
.xw-cont{width:482px;}
.xw-cont h3 {
    padding-top: 4px;
    font-size: 16px;
    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:hover{background:#fd5959;color: #fff;}
.sy-news li:hover p{color: #fff;}

.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:#fd5959;}
.footer{clear:both;}
.foot{padding:20px 0;background:#414141;color:#aaa;text-align:center;}
.foot p{line-height:30px;}
.foot a:hover{color:#fff;}

.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}

.links {
	margin-top: 20px;
	font-size: 14px;
	color: #8c8c8c;
	padding-bottom: 15px;
}
.links span {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.links a {
	display: inline-block;
	color: #8c8c8c;
	margin-right: 15px;
}

.footer {
	background: #252525;
	padding-top: 45px;
	padding-bottom: 20px;
}
.footer .box {
	background: url(../images/footer_box.png) no-repeat 20px center;
}
.footer .left {
	width: 657px;
}
.footer .left dl {
	display: block;
	float: left;
	width: 100px;
	margin-right: 30px;
}
.footer .left dl dt {
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,.15);
	padding-bottom: 13px;
	margin-bottom: 8px;
}
.footer .left dl dt a {
	display: block;
	color: #fff;
}
.footer .left dl dt:after {
	content: "";
	width: 7px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.footer .left dl dd {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.footer .left dl dd a {
	color: #fff;
}
.footer .left dl dd a:hover {
	color: #fff;
}
.footer .left dl.fo_p {
	width: 360px;
}
.footer .left dl.fo_p dd {
	display: block;
	float: left;
	width: 50%;
}
.footer .right {
	width: 542px;
}
.footer .right .con .t {
	display: block;
	font-size: 15px;
	color: #cbcbcb;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: #3c3c3c;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer .right .con ul li {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 12px;
	padding-left: 40px;
}
.footer .right .con ul li a {
	color: #fff;
}
.footer .right .con ul li:nth-of-type(1) {
	background: url(../images/ft.png) no-repeat left top;
}
.footer .right .con ul li:nth-of-type(2) {
	background: url(../images/ft.png) no-repeat left -89px;
}
.footer .right .con ul li:nth-of-type(3) {
	background: url(../images/ft.png) no-repeat left -133px;
}
.footer .right .con ul li:nth-of-type(4) {
	background: url(../images/ft.png) no-repeat left -133px;
}
.footer .right .con ul li:nth-of-type(5) {
	background: url(../images/ft.png) no-repeat left -177px;
}
.footer .right dl {
	float: right;
	margin-top: 15px;
}
.footer .right dl img {
	display: block;
	width: 168px
}
.footer .right dl dd {
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.copyright {
	text-align: center;
	height: 60px;
	line-height: 60px;
	background: #1a1a1a;
	font-size: 14px;
	color: #fff;
}
.copyright a {
	color: #fff;
}
p#fzwz {
    display: inline-block;
}


@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:50px; line-height:50px; background:#e7272d; color:#fff; float:left; font-size:28px;    font-weight: bold;}


.logo {
    font-size: 20px;
    width: 30%;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    font-weight: bold;
}
.nav {
    width: 70%;
    height: 50px;
    float: left;
}
.nav li {
    float: left;
    width: 20%;
    line-height: 120px;
    text-align: center;
    position: relative;
}
.tel.right{
	display:none;
}

.remen{
	display:none;
}
.xuanze ul li {
    float: left;
    width: 49.1%;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.xuanze ul li:nth-child(2n) {
    margin-right: 0;
}
.xuanze {
    width: 100%;
    height: 958px;
}
.xuanze ul .li5 {
    background-color: #fae3d3;
    width: 100%;
}

.sy-pro li {
    float: left;
    width: 46.7%;
    height: auto;
    padding: 1%;
}
.sy-pro li:nth-child(2n) {
    margin-right: 0;
}
.sy-pro li:nth-child(3),.sy-pro li:nth-child(9),.sy-pro li:nth-child(15),.sy-pro li:nth-child(21) {
    margin-right: 15px;
}
.sy-pro li h2 {
    text-align: center;
    padding: 0;
    font-size: 16px;
}
.youshi .left {
    display: none;
}
.youshi .right {
    width: 100%;
    margin-top: 50px;
}
.youshi .right li {
    width: 19%;
    margin-right: 1%;
    float: left;
    background-color: #fff;
    padding: 40px;
    margin-bottom: 15px;
    height: 152px;
}
.gy-cont {
    margin-top: 10px;
    width: 100%;
}
.gy-btn {
    width: 29%;
    height: 44px;
    margin: 20px auto 35px auto;
    text-align: center;
}
.sy-news li {
    width: 100%;
    height: 100px;
    padding: 20px;
    margin-bottom: 22px;
    background-color: #f7f7f7;
    margin-right: 20px;
    float: left;
}
.sy-news li {
    width: 100%;
    height: 100px;
    padding: 0;
    margin-bottom: 22px;
    background-color: #f7f7f7;
    margin-right: 0;
    float: left;
}
.xw-cont {
    width: 100%;
}
.footer .left dl:nth-child(2) {
    display: none;
}
.footer .left {
    width: 37%;
}
.footer .left dl.fo_p {
    width: 100%;
}
.footer .right {
    width: 60%;
}
.footer .right dl {
    float: right;
    margin-top: 15px;
    width: 39%;
}
.copyright {
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: #1a1a1a;
    font-size: 14px;
    color: #a6a6a6;
    padding-bottom: 43px;
}
.footer .right dl img {
    display: block;
    width: 100%;
}








}