@charset "utf-8";
/* CSS Document */





.nybd { width: 100%; overflow: hidden; position: relative; }
.nybd img { width: 100%; }
.nybd .bdtx { position: absolute; left: 5%; top: 30%; height: 80px; }
.nybd .bdtx h2 { font-size: 44px; color: #fff; text-shadow: 0 0 8px #333; line-height: 1; font-family: "CENTURYGOTHIC-BOLD", 黑体; text-transform:uppercase; }
.nybd .bdtx i { display: block; width: 40px; height: 2px; background-color: #fff; margin-top: 30px; }
.nybd .bdtx h3 { font-size: 24px; color: #fff; line-height: 1.35em; margin-top: 4%; text-shadow: 0 0 8px #333; max-width: 520px; }
.newsbdtx { left: 12%; }
 @media only screen and (max-width: 760px) {
.nybd .bdtx { top: 40%; height: 80px; }
.nybd .bdtx h2 { font-size: 24px; }
.nybd .bdtx h3 { display: none; overflow:  }
}
 @media only screen and (max-width: 460px) {
.nybd .bdtx { top: 20%; height: 80px; }
.nybd .bdtx h2 { font-size: 18px; }
.nybd .bdtx i { margin-top: 20px; }
}
/*

	内容

*/



.bout { padding: 20px 10px; line-height: 25px; }
.bout p { padding-bottom: 10px; }
.bout table { width: 100%; }
.bout td { border: 1px #DDDDDD solid; }
/*

	新闻

*/



.newslist { padding: 0 12%; }
.newslist .newslistul { padding-top: 20px; }
.newslist .loadbtn a { box-shadow: 0 0 30px rgba(0,0,0,0.15); }
.newslist .newslistli { overflow: hidden; padding-top: 3%; padding-bottom: 4%; border-bottom: 1px #f9f9f9 solid; }
.newslist .newslistli .newsliimg { position: relative; }
.newslist .newslistli .newsliimg::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; transition: all 0.5s ease 0s; }
.newslist .newslistli:hover .newsliimg::after { opacity: 1; filter: alpha(opacity=100); transition: all 0.5s ease 0s; }
.newslist .newslistli:hover .newsliimg img { transform: scale(1.07); transition: all 0.5s ease 0s; }
.newslist .newslistul .newslistli:hover .newsliimg { background-color: transparent; }
.newslist .newslistul .newslistli:hover .newsliimg img { opacity: 1; transform: scale(1); }
.newslist .newsliimg { display: block; width: 25%; overflow: hidden; float: left; }
.newslist .newsliimg img { width: 100%; transition: all 0.5s ease 0s; }
.newslist .newslitx { width: 75%; box-sizing: border-box; padding-left: 5%; float: right; }
.newslist .newslitx h2 { font-size: 18px; color: #333; line-height: 22px; margin-bottom: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist .newslitx .newslip { font-size: 14px; color: #666; line-height: 22px; }
.newslist .newslitx .newslip p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.newslist .newsdate { font-size: 14px; color: #999; line-height: 22px; margin-top: 2%; padding-left: 20px; background: url(../images/clock.png) no-repeat left center; background-size: 16px 16px; }
 @media only screen and (max-width: 980px) {
.newslist { padding: 0 5%; }
}
 @media only screen and (max-width: 760px) {
.newsliimg { width: 100% !important; margin-bottom: 5%; }
.newslitx { width: 100% !important; padding-left: 0 !important; }
.newslitx .newslip { display: none; }
}
/*

	新闻详情

*/

.info { padding: 5% 12%; }
.info .infotit { border-bottom: 1px #e5e5e5 solid; padding-bottom: 20px; margin-bottom: 30px; }
.info .infotit .infot { width: 80%; }
.info .infotit .infot h2 { font-size: 26px; color: #333; line-height: 30px; }
.info .infotit .infot p { font-size: 14px; color: #999; line-height: 20px; margin-top: 10px; }
.info .infotit .share { border-bottom: none; }
.info .infotx p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 30px; 
white-space: pre-wrap!important }
.info .infotx img { max-width: 100%; }
.info .infofun { padding: 3% 0; }
.info .infoctrl p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; font-size: 14px; line-height: 24px; color: #666; }
.info .infoctrl p a { color: #666; }
.info .infoctrl p a:hover { color: #d93831; }
.info .infofun { padding: 3% 0; }
.info .share { padding-bottom: 20px; border-bottom: 1px #3c3c42 solid; }
.info .share .bdsharebuttonbox a { display: inline-block; *zoom: 1;
width: 40px; height: 40px; padding: 0; margin-right: 20px; }
.info .share .bdsharebuttonbox a.bds_weixin { background: url(../images/wx.png) center no-repeat; background-size: cover; }
.info .share .bdsharebuttonbox a.bds_tsina { background: url(../images/xl.png) center no-repeat; background-size: cover; }
/*============返回按钮=============*/

.backlistbtn a { display: inline-block; *display: inline;
 *zoom:1;
width: 120px; height: 36px; text-align: center; line-height: 36px; border: 1px #999 solid; border-radius: 18px; font-size: 14px; color: #999; transition: all 0.5s ease 0s; }
.backlistbtn a:hover { color: #c3072c; border-color: #c3072c; transition: all 0.5s ease 0s; }
 @media only screen and (max-width: 760px) {
.info .infotit .infot { width: 100%; }
.info .share { display: none; }
.info { padding: 5% 5%; }
.info .infoctrl { width: 100%; }
.backlistbtn { padding-top:10px; }
}
/*

	产品

*/

.product-search { background:#F9F9F9; padding:20px 0; border-bottom:1px #FFFFFF solid; display:none; }
.product-search h1 { color: #666; font-size: 15px; padding-bottom: 10px; width: 90%; margin:0 5%; }
.product-search .search { width: 90%; margin:0 5%; max-width: 517px; height: 37px; padding: 2px; position: relative; background: url(../images/product_search_form_bg.png) no-repeat; }
.product-search .search input[type="text"] { float: left; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); max-width: 460px; height: 37px; float: left; line-height: 30px; padding: 0 10px; font-size: 16px; color: #000; border: 0 none; background: none; font-family: "微软雅黑"; }
.product-search .search input[type="submit"] { float: left; height: 37px; width: 37px; }
.product-search .search ::-webkit-input-placeholder {
color:#000;
}
.product-search .search ::-moz-placeholder {
color:#000;
}
.product-search .search :-moz-placeholder {
color:#000;
}
 @media screen and (max-width: 980px) { .product-search { display:block; } }

.pro_menu { width: 20%; float: left; border-bottom: 1px solid #f9f9f9; position: relative; z-index: 20; top: 1px; }
.pro_menu dt { border-top: 1px solid #f9f9f9; height: 60px; line-height: 60px; padding: 0 8%; font-size: 17px; color: #333; cursor: pointer; }
.pro_menu dt img { display: block; float: right; width: 15px; margin-top: 22px; border-left: none; border-bottom: none; }
.pro_menu dl.on dt { background: #167852; color: #fff; }
.pro_menu dl.on dt a { color: #FFF; }
.pro_menu dl.on img { margin-top: 30px; }
.pro_menu dd { border-right: 1px solid #f9f9f9; background: #fCfCfC; padding: 19px 8% 17px 15%; display: none; }
.pro_menu dd a { display: block; font-size: 16px; color: #666; line-height: 26px; padding: 8px 0; }
.pro_menu dd a.on,
.pro_menu dd a:hover { font-size: 18px; color: #167852; font-weight: bolder; }
/*=========================*/

.synewpro .newproli { width: 80%; float: left;margin-bottom: 30px; }
.synewpro .tit { padding: 25px 0; background-color: #f9f9f9; display: none; cursor: pointer; }
.synewpro .tit h2.tx { display: inline-block; *display: inline;
font-size: 32px; line-height: 1; color: #333; margin-left: 5%; padding-right: 18px; vertical-align: top; }
.synewpro .tit h2 { display: inline-block; *display: inline;
vertical-align: top; padding-top: 20px; font-size: 18px; line-height: 24px; color: #333; }
.synewpro .tit .arrow1 { width: 33px; float: right; margin-top: 30px; margin-right: 25px; }
.synewprotit { display: none; width: 50%; height: 426px; padding: 0 5%; box-sizing: border-box; text-align: center; box-shadow: inset 1px 0 0 #f9f9f9; background-color: #f9f9f9; }
.synewprotit h2 { font-size: 28px; color: #333; padding: 40px 0; line-height: 1; font-weight: bolder; position: relative; top: 50%; margin-top: -54px; }
.pro { float: left; width: 23.333%; height: 376px; margin-top: 56px; margin-left: 5%; margin-right: 5%;  
box-sizing: border-box; box-shadow: inset 1px 0 0 #f9f9f9;
position: relative; background-color: #fff; overflow: hidden; }
.pro:hover .proimg { transition: all 0.5s; }
.pro:hover .protit {height: 0px;display: none;}
.pro:hover .protit1 { position: absolute;height: 100%;cursor: pointer; }
.pro:hover .protit1 p {margin-top: 130px;color: #fff; }
.pro .proimg {width: calc(100% - 2px); height:374px;line-height:374px;text-align: center;border: solid 1px #c3c3c3;}
.pro .proimg img{ max-height:374px;max-width: 100%;display: inline-block; vertical-align: middle;}
.pro .protit { position: absolute; z-index: 3; transition: all 0.5s ease 0s;width: 90%;padding: 10px 5%;
background-color:rgba(22,120,82,0.7);bottom: 0px;line-height: 40px;}
.pro .protit1 {  z-index: 4; transition: all 0.5s ease 0s;width: 90%;padding: 0 5%;
background-color:rgba(22,120,82,0.7);bottom: 0px;height: 0px;padding-top: 10px;overflow: hidden;line-height: 30px;}
.pro .protit p { font-size: 18px; color: #fff; line-height: 24px; }
.pro .protit1 p {font-size: 18px;line-height: 24px; margin-top: 50px;color: #fff; }
.morebtn { display:none; width: 44px; height: 44px; margin-top: 10%; border-radius: 50%;
 background: url(../images/more.png) no-repeat center; background-size: cover;
  transition: all 0.5s ease 0s; }
.morebtn:hover { background: url(../images/morecur.png) no-repeat center; background-size: cover; transition: all 0.5s ease 0s; }

 @media screen and (max-width: 1280px) {
.pro_menu { width: 25%; }
.synewpro .newproli { width: 75%; }
.synewprotit { display: none; }
.pro { padding-top: 40px; border-bottom: 1px solid #f9f9f9;margin-top: 26px; }
.pro .proimg { bottom: 0px; }
.infotuiji .newproli .pro { width:50%; }
}

 @media screen and (max-width: 980px) {
.pro { overflow: hidden; }
.pro .proimg { width: 85%; }
.synewpro .tit { display: none; }
.synewpro .newproli { width: 100%; }
.pro_menu { width: 100%; float: none; display: none; border-bottom: 1px #CCC solid; }
.pro_menu dt { border-right: none; padding: 0 4%; }
.pro_menu dl.on dt { background: #167852; }
.pro_menu dd { padding: 19px 4% 17px 8%; }
}
 @media screen and (max-width: 766px) {
.synewprotit { width: 100%; height: 74px; }
.synewprotit h2 { padding: 20px 0; margin-top: -34px; font-size: 24px; font-weight: normal; }
.infotuiji .newproli .pro { height: auto; }
.pro { width: 100%; gpadding-top: 15px; border-bottom: 1px solid #f9f9f9; padding-left: 0; }
.pro .protit { text-align: center; margin-bottom: 0; }
.pro .protit h2 { font-size: 24px; font-weight: normal; margin-bottom: 0px; }
.pro .protit p { font-size: 16px; padding-top: 5px; }
.pro .proimg { width: 90%; bottom: 20px; position: static; }
.pro .proimg img { max-height: 300px !important; }
.pro .morebtn { display: none; }
.synewpro .tit a.tx { font-size: 24px; }
.infotuiji .newproli .pro { width:100%; }

}
.loadbtn { width: 100%; float: left; display: block; padding: 60px 0; }
.loadbtn a { display: block; margin: 0 auto; width: 250px; height: 65px; text-align: center; line-height: 65px; font-size: 16px; box-shadow: 0 0 30px rgba(0,0,0,0.15); background-color: #fff; color: #333; transition: all 0.5s ease 0s; }
.loadbtn a:hover { background-color: #167852; color: #fff; transition: all 0.5s ease 0s; }
 @media screen and (max-width: 1144px) {
.loadbtn { padding: 60px 0 60px; }
.loadbtn a { width: 220px; height: 55px; line-height: 55px; font-size: 16px; }
}
 @media screen and (max-width: 766px) {
.loadbtn { padding: 30px 0 30px; }
.loadbtn a { width: 140px; height: 36px; line-height: 36px; font-size: 14px; }
}
/*

	产品详情

*/



.proslide { padding-bottom: 30px; background-color: #FFF; }
.probimgbox {  }
.clbtn { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; opacity: 0.8; transition: all 0.3s linear 0s; z-index: 2; }
.clbtn:hover { opacity: 1; transition: all 0.3s linear 0s; }
.clbtn.prevbtn { left: 20%; background: url(../images/flex-prev.png) no-repeat center; background-size: 13px 23px; }
.clbtn.nextbtn { right: 5%; background: url(../images/flex-next.png) no-repeat center; background-size: 13px 23px; }
.probimgbox .probimg { margin: 0 auto; }
.probimg { width: 60%; padding: 20px 0; text-align: center; }
.probimg img { height: auto; max-width: 100%; max-height: 500px; }
.probimgbox .prodesc { display: none; }
.probimgbox .probimg { width: 60%; margin-left: 20%;  }
.por { position: relative; }
.prosimg { text-align: center; width: 60%;margin-left: 20%; }
.prosimg .proclli{position: relative;text-align: center;}
.prosimg .proclli ul{position: relative;}
.prosimg .proclli ul li {  height: 80px;margin-right: 10px;display: inline-block;position: relative;
float: left; border: 2px #e5e5e5 solid; cursor: pointer; box-sizing: border-box; }
.prosimg .proclli ul li a{text-indent: -9999px;display: block;width: 80px;height: 80px;
outline: 0;overflow: hidden;}
.prosimg .proclli ul li a img { max-width: 100%;display: block;margin: 0 auto;  }
.prosimg .proclli ul li.cur { border: 2px #167852 solid; }
 @media screen and (max-width: 980px) {
.prosimg { height: 198px; margin-top: -99px; }
.prosimg .proclli ul li { width: 54px; height: 54px; padding-top: 0px; }
}
 @media screen and (max-width: 766px) {
.prosimg { height: 144px; margin-top: -72px; }
.prosimg .proclli ul li { width: 36px; height: 36px; padding-top: 0px; }
}
/*	参数	*/

.searchNo { font-size:18px; padding:5%; }

.prodatat {  padding: 0% 5%; }
.prodatat { padding: 0 5%; }
.protit { width: 100%;  }
.protit .mc { font-size: 30px; color: #333; line-height: 1; margin-bottom: 10px; }
.protit .xh { font-size: 18px; color: #666; line-height: 40px;margin-top: 50px; }
.pro_nav { padding: 0 10%; background: #f9f9f9; height: 52px; }
.pro_nav li { float: left; cursor: pointer; margin-top: 14px; white-space: nowrap;
 text-overflow: ellipsis; width: 25%; text-align: center; }
.pro_nav li a { display: block; font-size: 17px; color: #333; 
 position: relative; width: auto;border-right: 1px solid rgba(0,0,0,0.1); }
.pro_nav li:first-child { margin-left: 0px; }
.pro_nav li:last-child { border-right: 0px none; }
.pro_nav .arrowT { width: 100%; position: absolute; bottom: -15px; left: 50%; margin-left: -50%; display: none; border-bottom: 4px #167852 solid; }
.pro_nav li.on .arrowT { display: block; }
.pro_det_main { width: 80%; margin: 0 10% 50px; }
.pro_path { display: none; }
.pro_path { padding-top: 47px; }
.pro_path .title { font-size: 25px; color: #333; font-weight: bolder; line-height: 35px; display: none; }
.pro_intro { font-size: 17px; color: #333; line-height: 33px; padding-top: 22px; }
.pro_intro img { max-width: 100%; }
.pro_intro td { border: 1px #CCCCCC solid !important; }
 @media only screen and (max-width: 900px) {
.pro_nav { display: none; }
.pro_det_main { width: 100%; margin: 0px 0 0 0; border-top: 1px solid #eee; }
.pro_path { display: block !important; }
.pro_path { padding-top: 0; border-bottom: 1px solid #eee }

.pro_path .title { height: 55px; padding: 0 4%; font-weight: normal; font-size: 17px; line-height: 55px; background: #fff; position: relative; cursor: pointer; display: block; }
.pro_path .title i { display: block; width: 22px; height: 13px; background: url(../images/arrow2.png) center no-repeat; background-size: 100%; position: absolute; top: 21px; right: 4%; }
.pro_path .title.on { background: #167852; color: #fff; border-bottom: 1px solid #CCC; }
.pro_path .title.on i { background-image: url(../images/arrow1.png); }

.pro_tab { display: none; }
.pro_intro { padding: 15px 4% 20px 4%; }
.proDet_scroll .bx-wrapper { margin: 30px auto 0; }
}
/*	相关	*/

.infotuiji .newproli { border-top: 1px #E5E5E5 solid; }
.newproli { opacity: 1; top: 0; }
.infotuiji .tit { padding: 25px 0; background-color: #f9f9f9; }
.infotuiji .tit h2 { display: inline-block; *display: inline;
font-size: 32px; line-height: 1; color: #333; margin-left: 5%; padding-right: 18px; vertical-align: top; }
.infotuiji .tit .tx { display: inline-block; *display: inline;
vertical-align: text-bottom; font-size: 18px; line-height: 24px; padding-top: 10px; color: #333; }
.xgtjbtn { display: inline-block; *zoom: 1;
width: 28px; height: 28px; background: url(../images/xgtjbtn.png) no-repeat center; background-size: 17px 17px; position: absolute; left: -50px; top: 1px; transition: all 0.5s ease 0s; }
.xgtjbtn:hover { transform: rotateZ(90deg); transition: all 0.5s ease 0s; }
 @media only screen and (max-width: 1280px) {
.infotuiji .tit { display: none; }
}




/*产品详细*/
.proDet_top { width: 80%;margin: 60px 10% 20px; }
.proDet_title { float: left; line-height: 40px; font-size: 16px; color: #333; }
.proDet_title a { color: #333; }
.proDet_title a:hover { color: #167852; }
.proDet_title img { display: block; float: left; width: 15px; margin: 12px 10px 0 0; }
.proDet_title strong { color: #167852;font-size: 24px; }
.back { display: block; cursor: pointer; float: right; width: 77px; height: 40px;
 line-height: 40px; padding-left: 48px;font-size: 14px; color: #fff;
  background: url(../images/back.png) #167852 20px center no-repeat;  }
.back:hover { color: #FFF; }
.proDet_scroll { width: 100%; max-width: 600px; margin: 0 auto; }
.proDet_scroll .bx-wrapper { position: relative; margin: 80px auto 0; padding: 0; *zoom: 1;
width: 100%; }
.proDet_scroll .bx-wrapper img { width: 100%; display: block; margin: 0 auto; }
.proDet_scroll .bx-wrapper .bx-viewport { margin: 0 auto; }
.proDet_scroll .bx-controls { text-align: center; margin-top: 40px;margin-bottom: 40px; }
.proDet_scroll .bx-wrapper .bx-pager, .proDet_scroll .bx-wrapper .bx-controls-auto { position: relative; }
.proDet_scroll .bx-pager-item { border: 1px solid #e2e2e2; height: 68px; position: relative; }
.proDet_scroll .bx-pager-item .line { width: 100%; height: 2px; font-size: 0; background: #167852; position: absolute; bottom: -1px; left: 0; display: none; }
.proDet_scroll .bx-wrapper .bx-pager-item img { max-width: 100%; display: block; margin: 0 auto; }
.proDet_scroll .bx-wrapper .bx-pager .bx-pager-item, .proDet_scroll .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager { display: inline-block; *zoom: 1;
*display: inline;
}
.proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 68px; height: 68px; outline: 0; overflow: hidden; }
.proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a.active .line { display: block; }
.proDet_scroll .bx-controls-direction a { position: absolute; top: 50%; margin-top: -75px; left: 0; outline: 0; width: 22px; height: 43px; text-indent: -9999px; z-index: 100; display: block; background: url(../images/arrow5.png) no-repeat; }
.proDet_scroll .bx-controls-direction a.disabled { display: block; }
.proDet_scroll .bx-controls-direction .bx-next { left: auto; right: 0; background-position: -40px 0; }
.proDet_scroll .bx-controls-direction .bx-prev:hover { background-position: 0 -46.5px; }
.proDet_scroll .bx-controls-direction .bx-next:hover { background-position: -40px -46.5px; }
 @media only screen and (max-width: 900px) {
.proDet_title { width: 100%; text-align: center;}
.back {  margin-top: 20px; }
}


/* --------------------------------------------------------------------------------------------------------------------------------------

/*

	联系我们

*/



#map { position: relative; box-sizing: border-box; min-width: 300px !important; }
.loginbg { position: relative; box-sizing: border-box; min-width: 300px !important; }
.contact { width: 100%; background: url(../images/mask.png) repeat; padding: 5% 0; box-sizing: border-box; position: absolute; bottom: 0; left: 0; }
.contact ul { width: 72%; margin: 0 auto; padding: 0 5%; }
.contact ul li { color: #FFF; float: left; line-height: 35px; font-size: 14px; }
.contact ul li.lw1 { width: 25% }
.contact ul li.lw2 { width: 40%; margin: 0 5%; }
.contact ul li.lw3 { width: 25% }
 @media only screen and (max-width: 1280px) {
.contact ul { width: 90%; }
}
 @media only screen and (max-width: 860px) {
.contact ul li.lw1 { width: 100% }
.contact ul li.lw1 br { display: none; }
.contact ul li.lw2 { width: 100%; margin: 0 0%; }
.contact ul li.lw3 { width: 100% }
}
 @media only screen and (max-width: 460px) {
.contact ul li { font-size: 12px; }
}
/*

	联系我们

*/



.join { width: 100%; background: url(../images/mask.png) repeat; padding: 2% 0; box-sizing: border-box; position: absolute; top: 45%; left: 0; }
.join span { display: block; color: #FFF; font-size: 3rem; margin: 0 auto; text-align: center; }
 @media only screen and (max-width: 980px) {
.join { padding: 5% 0; }
}
 @media only screen and (max-width: 460px) {
.join { padding: 10% 0; }
.join span { font-size: 2rem; }
}
/*

	反馈

*/

.fdbk { background-color: #f9f9f9; }
.fdimg { width: 40%; box-sizing: border-box; overflow: hidden; background-color: #000; }
.fdimg > img { width: 100%; opacity: 1; transition: all 0.5s ease 0s; height: 100%; }
.fdimgtx { position: absolute; padding: 20% 13% 0; top: 0; left: 0; }
.fdimgtx h2 { font-size: 24px; color: #333; line-height: 26px; }
.fdimgtx .fdtx { font-size: 14px; line-height: 24px; color: #666; margin: 5% 0; }
.fdimgtx .fdtxtel { font-size: 16px; color: #333; line-height: 40px; }
.fdimgtx .fdtxtel span { font-size: 24px; color: #c60329; display: inline-block; }
.msg { width: 60%; box-sizing: border-box; padding: 5% 0; }
.msg table { width: 550px; margin: 0 auto; }
.msg table tr > td { padding: 12px 0; }
.msg table h2 { font-size: 24px; color: #333; line-height: 26px; text-align: left; padding-bottom: 20px; }
.msg table label { font-size: 14px; color: #666; margin-right: 12px; }
.msg table label input[type="checkbox"] { vertical-align: baseline; outline: none; margin-right: 8px; }
.msg table .intx { box-sizing: border-box; padding: 0 10px; margin: 0; border: 1px #dbdbdb solid; font-size: 14px; line-height: 56px; height: 56px; color: #666; width: 100%; outline: none; background-color: transparent; }
.msg table textarea { width: 100%; box-sizing: border-box; padding: 10px; border: 1px #dbdbdb solid; color: #666; line-height: 24px; font-size: 14px; background-color: transparent; outline: none; }
.msg table .msgbtn { border: none; margin: 0; padding: 0; color: #fff; width: 130px; height: 44px; background-color: #858585; outline: none; }
 @media screen and (max-width: 1400px) {
.fdimgtx { padding-top: 12%; }
.msg { padding: 4% 0; }
.msg table { margin: 0 auto; }
.msg table tr > td { padding: 8px 0; }
.fdimgtx { padding-top: 5%; }
}
 @media screen and (max-width: 1144px) {
.msg { padding: 4% 0; }
.msg table { width: 500px; }
.msg table tr > td { padding: 5px 0; }
.msg table .intx { padding: 0 10px; font-size: 12px; line-height: 40px; height: 40px; }
}
 @media screen and (max-width: 980px) {
.msg { width: 100%; padding: 5%; box-sizing: border-box; }
.msg table { width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; }
.fdimg { width: 100%; overflow: hidden; z-index: 1; }
.fdimg > img { position: absolute; top: 0; left: 0%; width: 100%; z-index: -1; }
.fdimgtx { position: static; padding: 5%; }
.fdimgtx { padding-top: 10%; }
}
/*

	公司简介

*/

.about { background: #fff; }
.intro { padding: 5% 0; }
.intro h2 { font-size: 30px; color: #333; margin-bottom: 1%; line-height: 50px; margin-top: 3%;}
.intro .tx { font-size: 16px; color: #666; line-height: 28px; text-align: left; }
.intro .tx p { text-indent: 2em; padding-top: 20px; color: #333;}
.intro h2 p{ font-size: 14px; line-height: 18px;}
.intro h2 span{ width: 80px; border-bottom: solid 1px #167852;margin-top: 50px;height: 1px; display: block}
.aboutbg{ width: 100%;background: url('../images/aboutbg.jpg') no-repeat left top;min-height: 815px;  }
.about_info{ width: 60%; float: left; }
.data { margin-top: 4%; }
.data .member,
 .data .work { margin-right: 80px; padding-right: 50px; background: url(../images/dataline.jpg) no-repeat right center; }
.data .num { font-size: 48px; color: #167852; line-height: 1; }
.data .num i { font-style: normal; font-family: 'CENTURYGOTHIC-BOLD', 黑体; }
.data .num span { font-size: 18px; margin-left: 5px; }
.data .sm { padding-left: 0px; }
.theone { padding-left: 5%; background-color: #f9f9f9; }
.theone .oneimg { width: 66.666%; overflow: hidden; background-color: #000; }
.theone .oneimg img { width: 100%; opacity: 1; transition: all 0.5s ease 0s; }
.theone .oneimg:hover img { transform: scale(1); opacity: 0.7; transition: all 0.5s ease 0s; }
.theone .onetx { width: 33.333%; padding-top: 5%; padding-right: 5%; box-sizing: border-box; }
.theone .onetx .dev { font-size: 16px; color: #999; line-height: 22px; margin-bottom: 5%; }
.theone .onetx h2 { font-size: 24px; color: #333; line-height: 28px; }
.theone .onetx i { display: block; width: 46px; height: 3px; background-color: #858585; margin: 6% 0; }
.theone .onetx .des { font-size: 14px; color: #666; line-height: 28px; margin-top: 5%; }
 @media screen and (max-width: 1280px) {
.aboutbg{ width: 100%;min-height: 0px;  }
.about_info{ width: 100%;margin-bottom: 50px; }
.data .member,
 .data .work { margin-right: 30px; padding-right: 20px; }
}
 @media screen and (max-width: 1144px) {
.data .member,
 .data .work,
 .data .store { width: 180px; }
.theone .oneimg:hover { background-color: transparent; }
.theone .oneimg:hover img { transform: scale(1); opacity: 1; }
.theone .onetx { padding-top: 4%; }
.theone .onetx i { margin-top: 2%; margin-bottom: 0; }
.theone .onetx .des { margin-top: 3%; }
}
 @media screen and (max-width: 980px) {
.data .member,
 .data .work { margin-right: 45px; }
.data .num { font-size: 36px; }
.data .num span { font-size: 16px; margin-left: 5px; }
.theone { padding-left: 0; margin-top: 30px; }
.theone .oneimg { width: 100%; }
.theone .onetx { width: 100%; padding-top: 5%; padding-bottom: 5%; padding-right: 5%; padding-left: 5%; box-sizing: border-box; }
.theone .onetx i { margin: 3% 0 3%; }
.theone .onetx .des { margin-top: 3%; }
}
 @media screen and (max-width: 860px) {
.data .member,
 .data .store { width: 130px; }
}
 @media screen and (max-width: 766px) {
.intro { padding-right: 5%; }
.intro h2 { font-size: 24px; }
.data .member,
 .data .work,
 .data .store { width: 100%; padding-top: 30px; }
.data .member,
 .data .work { background: none; }
}
/*  background: url(../images/aboutlist_bg.jpg) repeat-x; */
.about_list { background-size: 100% 100%; margin-top: 5%;margin-bottom: 5%;}
.about_list ul { width: 100%;}
.about_list ul li { width: 21%; float: left; padding: 1%; margin: 0 1%; background: #f1f1f1;}
.about_list ul li img { width: 100%;}
.about_list ul li figcaption { font-size: 16px;}
.about_list ul li figcaption h3 { font-size: 24px; font-weight: bold;}
/*

	发展历程

*/



.history { padding: 1.0% 5%; }
.history .tit h2 { font-size: 36px; color: #333; }
.history .tit i { display: block; width: 50px; height: 2px; background-color: #8a8b8b; }
.history .years { padding: 1.5% 0 0; }
.history .years li { float: left; box-sizing: border-box; position: relative; }
.history .years li::after { content: ""; display: block; width: 1px; height: 90%; position: absolute; right: -30px; top: 5%; background-color: #e5e5e5; }
.history .years li .year { font-size: 38px; color: #333; line-height: 1; margin-bottom: 5%; font-family: "CENTURYGOTHIC-BOLD"; }
.history .years li .year span { font-size: 14px; color: #666; display:block; padding-bottom:10px; }
.history .years li .yeartx { font-size: 14px; line-height: 24px; color: #666; }
.history .years .flex-control-nav { position: static; height: 40px; margin-top: 20px; }
.history .years .flex-control-nav li { display: none; }
.history .years .flex-direction-nav { z-index: 2; height: 40px; margin-top: -40px; position: relative; }
.history .years .flex-direction-nav a { width: 40px; height: 40px; opacity: 1; margin: 0; }
.history .years .flex-direction-nav .flex-prev { left: 0; background: url(../images/flex-prev.png) no-repeat center; background-size: 13px 23px; }
.history .years .flex-direction-nav .flex-next { right: auto; left: 30px; background: url(../images/flex-next.png) no-repeat center; background-size: 13px 23px; }
.history .years .page { margin-top: -34px; margin-left: 50px; font-size: 24px; color: #333; display: none; }
.history .years .page .curpage { margin-right: 5px; }
.history .years .page .total { margin-left: 5px; }
.history .pager { font-size: 18px; }
.history .pager a { vertical-align: text-bottom; color: #666; }
.history .pager a:hover { color: #333; }
.history .pager .curr { margin-left: 20px; margin-right: 10px; }
.history .pager .total { margin-right: 20px; margin-left: 10px; }
/*

	荣誉

*/


.culture { padding-bottom: 50px; padding-right: 0; }
.culture .culli ul{margin-top: 30px;}
.culture .culli ul li { width: 20%; padding: 0; margin-right: 5%; box-shadow: none;
	position: relative;margin-bottom: 50px; }
.culture .culli ul li::after { width: 0; height: 0; }
.culture .culli ul li:hover .culimg { transition: all 0.5s; }
.culture .culli ul li:hover .honor1 {height: 0px;display: none; transition: all 0.5s ease 0s;}
.culture .culli ul li:hover .honor2 { position: absolute;height: 100%;cursor: pointer;
 transition: all 0.5s ease 0s; }
.culture .culli ul li:hover .honor2 p {margin-top: 130px;color: #fff; }
.culture .culli ul li .culimg { display: block; width: 100%; height: 300px;line-height: 300px;
	border: 1px #F1F1F1 solid;border-bottom:none;text-align: center; }
.culture .culli ul li .culimg img { max-width: 100%;max-height: 300px;display: inline-block;
 vertical-align: middle;  transition: all 0.5s ease 0s; }
.culture .culli ul li .honor1{position: absolute; z-index: 3;width: 90%;padding: 10px 5%;
background-color:rgba(22,120,82,0.7);bottom: 0px;line-height: 40px;
 text-align: center; color: #fff;}
.culture .culli ul li .honor2 {position: absolute; width: 90%;padding: 0 5%;
background-color:rgba(22,120,82,0.7);bottom: 0px;height: 0px;padding-top: 10px;text-align: center;
overflow: hidden;line-height: 30px;}


 @media screen and (max-width: 1144px) {
.culture .culli ul li { width: 40%;  margin-right: 10%; }
}
 @media screen and (max-width: 666px) {

.culture .culli ul li { width: 80%; padding: 0;margin-left: 10%;  }
}


/* .culture { padding-bottom: 50px; padding-right: 0; }
.culture .culli ul li { width: 25%; padding: 0; padding-right: 3%; box-shadow: none; }
.culture .culli ul li::after { width: 0; height: 0; }
.culture .culli ul li .culimg { display: block; width: 100%; height: 300px;line-height: 300px;border: 1px #F1F1F1 solid;text-align: center; }
.culture .culli ul li .culimg img { max-width: 100%;max-height: 300px;display: inline-block; vertical-align: middle;  transition: all 0.5s ease 0s; }
.culture .culli ul li:hover .culimg { background-color: #FFF; }
.culture .culli ul li:hover .culimg img { transform: scale(1.07); opacity: 0.7; transition: all 0.5s ease 0s; }
.culture .years ul { padding-bottom: 0; }
.culture .years ul li { margin-bottom: 20px; }
 @media screen and (max-width: 1144px) {
.culture .culli ul li { width: 50%; padding: 0; padding-right: 5%; padding-bottom: 3%; }
.culture .culli ul li:hover .culimg { background-color: #fff; }
.culture .culli ul li:hover .culimg img { transform: scale(1); opacity: 1; }
}
 @media screen and (max-width: 666px) {
.culture .culli ul li { width: 100%; padding: 0; padding-right: 5%; }
} */
/*

	总裁致辞

*/



.speech { background-color: #f9f9f9; padding-left: 5%; }
.speech .ceotx { width: 55%; box-sizing: border-box; padding-top: 6%; padding-right: 5%; }
.speech .ceotx h2 { font-size: 30px; color: #333; line-height: 1; }
.speech .ceotx i { display: block; width: 40px; height: 3px; background-color: #c2c2c2; margin: 5% 0 6%; }
.speech .ceotx h3 { font-size: 24px; color: #333; line-height: 28px; margin-bottom: 5%; }
.speech .ceotx .descn { font-size: 14px; color: #333; line-height: 24px; margin-bottom: 2%; }
.speech .ceotx .descn p { margin-bottom: 5px; text-indent: 2em; }
.speech .ceotx .desen { font-size: 12px; color: #666; line-height: 22px; }
.speech .ceoimg { width: 45%; position: relative; }
.speech .ceoimg em { display: block; width: 100%; overflow: hidden; background-color: #000; }
.speech .ceoimg em img { width: 100%; transition: all 0.5s ease 0s; opacity: 1; }
.speech .ceoimg:hover em img { transform: scale(1.05); transition: all 0.5s ease 0s; opacity: 0.9; }
.speech .ceoimg .ceoname { display:none; background-color: #bb0327; box-sizing: border-box; width: 100%; padding: 5% 5%; position: absolute; bottom: 0; right: 0; }
.speech .ceoimg .ceoname h2 { font-size: 56px; color: #fff; font-weight: bolder; line-height: 1; font-family: "CENTURYGOTHIC-BOLD"; }
.speech .ceoimg .ceoname p { font-size: 22px; color: #fff; }
 @media screen and (max-width: 1144px) {
.speech .ceotx { padding-top: 3%; padding-right: 3%; }
.speech .ceotx i { margin: 2% 0 2%; }
.speech .ceotx h3 { font-size: 22px; margin-bottom: 2%; }
.speech .ceotx .desen { line-height: 16px; }
.speech .ceoimg .ceoname h2 { font-size: 42px; }
.speech .ceoimg:hover em { background-color: transparent; }
.speech .ceoimg:hover em img { transform: scale(1); opacity: 1; }
}
 @media screen and (max-width: 980px) {
.speech { overflow: hidden; }
.speech .ceotx { padding-top: 5%; padding-right: 5%; }
.speech .ceotx i { margin: 5% 0 5%; }
.speech .ceotx h3 { font-size: 16px; margin-bottom: 2%; }
.speech .ceotx .descn { font-size: 12px; line-height: 22px; }
.speech .ceotx .desen { display: none; line-height: 16px; }
.speech .ceoimg .ceoname h2 { font-size: 32px; }
}
 @media screen and (max-width: 766px) {
.speech { padding-left: 0; overflow: hidden; width: 100%; }
.speech .ceotx { width: 100%; padding-left: 5%; padding-top: 10%; padding-bottom: 10%; }
.speech .ceoimg { width: 100%; }
.speech .ceoimg .ceoname h2 { font-size: 28px; }
.speech .ceoimg .ceoname p { line-height: 1; margin-top: 5px; }
}
/*

	下载

*/

.stepli { padding: 4% 5% 0 0; }
.stepli .loadbtn { padding: 0 0 3%; }
.stepli .loadbtn a { box-shadow: 0 0 30px rgba(0,0,0,0.15); }
.stepli ul li { float: left; width: 30%; margin-right: 5%; margin-bottom: 5%; background-color: #fff; box-shadow: 0 0 18px #ccc; box-sizing: border-box; padding: 3%; position: relative; z-index: 1; }
.stepli ul li:nth-child(3n) { margin-right: 0; }
.stepli ul li em { display: block; width: 140px; height: 140px; position: absolute; right: 4%; top: 6%; z-index: -1; }
.stepli ul li em img { width: 100%; height: 100%; }
.stepli ul li h2 { font-size: 30px; color: #bb0327; line-height: 1; margin-bottom: 2%; }
.stepli ul li h2 b { font-size: 72px; line-height: 1; color: #bb0327; vertical-align: sub; font-family: "CENTURYGOTHIC-BOLD"; margin-right: 5%; }
.stepli ul li { height: 160px; overflow: hidden; }
.stepli ul li p { font-size: 14px; color: #666; line-height: 26px; }
 @media screen and (max-width: 1144px) {
.stepli ul li { width: 47%; margin-right: 6%; margin-bottom: 5%; height: 148px; overflow: hidden; }
.stepli ul li:nth-child(3n) { margin-right: 6%; }
.stepli ul li:nth-child(2n) { margin-right: 0; }
.stepli ul li em { width: 80px; height: 80px; }
.stepli ul li h2 { font-size: 28px; }
.stepli ul li h2 b { font-size: 48px; }
.stepli ul li p { font-size: 14px; color: #666; line-height: 26px; }
}
 @media screen and (max-width: 980px) {
.stepli ul li em { width: 60px; height: 60px; }
.stepli ul li h2 { font-size: 24px; }
.stepli ul li h2 b { font-size: 40px; font-weight: normal; }
}
 @media screen and (max-width: 766px) {
.stepli ul li { width: 100%; margin-right: 0; padding: 5%; height: 120px; overflow: hidden; }
.stepli ul li em { width: 50px; height: 50px; }
.stepli ul li h2 { font-size: 18px; }
.stepli ul li h2 b { font-size: 24px; vertical-align: text-bottom; }
}


/*大事记start*/
.event_box{width:60%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden; margin-top: 60px;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#672530;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-5px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd .slideBox div { float: left; width: 45%; text-align: left; margin-left: 4%;}
.parBd .slideBox h1{font-size:55px;}
.parBd .slideBox img { float: left;}
/*.parBd h1:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h1:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}*/
.parBd p{line-height:180%;font-size:16px;width:80%;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;bottom:18%;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-5px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	

@media screen and (max-width: 1500px) {
 	.sPrev, .sNext { bottom: 10%;}
	.about_list ul li figcaption { font-size: 14px;}
}
@media screen and (max-width: 1200px) {
	.about_list ul li figcaption { font-size: 12px;}
}
@media screen and (max-width: 980px) {
	.about_list { background: none;}
	.about_list ul li { width: 96%; padding: 2%; margin: 2% 0;}
 }
@media screen and (max-width: 766px) {
	.parBd .slideBox h1 { font-size: 40px;}
	.parBd .slideBox img { width: 100%;}
	.parBd .slideBox div p { font-size: 14px;}
 	.sPrev, .sNext { bottom: 12%;}
}
@media screen and (max-width: 500px) {
 	.sPrev, .sNext { bottom: 16%;}
	.parBd .slideBox div p { font-size: 12px;}	
}
@media screen and (max-width: 450px) {
	.sPrev, .sNext { bottom: 19%;}
}
@media screen and (max-width: 400px) {
 	.sPrev, .sNext { bottom: 23%;}
}



.dituContent{border:#ccc solid 1px; width: 100%;height: 550px;}


div.news-wrapper
{
  width: 100%;
  padding: 20px 0;
}

div.news-wrapper .inner
{
  padding: 0 10px;
}

div.news-wrapper .inner .list:after
{
  display: block;
  content: '';
  clear: both;
}

div.news-wrapper .inner .list .item
{
  width: 23%;
  padding: 30px 1%;
  float: left;
}

div.news-wrapper .inner .list .item dl
{
  background-color: #FFF;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  position: relative;
}

div.news-wrapper .inner .list .item dl dd.info
{
  position: relative;
  overflow: hidden;
  padding: 16px 16px 42px 16px;
}

div.news-wrapper .inner .list .item dl dd.info h2
{
  font-size: 20px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 21px 100px 21px 0;
}

div.news-wrapper .inner .list .item dl dd.info p.intro
{
  height: 72px;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

div.news-wrapper .inner .list .item dl dd.info a.thumb
{
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  transition: All 0.4s ease-in-out;
}

div.news-wrapper .inner .list .item dl:hover dd.info a.thumb
{
  top: 0;
}

div.news-wrapper .inner .list .item dl dd.datetime
{
  background-color: #4dae3e;
  color: #FFF;
  position: absolute;
  top: -20px;
  right: 15px;
  z-index: 20;
  padding: 10px 5px;
}

div.news-wrapper .inner .list .item dl dd.datetime span
{
  display: block;
  text-align: center;
}

div.news-wrapper .inner .list .item dl dd.datetime span.date
{
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 5px;
}

div.news-wrapper .inner .list .item dl dd.datetime span.year
{
  font-size: 16px;
}

div.news-wrapper .inner .list .item dl dd.more
{
  padding: 15px;
  border-top: 1px solid #DDD;
  font-size: 16px;
  text-align: right;
}

div.news-wrapper .inner .list .item dl dd.more a.more
{
  display: inline-block;
  position: relative;
  color: #666;
}

div.news-wrapper .inner .list .item dl dd.more a.more:focus,div.news-wrapper .inner .list .item dl dd.more a.more:hover
{
  text-decoration: none;
}

div.news-wrapper .inner .list .item dl dd.more a.more:before
{
  width: 20px;
  content: '';
  border-bottom: 1px solid #666;
  position: absolute;
  top: 50%;
  left: -36px;
  z-index: 1;
}

@media (min-width: 1920px)
{
  div.news-wrapper .inner
  {
    padding: 0;
  }

  div.news-wrapper .inner .list
  {
    padding: 0 10px;
  }
}

@media (max-width: 1650px)
{
  div.news-wrapper .inner .list .item
  {
    width: 31.33%;
  }
}

@media (max-width: 1200px)
{
  div.news-wrapper .inner .list .item
  {
    width: 48%;
  }
}

@media (max-width: 640px)
{
  div.news-wrapper .inner
  {
    padding: 0 5px;
  }

  div.news-wrapper .inner .list .item
  {
    width: 98%;
  }

  div.news-wrapper .inner .list .item dl dd.info h2
  {
    font-size: 16px;
  }

  div.news-wrapper .inner .list .item dl dd.info p.intro
  {
    height: auto;
    font-size: 12px;
    line-height: 20px;
  }
}