@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px }
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:#333;}
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 #005F3C;  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 #0095D8; 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:relative; z-index:999; height:85px; border-top:3px solid #0095D8; border-bottom:1px solid #c9c9c9;} 
.logo{ width:63%; float:left;}
.logo img{ display:block; width:100%;}
.sous{ position:absolute; right:4.2rem; padding-top:1.8rem; font-size:1.8rem; color:#b9b9b9;}
.banner .bnys{ height:400px;}
.banner .flickity-prev-next-button{ display:none;}
.banner .hero-gallery .flickity-page-dots{ bottom:40px;}
.banner .flickity-page-dots .dot{ width:6%; height:0.6rem; background:#999;border-radius:0;opacity:1;}
.banner .flickity-page-dots .dot.is-selected{ background:#fff; }
.ind_nav{ background:#fff; border-radius:1.2rem 1.2rem 0 0; position:relative; z-index:993; margin-top:-1.2rem; width:94%; padding:1.2rem 3%;}
.ind_nav li{ width:33.33%; float:left; text-align:center; padding:1rem 0;}
.ind_nav li p{ font-size:1.3rem; padding-top:0.4rem;}
.index_bg{ background:#efefef; width:100%; padding-top:1rem;}
.sybj{ background:#fff; width:100%; border-top:0.2rem solid #ffb502;}
.sybj_title{ background:#fff; border-bottom:0.1rem solid #b6b6b6; width:96%; padding:0 2%; height:4.5rem; line-height:4.5rem; font-size:1.5rem;}
.sybj_title span{ float:right; font-size:1.2rem;}
.sybj_title span i{ font-style:normal; color:#fe0000;}
.sybj_nr{ width:96%; padding:1.5rem 2%; background:#fff;}
.baojib{ width:49%;}
.baojib_kg{ width:96%; color:#626262; padding:0 2%; border:0.1rem solid #d2d2d2; outline:none; height:3.4rem; font-size:1.2rem; border-radius:0.5rem;}
.baojia{ width:100%; height:3.6rem; padding-top:1.2rem;}
.baojia_kg{ width:95%; border:0.1rem solid #d2d2d2; height:3.4rem; line-height:3.4rem; outline:none; font-size:1.2rem; border-radius:0.5rem;padding:0 1.5%; color:#626262;}
.baojia_btn{ background:#ff7e00; height:3.4rem; text-align:center; color:#fff; font-size:1.4rem; border:0px; margin-top:1.2rem;  width:98.2%;}
.baojia_wb{ text-align:center; font-size:1rem; padding-top:0.8rem; color:#666;}
.syztjz{ background:#fff; border-top:1rem solid #efefef; width:100%; padding-bottom:4rem;}
.syjz_nr{ width:96%; padding:1rem 2% 0 2%;}
.syjz_nr .ztjz{ height:525px; width:100%;}
.syjz_nr .ztjz img{ width:100%; height:425px;}
.stjz_wb{ text-align:center; background:#ffb502; height:100px; font-size:1.4rem; color:#000;}
.stjz_wb p{ font-size:2.4rem; font-weight:bold; padding-top:0.6rem;}
.syjz_nr .flickity-page-dots{ display:none;}
.syjz_nr .flickity-prev-next-button{ background:#04a067;opacity:0.8;}
.syjz_nr .flickity-prev-next-button:hover{ background:#04a067;}
.syjz_nr .flickity-prev-next-button .arrow{ fill:#fff !important;}
.syjz_nr .flickity-prev-next-button:disabled{opacity:0.8;}
.syjz_nr .flickity-prev-next-button.previous{ left:-10px;}
.syjz_nr .flickity-prev-next-button.next{ right:-10px;}
.sycase{ background:#fff; border-top:1rem solid #efefef; width:100%;}
.sycase_nr{ width:98%; margin:0 auto;}
.sycase_nr .sycase_wb{ width:100%; height:530px; padding-top:4.6rem;}
.sycase_wb a{ display:block; float:left; width:49%; margin:0 0.5%;}
.sycase_wb a img{ width:100%;border-radius:0.5rem; height:190px;}
.sycase_wb a p{ text-align:center; font-size:1.3rem; height:4rem; line-height:4rem; overflow:hidden;}
.sycase_nr .flickity-prev-next-button{ display:none;}
.sycase_nr .hero-gallery .flickity-page-dots{ top:1.6rem;}
.sycase_nr .flickity-page-dots .dot{ width:1.8rem; height:1.8rem; background:#b1b1b1; opacity:1; }
.sycase_nr .flickity-page-dots .is-selected{ background:#0095D8;}
.sycase_more{ width:100%; height:4.4rem; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.sycase_more a{ width:100%; height:4.4rem; line-height:4rem; text-align:center; display:block; color:#0095D8; font-size:1.5rem;}
.sygybz{ width:100%;}
.sygybz img{ display:block; width:100%;}
.synews{ width:100%; background:#fff; border-radius:0 0 1.2rem 1.2rem; -moz-box-shadow:0px 5px 15px #024029; -webkit-box-shadow:0px 5px 15px #024029; box-shadow:0px 5px 15px #0095D8; position:relative; z-index:9;}
.synews_nr { width:94%; margin:0 auto; padding-bottom:2rem;}
.synews_nr li{ background:#f4f4f4; width:100%; margin-top:1.5rem; display:inline-block;}
.synews_pic{ width:43%;}
.synews_pic img{ width:100%;}
.synews_wb{ width:52%; padding-right:2%; color:#717171; font-size:1.2rem;}
.synews_wb p{ font-size:1.4rem; line-height:2rem; padding-top:0.8rem; padding-bottom:3rem;}
.foot_bg{ background:#0095D8; width:94%; padding:2.2rem 3% 1rem 3%; margin-top:-1.2rem;}
.foot_dh{ border-bottom:0.1rem solid #333333; padding-bottom:1.8rem;}
.foot_dh a{ font-size:1.2rem; color:#fff; padding-right:2.8rem;}
.smg{ padding-top:1rem; width:100%;}
.smg_left p,.smg_right p{ font-size:1.4rem; color:#fff; padding-bottom:0.8rem;}
.smg_left img{ margin-left:0.6rem;}
.foot_bq{ padding-top:1rem; font-size:1rem; color:#fff; height:2rem; line-height:2rem; padding-bottom:5rem;}
.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:#dc5800; 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%;}
.subNavBox{width:100%; height:4rem; position:relative;}
.subNav{cursor:pointer;font-weight:bold;font-size:1.5rem;color:#fff;line-height:4rem; width:45%; background:#04a067 url(../images/fl_bb.png) no-repeat;background-position:95% 50%; padding-left:5%; height:4rem;}
.subNav:hover{color:#fff;}
.currentDd{color:#fff}
.currentDt{background:#006943 url(../images/fl_b.png) no-repeat; background-position:95% 50%;}
.navContent{display:none; background:rgba(0,89,56,0.8); top:4rem; position:absolute; width:100%; z-index:99;}
.navContent li a{display:block; width:22%; float:left; heighr:3rem;text-align:center;font-size:1.3rem;line-height:3rem;color:#fff; border:0.1rem solid rgba(0,89,56,0); margin:0.5rem 1.3%}
.navContent li a:hover,.navContent li a.cur{color:#fff; border:1px solid #fff;}
.fla_nr{ width:100%; background:#0095D8;}
.fla_nr a{ display:block; width:18%; float:left; text-align:center; margin:0 1%; line-height:3.6rem; font-size:1.4rem; font-weight:bold; color:#fff; border-bottom:0.4rem solid #fff; }
.fla_nr a:hover,.fla_nr a.cur{ border-bottom:0.4rem solid #ff0000; color:#fff;}

.fla_nr1{ width:100%; background:#0095D8;}
.fla_nr1 a{ display:block; width:30%; float:left; text-align:center; margin:0 1.5%; line-height:3.6rem; font-size:1.4rem; font-weight:bold; color:#fff; border-bottom:0.4rem solid #fff; }
.fla_nr1 a:hover,.fla_nr1 a.cur{ border-bottom:0.4rem solid #ff0000; color:#fff;}

.main_wz{ background:#f4f4f4; height:4rem; line-height:4rem; width:96%; padding:0 2%; border-bottom:0.1rem solid #bfbfbf;}
.fh{ width:8%; padding-top:0.5rem;}
.fh img{ width:100%;}
.wz{ font-size:1.2rem; color:#6e6e6e;}
.main_nr{ width:100%; padding-top:2rem; padding-bottom:3rem;background:#fff; margin-top:-1.2rem; position:relative; z-index:9;border-radius:1.2rem; -moz-box-shadow:0px 5px 15px #024029; -webkit-box-shadow:0px 5px 15px #024029; box-shadow:0px 5px 15px #0095D8;margin-top: 0em;}
.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:2rem 0;}
.news_img{ width:40%; border:0.1rem solid #d1d1d1;}
.news_img img{ width:100%;}
.news_right{ width:56%;}
.news_title{ font-size:1.4rem; color:#3a3a3a; font-weight:bold;}
.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; width:100%;}
.news_nynr img{ max-width:100%;}
.sxyxw{ margin-top:1rem; width:100%; margin-bottom:1rem; display:inline-block;}
.syg{ float:left; width:25%; height:3rem; color:#000; text-align:center; line-height:3rem; background:#005F3C; font-size:1.4rem; border:1px solid #D0D0D0;}
.syg a{color:#fff; display:block; font-size:1.2rem; }
.xyg{ float:right; width:25%; height:3rem; color:#000; text-align:center; line-height:3rem; background:#005F3C; font-size:1.4rem; border:1px solid #D0D0D0;}
.xyg a{color:#fff; display:block; font-size:1.2rem; }
.case_nr { width:100%;}
.case_nr li{ float:left; width:48%; margin:0 1%; padding-bottom:1rem;}
.case_pic{ width:100%;}
.case_pic img{width:96%; background:#e4e4e4; padding:2%; display:block;}
.case_nr li p{ text-align:center; line-height:3rem; height:3rem; font-size:1.4rem; color:#1a1a1a;}
.team_nr{ width:100%;}
.team_nr li{ float:left; width:47.5%; margin:0 1%; border:0.1rem solid #dcdcdc; margin-bottom:1rem;}
.team_pic{ width:100%;}
.team_pic img{width:96%; padding:2%; display:block;}
.team_wb{ width:96%; margin:0 auto; height:3.4rem; line-height:3.4rem; font-size:1.2rem; color:#3d3d3d;}
.team_wb span{ font-weight:bold;}
.team_title{ height:3rem; width:100%;}
.team_bt{ height:3rem; border-right:0.1rem solid #e4e4e4; padding-right:1.5rem;}
.team_mc{ font-size:2.6rem; line-height:3rem; color:#585858;}
.team_zw{ font-size:1rem; line-height:1.4rem; margin-top:0.2rem; padding-left:0.5rem;}
.team_zw p{ font-weight:bold; font-size:1.2rem;}
.team_szgs{ padding-left:1.3rem; color:#000; line-height:3rem;}
.team_top{ border:0.1rem solid #d8d8d8; border-radius:1rem 1rem 0 0; width:99%; margin:1.4rem auto 0 auto; padding-top:2rem;}
.teamspic{ width:80%; margin:0 auto; text-align:center;}
.teamspic img{ width:100%;}
.team_zx{ width:90%; margin:0 auto; height:3rem; padding-top:1rem; padding-bottom:1.6rem;}
.team_zx a{ width:50%; display:block; float:left; text-align:center; height:3rem; line-height:3rem; color:#fff; font-size:1.3rem;}
.team_bottom{ width:99.6%; background:#f4f4f4; margin:1.6rem auto 0 auto;border-radius:1rem 1rem 0 0; overflow:hidden;}
.teamsh_bt{ background:#04a067; height:4rem; line-height:4rem; width:96%; padding:0 2%; font-size:1.6rem; color:#fff;}
.teamsh_nr{width:96%; padding:0 2%; line-height:1.8rem !important; font-size:1.1rem !important; padding-top:1rem; padding-bottom:3rem;}
.teamsh_nr p span,.teamsh_nr p,.teamsh_nr span{ line-height:2rem !important; font-size:1.1rem !important;}
.teamny_nr{ padding-top:1rem; width:98%; margin:0 auto; padding-bottom:1rem;}
.teamny_nr li{ width:48%; float:left; margin:0 1%;}
.teamny_nr li p{ height:3rem; line-height:3rem; font-size:1.2rem;}
.product_nr { width:98%; margin:0 auto;}
.product_nr li{ float:left; width:48%; margin:0 1%; padding-bottom:1rem;}
.product_pic{ width:100%; border-radius:0.5rem; overflow:hidden;}
.product_pic img{width:100%; display:block; height:190px;}
.product_nr li p{ text-align:center; line-height:3rem; height:3rem; font-size:1.4rem; color:#3d3d3d; overflow:hidden;}
.case_sj{ width:96%; padding:2%; background:#f3f4f7;border-radius:1rem 1rem 0 0;}
.casesj_pic{ width:10rem; height:10rem; overflow:hidden; border-radius:50%;}
.casesj_pic img{ width:100%;}
.casesj_wb{ width:70%;}
.case_btnr{ font-size:1.6rem; color:#4b4b4b; padding-top:0.4rem;}
.case_wbnr{ width:100%; padding-top:1rem;}
.case_wbnr li{ width:50%; float:left; color:#717171;}
.case_anpic{ background:#f3f4f7; width:96%; margin-top:1.2rem; padding:2%; }
.case_anbt{font-size:0.9rem; color:#787878;}
.case_anbt p{ border-bottom:0.1rem solid #e4e4e4; font-size:1.7rem; height:3rem; line-height:3rem;}
.case_animg{ width:100%; padding-top:1.4rem;}
.case_animg img{ max-width:98%; padding:1%; background:#fff;}
.pro_nr{ width:98%; margin:0 auto;}
.pro_nr ul{ width:100%;}
.pro_nr li{ width:49%; margin:0 0.5% 1rem 0.5%; position:relative; float:left; overflow:hidden; border-radius:0.5rem;}
.pro_nr li img{ width:100%; display:block;}
.pro_nr li i{ position:absolute; left:0px; top:0px;}
.contact_nr{ width:100%;}
.contact_bta{ border-bottom:0.1rem solid #e1e1e1; width:100%; text-align:center; font-size:1.8rem; color:#009b4d; font-weight:bold; padding-bottom:0.6rem;}
.contact_bta p{ font-size:1.1rem; font-weight: normal; color:#9a9a9a; padding:0.6rem 0;word-spacing: 1rem; letter-spacing:0.5rem;}
.contact_btb{ text-align:center; padding-top:1.2rem;}
.contbg{ background:#f4f4f4; margin-top:3rem;}
.cont_nr{ width:96%; padding:1rem 2% 2rem 2%; line-height:1.8rem;}
.contf_nr{ width:96%; margin:0 auto;}
.contf_nr li{ width:96%; background:#f4f4f4; margin-bottom:1rem; padding:1.6rem 2%; font-size:1.2rem; line-height:1.8rem;border-radius:0.8rem;}
.contf_nr li a{ color:#5c5c5c;}
.cont_bt{ font-size:1.6rem; color:#009b4d; font-weight:bold; padding-bottom:1rem;}

.topsai{ float:left; width:15%; height:2.6rem;border:solid 0.1rem #e5e5e5; margin-left:3%; margin-top:1.3rem; border-radius:0.5rem;}
.subNava{cursor:pointer; font-size:1.2rem; line-height:2.6rem; width:85%; height:2.6rem; padding-left:15%; color:#000; background:url(../images/jiantou1.png) no-repeat;background-position:90% 50%;}
.currentDta{background-image:url(../images/jiantou.png);}
.navContenta{display:none; border:solid 1px #e5e5e5; background:#fff; width:120px; padding-left:1rem;}
.navContenta input{display:block;width:50%;heighr:2.4rem; font-size:1.2rem; color:#000;line-height:2.4rem; padding:0px; background:#fff; border:0px; outline:none; cursor:pointer; text-align:left; font-family:"微软雅黑"; float:left;}
.navContenta input:hover{ color:#009b4d;}
.navContenta button,input[type="button"],.navContenta input[type="reset"],.navContenta input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;}

.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;}
.nyproduct_title{ width:100%; line-height:2rem; color:#1b1b1b; font-size:1.6rem; font-weight:bold; padding-bottom:0.4rem;}
.nyproduct_title p{ font-size:1.6rem; color:#232323; font-weight:bold; padding-bottom:0.5rem;}
.nyproduct_img{ padding-bottom:4rem; width:640px; position:relative; padding-top:1rem;border-bottom:0.1rem solid #e1e1e1; overflow:hidden;}
.nyproduct_img ul{ overflow:hidden;}
.nyproduct_img ul li{ float:left; width:640px;}
.nyproduct_img ul li img{ width:94%; margin:0 auto; display:block; border:0.4rem solid #f4f4f4;}
.nycpjs{ width:96%; padding:2rem 2% 1rem 2%;border-bottom:0.1rem solid #e1e1e1; font-size:1.2rem; color:#1a1a1a;}
.nycpjs_title{ font-weight:bold; padding-bottom:1rem;}
.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:2rem; color:#777; width:100%; padding:0.5rem 0;}
.nyxx_nr img{ max-width:100%;}
.qhwz{ position:absolute; z-index:99; top:46%; width:100%;}
.qhwz .prev{ margin-left:0.2rem;}
.qhwz .next{ float:right; margin-right:0.2rem;}
.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;}
.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;}

/*内页style结束*/ 


/*导航样式*/
.mobile{width: 100%; height:90px; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:rgb(255,255,255);width: 100%;height:85px; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff;width:80px;height:80px;font-size:2rem;font-weight:bold;margin-top:5px;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% - 50%) / 2);top: calc((100% - 20px) / 2);width:60%;height:0.3rem;background-color: #0095D8;border-radius:0.2rem;}
.mobile-inner-header-icon-out p{width:60%;height:0.3rem;background-color: #0095D8;position: absolute; left:25%; bottom:2.8rem; display:block;border-radius:0.2rem;}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) 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(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) 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(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:86px;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:80%;margin-left:10%;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.3rem;}
.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;}


/*报价设计*/
.i_bjsj{ width:100%; /*height:375px;*/ border:1px solid #DDD;}
.i_bjsj .ibjsj_tag{ height:80px; font-size:18px; background-color:#FAFAFA; margin-left:-1px; margin-right:-1px;}
.i_bjsj .ibjsj_tag a{ float:left; display:block; width:49.5%; line-height:80px; border-left:1px solid #DDD; border-right:1px solid #DDD; text-align:center; cursor:pointer; text-decoration:none; border-bottom: 1px solid #DDD;font-size: 1.5em;}
.i_bjsj .ibjsj_tag .ibsjstag_on{ background-color:#FFF; border-top:1px solid #F30; color:#F30; border-bottom:none;}
.i_bjsj .ibjsj_tag .ibsjstag_off{ background-color:#FAFAFA; border-bottom:1px solid #EDEDED;}

.i_bjsj .ibjsj_main{ width:90%; /*height:280px;*/ margin:25px 5%;}
.i_bjsj .ibjsj_main .izxbjm_txt{ margin-bottom:12px;}

#rsj_main .izxbjm_txt input{ border:1px solid #DEDEDE;width:100%; height:40px; padding:8px 0px; border-radius:2px;font-size: 1.3em;}
#rsj_main .ibjsj_butt input{ width:100%; height:3em; display:block; color:#FFF; font-size:1.3em; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(bjsj_bg.gif) no-repeat 65px -62px;}
#rbjm1 .izxbjm_txt input{ border:1px solid #DEDEDE; width:100%; height:40px; padding:8px 0px; background:url(bjsj_bg.gif) no-repeat right -20px; border-radius:2px; background-color: #fff;font-size: 1.2em;}
#rbjm1 .ibjsj_butt input{ width:100%; height:3em; display:block; color:#FFF; font-size:1.3em; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(bjsj_bg.gif) no-repeat 65px -62px;}

#rbjm2 .izxbjm_txt input{ border:1px solid #DEDEDE;width:282px; height:40px; padding:8px 10px; background:url(bjsj_bg.gif) no-repeat right -20px; border-radius:2px;}
#rbjm2 .izxbjm_txt1 input{ border:1px solid #DEDEDE;width:282px; height:40px; padding:8px 10px; border-radius:2px;}
#rbjm2 .izxbjm_txt1{ margin-bottom:12px;}
#rbjm2 .ibjsj_butt input{ width:282px; height:38px; display:block; color:#FFF; font-size:17px; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(bjsj_bg.gif) no-repeat 65px -62px;}
#rbjm2 .bj_ydtxt{ padding:3px; margin-bottom:10px; font-size:12px; padding-left:38px; line-height:18px; color:#C9C9C9; background:url(bjsj_bg.gif) no-repeat 7px -158px;}

.i_bjsj .ibjsj_main .ibjsj_butt{ margin-bottom:18px;}
.i_bjsj .ibjsj_main .ibjsj_txt{ text-align:center;font-size: 1.3em;}
.i_bjsj .ibjsj_main .ibjsj_txt i{ color:#F40; margin:auto 5px;}

.nice-select{ width:260px; /*padding:0 10px;*/ height:3.5em; border: 1px solid #DEDEDE; position:relative; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.nice-select select{height:3em; line-height:3em; width:120px; border:none;font-size: 1.2em;}
.nice-select option{ height:34px;}
.nice-select input{ display:block; width:100%; height:38px; line-height:38px \9; border:0; outline:0; background:none;}
.nice-select ul{ width:100%; display:none; position:absolute; left:-1px; top:38px; overflow:hidden; background-color:#fff; overflow-y:auto; border:1px solid #DEDEDE; border-top:0; z-index:9999;}
.nice-select ul li{ height:30px; line-height:30px; overflow:hidden; padding:0 10px; cursor:pointer;}
.nice-select ul li.on{ background-color:#FAFAFA;}

.city-select{ width:260px; position:relative;}
.city-select div.tag_select { padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select div.tag_select_hover{ padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select div.tag_select_open{ padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select ul.tag_options{ width:99%; position:absolute; left:0; top:38px; overflow:hidden; background-color:#fff; overflow-y:auto; border:1px solid #DEDEDE; border-top:0; z-index:9999;}
.city-select ul.tag_options li{ height:30px; line-height:30px; overflow:hidden; padding:0 10px; cursor:pointer;}
.city-select ul.tag_options li.open_hover{ background-color:#F5F5F5;}


/*设计结果显示*/
.rsj_ok{ text-align:center; padding-top:30px; background:#FFF; position:absolute; top:53px; height:270px;}
.rsj_ok p{ text-align:left; padding:15px 20px 5px;}
.rsj_ok p a{ background-image: -moz-linear-gradient(top, #F9F9F9, #FAFAFA); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #FAFAFA)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FAFAFA', GradientType='0'); border:1px solid #CECECE; color:#666; display:block; text-align:center; border-radius:3px; width:60px; height:24px; margin:auto; cursor:pointer;}
.rsj_ok p a:hover{ background-image: -moz-linear-gradient(top, #FF812D, #0095D8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF812D), color-stop(1, #0095D8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF812D', endColorstr='#0095D8', GradientType='0'); border:1px solid #FF6701; color:#FFF; text-decoration:none;}

/*报价结果显示*/
#rbjm3{ padding:30px 20px;  background:#FFF; position:absolute; top:0px; height:270px;}
#rbjm3 p{ margin-bottom:25px; font-size:16px;}
#rbjm3 .rbj_txt_xts1{ font-size:14px; margin-bottom:25px; color:#777;}
#rbjm3 p em{ color:#F40; margin-right:5px; font-weight:bold;}
#rbjm3 .rbj_pj{ border-top:1px solid #DDD; padding-top:15px; color:#777;}
#rbjm3 .rbj_pj p{ font-size:15px; margin-bottom:18px;}
#rbjm3 .rbj_pj p em{ font-weight:normal; color:#777; margin:auto 20px;}
.rbj_tjok{ text-align:center;}
.rbj_tjok span{ display:block; margin:15px auto;}
.rbj_tjok input{ background-image: -moz-linear-gradient(top, #F9F9F9, #FAFAFA); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #FAFAFA)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FAFAFA', GradientType='0'); border:1px solid #CECECE; color:#666; display:block; text-align:center; border-radius:3px; width:60px; height:24px; margin:auto; clear:both; cursor:pointer;}
.rbj_tjok input:hover{ background-image: -moz-linear-gradient(top, #FF812D, #0095D8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF812D), color-stop(1, #0095D8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF812D', endColorstr='#0095D8', GradientType='0'); border:1px solid #FF6701; color:#FFF; text-decoration:none;}


.h3t { height:60px; border-bottom:#CCC solid 1px; text-align:center; margin-bottom:30px;}
.h3t font { font-size:36px; color:#0095D8; background:#FFF; line-height:112px; padding:0 15px;}