@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px}
html{ background:#282828;}
body{ font-family:"微软雅黑"; font-size:1rem; color:#333; padding:0px; max-width:640px; margin:0 auto; position: relative; overflow:scroll;overflow-x:hidden;overflow-y:auto; width:100%; background:#fff;}
ol,ul,li,p,dl,dt{list-style: none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#333; text-decoration: none;outline:none;}
a:hover, a:active {color:#333; text-decoration: none;outline:none;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.green-black { display:block; margin:0; padding-top:2rem; padding-bottom:3rem; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a { padding:0.4rem 0.7rem 0.4rem 0.7rem; border:1px solid #dddddd; height:2rem; line-height:2rem; zoom:1; font-weight:bold; font-size:1rem; overflow:auto; margin-left:0.2rem; margin-right:0.2rem; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none}
.green-black a:hover {border:0.1rem solid #ccc; height:2rem; line-height:2rem; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #000;  margin-left:0.2rem; margin-right:0.2rem; color:#fff;font-size:1rem;}
.green-black span.current {padding:0.4rem 0.7rem 0.4rem 0.7rem; border:1px solid #ccc; color:#fff; height:2rem; line-height:2rem; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #000; margin-left:0.2rem; margin-right:0.2rem; margin-top:0px; margin-bottom:0px; font-size:1rem;}
/*基础配置*/

/*首页style开始*/
.top_bg{ max-width:640px; width:100%;/*-webkit-box-shadow:0px 0.2rem 0.4rem #333; -moz-box-shadow:0px 0.2rem 0.4rem #333;  box-shadow:0px 0.2rem 0.4rem #333;*/ position:absolute; z-index:999; height:90px;} 
.logo{ width:31%; float:left;}
.logo img{ display:block; width:100%;}
.banner .bnys{ height:720px;}
.index_fl{ border:0.1rem solid #dadada; background:#f0f0f0; width:99.6%;}
.index_fl li{ float:left; border-right:0.1rem solid #dadada; border-bottom:0.1rem solid #dadada; width:33.1%;}
.index_fl li img{ width:100%;}
.index_fl li p{ height:4rem; text-align:center; line-height:4rem; color:#9f9f9f; font-size:1.6rem;}
.index_fl li.on{ border-right:none;}
.syban{ padding-bottom:0.4rem; }
.syban img{ width:100%; display:block;}
.sypro li{ background:#e8d4c7; width:49.5%; text-align:center; margin-bottom:1%;}
.sypro li img{ width:80%;}
.sypro li p{ font-size:1.2rem; padding-bottom:1rem;}
.sybana{ width:100%; padding-bottom:0.4rem; display:inline-block;}
.sybana a{ width:49.5%; display:block;}
.sybana img{ display:block; width:100%;}
.ind_lx{ width:100%; background:#fff; padding-top:3rem; padding-bottom:4rem; text-align:center;}
.sylx_title{ font-size:1.2rem; line-height:1.8rem;}
.sylx_nr { width:100%; padding-top:1rem;}
.sylx_nr a{width:45%; height:3rem; border:0.2rem solid #c8c8c8; line-height:3rem; display:block; margin:0 auto;border-radius:0.5rem; color:#414141; font-size:1.6rem;}
.sylx_nr a img{ margin-bottom:-0.3rem; margin-right:0.6rem;}

.foot_bg{ background:#212121; width:100%;}
.subNavBox{ width:94%; margin:0 auto;}
.subNav{border-bottom:solid 0.1rem #4d4d4d; cursor:pointer; font-size:1.4rem;line-height:4rem; color:#fff;background:url(../images/jiantou1.png) no-repeat;background-position:98% 50%; width:96%; padding:0 2%;}
.subNav a{ font-size:1.4rem; color:#fff;}
.currentDt{background:url(../images/jiantou.png) no-repeat;background-position:98% 50%}
.navContent{display: none; ; padding-bottom:1rem;}
.navContent li a{display:block; width:90%;  padding:0 5%;heighr:3rem;font-size:1.2rem;line-height:3rem;color:#fff; border-bottom:0.1rem  solid #333;}
.navContent li a:hover{color:#fff;}
.subNava{border-bottom:solid 0.1rem #4d4d4d; cursor:pointer; font-size:1.4rem;line-height:4rem; color:#fff; width:96%; padding:0 2%;}
.subNava a{ font-size:1.4rem; color:#fff;background:url(../images/jiantou.png) no-repeat;background-position:100% 50%; display:block; width:100%;}
.ftx{ padding-top:2rem; text-align:center;}
.ftx a{ padding:0 0.5rem;}
.foot_bq{ padding-top:1rem; font-size:1rem; color:#fff; line-height:1.8rem; padding-bottom:7rem; text-align:center;}
.foot_bq a{ color:#fff;}

.foot_nav{width:100%; position: fixed; max-width:640px; display: inline-block; margin:0 auto; z-index:999;  bottom:0; height:5rem;}
.foot_nav li{ width:49.8%; background:#030303; height:3.6rem; padding:0.7rem 0; text-align:center; color:#fff; font-size:1.4rem;}
.foot_nav li img{ height:100%; padding-right:0.5rem; display:inline-block; margin-bottom:-1.2rem;}
.foot_nav li a{ color:#fff;}
/*首页style结束*/

/*内页style开始*/
.about_banner{ width:100%;}
.menu_head{width:96%; padding:0 2%; height:4rem; z-index:199; font-size:14px; cursor:pointer;background:#fff; position:relative; border-bottom:0.1rem solid #b8b6b5;}
.menu_head p{ float:left; line-height:4rem; font-size:1.6rem; font-weight:bold;}
.menu_head span{ display:block; float:right; font-family:"宋体";-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); line-height:4rem; margin-right:2rem; font-size:1.8rem;}
.menu_list{ padding-top:90px; position:relative;}
.menu_list .curxs span{ display:block; float:right; font-family:"宋体";-webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); line-height:4rem; margin-right:2rem; font-size:1.8rem;}
.menu_body{width:94%; padding:0 3%; background:rgba(255,255,255,0.8); height:auto; overflow:hidden; position:absolute; left:0; top:153px; z-index:99;}
.menu_body a{display:block; width:96%; padding:0 2%; color:#373737; border-top:0.1rem solid #b8b6b5;  height:4rem; line-height:4rem; font-size:1.4rem; font-weight:normal;}
.main_wz{ background:#f4f4f4; height:4rem; line-height:4rem; width:96%; padding:0 2%; border-bottom:0.1rem solid #bfbfbf;}
.wz{ font-size:1.2rem; color:#6e6e6e;}
.main_nr{ width:100%; padding-top:2rem; padding-bottom:3rem;background:#fff;}
.maina_nr{ width:100%; background:#fff;}
.about_nr{ font-size:1.2rem; width:96%; margin:0 auto; line-height:2rem; color:#5d5d5d;}
.about_nr img{ max-width:100%;}
.news_nr{ width:96%; margin:0 auto;}
.news_nr li{ width:100%; display:inline-block; border-bottom:0.1rem solid #cdcdcd; padding:1rem 0 2rem 0;}
.news_img{ width:100%;}
.news_img img{ width:100%;}
.news_right{ width:100%; padding-bottom:0.4rem;}
.news_title{ font-size:1.5rem; color:#3a3a3a; font-weight:bold; padding-bottom:0.4rem;}
.news_wb{ font-size:1.2rem !important; padding:0.7rem 0; line-height:1.8rem; color:#777;}
.news_rq{ color:#acacac; font-size:1.3rem;}
.newsny_title{ border-bottom:1px solid #454545; display:inline-block; padding-bottom:0.2rem; width:100%; margin-bottom:0.3rem;}
.news_titlea{ font-size:1.6rem; text-align:center; line-height:2rem;}
.news_titleb{ font-size:0.8rem; color:#7a7575; text-align:center;}
.news_nynr{ font-size:1.2rem !important; line-height:1.8rem; padding-top:1rem; padding-bottom:2rem; display:inline-block;}
.sxyxw{ margin-top:1rem; width:100%; margin-bottom:1rem; display:inline-block;}
.syg{ float:left; width:25%; height:3rem; color:#fff; text-align:center; line-height:3rem; background:#000; font-size:1.4rem; border:1px solid #454545;}
.syg a{color:#fff; display:block; font-size:1.2rem; }
.xyg{ float:right; width:25%; height:3rem; color:#fff; text-align:center; line-height:3rem; background:#000; font-size:1.4rem; border:1px solid #454545;}
.xyg a{color:#fff; display:block; font-size:1.2rem; }
.case_nr { width:94%; margin:0 auto;}
.case_nr li{ width:100%; margin-bottom:1rem; position:relative;}
.case_pic{ width:100%;}
.case_pic img{width:100%; display:block;}
.case_nr li p{ text-align:center; line-height:5rem; height:5rem; font-size:1.6rem; color:#fff; position:absolute; bottom:0px; text-align:center; width:100%; font-weight: bold;}
.case_wb{ position:absolute; top:0px; width:100%;}
.case_wbbt{ height:10rem; line-height:10rem; text-align:center;font-size:1.6rem; color:#fff; font-weight: bold;}
.case_wb ul{ padding-top:1rem;}
.case_wb li{ width:33.3%; float:left; text-align:center;}
.case_wb li img{ width:35%;}
.case_wb li p{ position:relative; font-size:1.2rem; font-weight:normal; height:3rem; line-height:3rem;}
.honor_nr { width:100%;}
.honor_nr li{ float:left; width:48%; margin:0 1%; padding-bottom:1rem;}
.honor_pic{ width:100%;}
.honor_pic img{width:96%; background:#e4e4e4; padding:2%; display:block; height:230px;}
.honor_nr li p{ text-align:center; line-height:3rem; height:3rem; font-size:1.4rem; color:#1a1a1a;}

.map{ width:100%; padding-top:3rem;}
.map p{ width:50%; text-align:center; height:3rem; margin:0 auto -1.5rem auto; color:#fff; font-size:1.4rem; position:relative; z-index:99; line-height:3rem; background:#9c0000; border-radius:1.5rem;}
.map p img{ margin-right:0.6rem; margin-bottom:-0.1rem;}
.join_title{ text-align:center; font-size:1.8rem; font-weight:bold; height:5rem; line-height:5rem; color:#101010;}
.join_qh { width:100%;}
.join_qh .join_img{ height:330px; width:100%;}
.join_qh .join_img img{ width:100%;}
.join_qh .flickity-prev-next-button{ display:none;}
.join_qh .flickity-page-dots .dot{ width:1rem; height:1rem;}
.join_ys{ padding-top:4rem; text-align:center;}
.join_wba{ background:url(../images/join_wbbg.png) no-repeat left top; margin-top:0.5rem; margin-bottom:3rem;}
.join_wba li{ height:71px; padding-bottom:1px; line-height:71px; padding-left:2.6rem; font-size:1.5rem; color:#454545;}
.join_wbb{ background:url(../images/join_wbbg.png) no-repeat left top; margin-top:0.5rem; margin-bottom:3rem;}
.join_wbb li{ height:61px; padding-bottom:1px; line-height:25px; padding-top:10px; padding-left:2.6rem; font-size:1.2rem; color:#454545;}
.pro_banner{ width:100%; padding-top:90px;}
.pro_banner .proban{ height:455px;}
.pro_banner .flickity-prev-next-button,.proa_banner .flickity-prev-next-button{ display:none;}
.pro_banner .flickity-page-dots .dot,.proa_banner .flickity-page-dots .dot{ width:2rem; height:0.4rem;border-radius:0;}
.proa_banner{ width:100%;}
.proa_banner .pronew{ height:254px; width:100%; overflow:hidden;}
.proa_banner .pronew img{ margin-left:-32%;}
.promain { padding-top:2rem;}
.promain li{ width:25%; float:left; text-align:center; padding-bottom:2rem;}
.promain li p{ font-size:1.3rem; padding-top:0.4rem; color:#3a3a3a;}
.proudcts_nr{ width:100%;}
.proudcts_nr li{ width:48%; margin:0 0.7% 1.8rem 0.7%; float:left; border:0.1rem solid #dddddd; border-radius:0.3rem;}
.proudcts_nr li img{ width:90%; display:block; margin:5%;}
.proudcts_nr li p{ text-align:center; line-height:3rem; height:3rem; font-size:1.4rem; padding-bottom:0.5rem;  color:#292929;}
.productshow{ background:url(../images/nypro_bg.jpg) no-repeat left top #bebebe; min-height:535px;}
.nyproduct_mbt{border-bottom:0.1rem solid #e1e1e1; height:5rem; width:96%; padding:0 2%;}
.fh{ width:10%; margin-top:0.6rem;}
.fh img{ width:100%;}
.nyproduct_title{ line-height:1.4rem; color:#4a4a4a; font-size:1.4rem; padding-bottom:1rem; padding-top:0.8rem; }
.nyproduct_title p{ font-size:1.6rem; color:#232323; font-weight:bold; padding-bottom:0.3rem; color:#bd8500;}
.nyproduct_img{ padding-bottom:1rem; width:96%; margin:0 auto; position:relative; padding-top:1rem;}
.nyproduct_img .nypropic { height:640px;}
.nyproduct_img .nypropic img{ width:100%;}
.nyproduct_img .flickity-prev-next-button{ display:none;}
.nyproduct_img .flickity-page-dots .dot{ width:2rem; height:0.4rem;border-radius:0;}
.scgm{ height:3.6rem; width:94%; background:#fff; padding:1rem 3%; border-bottom:1px solid #ccc;}
.scgm a{ display:block; width:100%; height:3.6rem; background:#bd8500; text-align:center; line-height:3.6rem; color:#fff; font-size:1.6rem;border-radius:0.5rem;}
.nycpzxfs{ width:100%; background:#fff; padding-top:1.4rem; padding-bottom:0.4rem;}
.nycpzxfs a{ width:50%; text-align:center;}
.nycpzxfs a p{ font-size:1.3rem;}
.nycpms{ width:96%; padding:0 2%; overflow:hidden; margin:0px; line-height:1.6rem;}
.nycpms p,.nycpms div,.nycpms span,.nycpms table{width:100% !important; padding:0px!important; margin:0px!important; line-height:1.6rem!important; font-size:1.2rem !important;}
.nycpms img{ max-width:100%;}
.nycpjs{ width:96%; padding:2rem 2% 1rem 2%; font-size:1.2rem; color:#1a1a1a; background:#fff;}
.nycpjs_title{ font-weight:bold; padding-bottom:1rem; font-size:1.4rem;}
.nycpjs_title span{ color:#bd8500;}
.nyljlx{ width:96%; margin:0.8rem auto;}
.nyljlx a{ background:#474747; display:block; border-radius:0.6rem; height:4rem; text-align:center; font-size:1.8rem; color:#fff; line-height:4rem;}
.nyxxms{ border:0.1rem solid #cdcdcd; padding-bottom:1rem;}
.nyxxms_title{ color:#6c6c6c; width:96%; padding:0 2%; font-size:1.6rem; border-bottom:0.1rem solid #cdcdcd; height:4rem; line-height:4rem; position:relative;}
.nyxxms_title p{ position:absolute; left:8rem; top:0px;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); }
.dynr_title{ width:96%; padding:2rem 2% 0 2%; border-top:0.1rem solid #cdcdcd; font-size:1.6rem; font-weight:bold; color:#000;}
.nyxx_nr{ font-size:1.2rem !important;line-height:1.8rem; color:#777; width:96%; padding:1rem 2%;}
.cp_tjg{ width:100%;}
.login{ width:80%; margin:0 auto;}
.login_wb{width:96%; padding:0 2%; height:4rem; background:#5d5d5d; margin:2rem 0;}
.login_wb p{ line-height:4rem; float:left; width:18%;}
.login_wb input{ float:left; padding:0; border:0; outline:none; height:4rem; width:82%; background:none; font-size:1.4rem; color:#fff;}
.login_an{ width:100%;}
.login_an input{ float:left; width:48%; background:#c1e140; padding:0; height:3rem; border:0; font-size:1.4rem;}
.login_an a{ float:right; width:48%; background:#fff; text-align:center; line-height:3rem; padding:0; height:3rem; border:0; font-size:1.4rem;}
.login_dl{width:90%; margin:0 auto;}
.zc{ height:2.6rem; width:68%; padding:0 0.5rem; background:#5d5d5d; border:0; outline:none;font-size:1.4rem; color:#fff; margin-bottom:1rem;}
.btna{ width:32%; height:3rem; background:#c1e140; padding:0; border:0; font-size:1.4rem;}
.btnb{ width:32%; height:3rem; background:#fff; padding:0; border:0; font-size:1.4rem;}
.jb_title{ font-size:1.2rem; padding-bottom:2rem;}
.jbok{ width:100%; padding-bottom:1rem; display:inline-block; line-height:3rem;}
.jbok p{ width:20%; text-align:right; float:left; line-height:3rem;}
.join_kg{ width:97%; height:3rem; font-size:1.2rem; padding:0 0.5rem; border:0.1rem solid #ccc; margin-bottom:1rem;}
.join_btn{ background:#ba5c00; color:#fff; width:100%; height:3.4rem; line-height:3.4rem; font-size:1.4rem; border:0;border-radius:0.6rem;}
.mdcx_kg{width:100%; height:3rem; font-size:1.2rem; padding:0 0.5rem; border:0.1rem solid #ccc; margin-bottom:1rem;}
.contxt{ width:60%; height:3rem; font-size:1.2rem; padding:0 0.5rem; border:0.1rem solid #ccc;}
.contxta{ width:60%; height:10rem; font-size:1.2rem; padding: 0.5rem; border:0.1rem solid #ccc;}
.jbok_an{ margin-left:20%;}
.jbok_an .btnlya,.jbok_an .btnly{ background:#000; color:#fff; width:30%; height:3rem; line-height:3rem; font-size:1.4rem; border:0;}
.md_title{ padding-top:3rem; text-align:center; color:#767575; font-size:1.2rem; padding-bottom:6.5rem;}
.md_title p{ font-size:2.2rem; padding-bottom:0.4rem; font-weight:bold;}
.sevice_ana { border:0.1rem solid #dadada; width:99.6%;}
.sevice_ana li{ width:33%; float:left; text-align:center; padding-top:2.2rem; padding-bottom:2.2rem;}
.sevice_ana li.on{ border-left:0.1rem solid #dadada; border-right:0.1rem solid #dadada;}
.sevice_ana li img{ width:100%;}
.sevice_ana li div{ width:32%; height:5.6rem; margin:0 auto;}
.sevice_ana li p{ font-size:1.3rem;}
.sevice_ana li.ona{ width:49.9%; border-top:0.1rem solid #dadada}
.sevice_ana li.ona div{ width:21%;}
.service_wb{ background:#ececec; font-size:1.1rem; line-height:1.8rem; width:96%; margin:0 auto;}
.service_wb img{ width:100%;}
.serv_wb{ width:94%; padding:2rem 3% 3rem 3%;}
.serv_zx{ margin-top:2rem; margin-bottom:3rem; width:99.8%; border:0.1rem solid #dadada;}
.serv_zx a{ padding-top:4rem; padding-bottom:1rem; text-align:center; width:49.9%; display:block; float:left; color:#d60000; font-size:1.1rem;}
.serv_zx a p{ font-size:1.3rem; padding-top:1.4rem; color:#4f4f4f;}
.yuyue_bt{ margin-bottom:1.6rem; margin-top:1rem;}
.yuyue_wb{ border:0.1rem solid #d7d7d7; background:#fff; margin-bottom:1rem; width:96.5%; height:3.8rem; padding:0 0.6rem;}
.yuyue_wb p{ float:left; font-size:1.2rem; color:#818181; line-height:3.8rem;}
.yuyue_kg{ padding:0px; border:0px; background:none; outline:none; float:left; height:3.8rem; font-size:1.2rem; color:#818181;}
.yuyue_kga{ width:100%; background:none; outline:none; font-size:1.6rem; color:#818181; border:0px; padding:0.6rem 0; height:10rem;}
.yuyue_wbc{ border:1px solid #d7d7d7; background:#fff; margin-bottom:1rem; width:97.4%;  padding:0 0.4rem;}
.yuyue_btn{ background:#2c2c2c; color:#fff; width:100%; height:3.8rem; line-height:3.8rem; font-size:1.5rem; border:0;}
.fwzc_title{ font-size:1.6rem; font-weight:bold; color:#1b1b1b; text-align:center; padding-bottom:2rem;}
.fwzca{ padding-top:2rem; width:96%; margin:0 auto;}
.fwzca p{ font-size:1.4rem; padding-bottom:0.4rem;}
.fwzcb{ font-size:1.1rem; width:96%; padding:3rem 2% 2rem 2%; line-height:1.8rem; border-bottom:0.1rem dashed #ccc;}
.fwzcc{ padding-top:2rem; width:96%; padding:2rem 2% 2rem 2%; line-height:1.8rem; border-bottom:0.1rem dashed #ccc;}
.fwzcc_wx { height:3rem; width:100%; line-height:3rem;}
.fwzcc_wx a{ display:block; float:right; height:3rem; line-height:3rem; background:#9d1d22; width:30%; text-align:center; color:#fff;border-radius:0.6rem;}
.fwzc_lxfs ul{ padding-top:1rem;}
.fwzc_lxfs li{ float:left; width:45%; margin:0 2%; border:1px solid #ccc; padding:1rem 0;border-radius:0.6rem; }
.fw_pic{ border-right:0.1rem dashed #ccc;}
.fw_wb{ padding-left:1rem; font-size:1.2rem; }
.fw_wb p{ color:#dfbba4;}
.fwzcd{ padding-top:2rem; width:96%; padding:2rem 2% 2rem 2%; line-height:1.8rem; border-bottom:0.1rem dashed #ccc;}
.fwzcd p{ font-weight:bold; padding-bottom:0.6rem;}
.fucn{ font-size:1.1rem; line-height:1.8rem; width:96%; margin:0 auto;}
.fucn img{ width:100%;}
.sfbz{ width:96%; margin:0 auto; font-size:1.1rem;}
.sfbz table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;} 
.sfbz table td{border-left:1px solid #ccc;border-top:1px solid #ccc; padding:0 0.5rem;} 
.banzhu_nr{ width:96%; margin:0 auto;}
.banzhu_nr li{ height:3rem; line-height:3rem; border-bottom:0.1rem dashed #ccc; font-size:1.2rem; width:98%; padding:0 1%;}
.banzhu_nr li span{ float:right; font-size:1rem; color:#999;}
.fwcx_title{ width:93%; margin:0 auto; padding-bottom:2rem; font-size:1.8rem; line-height:2rem;}
.fwcx_title p{ font-weight:bold; color:#515151;}
.fwcx_kg{ width:90%; height:3rem; font-size:1.2rem; padding:0 0.5rem; border:0.1rem solid #ccc; margin-bottom:1rem; margin:0 auto; display:block;}
.fwcx_an{ background:#000; color:#fff; width:93%; height:3rem; line-height:3rem; font-size:1.4rem; border:0; display:block; margin:1rem auto;}
/*内页style结束*/ 


/*导航样式*/
.mobile{width: 100%; height:90px; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:rgba(0,0,0,0.9);width: 100%;height: 90px; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff;width:80px;height:80px;font-size:2rem;font-weight:bold;margin-top:10px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 80%) / 2);top: calc((100% - 20px) / 2);width:60%;height:0.3rem;background-color: rgba(255,240,0,1);border-radius:0.3rem;}
.mobile-inner-header-icon-out p{width:50%;height:0.3rem;background-color: rgba(255,240,0,1);position: absolute; left:20%; bottom:2.8rem; display:block;border-radius:0.3rem;}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(16px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-16px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(16px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-16px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-16px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(16px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.8);width: 100%;position: absolute;top: 90px;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:999;}
.mobile-inner-nav a{display:inline-block;line-height:4rem;text-decoration: none;width:84%; margin:0 5%; padding:0 3%; color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.4rem;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
/*导航样式*/

.sb-search {position:relative; width:1.8rem; height: 1.8rem;float:right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input {position:absolute;top:0;right:2.5rem;border:0.1rem solid #fff;background: #fff;width:80%;height:1.6rem;margin:0;z-index: 10;font-size:1rem;color:#2c3e50;}
.sb-search-input::-webkit-input-placeholder {color: #efb480;}
.sb-search-input:-moz-placeholder {color: #efb480;}
.sb-search-input::-moz-placeholder {color: #efb480;}
.sb-search-input:-ms-input-placeholder {color: #efb480;}
.sb-icon-search,.sb-search-submit  {width: 1.8rem;height: 1.8rem;display: block;position: absolute;right: 0;top: 0;padding: 0;	margin: 0;line-height:1.8rem;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); /* IE 5-7 */   opacity: 0;color: transparent;border: none;outline: none;	z-index: -1;}
.sb-icon-search {color: #fff;z-index: 90; background:url(../images/sous.png) no-repeat; background-size:100%; width:1.8rem; height:1.8rem;}
.sb-search.sb-search-open,.no-js .sb-search {width:350px;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background:url(../images/sous.png) no-repeat;  background-size:100%; width:1.8rem; height:1.8rem;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}


/*商城*/
.sc_bnys{ height:450px;}
.mall_bga{ width:100%;}
.mall_bga li{ width:100%; margin-bottom:0.4rem; background:#f2f2f2;}
.sctj_pic img{ width:100%;}
.sctj_wb{ text-align:center; padding-top:0.6rem; padding-bottom:1rem; font-size:1.3rem; line-height:2rem;}
.sctj_wb p{ color:#c76200; font-size:1.2rem;}
.msy_bgb{ padding-top:2rem;}
.ympro_title{ text-align:center; font-weight:bold; font-size:2rem;}
.ympro_title span{ font-size:1.6rem; font-weight:normal; padding-left:10px;}
.ympro_title p{ width:10%; margin:0 auto; height:0.2rem; background:#c76200; margin-top:0.6rem; margin-bottom:1.8rem;}
.symallpro{ width:100%;}
.symallpro li{ width:49.5%;}
.symallpro li a{ border:1px solid #D4D4D4; display:block;}
.mxcp_pic img{ width:100%;}
.mxcp_wb{ text-align:center; font-size:1.4rem; padding-top:0.6rem; padding-bottom:1rem; line-height:1.6rem;}
.mxcp_wb p{ color:#c76200; font-size:1.2rem; padding-bottom:0.6rem;}
.mxcp_wb span{ font-size:1.8rem; color:#ff0000;}
.msy_bgc{ background:#f2f2f2; width:100%; margin-top:3rem; padding:2rem 0 3rem 0; position:relative;}
.msy_bgc .scrollbut{ top:130px !important;}
.stepcarousel { margin:0 auto; overflow:scroll; width:600px; position: relative; height:50px}
.stepcarousel .belt {left:0px; position:absolute; top:0px}
#displaycssbelt {visibility:hidden}
#stocklevels {visibility:hidden}
.stepcarousel .panel { float:left; padding:0 25px; width:150px;}
.stepcarousel .panel a{ display:block; width:150px; height:50px; background:#ccc; color:#000; font-size:1.4rem; text-align:center; line-height:50px;}
.stepcarousel .panel a.cur{ background:#c76200; color:#fff;}
.msypro_nr { width:100%; padding-top:1.5rem;}
.msypro_nr li{ width:49.5%;margin-bottom:1%;}
.msypro_nr li a{ width:100%; background:#fff; display:block; height:375px;}
.rxtj_pic{text-align:center; position:relative; width:100%;}
.rxtj_pic img{ width:80%; margin:0 auto; display:block;}
.rxtj_wb{ font-size:1.3rem; color:#353535; text-align:center; padding-bottom:1rem; line-height:1.8rem;}
.rxtj_wb p{ color:#a16200; font-size:1.1rem; overflow:hidden; width:90%; height:1.8rem; margin:0 auto;}
.rxtj_wb span{ font-size:1.8rem; color:#a80000; display:block; padding-top:0.6rem;}
.rm_pic{ position:absolute; right:10px; top:0px;}
.rxtj_pic .rm_pic img{ width:80px; height:67px;}
.msy_bgd{ padding-top:2rem; width:100%; padding-bottom:3rem;}
.msyvideo{ width:98%; margin:0 auto;}
.msyvideo li{ width:100%; position:relative;}
.sc_vpic img{ width:100%;}
.sc_vtb{ position:absolute; top:38%; left:45%;}
.sc_vwb{ background:rgba(0,0,0,0.8); width:96%; padding:0 2%; height:3rem; line-height:3rem; font-size:1.3rem; position:absolute; left:0px; bottom:0px; color:#fff;}
.scsy_nr li:hover{ -moz-box-shadow:0px 3px 8px #ccc; -webkit-box-shadow:0px 3px 8px #ccc; box-shadow:0px 3px 8px #ccc; margin-top:0px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}

.menu_headm{width:30%;height:4rem; z-index:199; font-size:14px; cursor:pointer;background:#f2f2f2; position:relative; padding:0 1.5%; float:left;}
.menu_headm p{ float:left; line-height:4rem; font-size:1.6rem; font-weight:bold;}
.menu_headm span{ display:block; float:right; font-family:"宋体";-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); line-height:4rem; margin-right:2rem; font-size:1.8rem;}
.menu_headm.on{ margin:0 0.5%;}

.sc_prowb{ width:94%; padding:0 3% 5% 3%;}
.scpro_mc{ font-size:1.3rem; color:#353535;}
.scpro_yh{ font-size:1.1rem; color:#a16200; height:1.8rem; line-height:1.8rem; overflow:hidden;}
.scpro_jg{ font-size:1.6rem; color:#a80000; padding-top:10px;}
.scpro_jg i{ font-style:normal; font-size:20px;}
.scpro_jg span{ font-size:12px; color:#969696; float:right; padding-top:11px;}
.mny_prowb{ background:#fff; width:96%; padding:2rem 2%;}
.sc_cpys{ width:96%; padding:0 2%; height:3.6rem; margin-bottom:1rem; background:#d6d6d6; line-height:3.6rem; border-radius:0.6rem; font-size:1.5rem;}
.sc_cpys input{ padding:0px; margin-left:2rem;}
.sc_cpmc{ font-size:2rem; line-height:2.4rem;}
.sc_cpmc p{ color:#bd8500; font-size:1.3rem;}
.sc_cpjg{ font-size:2.6rem; line-height:4rem; color:#ff0000;}
.sc_cpjg span{ font-size:2rem;}
.mny_proma{ background:#f2f2f2; width:96%; padding:2rem 2%;}
.mny_wem{ width:45%;}
.mny_wem img{ width:100%;}
.mny_wem p{ text-align:center; font-size:1.3rem; padding-top:0.4rem;}
.mny_wba{ width:50%; padding-top:1rem; line-height:2.4rem;}
.mny_wba p{ font-size:1.3rem;}
.mny_wba p img{ margin-right:0.4rem; margin-bottom:-2px;}
.scgma{ width:100%; height:4rem; padding-top:2rem;}
.scgma a{ display:block; height:4rem; width:100%; background:#ff6600;border-radius:1rem; text-align:center; font-size:2rem; color:#fff; line-height:4rem;}

.smsr{ padding-top:90px;}
.smsr img{ display:block; max-width:100%;}
.smsr_bga{ position:relative;}
.smsra_nr{ position:absolute; width:50%; top:118px; right:0; background:url(../images/smsra_01.png) no-repeat center; height:255px;}
.smsra_wb{ font-size:20px; color:#fff; line-height:24px; width:86%; padding-top:90px; padding-left:34px;}
.smsrb_nr{ position:absolute; width:100%; top:185px; left:0; color:#fff; text-align:center; font-size:26px; line-height:40px;}
.smsrb_a{ font-size:30px;}
.smsrb_b{ font-size:36px; font-weight:bold; padding-top:3px; padding-bottom:2px;}
.smsrb_b span{ color:#ff0000;}
.smsr_c{ padding-top:15px;}
.smsrc_a{ font-size:42px; font-weight:bold; line-height:42px; color:#000; text-align:center;}
.smsrc_a span{ color:#ff0000;}
.smsrc_b{ font-size:30px; font-weight:bold; text-align:center; color:#ff0000; padding-top:10px; padding-bottom:13px;}
.smsrc_c{ height:40px; width:99%; margin:0 auto; background:#da6c00;}
.smsrc_l{ line-height:40px; width:20%; text-align:center; font-size:20px; color:#fff;}
.smsrc_r{ height:36px; padding:0 11px; background:#fff; margin:2px; line-height:36px; font-size:20px; font-weight:bold; color:#000;}
.smsrc_r span{ padding:0 10px;}
.smsrc_title{ font-size:26px; font-weight:bold; color:#424242; padding-top:20px;}
.smsrc_title p{ width:50%; text-align:center}
.smsrc_title p.fl{ color:#c50000;}
.smsrc_wb{ padding-top:3px; padding-bottom:40px;}
.smsrc_wb li{ background:url(../images/smsrc_01.png) no-repeat; height:142px;}
.smsrc_wba{ font-size:20px; color:#fff; font-weight:bold; padding-top:44px; padding-left:25px; line-height:24px; width:255px;}
.smsrc_wbb{ width:80px; height:80px; line-height:80px; text-align:center; font-size:20px; font-weight:bold; color:#000; margin-top:39px;}
.smsrc_wbbon{ width:80px; height:52px; padding:14px 0; line-height:26px; text-align:center; font-size:20px; font-weight:bold; color:#000; margin-top:39px;}
.smsrc_wbc{ font-size:20px; color:#4f4f4f; font-weight:bold; padding-top:45px; padding-left:15px; line-height:24px; width:265px;}
.smsr_d{ position:absolute; left:0; top:0; width:100%;}
.smsr_l{ padding-left:10px; font-size:1.375rem; color:#fff; margin-top:-93px;}
.smsr_l p{ padding-top:10px;}
.smsr_r{ text-align:right; font-size:1.5rem; color:#eabe48; padding-top:485px; padding-right:12px;}
.smsr_r p{ padding-bottom:31px;}
.smsr_e{ position:absolute; left:0; top:745px; width:100%;}
.smsre_l li{ font-size:15px; color:#151515; line-height:18px; color:#151515; padding-top:38px; padding-left:10px;}
.smsre_l li p{ font-size:20px; color:#d18000; padding-bottom:5px; font-weight:bold;}
.smsre_r{ padding-top:15px;}
.smsre_r li{ font-size:15px; color:#151515; line-height:18px; color:#151515; text-align:right; padding-right:12px; padding-top:38px;}
.smsre_r li p{ font-size:20px; color:#d18000; padding-bottom:5px; font-weight:bold;}
.smsr_f{ position:absolute; left:1%; width:98%; top:309px;}
.smsr_f li{ background:url(../images/smsrf_01.png) no-repeat left top; height:138px; width:48%; margin-bottom:16px;}
.smsrf_sz{ width:89px; height:89px; margin-top:17px; line-height:89px; text-align:center; color:#fff; font-size:50px; font-style:italic; font-weight:bold;}
.smsrf_wb{ width:195px; font-size:16px; color:#040000; line-height:22px; padding-left:5px}
.smsrf_wb p{ font-size:26px; font-weight:bold; color:#000; padding-top:7px; padding-bottom:10px;}
.smsrg_bg{ background:url(../images/smsr_08.jpg) no-repeat center; width:100%; height:808px;}
.smsrg_title{ padding-top:132px; padding-left:13px;}
.smsrg_nr{ background:url(../images/smsrg_02.png) no-repeat left; height:335px; margin-top:36px;}
.smsrg_nr ul{ padding-top:46px;}
.smsrg_nr li{ padding-left:220px; font-size:16px; line-height:22px; color:#2e2e2e; padding-bottom:24px;}
.smsrh_bg{ background:url(../images/smsr_10.jpg) no-repeat; padding-top:226px; height:789px;}
.smsrh_bg li{ font-size:22px; line-height:30px; color:#fff; width:42%; float:left; height:177px; border-bottom:1px solid #da6100; padding-left:8%;}
.smsrh_bg li p{ font-size:40px; font-weight:bold; padding-bottom:18px; padding-top:30px;}
.smsri_bg{ background:url(../images/smsr_11.jpg) no-repeat; width:100%; height:673px; padding-top:160px;}
.smsri_nr{ width:96%; margin:0 auto;}
.smsri_nr li{ height:30px; padding-left:70px; line-height:30px; overflow:hidden; margin-bottom:30px;}
.smsri_nr li.on{ background:url(../images/smsri_01.png) no-repeat left;}
.smsri_nr li.om{ background:url(../images/smsri_02.png) no-repeat left;}
.smsri_nr li a{ color:#fff; display:block; font-size:18px;}
.smsri_more{ width:171px; height:59px; margin:0 auto;}
.smsri_more a{ display:block; width:100%; height:59px; background:#fff; text-align:center; line-height:59px; border-radius:8px; font-size:20px; color:#ff0000;}
.smsri_more a span{ font-family:"宋体"; font-size:22px; padding-left:12px;}
.smsrj_bg{ background:url(../images/smsr_12.jpg) no-repeat; width:100%; height:875px;}
.smsrj_title{ text-align:center; padding-top:45px;}
.smsrj_title img{ margin:0 auto;}
.smsrj_title p{ font-size:34px; color:#ffde00; padding-top:10px;}
.smsrj_nr{ width:90%; margin:0 auto; padding-top:35px;}
.smsrj_bt{ color:#fff; font-size:26px; padding-bottom:12px;}
.smsrj_kg{ border:0; background:rgba(255,255,255,0.9); height:48px; line-height:48px; margin-bottom:22px; width:94%; padding:0 3%; display:block;border-radius:8px; font-size:20px; outline:none;}
.smsrj_kga{ border:0; background:rgba(255,255,255,0.9); height:180px; line-height:48px; margin-bottom:22px; width:94%; padding:0 3%; display:block;border-radius:8px; font-size:20px; outline:none;}
.smsrj_an{ display:block; background:#ff7800; border-radius:8px; outline:none; width:100%; border:0; height:48px; color:#fff; font-size:24px; font-weight:bold;}
