@charset "utf-8";


/**********************************************************************index**********************************************************************/
body{ margin:auto}
.swiper-slide img{ width:100%;margin:auto;}



.solution{ margin-bottom:30px; width:100%; background:#e9e9e9; padding-bottom:10px; border-bottom:1px solid #dfe1e3; border-top:1px solid #dfe1e3;}
.solution_title{ text-align:center; padding-top:30px; margin-bottom:20px;}
.solution_title p{ font-size:20px; line-height:20px;}
.solution_title span{  font-size:9px; display:block; margin-top:6px;}
.solution ul{ overflow:hidden; width:90%; margin:auto;}
.solution ul li{float:left;overflow:hidden; width:100%;}
.solution ul li img{ width:100%; display:block}
.solutionText{ margin:auto; overflow:hidden; padding:10px 0}
.solutionText p{ text-align:center; font-size:16px; line-height:24px;}


.index_btn{background:#e9e9e9;border-radius:50%; width:40px; height:40px; cursor:pointer; margin:auto; -webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}
@-webkit-keyframes pulse {
  0% {-webkit-transform: translate(0, 0);transform: translate(0, 0); }		
  50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
  100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
@keyframes pulse {
  0% { -webkit-transform: translate(0, 0);transform: translate(0, 0); }
  50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
  100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
			
			
.index_btn:hover{background:#e6e6e6;}
.index_btn img{ margin:auto; padding-top:15px; width:15px;}


.index_wlw{ background:url(../images/m_index_wlw_bg.jpg) no-repeat center center; background-size:100%; color:#333;max-width:640px; margin:auto; margin-top:30px; padding-bottom:35px; padding-left:15px;}
.index_wlw p{ font-size:14px; line-height:14px; padding-top:50px;}
.index_wlw h3{ font-size:20px; line-height:20px; font-weight:normal; margin-top:4px;}
.index_wlw a{ background:#3ddc9a; border:1px solid #3ddc9a; color:#fff; padding:5px 0px; margin-top:20px; display:block; width:80px; text-align:center; font-size:12px;}

.index_title{ margin-top:40px;}
.index_title p{ font-size:20px; text-align:center; margin-bottom:30px}

.index_more{ overflow: hidden;}
.index_more a{ display:inline-block; text-align:center;font-size:12px;display:block; width: 50%; float: left;}
.index_more a:hover{ color:#3ddc9a; }

.pro_ul{ margin:auto; overflow:hidden; margin-top:20px;max-width:1080px;}
.pro_ul ul li{ display:block; position:relative; }
.pro_ul li img{ width:100%;}
.pro_ul ul li p{ position:absolute; top:10px; left:10px; color:#9d9d9d; z-index:999; font-size:12px;}
.pro_ul ul li.index_li1{ background:url(../images/probg1.jpg) no-repeat top center; background-size:100%}
.pro_ul ul li.index_li2{ background:url(../images/probg2.jpg) no-repeat top center; background-size:100%}
.pro_ul ul li.index_li3{ background:url(../images/probg3.jpg) no-repeat top center; background-size:100%}
.pro_ul .index_ull{ overflow:hidden; width:94%; margin:auto; margin-bottom:6px;}
.pro_ul .index_ull li{ float:left; width:49%;}


.index_ul3{ width:94%; margin:auto; margin-bottom:6px;}
.index_ulDiv{width:94%; margin:auto; overflow:hidden;margin-bottom:6px;}
.index_ul4{float:left;width:49%;margin-right:1%;display:block }
.index_ul5{float:left;width:49%;margin-left:1%; display:block}
.fl_width{ margin-right:1%}
.fr_width{ margin-left:1%}


.video{ background:#e9e9e9; border-top:1px solid #dfe1e3; margin-top:40px; margin-bottom:40px; padding-top:40px;}
.video_title{ text-align:center}
.video_title p{ font-size:20px; line-height:20px;}
.video_title span{ font-size:9px; display:block; margin-top:6px; margin-bottom:40px;}
.video_text ul li{ margin-bottom:3px;}
.hero2 img{ width:100%;  margin:auto}
.bg{position:fixed;height:100%; width:100%; top:0; left:0; z-index:9; background:#000;filter: alpha(opacity=70);opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;zoom: 1;}

.hero1{ position:relative}
#shut{position:absolute; color:#fff;display:block;top:-40px;right:2px;color:#333;font-size:36px; font-weight:bold;overflow:hidden;cursor:pointer; z-index:99}
#shut:hover{text-decoration:none;color:#f00;}
#shut:active{color:#fff;}

/* .videodiv{ } */
.video_img img{ position:absolute; top:0; left:0; width:100%; z-index:222; display:none}
.control img{ width:54px; height:54px; position:absolute; left:50%; top:42%; margin-left:-27px;  z-index:22222}

/**********************************************************************history**********************************************************************/
.about_title{ background:#f7f7f7; }
.about_title ul{ overflow:hidden; width:100%; margin:auto; background-size:100%;}
.about_title ul li{ width:20%; float:left; }
.about_title ul li a{ color:#999999; display:block; padding-top:68px;height:20px; padding-bottom:15px; text-align:center; font-size:12px}
.about_title ul li.li_jianjie a{ background:url(../images/about_img1.png) no-repeat center top; background-size:50px;}
.about_title ul li.li_dajishi a{  background:url(../images/about_img2.png) no-repeat center top; background-size:50px;}
.about_title ul li.li_news a{ background:url(../images/about_img4.png) no-repeat center top; background-size:50px;}
.about_title ul li.li_joinus a{background:url(../images/about_img5.png) no-repeat center top; background-size:50px;}
.about_title ul li.li_contact a{background:url(../images/about_img6.png) no-repeat center top; background-size:50px;}
.about_title ul li.dajishi_current a{ background:#3ddc9a url(../images/about_img2.png) no-repeat center bottom; background-size:50px; color:#fff;}
.about_title ul li.join_current a{ background:#3ddc9a url(../images/about_img5.png) no-repeat center bottom; background-size:50px; color:#fff;}
.about_title ul li.jianjie_current a{ background:#3ddc9a url(../images/about_img1.png) no-repeat center bottom;  background-size:50px; color:#fff;}
.about_title ul li.contact_current a{ background:#3ddc9a url(../images/about_img6.png) no-repeat center bottom;  background-size:50px; color:#fff;}
.about_title ul li.news_current a{ background:#3ddc9a url(../images/about_img4.png) no-repeat center bottom;  background-size:50px; color:#fff;}




.center_title{ text-align:center; background:url(../images/titlebg.png) no-repeat center top; background-size:160px; margin-top:60px; border-bottom:1px solid #cccccc}
.center_title h2{ color:#3ddc9a; font-size:20px; font-weight:normal; line-height:20px; padding-top:25px;}
.center_title p{ font-size:12px; line-height:14px; margin-top:5px}
.center_title span{ font-size:56px; color:#e1e1e1; font-family:"微软雅黑";text-transform:uppercase}
.center_title img{ margin:auto; padding-bottom:20px; margin-top:6px; height:24px;}
.center_banner{ background:url(../images/dajishiBanner.jpg) no-repeat center center; background-size:auto 140px; font-size:0px; color:#fff}
.center_banner p{ padding:70px 0}

/*history*/
.main { padding:60px 0; min-height:1000px; margin:auto;}
.history { background:url(../images/line04.gif) repeat-y 100px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 83px 0; background-size:36px;height:35px; font-size:18px; font-family:微软雅黑; font-weight:normal; padding-left:10px; margin-bottom:20px;  }
.history-date h2.first { position:absolute; left:0; top:0;  z-index:99;}
.history-date h2 a { color:#3ddc9a; display:inline-block; *display:inline; zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:15px; margin:21px 50px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
/* .history-date ul {} */
.history-date ul li { background:url(../images/icon07.gif) no-repeat 95px 0; background-size:12px; padding-bottom:30px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 {  width:84px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl {  padding-left:120px; margin-top:-36px; font-family:微软雅黑;}
.history-date ul li dl dt { font-size:14px; line-height:20px; color:#000;  padding-right:10px;}
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;line-height:18px; margin-top:5px;}
.history-date ul li.green h3 { color:#3ddc9a;}
.history-date ul li.green h3 span { color:#5aedb0; }
.history-date ul li.green dl {  margin-top:-36px;}
.history-date ul li.green dl dt { font-size:14px; color:#3ddc9a; padding-right:10px;}
.history-date ul li.green dl dt a {  display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 14px; background: transparent; margin-left: 120px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

*body .history-date ul li dl dt {_font-size:12px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;}


/**********************************************************************join**********************************************************************/
.joinBanner{ background:url(../images/joinBanner.jpg) no-repeat center center; background-size:auto 150px;}
.joinWrap{ margin:auto; font-size:16px; padding:50px 0; padding-left:20px;}

.joinList{  margin:auto; overflow:hidden; margin-top:40px;}
.joinTitle{ display:block; overflow:hidden; }
.joinTitle p{line-height:40px; background:#3ddc9a; color:#fff; text-align:center; font-size:18px;}
.joinTitle li{ line-height:40px; font-size:14px; background:#f4f4f4; cursor:pointer; padding-left:5%; width:43%; margin-right:2%; margin-bottom:3px; margin-top:3px; float:left;display:block; border-bottom:1px solid #e8e8e8}
.joinTitle li.current{ background:#f8f8f8 url(../images/joinTitleBg.jpg) no-repeat left center; color:#3ddc9a}

/* .joinText{ } */
.joinTextTitle{ border-bottom:1px solid #d5d5d5; padding:20px 20px 10px 20px; margin-top:10px;}
.joinTextTitle p{ font-size:14px; line-height:28px; }
.joinText dl{ margin-top:20px; padding:0 20px;}
.joinText dl dd{ font-size:20px; background:#f2f2f2; padding:5px 0; padding-left:10px; margin-bottom:10px;}
.joinText dl dt{ line-height:28px;}


/**********************************************************************about**********************************************************************/
.aboutTop{ overflow:hidden;}
.aboutTop img{ width:100%}
.aboutTop p{ line-height:24px; padding:0 10px; margin-top:20px;}
.aboutCen{ padding-bottom:40px;}
.aboutCen p{ line-height:24px; margin-top:20px;padding:0 10px;}

.aboutBot{ overflow:hidden; width:94%; margin:auto; margin-top:40px;}
.aboutImg img{ width:100%}
.aboutImg li{animation: fadeIn 0.5s linear 0s  alternate;
-moz-animation: fadeIn 0.5s linear 0s  alternate;
-webkit-animation: fadeIn 0.5s linear 0s  alternate;
-o-animation: zoomIn 0.5s linear 0s  alternate;}
.aboutImgTitle img{ width:100%;}
.aboutImgTitle{ overflow:hidden}
.aboutImgTitle li{ width:16%; float:left; display:block; margin:0 0.31%; padding-top:5px; cursor:pointer;filter: alpha(opacity=40);opacity: 0.4;-moz-opacity: 0.4;-khtml-opacity: 0.4; }
.aboutImgTitle li.current{filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}


.conbanner{ background:url(../images/conimg.jpg) no-repeat center top; height:120px; background-size: auto 120px;}
.con_wrap{ font-family:"微软雅黑"; }
.con_wrap .title p{ font-size:24px; text-align:center; padding-top:40px; font-weight:normal; border:none;}
.con_text{ width:94%; margin:auto; overflow:hidden; margin-top:20px; text-align:center; margin-bottom:20px;}
.con_text li{ line-height:20px; margin-bottom:5px;}
.con_text li p{  font-size:14px;}
.con_text li img{ width:42px; margin:auto; padding-bottom:20px;}
.con_text span{ font-size:12px; display:block; color:#999; text-align:left; width:134px; margin-left:43%;}

.con_text2{ margin-top:30px;width:94%; margin:auto; overflow:hidden}
.con_text2 ul{ width:100%; margin:auto; overflow:hidden}
.con_text2 ul li{ width:48%; float:left; text-align:center; background:#f7f7f7; display:block; margin:1%; height:140px;}
.con_text2 ul li img{ margin:auto; width:45px; margin-bottom:12px; padding-top:20px;}
.con_text2 ul li p{ font-size:14px; margin-bottom:5px;}
.con_text2 ul li span{ color:#888; display:block; font-size:14px; background-size:8px auto;}

.con_map{ margin:auto; margin-top:30px; margin-bottom:70px; width:94%; }




/*****************************************************************news*****************************************************************/

.pager{ margin-bottom:20px; overflow:hidden;}

.newswrap{ margin:auto;overflow:hidden; max-width:640px; width:94%; margin:auto }
.result_list{ overflow:hidden;}
.result_list li{border-bottom:1px dotted #e1e1e1;  padding-top:15px; padding-bottom:15px;overflow:hidden;height:70px; overflow:hidden}
.news_img{ float:left;max-width:35%;}
.news_img img{ height:70px;}
.news_right{ width:60%; float:right;}
.news_right_top{ overflow:hidden}
.news_right_top span{ font-size:14px; display:block; color:#999; margin-top:10px;}
.news_right_top a{ font-size:14px; line-height:20px; display:block; height:40px; overflow:hidden}
.news_right_top a:hover{ text-decoration:underline}
.news_right_bottom{ font-size:14px; overflow:hidden; margin-top:40px; line-height:24px; height:24px;}



/***********************************************newsDetail***********************************************/
.newslist{ background:#fff;}
.newslist img{ margin:auto; max-width:100%;}
.newslist p{ margin-bottom:15px; font-size:1em; line-height:150%;}
.biaoti{ padding-top:20px; margin-top:6px;}
.biaoti h1{ font-size:16px; text-align:center; line-height:24px; padding:0 20px;}
.biaoti p{ font-size:14px;text-align:center; color:#999; line-height:200%;}
.newCon{ padding:0 20px;}
.newCon p{ line-height:24px; font-size:14px; }
.newCon img{ margin-bottom:10px;}

.prnext{border-top:1px solid #d7d4d4; padding:0 20px; padding-top:20px; margin-bottom:60px;}
.prnext p{ line-height:22px; height:22px; font-weight:bold; margin-bottom:8px; overflow:hidden}
.prnext p a{ font-weight:normal; padding-left:5px;}
.prnext p a:hover{ text-decoration:underline}




.newslist222 ul li{ margin:0; padding:0}






/*****************************************************************xieyi*****************************************************************/
.context .title h3{ font-size:16px; font-weight:bold; text-align:center; margin-top:30px; color:#444;}
.xieyiText{ padding:0 0 10px 0; font-family:"微软雅黑"; font-size:12px; line-height:20px;}
.xieyiText p{ margin-top:10px; text-indent:24px; padding:0 10px; color:#777; font-family:"宋体"}
.xieyiText span{ display:block; padding:0 10px;}


/*****************************************************************wenti*****************************************************************/
.wenti{ margin-top:20px;font-family:"微软雅黑"; padding: 0 10px;}
.wenti .title p{ font-size:16px; height:40px; line-height:40px; font-weight:normal; text-align:center; color:#444;}
.wenda h3{ font-size:16px; margin-top:20px;}
.wenda p{ font-size:12px; font-weight:bold; color:#555; margin-top:6px; line-height:20px;}
.wenda span.p14px{ display:block; font-size:12px; font-weight:bold; color:#777; line-height:20px; }
.wenda span{ display:block; line-height:18px; margin-top:3px; font-size:12px; color:#444}



/*****************************************************************app*****************************************************************/
.appwrap{ max-width:1028px; margin:auto; font-size:12px;}
.appbanner{ background:url(../images/appbg.jpg) no-repeat top center; background-size:auto 600px; padding-top:40px; color:#fff; overflow:hidden;}
/* .appL{} */
.apptitle img{ width:200px; margin:auto}
.apptitle p{ font-size:36px; }
.appewm{ padding-left:10px; margin-top:20px; overflow:hidden}
.appewmR{ position:relative}
.appewmR ul{ overflow:hidden; width:75%; margin:auto}
.appewmR ul li{ margin-bottom:10px; width:50%; float:left;}
.appewmR ul li img{ border:1px solid #fff; border-radius:20px; padding:2px 0; margin:auto; width:110px;}
.appewmR ul li a:hover img{ background:#47d1af; border:1px solid #47d1af}
.appewmR .sel{ margin:auto; margin-top:10px; position:absolute; z-index:999;width:200px; left:50%; margin-left:-100px;}
.appewmR .sel a{ color:#444}
.appewmR .sel span{ border:1px solid #e2e2e2;border-radius:20px; height:30px; line-height:30px; outline:none; display:block; width:180px; padding-left:20px; background:#e2e2e2; margin:auto;}
.appewmR .sel span a{ float:left}
.appewmR .sel span a:hover{ color:#777}
.appewmR .sel span img{ width:16px; padding:10px 0 0 12px;}
.sel dl{ background:#e2e2e2; width:160px; padding:0 20px;  margin-top:0px; height:180px; overflow-y:scroll; display:none; position:absolute; top:30px; left:50%; margin-left:-100px; z-index:999}
.sel dl dt{ line-height:32px; border-top:1px solid #b1b1b1;}
.sel dl dt:hover a{ color:#777}


.pingtai{ max-width:1200px; margin:auto; padding-bottom:100px; min-width:1000px; margin-top:74px; }
.pingtai img{ width:100%; border-bottom:1px solid #cccccc}
 
.appR{ margin-top:60px;}
.appR img{ width:260px; margin:auto}

.appText ul{ margin:auto; overflow:hidden; width:96%; margin-top:40px;}
.appText ul li{ width:44%; padding-top:30px; height:220px; padding-left:2%; padding-right:2%; margin:0 1%; margin-bottom:6px; float:left; display:block; text-align:center; background:#f1f1f1;}
.appText ul li img{ margin:auto; margin-bottom:10px; width:60px;}
.appText ul li p{ font-size:16px; margin-bottom:10px}
.appText ul li span{ display:block; line-height:20px; color:#666}



.pingtai{ max-width:1200px; margin:auto; padding-bottom:100px; min-width:1000px; margin-top:74px; }
.pingtai img{ width:100%; border-bottom:1px solid #cccccc}





/*****************************************************************productlist*****************************************************************/
.productIndex0{ overflow:hidden; width:100%; margin:auto; margin-top:4px; max-width:1028px;}
.productIndex0 li{ overflow:hidden; margin-bottom:4px; background:#f8f8f8; font-size:10px;}
.pro_top{float:left; width:35%; overflow:hidden;}
.pro_top img{ width:100%;}
.pro_bottom0{ width:60%; float:left; padding-right:5%; padding-top:20px;}
.pro_bottom0 p{ font-size:14px; line-height:24px; color:#444}
.pro_hover0{ font-size:11px; line-height:16px; color:#999; margin-top:5px}
.pro_bottom0 span{ font-size:12px; display:block; margin-top:5px; color:#999;}
.productIndex0 li a.proa{  background:#333; color:#fff; padding:4px 10px; margin-top:10px; display:inline-block;margin-bottom:10px; }


.wrap_moblie img{ width:100%;}




/*****************************************************************app*****************************************************************/
.appdiv{ width:80%; max-width:640px; margin:auto}
.appdiv img{ width:70%; margin:auto; max-width:300px; margin-top:40px;}

.banben{ margin:auto;font-family:"微软雅黑"; margin-top:20px; width:100%; max-width:640px;}
.banben ul li{ color:#4da6ff; font-size:14px; border-bottom:1px solid #fff; line-height:48px; height:48px; background:#f1f1f1; width:100%;max-width:640px;}
.banben ul li span{ font-size:24px; display:block}
.banben ul li a{ text-decoration:underline; color:#4da6ff}

.download{margin:auto; overflow:hidden; padding-bottom:10px; width:80%; margin:auto}
.download p{ font-size:1.3em; margin-bottom:12px;}
.download a{ width:48%; float:left;}
.download a img{ width:90%; max-width:242px; margin:auto;}




/******************************contact*********************************************/
.conbanner{ background:url(../images/conimg.jpg) no-repeat center top; height:120px; background-size: auto 120px;}
.con_wrap{ font-family:"微软雅黑"; }
.con_wrap .title p{ font-size:24px; text-align:center; padding-top:40px; font-weight:normal; border:none;}
.con_text{ width:94%; margin:auto; overflow:hidden; margin-top:20px; text-align:center; margin-bottom:20px;}
.con_text li{ line-height:20px; margin-bottom:5px;}
.con_text li p{  font-size:14px;}
.con_text li img{ width:42px; margin:auto; padding-bottom:20px;}

.con_text2{ margin-top:30px;width:94%; margin:auto; overflow:hidden}
.con_text2 ul{ width:100%; margin:auto; overflow:hidden}
.con_text2 ul li{ width:48%; float:left; text-align:center; background:#f7f7f7; display:block; margin:1%; height:140px;}
.con_text2 ul li img{ margin:auto; width:45px; margin-bottom:12px; padding-top:20px;}
.con_text2 ul li p{ font-size:14px; margin-bottom:5px;}
.con_text2 ul li span{ color:#888; display:block; font-size:14px; background-size:8px auto;}

.con_map{ margin:auto; margin-top:30px; margin-bottom:70px; width:94%; }





#top{ position:fixed; width:35px; height:35px; bottom:110px; right:10px; z-index:999999999; text-align:center; background:#3ddc9a}
#top img{ width:35px; height:35px;}



/******************************ToB_prolist*********************************************/
.ToB_prolist{ overflow:hidden}
.ToB_prolist ul{ width:96%; margin:auto}
.ToB_prolist ul li{ width:46%; float:left; margin:0 2%; margin-top:20px;}
.ToB_prolist ul li img{ width:100%; background:#f5f5f5}
.ToB_prolist ul li p{ font-weight:normal; font-size:14px; text-align:center; padding-top:10px; border:1px solid #f5f5f5; height:36px; overflow:hidden}




#top{ position:fixed; width:35px; bottom:110px; right:10px; z-index:3; text-align:center;}
#top img{ width:35px; height:35px; margin-bottom:2px; background:#ffcc00}


.pro2B_banner img{ width:100%;}

/*****************************************************************product2Blist*****************************************************************/
.pro2BTitleFixed{ position: fixed; top: 0px; left: 0; width: 100%; overflow: hidden;z-index: 9999; background: #f5f5f5;}
/* .title2BWrap{ position: relative;} */
.title2B{ background: #000; padding:10px 0; color: #eee; overflow: hidden;display: none; width: 100%;}
.title2B p{ padding-left: 15px; float: left;}
.pro2BTitleFixed ul { position: relative; width: 100%; height: 100%;  padding-top: 10px;background: #f5f5f5; display: none;}
.pro2BTitleFixed ul li{ cursor: pointer; text-align: center; font-size: 14px; line-height: 36px;color: #aaa; display: block; text-align: center; border-bottom: 1px solid #e2e1e1; }
.pro2BTitleFixed ul li:hover{ color: #000}


.pro2Bul01{ overflow: hidden; margin-top:15px;}
.pro2Bul01 li{ width: 49.6%; float: left; margin: 0 0.1%; margin-bottom: 1px; padding-bottom:6px; padding-top: 10px; background: #fff}
.pro2Bul01 li img{ width: 80%; margin: auto; padding: 10px 0}
.pro2BulLiText{ padding: 0 10px; overflow: hidden; height: 56px;}
.pro2BulLiText p{ font-size: 14px;  text-align: center; padding-bottom: 6px;}
.pro2BulLiText span{color: #919391; font-size: 12px; display: block; margin-top: 6px; line-height: 20px; height: 40px; display: -webkit-box;
  -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center }
.pro2BulLiText a{ display: block; border: 1px solid #ebebeb; font-size: 12px; color: #777; line-height: 24px; width: 100px; text-align: center; margin: 10px auto;}
.pro2BulLiText i{ font-weight: normal; display: block; text-align: center; border: 1px solid #eee; color: #999; border-radius: 10px;font-size: 10px; padding:4px 0; margin: auto; width: 40%; font-style: normal}

.pro2Bul h3{ padding-left: 12px; border-bottom: 1px solid #e4e4e4; line-height: 36px; margin-top: 20px; font-size: 18px;}
.pro2Bul h4{ text-align: center; font-size: 18px; font-weight: normal; margin-top: 20px;}
.pro2Bul h5{ text-align: center; font-size: 13px; font-weight: normal; margin-top: 10px;color: #919391; text-align: center; line-height: 20px; padding: 0 10px}

.pro2B_btn a{ display: block; border: 1px solid #ddd; font-size: 12px; color: #777; line-height: 24px; width: 100px; text-align: center; margin: auto; margin-top: 10px;}
.pro2B_btn a:hover{ background: #a58a75; color: #fff; border: 1px solid #a58a75}

.pro2Bul02_2{ margin-top: 20px; overflow: hidden;}
.pro2Bul02_2 li{  width: 49.6%; margin: 0 0.1%; margin-bottom:1px; float: left;background: #fff;overflow: hidden;cursor: pointer;}
.pro2Bul02_2 li p{ text-align: center; font-size: 14px; padding-bottom: 15px}
.pro2Bul02_2 li img{width: 54%; margin:auto; padding: 20px 0 15px 0 }

.sp_nav{width:30px;float:right; margin-right:10px;position:relative;cursor:pointer;height:16px;margin-top:2px}
.sp_nav span{display:block;background:#fff;width:20px;height:1px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:6px}
.sp_nav span:nth-of-type(3){top:12px}
.sp_nav_se span:nth-of-type(1){top:6px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:6px;transform:rotate(-45deg)}