* {margin:0;padding:0;color:#797776;font-family:arial;}
body{background-color:#f9f4ee;overflow-x: hidden;position:relative;}
ul,ol{margin:0;padding:0;list-style: none;}
.relative {position:relative;}
.absolute {position:absolute;}
.bold {font-weight: bold;}
.block {display:block;}
.center {margin:0 auto;}
.max-width-450 {max-width:450px;}
.p10 {padding-top:10px;padding-bottom:10px;}
.p20 {padding-top:20px;padding-bottom:20px;}
.p-20 {padding-left:20px;padding-right:20px;}
.f12 {font-size:12px;}
.f32 {font-size:32px;}
.big {font-size:3.5rem;font-weight: 500;color:#ba0404;}
a {color:inherit;text-decoration:none!important;cursor :pointer;outline: none; 
   transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;}
a:hover {color:inherit;}
.transition1s{ transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.color {color:#f9f4ee;}/*文字主色调*/
.color-b {color:#ba0404;}/*文字主色调*/
.bg-color {background-color: #ba0404;} /*背景主色调*/
/*------------通用分隔符------------*/

.more {background:url(../Image/more_bg.png) no-repeat;width:100px;height:40px;
       display:block;margin:20px auto;position:relative;z-index: 1;}
.more:hover {width:110px;cursor: pointer;opacity: 0.7;}

#top_tag {width:171px;height:100px;left:12%;top:0;background:url(../Image/top_tag.png) center center no-repeat;}
#logo {height:100px;background:url(../Image/logo.png) center center no-repeat;}
#top_tel {width:203px;height:100px;right:12%;top:0;background:url(../Image/top_tel.png) right center no-repeat;}

/*手机主导航*/
.m_menu {right:3%;top:10%;}
.m_menu:hover {opacity:0.7;}
.m_panel {background:rgba(0,0,0,0.7);display:none;position:fixed;height:100%;width:100%;z-index:99999;right:0;top:0;}
#m_menu {width:0;height:100%;float:right;}
#m_menu li {width:100%;background-color:#f9f4ee; }
#m_menu li:first-child,#m_menu li:last-child {height:15%;width:100%;background-color:#f9f4ee;border-bottom:1px solid #999; }
#m_menu li a {white-space:nowrap; height:7.5%;line-height:60px;text-align:center;font-size:18px;color:#000;width:100%;display:block;}
#m_menu li a:hover {background:#ba0404;color:#fff;}
#m_menu li.active a{background:#ba0404;color:#fff;}
/*手机主导航*/
/*主菜单*/
.menu {font-size:1.5rem;font-weight:bold;}
.menu li {text-align: center;height:38px;width:14.11%;line-height: 38px;color:#000;float: left;margin-bottom: 20px;}
.menu li a:hover {display:block;height:38px;width:100%;color:#fff;
                  background:url(../Image/li_bg.png) center center no-repeat;}
.menu li.active a {display:block;height:38px;width:100%;color:#fff;
                  background:url(../Image/li_bg.png) center center no-repeat;}            
/*主菜单*/
/*#banner {width:100%;}*/

.in_banner {position:relative;overflow:hidden;height:260px;width:100%; z-index:8;}
.banner_bg {width:100%;height:100%;background:url(../Image/in_banner.jpg) no-repeat center top;}
.page_tag {display:block;line-height:50px;color:#333;/*text-shadow: 1px 1px 0px #888;*/ /*position:absolute;left: 50%;bottom: 20px;transform: translateX(-600px);*/}

.title {padding-top:40px;padding-bottom:20px;}
.title>div {padding-top:20px;text-align: center;line-height: 2.5rem;}

.yun {width:1920px;height:823px;position:absolute;left:50%;bottom:200px;margin-left:-960px;
    background:url(../Image/yun.png) no-repeat top center;}/*背景遮罩*/

.index-01 .content ul {width:100%;}
.index-01 .content li {margin:10px 0;}
.index-01 .content li a {background:#fff;width:90%;
                         display:block;border: 3px solid #eee;margin: 0 auto;}
.index-01 .content li a .p_more {height:10px;background:url(../Image/a_more.png) center center no-repeat;}
.index-01 .content li a:hover {border:3px solid #ba0404;}
.index-01 .content li a:hover .p_more {background:url(../Image/a_more_hover.png) center center no-repeat;}
.index-01 .content .p_title {font-size:16px;padding:15px 0;font-weight:bold;}
.index-01 .content .p_content {padding:0 20px;height:40px;overflow:hidden;}

.index-02 {height:758px;background-image:url(../Image/bg_01.png);}
.index-02 .title {margin-top:90px;color:#f9f4ee;}
.index-02 .content .centerline {left:50%;top:41%;margin-left:-9px;}
.index-02 .content ul {margin-top:50px;}
.index-02 .content li {text-align: left;height:100px;line-height: 100px;}
.index-02 .content li .in02-tit {color:#f9f4ee;display:block;line-height:36px;font-size:18px;height: 36px;overflow:hidden; font-weight: bold;}
.index-02 .content li .in02-con {color:#f9f4ee;display:block;line-height:24px;font-size:15px;}

.index-03 {z-index: 1;}
.index-03 .content {border:1px solid #bbb;padding:4px;margin-bottom:30px;}
.index-03 .content div {padding:25px 40px;border:1px solid #bbb;}

.index-04 .content {margin-top: 20px;}
.index-04 .more {margin-top:50px;}
.index-04 .content li {text-align: left;height:170px;line-height: 100px;}
.index-04 .content li img {width:20%;}
.index-04 .content li>a {width:72%;margin-left:25%;color:#aaa;}
.index-04 .content li .new_tit {height:38px;overflow:hidden;display:block;font-size:16px;line-height: 38px;color:#444;font-weight: bold;}
.index-04 .content li .new_con {height:44px;overflow:hidden;display:block;line-height: 22px;font-size:15px;}
.index-04 .content li .new_date {line-height: 40px;}

/*内页*/
.page_title {width:100%;margin-top: 40px;}
.page_title i {display:block;width: 57px;margin:20px auto;height: 2px;background: #ccc;}
.page_des {margin-top: 20px;color:#666;}
.page_content {padding:20px;font-size:16px;line-height: 3rem;}
.page_content img {max-width:100%;}
.page_contact ul li {text-align:left;padding: 15px;/*background: #fff;*/margin: 0 0 10px 0;font-size: 1.7rem;font-weight: bold;}
.page_contact ul li i {background-color:#ba0404;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;}
.msg_content {height:200px!important;}
.info_con {background-color: #ba0404;padding: 10px;color: #fff;font-weight: bold;}
.prev_next {margin-top:20px;}
.prev_page {padding-left: 0;}
.next_page {padding-right: 0;}
.prev_page:hover, .next_page:hover {}
.prev_page span,.next_page span {/*border:1px solid #eee;background-color:#fff;padding:20px;*/overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;height:100%;}
.prev_page span:hover, .next_page span:hover {background:#ba0404;color:#fff;} 

.news_list li {margin-top:10px;}
.news_list li a {transition: all 0.3s;height: 170px;display:block;border-bottom: 1px solid #ba0404;}
.news_list li a:hover {/*background: #ba0404;color:#fff;*/box-shadow: 0 5px 5px #ccc;transform: translateY(-5px);}
.news_list_img {height: 160px; overflow: hidden;padding: 10px;}
.news_list_img img {height: 160px;}
.news_list_txt {position:relative;height: 160px;overflow: hidden;padding: 0 20px !important;}
.news_list_txt .t1{font-size: 1.8rem;font-weight: bold;line-height: 20px;height:20px;overflow:hidden;margin-top:20px;width: 100%;color: #000;}
.news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 50px;font-size: 1.6rem;line-height: 25px;color: #666;}
.news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;}

.product_list li {margin-bottom: 20px !important;}
.product_list li a {border: 1px solid rgba(0,0,0,.1);}
.product_list li a:hover .product_list_img{border:5px solid #ba0404;}
.product_list li a:hover .product_list_tit {color:#fff;background: #ba0404;}
.product_list_img {width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.product_list_img img {width: 100%;}
.product_list_tit {padding: 2%;width: 100%;}
.sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
background: url(../Image/sy.png) center no-repeat;background-size: 100%;z-index: 99;}
/*.page {margin-top:20px;}*/
/*内页*/
.info-back {text-align: right;margin-top:20px;margin-bottom: 40px;}
.info-back a {border-radius: 15px;text-align:center;overflow:hidden;background:#888;color:#fff;padding:5px 20px;}
.share_to {margin-top:20px;}
.share_to li{display: inline-block;line-height: 30px;}
.share_to li a {font-size:22px;background:#1493d0;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: #FFF;border-radius: 50%;text-align: center;line-height: 30px;width: 30px;height: 30px;overflow: hidden;}
.share_to li:nth-child(2n) a {background:#f40;}
.share_to li:last-child a {background:#3dc464;}
.share_to li i {color:#fff;}
.bd_weixin_popup_foot:after {content:'　';display:block;clear:both;}/*消除微信分享底部超出*/

/*页面底部*/
.footer {height:237px;background:url(../Image/footer_bg.png) no-repeat center center;}
.footer .content {height:192px;font-size:1.6rem;}
.footer .content span{color:#f9f4ee;line-height: 45px;}
.footer-left {left:18%;top:40%;}
.footer-right{right:13%;top:40%;max-width:320px;}
.footer-bottom {min-height:45px;width:100%;line-height: 45px;font-size: 14px;background-color:#000;}
.footer-bottom .container, 
.footer-bottom .container span {color:#f9f4ee;}
.footer-bottom i{margin:0 20px;}

.page-margin {height:85px;}/*空出底部导航距离*/
    /*底部导航*/
    #page-footer ul li {width:25%;}
    .page-footer {z-index: 9;background-color: #ba0404;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}
    .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}
    .page-footer li a {width:100%;height:100%;text-align:center;color:#f9f4ee;}
    .page-footer li:hover {background:#000;}
    .page-footer li a i{font-size: 24px;color: #f9f4ee;display: block;margin-bottom: -10px;}
    #page-footer.five ul li {width:20%!important;}
    .top {line-height:50px;font-size: 36px;color: #f9f4ee;}
    .top_li {display:none;}
    .five .top_li {display:block;}
    /*底部导航*/
/*页面底部*/

@media (min-width:1260px) {.container {width:1200px;}
	.index-02 .content li{margin-bottom: 80px;}
	.in02-li-con {transform:translateX(-25px);}
}/*内容区宽度*/
@media (min-width:979px) and (max-width:1200px) { /*ipad-pro*/
    .banner_bg {background-size: 100%;}
    .index-02 .content li {margin-bottom: 50px;}
    .footer-bottom i{margin:0 10px;}
}

@media (min-width:978px) {
    .col-md-20 {width:20%;}
}
@media (min-width:768px) {
    .footer-bottom .container span {float:right;}
}
@media (min-width:768px) and (max-width:978px) {
    #top_tag {left:5%;}
    #top_tel {right:3%;}
    .menu li.active a {background-size: 100%;}
    .banner_bg {background-size: 100%;}
    .in_banner {height:200px;}
    .index-01 .content .p_title {margin-top:15px;}
    .index-01 .content ul li:first-child {display:none;}
    .index-01 .content ul li:last-child {display:none;}
    .index-02 .content ul li div {width:66%;}
    .footer-left {left:5%;}
    .footer-right {max-width:30%;right:5%;}
}

@media (max-width:767px) {
.menu {margin-bottom: 0px;font-size:1.5rem;font-weight:normal;}
.menu li {padding:0;height:38px;width:25%;line-height: 38px;color:#000;margin-bottom: 0px;}
.menu li a {height:38px;width:100%;display:block;color:#fff;background:#ba0404;}
.menu li a:hover {height:38px;width:100%;color:#fff;background:#000;}
.menu li.active a {height:38px;width:100%;color:#fff;background:#000;}      

	#logo{background: url(../Image/logo.png) left 10px center no-repeat;background-size: 50%;}
	.title img {height:30px;}
    .index-02 .content ul {margin-top:0px!important;}
    .index-02 .content ul li {height:120px;line-height: 120px;}
    .in02-li-con {padding-left:50px;padding-top:10px;}
    .index-02 .content ul li div .in02-con {line-height: 18px;}
    .index-02 {height: 850px;background: url(../Image/bg_01.png) no-repeat;background-size: auto 100%;}
    .index-04 .content ul a {width: 75%;}
    .index-04 .content li {height: 140px;}
    /*.index-04 .content li:last-child {margin-top:20px;}*/
    .footer .content span{color:#f9f4ee;line-height: 30px;}
    .footer-bottom {line-height:30px; text-align:center;}
    .footer-bottom i{margin:0 4px;}
    .footer-left {left:5%;top:25%;}
    .footer-right {max-width:30%;right:5%;top:25%;}
    .in_banner {height: 180px;}
    .news_list li {padding:0;}
    .prev_page , .next_page {padding:0;}
    .footer-bottom{background:#ba0404;}
    .product_list_tit {color:#000;}
    .info-back {text-align: left;}
}

.go_order {
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin: 20px auto;
    outline: none;
}