@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; }
}
 @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; }
.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; overflow: hidden; }
.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: #00519f; 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: #00519f; font-weight: bolder; }
/*=========================*/

.synewpro .newproli { width: 80%; float: left; }
.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: 33.333%; height: 426px; padding-top: 56px; padding-left: 5%; box-sizing: border-box; box-shadow: inset 1px 0 0 #f9f9f9; border-bottom: 1px solid #f9f9f9; position: relative; background-color: #fff; overflow: hidden; }
.pro:hover .proimg { transition: all 0.5s; }
.pro:hover .protit { left: 15px; transition: all 0.5s; }
.pro .protit { position: relative; z-index: 3; left: 0; transition: all 0.5s ease 0s; }
.pro .protit h2 { font-size: 28px; color: #333; line-height: 1; margin-bottom: 10px; }
.pro .protit p { font-size: 18px; color: #666; line-height: 24px; }
.pro .proimg { display: block; position: absolute; bottom: 30px; text-align: center; transition: all 0.5s; height:280px; z-index: 2; }
.pro .proimg img { max-width: 100%; height: auto; max-height: 100%; }
.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: block; }
.pro { padding-top: 40px; border-bottom: 1px solid #f9f9f9; }
.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: block; }
.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: #00519f; }
.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; margin: 0 auto; }
.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: #00519f; 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 { padding: 0 5%; }
.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: 700px; }
.probimgbox .prodesc { display: none; }
.probimgbox .probimg { width: 85%; margin-left: 14%; margin-right: 0; }
.por { position: relative; }
.prosimg { height: 276px; position: absolute; left: 5%; top: 50%; margin-top: -138px; overflow: hidden; }
.prosimg .proclli ul li { width: 80px; height: 80px; border: 2px #e5e5e5 solid; margin-bottom: 12px; cursor: pointer; box-sizing: border-box; }
.prosimg .proclli ul li img { width: 100%; height: auto; display: block; }
.prosimg .proclli ul li.cur { border: 2px #00519f 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 { border-bottom: 1px #ccc solid; padding: 1% 5%; }
.prodatat { padding: 0 5%; }
.protit { width: 100%; margin-bottom: 20px; }
.protit .mc { font-size: 30px; color: #333; line-height: 1; margin-bottom: 10px; }
.protit .xh { font-size: 16px; color: #666; line-height: 1; }
.pro_nav { padding: 0 5%; background: #f9f9f9; height: 52px; }
.pro_nav li { float: left; cursor: pointer; margin-top: 14px; white-space: nowrap; margin-left: 30px; padding-right: 30px; text-overflow: ellipsis; border-right: 1px solid rgba(0,0,0,0.1); }
.pro_nav li a { display: block; font-size: 17px; color: #333; text-align: left; position: relative; }
.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 #00519f solid; }
.pro_nav li.on .arrowT { display: block; }
.pro_det_main { width: 90%; margin: 0 auto 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: rgba(0,81,159,0.8); 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; }
}
/*

	联系我们

*/



#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; text-align: center;}
.intro { padding: 5% 0;}
.intro h2 { font-size: 30px; color: #333; margin-bottom: 1%; }
.intro .tx { font-size: 16px; color: #666; line-height: 28px; text-align: left; }
.intro .tx p { text-indent: 2em; padding-top: 20px; color: #333;}
.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: #00519f; 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) {
.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 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: 560px; overflow: hidden; border: 1px #F1F1F1 solid; }
.culture .culli ul li .culimg img { width: 100%; opacity: 1; 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%;}
}