@charset "utf-8";
html, body {background-color:#fff; font-weight:400;  font-family:"微软雅黑"; color:#4d4948;}
body,th,td,a {font-weight:400; font-size:100%;color:#666; text-decoration:none; transition:.3s;}
caption{text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
.cheditor-container label{float:none !important; margin:0 !important;}
/* LAYOUT--------------------------------------------------------------------------------------------------------- */
#wrapper {overflow:hidden; width:100%;}
.inner {margin:0 auto; width:80%;}
/* HEADER------------------------------------------------------ */
#header {position:fixed; top:0; left:0; z-index:9999; width:100%; height:100px; transition:.3s all; background:#fff; border-bottom:2px solid #da251d;}
#header.fixed {border-bottom:1px solid #e5e5e5;}
#header.sub-fixed {border-bottom:1px solid #e5e5e5;}
.fp-viewing-2 #header,.fp-viewing-3 #header,.fp-viewing-4 #header,.fp-viewing-5 #header,.fp-viewing-6 #header {border-bottom:1px solid #e5e5e5;}
#header .inner {width:100%; height:100px; padding:0 40px; box-sizing:border-box;}
#header .inner:after{content:""; display:block; clear:both;}
/* -------- logo -------- */
#header .logo {float:left; margin-top:20px; display:inline-block; vertical-align:middle; width:30%;}
#header .logo a {display:block;}
/* -------- gnb -------- */
.nav_on{ position: relative; bottom:0;border-bottom:5px solid #da251d;}
.menu {width:43%;float:left;}
.menu ul {list-style-type:none; width:100%;}
.menu li { float:left;position:relative; width:19%; text-align:center;}
.menu ul ul {visibility:hidden;position:absolute;top:90px;}
.menu ul ul ul{ visibility:hidden; position:absolute; left:150px;top:0px;}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;color:#4d4948;text-decoration:none;font-size: 20px;line-height: 90px;}
.menu ul ul li a:hover{background:#da251d;}
.menu ul ul li {clear:both;text-align:left;}
.menu ul ul li a{display:block;width:150px;height:40px; background:#444;color:#fff;text-align:center; font-size:14px;line-height:40px; border-bottom:1px solid #666}
.menu ul ul ul li a{clear:both;}
.menu UL LI:hover UL {VISIBILITY: visible}
.menu UL A:hover UL {VISIBILITY: visible/*一级的li，a的hover时，设置二级菜单可见*/}
.menu UL :hover UL UL {VISIBILITY: hidden/*一级的li，a的hover时，设置二级,三级菜单隐藏*/}
.menu UL :hover UL :hover UL UL {VISIBILITY: hidden/*一级和二级的li，a的hover时，设置三级和四级级菜单隐藏*/}
.menu UL :hover UL :hover UL {VISIBILITY: visible/*一级二级菜单hover时，设定3级菜单可见*/}
.menu UL :hover UL :hover UL :hover UL {VISIBILITY: visible/*一级二级三级hover时，设置四级菜单可见*/}
.menu ul ul ul a{ background:#444;}
.menu ul ul ul a:hover{ background:#da251d;}
.menu ul ul ul ul a{ background:#444;}
.menu ul ul ul ul a:hover{ background:#da251d;}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:35px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:100px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s; margin-top:5px;}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/* -------- header utils -------- */
.header-utils {display:inline-block; vertical-align:middle; width:11%; float:right;}
.header-utils .logoin-wrap {font-size:0; width:100%;}
.header-utils > ul > li {display:inline-block; vertical-align:middle; width:33%; float:left;}
.header-utils > ul > li > a {display:block; text-align:center;font-size:15px; line-height:99px; color:#4d4948;}
.header-utils > ul > li > a img{ margin-top:35px;}
/* FOOTER------------------------------------------------------ */
.footer,.footer .fp-tableCell {height:auto !important;}
#footer {clear:both; width:100%; background:#fff; text-align:left;}
/* -------- footer top -------- */
.footer-top {width:100%; border:1px solid #da251d; border-width:1px 0; height:80px;}
.footer-top .inner {padding:20px 0 0; overflow:hidden;}
.footer-etc-banner {float:left; font-size:0; width:50%;}
.footer-etc-banner li {display:inline-block;margin-right:20px; vertical-align:middle;}
.footer-etc-banner li  img{ max-height:40px;}
.footer-etc-bannerr {float:right; font-size:0; width:48%;}
.footer-etc-bannerr li {display:inline-block; margin-right:20px; vertical-align:middle; float:right;}
.footer-etc-bannerr li  img{ max-height:40px;}
/* -------- footer bottom -------- */
.footer-bottom {clear:both; padding-top:20px; padding-bottom:20px;width:100%; box-sizing:border-box;}
/* address */
.footer-bottom address {float:left; clear:both; margin:12px 0 0; width:calc(100% - 250px); font-style:normal;}
.footer-bottom address span {position:relative; display:inline-block; padding:0 15px; font-size:16px; line-height:28px; color:#333; vertical-align:top;}
.footer-bottom address span:nth-last-child(1) ,
.footer-bottom address span:nth-last-child(2) {display:block;}
.footer-bottom address span:first-child ,
.footer-bottom address span:nth-last-child(1) ,
.footer-bottom address span:nth-last-child(2) {padding-left:0;}
.footer-bottom address span:before {content:''; position:absolute; top:50%; left:0; width:1px; margin-top:-6px; height:15px; background:#ccc;}
.footer-bottom address span:first-child:before ,
.footer-bottom address span:nth-last-child(1):before ,
.footer-bottom address span:nth-last-child(2):before  {display:none;}
/* tel */
.footer-bottom .tel-info {float:right; margin-top:27px; width:250px; text-align:right; font-size:0;}
.footer-bottom .tel-info dt,
.footer-bottom .tel-info dd {display:inline-block; vertical-align:middle;}
.footer-bottom .tel-info dt {margin-right:9px; font-weight:400; font-size:15px; line-height:27px;}
.footer-bottom .tel-info dd {font:700 27px/1 'NanumSquare'; color:#ef4136;}
/* main contents------------------------------------------------------ */
#mainContents {width:100%;}
/* title */
#mainContents h2 {margin-bottom:17px; text-align:center; font-weight:300; font-size:56px; line-height:1; color:#333;}
#mainContents h2:before {content: '';display: inline-block; margin: -20px 0px 0px 0px; width: 100px; height: 15px; background: url(../images/bg.jpg) no-repeat; position:absolute;}
#mainContents h2 + p {margin-bottom:80px; text-align:center;  font-size:24px; line-height:32px;}
#mainContents .section{width:100%; padding:80px 0; }
/* -------- banner -------- */
#slider {width: 100%; margin-top:100px;}
.controls li {top: 50%;}
.controls li:nth-child(1) {	left: 0;}
.controls li:nth-child(2) {right: 0;}
.pagination li {background-color: #ddd;}
.pagination li.active {background-color: #000;}
.responsive {width: 100%;height: auto;}
/* -------- PRODUCT -------- */
#mainProduct {background:#f8f8f8;}
#mainProduct .cp_rga{ display: none;}
.control-box {width:80%; margin:0 auto;}
.control-box ul {list-style: none;position: relative;}
.control-box ul li {position: absolute;top:300px;cursor: pointer;}
.prev {left: 0;}
.next {right: 0;}
.bigbox {overflow:hidden;width:94%;margin: auto ;}
#switcher {height: auto;left: 0px; border:1xp solid; overflow:hidden;}
.content_1.content_2 { width: 100%; float: left;}
.box {transition:all .7s ease 0s;width:100%;height:auto;float:left; margin-right:3px}
.box img{ max-width:100%;}
.box:hover {opacity:0.5;}
.shadow {width:100%;height:50px; line-height:50px;color:#333; letter-spacing:1px;font-weight:500;font-size:26px; text-align:center; margin-bottom:10px;}
.box span{ text-align:center; line-height:25px;display:block; letter-spacing:1px; font-size:16px;}

/************************************优势**************************************/
.syys{overflow:hidden; height:700px; margin-top:50px; margin-bottom:50px;}
.syysleft{width:50%; position: absolute; float:left; z-index:1;}
.syysright{width:50%; float:right; position: relative; text-align:left;  z-index:99;  background:#fff; height:300px; margin-top:13%;}
.syysright h2{margin-top:70px; margin-left:50px; display:block;text-align:left;}
.syysrightnr{margin-left:50px; font-size:24px; line-height:40px;}
 /* --------快捷导航-------- */
#kuaijie {background:#f4f4f4;}
#kuaijie .kuaijie-list {font-size:0;}
#kuaijie .kuaijie-box {display:inline-block; margin-left:26px; width:calc(33% - 20px); vertical-align:top; transform:scale(1);}
#kuaijie .kuaijie-box:first-child {margin-left:0;}
#kuaijie .kuaijie-box a {display:block;}
#kuaijie .kuaijie-box .text-wrap {position:relative; padding:33px; min-height:103px; background:#fff; text-align: center;}
#kuaijie .kuaijie-box .text-wrap:before {content:''; position:absolute; top:0; left:27px; width:4px; height:30px; background:#ef4136; transition:.3s; opacity:0;}
#kuaijie .kuaijie-box .text-wrap h3 {overflow:hidden; display:block; margin-bottom:14px;}
#kuaijie .kuaijie-box .text-wrap h3 a {max-width:100%; font-weight:400; font-size:24px; line-height:1; color:#333; white-space:nowrap; text-overflow:ellipsis;}
#kuaijie .kuaijie-box .text-wrap p a {font-weight:300; font-size:17px; line-height:22px;}
#kuaijie .kuaijie-box .img-wrap {overflow:hidden;}
#kuaijie .kuaijie-box .img-wrap img {width:100%;  transform:scale(1); transition:.3s;}
#kuaijie .kuaijie-box:hover {box-shadow:15px 15px 25px rgba(0,0,0,.15); transition:box-shadow .3s;}
#kuaijie .kuaijie-box:hover .text-wrap:before {opacity:1; top:-5px;}
#kuaijie .kuaijie-box:hover img {transform:scale(1.1);}
 /* -------- NEWS -------- */
#mainNews {background:#fff;}
#mainNews .news-list {font-size:0;}
#mainNews .news-box {display:inline-block; margin-left:26px; width:calc(25% - 26px); vertical-align:top; transform:scale(1);}
#mainNews .news-box:first-child {margin-left:0;}
#mainNews .news-box a {display:block;}
#mainNews .news-box .text-wrap {position:relative; padding:33px 35px; min-height:150px; background:#f9f9f5; text-align: center;}
#mainNews .news-box .text-wrap:before {content:''; position:absolute; top:0; left:27px; width:4px; height:30px; background:#ef4136; transition:.3s; opacity:0;}
#mainNews .news-box .text-wrap h3 {overflow:hidden; display:block; margin-bottom:14px;}
#mainNews .news-box .text-wrap h3 a {max-width:100%; font-weight:400; font-size:24px; line-height:1; color:#333; white-space:nowrap; text-overflow:ellipsis;}
#mainNews .news-box .text-wrap p a {font-weight:300; font-size:17px; line-height:22px;}
#mainNews .news-box .img-wrap {overflow:hidden;}
#mainNews .news-box .img-wrap img {width:100%; transform:scale(1); transition:.3s;}
#mainNews .news-box:hover {box-shadow:15px 15px 25px rgba(0,0,0,.15); transition:box-shadow .3s;}
#mainNews .news-box:hover .text-wrap:before {opacity:1; top:-5px;}
#mainNews .news-box:hover img {transform:scale(1.1);}
/****************************************neiye***********************************/
.nybg{ margin-top:100px;}
.ny_weizhi{ width:100%; margin:0 auto; height:80px; line-height:80px;}
.ny_weizhi dd{display: block; height:80px; line-height:80px; color:#666}
.ny_weizhi dd a{ height:80px; line-height:80px;color:#666}
.nyrightcent{ width:100%;font-size:16px; line-height:35px; text-align:left; padding-bottom:30px;}
.nyrightcent b{ font-size:24px;}
.nyrightcent b:before{content: '';display: inline-block; margin: -5px 0px 0px 0px; width:80px; height:5px; background: url(../images/bg.jpg) no-repeat; position:absolute;}
.nyrightcent strong:before {content:'';display: inline-block; margin: -3px 0px 0px 0px; width:30px; height:2px; background: url(../images/bg.jpg) no-repeat; position:absolute;}
.nyrightcent img{ max-width:100%; margin-bottom:20px;}
.nyrightcenttit{margin-top:20px; padding-bottom:30px; margin-bottom:20px;border-bottom:1px solid #666;}
.ximnwen{border:1px solid #CCC; padding:30px;}
.xtb_s{ width:100%; border-bottom:1px solid #CCC; margin-bottom:20px; text-align:center;}
.xtb_s span{ margin:10px;}
/*上一页下一页*/
.news_page{overflow: hidden;background:#f5f5f5; margin-bottom:30px;}
.news_page dt,.news_page dd{ width:50%;float:left; height:40px; line-height:40px; overflow:hidden;padding:0 10px 0 30px;background:#f5f5f5;}
.news_page .pagepre{background:#f5f5f5 url(../images/pagepre.png) no-repeat 10px center;} 
.news_page .pagepre a{line-height:40px; color:#444} 
.news_page .pagenext{text-align: right;padding-right: 30px; background:#f5f5f5 url(../images/pagenext.png) no-repeat 98% center; } 
.news_page .pagenext a{line-height:40px; color:#444} 
.news_page .pagepre:hover{ background:#d8d8d8 url(../images/pagepre.png) no-repeat 10px center;}
.news_page .pagenext:hover{background:#d8d8d8 url(../images/pagenext.png) no-repeat 98% center;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main-timeline{overflow: hidden;position: relative; margin-top:20px; margin-bottom:50px;}
.main-timeline:before{ content: "";width: 7px;height: 100%;background: #909090;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.main-timeline .timeline{width:50%;padding-left:50px;float: right;position: relative; min-height:100px;}
.main-timeline .timeline:before{content: "";width: 30px;height: 30px;border-radius: 50%;background: #da251d;border: 7px solid #fff;position: absolute;top: 50%;left: -23px;transform: translateY(-50%);}
.main-timeline .timeline:after{content: "";display: block;border-right: 30px solid #eee;border-top: 20px solid transparent;border-bottom: 20px solid transparent;position: absolute;top: 50%;left: 24px;transform: translateY(-50%);}
.main-timeline .timeline-content{display: block;padding:10px;border-radius:50px;background: #eee;position: relative;}
.main-timeline .timeline-content:before,.main-timeline .timeline-content:after{content: "";display: block;width: 100%;clear: both;}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .inner-content{width:85%;float:right;padding:10px;background: #fff;border-radius: 0 50px 50px 0;color: #666; line-height:30px;}
.main-timeline .year{display: inline-block;font-size:30px;color:#da251d;position:absolute;top:50%;width:15%; text-align: center;overflow:hidden; display:block;transform: translateY(-50%);}
.main-timeline .title{font-size:24px; font-weight:normal;margin: 0 0 5px 0;color:#da251d;}
.main-timeline .description{font-size:14px;}
.main-timeline .timeline:nth-child(2n){ padding: 0 50px 0 0; }
.main-timeline .timeline:nth-child(2n):before{left: auto;right: -24px;}
.main-timeline .timeline:nth-child(2n) .year{ width:15%;text-align: center;overflow:hidden; display:block; right:0;}
.main-timeline .timeline:nth-child(2n):after{border-right: none;border-left: 30px solid #eee;left: auto;right: 24px;}
.main-timeline .timeline:nth-child(2n) .inner-content{float:none;border-radius: 50px 0 0 50px;text-align:left; padding-left:20px;}
.main-timeline .timeline:nth-child(2n){ margin-top:80px; float: }
.main-timeline .timeline:nth-child(odd){ margin:-50px 0 0 0; }
.main-timeline .timeline:nth-child(even){ margin-bottom: 50px; }
.main-timeline .timeline:first-child,.main-timeline .timeline:last-child:nth-child(even){ margin: 0; }
@media only screen and (max-width: 1200px){
.main-timeline .inner-content{ width: 90%; line-height:25px;}
.main-timeline .year{font-size: 45px;left:0px;transform: translateY(-50%) rotate(-90deg);}
.main-timeline .timeline:nth-child(2n) .year{ right: 10px; }}
@media only screen and (max-width: 990px){
.main-timeline .year{font-size:20px;}
.main-timeline .timeline:nth-child(2n) .year{ right: 0; }}
@media only screen and (max-width: 767px){
.main-timeline .title{font-size:16px;text-transform: uppercase;margin: 0 0 5px 0;}
.main-timeline:before,.main-timeline .timeline:before{left: 10px;transform: translateX(0);}
.main-timeline .timeline:nth-child(2n):after{border-left: none;border-right: 30px solid #eee;right: auto;left: 24px;}
.main-timeline .timeline,.main-timeline .timeline:nth-child(even),.main-timeline .timeline:nth-child(odd){width: 100%;float: none;margin: 0 0 30px 0;}
.main-timeline .timeline:last-child{ margin-bottom: 0; }
.main-timeline .timeline:nth-child(2n){ padding: 0 0 0 50px; }
.main-timeline .timeline:nth-child(2n) .inner-content{float:none;border-radius: 50px 0 0 50px;text-align:left; padding-left:10px;}
.main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{ left: -2px; }
.main-timeline .inner-content{ width:85%; }
.main-timeline .timeline:nth-child(2n) .inner-content{float: right;border-radius: 0 50px 50px 0;text-align: left;}
.main-timeline .timeline:nth-child(2n) .year{right: auto;left: 0;}
} 
@media only screen and (max-width: 479px){.main-timeline .timeline-content{ padding: 15px; }
.main-timeline .inner-content{ width: 80%; }
.main-timeline .year{ font-size: 30px; }}

.fl{float:left;}
.fr{float:right;}
.news-list { margin-top: 40px; } 
.news-list li {width:32%;height: auto!important;background:#f3f3f3;float: left;margin-right:2%;transition: all .8s;-webkit-transition: all .8s;-moz-transition: all .8s;margin-bottom: 40px; }
.news-list li:nth-of-type(3n) {margin-right: 0; }
.news-list li>a{display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
.news-list li .pic {width: 100%;overflow: hidden;flex-shrink: 0;}
.news-list li .pic img { width: 100%;transition: transform .5s ease-out;  height:360px;-webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out; }
.news-list li .bottoms-box{display: flex;flex-direction: column;justify-content: space-between;}
.news-list li .info-box {padding:20px; }
.news-list li .info-box .tt { color: #333; font-size: 24px; }
.news-list li .info-box .info { line-height: 2em; margin-top:10px; color: #999; font-size: 14px; }
.news-list li .bottom {height:59px;position: static;width: 100%;bottom: 0;border-top: 1px solid #e0e0e0;display: block; }
.news-list li .bottom .time { width: calc(100% - 60px); height: 60px; line-height: 60px; padding-left: 30px; box-sizing: border-box; color:#999; font-size: 14px; }
.news-list li .bottom .arr { width: 60px; height: 58px; background-image: url("../images/index16.png"); background-repeat: no-repeat; background-size: 12px 20px; background-position: center center; border-left: 1px solid #e0e0e0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
.news-list li:hover {box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }
.news-list li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.news-list li:hover .info-box .tt { color: #000; }
.news-list li:hover .bottom .arr { background-color: #000; background-image: url("../images/index15.png"); }
.nyrightcentzw{background:#f9f9f5; padding:50px;}
.cp_rg li{float:left;margin-right:2%; width:23%;margin-bottom:22px;}
.cp_rg li:nth-child(4n){margin-right:0;}
.cp_rg li img{width:100%; margin-bottom:0px;}
.cp_rg li p{height:50px;line-height:50px;color:#000;text-align:center; font-weight:500; letter-spacing:1px;font-size:26px;overflow: hidden;}
.cp_rg li span{line-height:25px;color:#524e4d;text-align:center; font-weight:normal;letter-spacing:1px;font-size:16px; display:block; margin-top:30px;}
.clear{ clear:both;}
.cp_rgg li{float:left;margin-right:1.3%; width:24%; padding:2%;margin-bottom:22px;}
.cp_rgg li:nth-child(4n){margin-right:0;}
.cp_rgg li img{ max-width:100%;margin-bottom:0px;}
.cp_rgg li p{height:50px;line-height:50px;color:#000;text-align:center; font-weight:500; letter-spacing:1px;font-size:20px;overflow: hidden;}
.cp_rgg li span{line-height:25px;color:#524e4d;text-align:center;letter-spacing:1px;font-size:14px; display:block; margin-top:10px;}

.cpzs{ width:100%; margin-bottom:20px;}
.cpzstp{ width:45%; float:left;}
.product_xa{ width:53%; float:right;}
.product_x{clear:both;}
.product_xx{height:50px; border-bottom:1px solid #da251d;margin-bottom:10px;clear:both;}
.product_xx h2{line-height:50px;font-size:20px;color:#da251d; font-size:24px;}
#product_info{height:auto;overflow:hidden; font-size:16px; line-height:30px; clear:both; text-align:left;}
#product_info img{ max-width:100%;}
.tab-box{ width: 100%; margin-top: 40px; }
.tab-box .tab{}
.tab-box .tab ul li{ width: 33.3%; float: left;  height: 55px; line-height: 55px; text-align: center;border-bottom: 1px solid #eee; background:#eee;}
.tab-box .tab ul li.action{ background: #da251d; color:#fff; font-weight:bold;}
.tab-box .box{width: 100%; height: auto; }
.tab-box .box .item{display: none;height:auto;overflow:hidden; font-size:16px; line-height:30px; clear:both; text-align:left; margin-top:20px;}
.tab-box .box .item img{ max-width:100%; margin:0px;}
.tab-box .box .item:first-child{display: block;}

.cpdaohang{width:15%; float:left;}
.cpdaohang p{height:60px; margin-top:30px; background:#da251d; color:#fff; font-size:24px; line-height:60px; text-align:center;}
.cpdhr{width:82%; float:right;}
.sort_a1{border:1px solid #dcdcdc; border-bottom: none;}
.sort_a1 a{display: block;}
.sort_a1 li.layer1{ border-bottom:1px solid #dcdcdc;}
.sort_a1 li.layer1>a{color: #000;font:500 16px/50px "微软雅黑";text-indent: 8px;background: url(../images/st1.png) no-repeat 187px center;}
.sort_a1 li.layer1:hover>a{background: url(../images/st2.png) no-repeat 187px center;}
.sort_a1 li div.layer2{border-top:1px solid #bfbfbf;padding: 13px 0;}
.sort_a1 li div.layer2>ul>li{margin-left: 17px;}
.sort_a1 li div.layer2>ul>li>a{color: #3e3e3e;font:500 15px/28px "微软雅黑";background: url(../images/pagenext.png) no-repeat left 8px;padding-left: 17px;}
.sort_a1 li div.layer2>ul>li .layer3{margin-left:30px;padding: 8px 0;}
.sort_a1 li div.layer2>ul>li .layer3 a{color: #5d5d5d; line-height:30px; font-size:14px;}
.sort_a1 li a.linshi,.sort_a1 li.active>a{color: #da251d !important;}

@media (max-width: 767px) {
.cpdaohang{ display:none;}
.cpdhr{ float:none; width:100%;}	
#wrapper {overflow:hidden; width:100%;}
.inner {margin:0 auto; width:96%;}
#header {position:fixed; top:0; left:0; z-index:9999; width:100%; height:100px; padding-top:10px;transition:.3s all; background:#fff; border-bottom:2px solid #da251d;}
#header .inner { height:100px; padding:0 0px; box-sizing:border-box;margin:0 auto; width:100%;}
#header .logo {float: none; margin-top:0px; padding-left:20px;width:50%;}
#header .logo a {}
#header .logo a img{ max-height:50px;}
/* -------- header utils -------- */
.header-utils {width:35%; float:right;}
.header-utils .logoin-wrap {font-size:0; width:100%;}
.header-utils > ul > li {display:inline-block; vertical-align:middle; width:33%; float:left;}
.header-utils > ul > li > a {display:block; text-align:center;font-size:15px; line-height:50px; color:#4d4948;}
.header-utils > ul > li > a img{ margin-top:10px;}
/* -------- gnb -------- */
.menu{ display:none;}
#gnb {clear:both;float:none; width:100%; background:#da251d; margin-top:10px;}
#gnb ul {margin: 0 auto; width:100%;}
#gnb .depth01 {display:inline-block; width:19%;vertical-align:middle; text-align:center;}
#gnb .depth01 > a {position:relative; display:block; font-size:14px; line-height:40px; color:#fff;}
.nav_on{ border-bottom:0px solid #da251d; }
#gnb .depth01:hover .ol-list { display: none;}
.nav_show{top:70px}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:10px}
/* FOOTER------------------------------------------------------ */
.footer-top {width:100%; border:1px solid #da251d; border-width:1px 0; height:60px;}
.footer-top .inner {padding:10px 0 0; overflow:hidden;}
.footer-etc-banner {float:none; font-size:0; width:100%; display:none}
.footer-etc-bannerr {float:none; font-size:0; width:100%;}
.footer-etc-bannerr li {display:inline-block; margin-right:0px; width:16.5%; vertical-align:middle; float:none; text-align:center;}
.footer-etc-bannerr li  img{ max-height:40px;}
.footer-bottom {clear:both; padding:20px 0 20px; width:100%; box-sizing:border-box;}
.footer-bottom address {float:left; clear:both; margin:0; width:60%; font-style:normal;}
.footer-bottom address span {position: static; display:block; padding:0 15px; font-size:14px; line-height:28px; color:#000; vertical-align:top;}
.footer-bottom .tel-info {float:right; margin-top:0px; width:38%; text-align:right; font-size:0;}
.footer-bottom .tel-info dd {font:700 20px/1 'NanumSquare'; color:#ef4136;}
/* main contents------------------------------------------------------ */
#mainContents {width:100%;}
#mainContents h2 {margin-bottom:0; text-align:center; font-weight:300; font-size:22px; color:#333;}
#mainContents h2:before {content: '';display: inline-block; margin: -20px 0px 0px 0px; width: 100px; height: 5px; background: url(../images/bg.jpg) no-repeat; position:absolute;}
#mainContents h2 + p {margin-bottom:30px; text-align:center; margin-top:20px;font-size:14px; line-height:32px;}
#mainContents .section{width:100%; padding:50px 0; }
.control-box { display:none;}
.syys{overflow:hidden; height: auto; margin-top:50px; margin-bottom:50px;}
.syysleft{width:100%; position: static; float: none; z-index:1;}
.syysright{width:100%; float:none; position: static; text-align:center; z-index:99;background:#fff; height:auto; margin-top:20px;}
.syysright h2{margin-top:40px; margin-left:0px; display: inline-block; }
.syysrightnr{margin-left:0px; margin-top:20px;font-size:14px; line-height:30px; text-align:center;}
#kuaijie .kuaijie-box {display:inline-block; margin-left:0px; margin-bottom:10px; width:100%; vertical-align:top; transform:scale(1);}
#kuaijie .kuaijie-box .text-wrap {position:relative; padding:10px; min-height:70px; background:#fff; text-align: center;}
#kuaijie .kuaijie-box .text-wrap h3 a {max-width:100%; font-weight:300; font-size:20px; line-height:1; color:#333; white-space:nowrap; text-overflow:ellipsis;}
#kuaijie .kuaijie-box .text-wrap p a {font-weight:300; font-size:14px; line-height:22px;}
#mainNews .news-box {display:inline-block; margin-left:10px; width:calc(50% - 10px); vertical-align:top; transform:scale(1); margin-bottom:20px;}
#mainNews .news-box:nth-child(2n) {float:right;}
#mainNews .news-box:nth-child(3) { margin-left:0px; float:left;}
#mainNews .news-box .text-wrap {position:relative; padding:10px; min-height:100px; background:#f9f9f5; text-align: center;}
#mainNews .news-box .text-wrap  h3 a {max-width:100%; font-weight:300; font-size:20px; line-height:1; color:#333; white-space:nowrap; text-overflow:ellipsis;}
#mainNews .news-box .text-wrap p a {font-weight:300; font-size:14px; line-height:22px;}
.ny_weizhi{ width:100%; margin:0 auto;  min-height:50px; line-height:30px; clear:both;}
.ny_weizhi dd{display: inline-block;  min-height:50px;  line-height:30px; color:#666}
.ny_weizhi dd a{  min-height:50px;  line-height:30px;color:#666; font-size:14px;}
.nyrightcent b,.nyrightcent strong{ font-size:16px;}
.nyrightcent{ width:100%;font-size:14px; line-height:25px; text-align:left; padding-bottom:0px;}
.nyrightcenttit{margin-top:30px; padding-bottom:20px; margin-bottom:20px;border-bottom:1px solid #666;}
.ximnwen{border:1px solid #CCC; padding:10px; clear:both; margin-top:30px;}
.news-list li {width: 100%;height: auto; }
.news-list li .info-box .tt { color: #333; font-size:16px; }
.news-list li .info-box .info { line-height:1.5em; margin-top:10px; color: #999; font-size: 12px; }
.news_page {line-height:40px; color:#444; font-size:12px;} 
.nyrightcentzw{background:#f9f9f5; padding:10px;}
#mainProduct .cp_rga{ display: block;}
.cp_rga li{float: left;margin-right:1%; width:49%;margin-bottom:30px; border:1px solid #ddd;}
.cp_rga li img{ max-width:100%;}
.cp_rgg li:nth-child(2){margin-right:0; float:right;}
.cp_rga li p{height:50px;line-height:50px;color:#000;text-align:center; font-weight:500; letter-spacing:1px;font-size:20px;overflow: hidden;}
.cp_rga li span{line-height:25px;color:#524e4d;text-align:center; padding-bottom:10px;font-weight:normal;letter-spacing:1px;font-size:12px; display:block; margin-top:10px;}


.cp_rg li{float: none;margin-right:0px; width:100%;margin-bottom:30px;}
.cp_rg li p{height:50px;line-height:50px;color:#000;text-align:center; font-weight:500; letter-spacing:1px;font-size:20px;overflow: hidden;}
.cp_rg li span{line-height:25px;color:#524e4d;text-align:center; padding-bottom:10px;font-weight:normal;letter-spacing:1px;font-size:14px; display:block; margin-top:10px;}
.cp_rgg li{float:left;margin-right:2%; width:49%; padding:2%;margin-bottom:22px;}
.cp_rgg li:nth-child(2n){margin-right:0;}
.cp_rgg li img{ max-width:100%;margin-bottom:0px;}
.cp_rgg li p{height:30px;line-height:30px;color:#000;text-align:center; font-weight:500; letter-spacing:1px;font-size:20px;overflow: hidden;}
.cp_rgg li span{line-height:25px;color:#524e4d;text-align:center;letter-spacing:1px;font-size:14px; display:block; margin-top:0px;}
.cpzstp{ width:100%; float: none;}
.product_xa{ width:100%; float:none;}
#product_info{height:auto;overflow:hidden; font-size:14px; line-height:30px; clear:both; text-align:left;}

.news-list li .pic img{ height:auto;}
}
.page_f{text-align: center;margin-top:30px; margin-bottom:30px;width:100%;}
.page_f li{padding:6px;border: 1px solid #ddd;display: inline-block;float: none;margin-right:5px; width:50px;}
.page_f li a{display: inline-block;}
.page_f .thisclass{background:#eee;color: #333;}
.page_f li:hover{background:#d80e19 !important;color: #fff;}
.page_f li:hover a{color: #fff;}
.page_f li:hover span{color: #fff;}
/* 按钮和登陆框样式 */
.flatbtn{display:inline-block;outline:0;border:0;color:#f3faef;text-decoration:none;background-color:#6bb642;text-align:center;border-radius:3px;}
.flatbtn:hover{color:#fff;background-color:#73c437;}
.flatbtn:active{-webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);}
/** custom login button **/
.flatbtn-blu{ width:30%; height:40px; display:inline-block;border:0;color:#edf4f9;background-color:#4f94cf;font-size:14px;padding:6px 5px;text-align:center;}
.flatbtn-blu:hover{color:#fff;background-color:#519dde;}
.flatbtn-blu:active{-webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);}
/** modal window styles **/
#lean_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
#loginmodal{width:400px;padding:15px 20px;background:#f3f6fa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);}
.txtfield{ display:block;width:70%;padding:6px 5px; height:40px;margin-bottom:15px;color:#7988a3;font-size:14px;border:1px solid; float:left;}