@charset "utf-8";
/* CSS Document */
*, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
    margin: 0;
    padding: 0;
}

body,button, input, select, textarea /* for ie */ {
    font: 12px/1.5 tahoma, arial, simsun, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } 
code, kbd, pre, samp { font-family: courier new, courier, monospace; } 
small { font-size: 12px; } 

ul, ol { list-style: none; }

* { -webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
*:hover { -webkit-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-moz-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-o-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;;text-decoration:none; }

sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; }

legend { color: #000; }
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; } 

/* CSS Document */
body{ margin:0px; font-size:14px; color:#444; font-family:'\5FAE\8F6F\96C5\9ED1',"Microsoft YaHei",微软雅黑;background:url(../images/bg.jpg) top center repeat;}
a {	color: #444444;text-decoration: none;}
a:hover { color: #d72e23;}
.red{ color:#cb2124}
.clear{ clear:both; margin:0px; padding:0px;}
.mt1{ margin-top:1px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt25{ margin-top:25px}
.mt30{ margin-top:30px}
.mt50{ margin-top:50px}
.mt60{ margin-top:60px}
.mt70{ margin-top:70px}
.mt100{ margin-top:100px}
.mt130{ margin-top:130px}
.mr5{ margin-right:5px}
.mr1{ margin-right:1px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr25{ margin-right:25px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}
.mr50{ margin-right:50px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.mb50{ margin-bottom:50px}
.mg10{ margin:10px}
.mg15{ margin:15px}
.mg20{ margin:20px}
.pd10{ padding:10px}
.pd15{ padding:15px}
.pl30{ padding-left:30px;}
.pr30{ padding-right:30px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.fl{ float:left}
.fr{ float:right}
.pa{ position:absolute}
.pr{ position:relative}
.txtR{ text-align:right}


.w1170{ width:1170px; margin:0 auto}
.w1003{ width:1003px; margin:0 auto}
.w980{ width:980px; margin:0 auto; overflow:auto}
.wrap{ width:92%; max-width:1200px; margin:0 auto}

.header{ background:#FFF; height:100px;position: fixed;top:0px; left:0px;width: 100%;z-index: 1; box-shadow:0 3px 5px rgba(0,0,0,0.1);transition: height .3s;-webkit-transition: height .3s; -o-transition: height .3s;}
.header.fixed{ height:80px;position: fixed;top:0px; left:0px;width: 100%;z-index: 9999;}
.header .wrap{  overflow:hidden;}
.logo{ width:150px; height:159px; display:block; background:url(../images/logo.png) center left no-repeat; background-size:cover}
.fixed .logo{width:124px; height:80px; display:block; background:url(../images/logo1.png) center left no-repeat; background-size:cover}
.fixed .menu{ top:35px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.menu{ overflow:auto; top:55px; right:0px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.menu li{ float:left; font-size:18px; text-align:center; padding:0 40px;}
.menu li a{ display:block; width:100%; height:45px;}
.menu li.on , .menu ul li a:hover{ color:#d72e23;}
.menu li.on a{color:#d72e23}

.flexslider { margin:100px auto 0px ; position: relative; width: 100%; height: 720px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
.flex-direction-nav .next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .prev { left: 0; }
.flexslider:hover .next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .next:hover, .flexslider:hover .prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li a {background:#fff; border-radius:12px; display: block; width: 12px;height: 12px; overflow: hidden; text-indent: -99em; cursor: pointer; }
.flex-control-nav li a.flex-active, .flex-control-nav li.on a {background:#d72e23;}
.flexslider .slides a img { width: 100%; height: 720px; display: block; }




.content{ overflow:auto}
	.index-about{ width:100%; margin-top:100px; overflow:auto}
	.index-aboutL{width:48%; height:355px; float:left; background:url(../images/index_about.jpg) center left no-repeat; background-size:cover;}
	.index-aboutR{width:44%; height:355px; float:left; margin-left:80px;}
	.index-title{ font-size:36px; font-weight:bold; line-height:44px; text-align:left}
	.index-title em{ font-size:20px; text-transform:uppercase; font-weight:normal; line-height:50px; display:block}
	.index-title hr{ width:160px; height:2px; background:#444; border:0px; float:left;}
		.index-title.white{ color:#FFF; text-align:center}
		.index-title.white em{ font-size:26px; line-height:60px;}
		.index-title.white hr{ float:none; background:#fff; margin:0 auto}
		.index-title.txtR{ text-align:right}
		.index-title.txtR hr{ float:right;}
	.index-info{ font-size:16px; line-height:30px; margin-top:30px;}
	.index-info b{ font-size:22px; line-height:46px;}
	
	.index-history{ width:100%; margin-top:100px; background:url(../images/index_history.jpg) center top no-repeat; height:430px; padding-top:70px;}
		.index-history .slideGroup{ padding-top:70px;}
		
		
/* 图片带箭头滚动 */
.slideGroup{ width:100%; text-align:left;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0px 40px ; position:relative;}
.slideGroup .prev,.slideGroup .next{ position:absolute; left:0px; top:95px; display:block; width:40px; height:69px;  background:url(../images/index_arrl.png) center center no-repeat; background-size:contain}
.slideGroup .next{ left:auto; right:0px; background:url(../images/index_arrr.png) center center no-repeat;  }
.slideGroup .prev:hover,.slideGroup .next:hover{ border-color:#f60;  }
.slideGroup ul{ overflow:auto; zoom:1;}
.slideGroup ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center; width:210px; height:210px; border-radius:50%; background:url(../images/ppfz_bg.png) center 85px no-repeat #fff; background-size:contain; border:#32363f solid 4px;}
.slideGroup ul li:hover{ border:#d72e23 solid 4px;}
.slideGroup ul li h1{ line-height:60px; font-size:38px; font-weight:normal; margin-top:30px;}
.slideGroup ul li p{ font-size:14px; line-height:22px; padding:0 27px; margin-top:15px;}



	.index-product{ width:100%; margin-top:100px; overflow:hidden}
	.index-productL{ width:420px; float:left; height:574px; background:url(../images/index_product.jpg) center right no-repeat; background-size:cover}
	.index-productR{ width:700px; float:right; height:570px;}
	.index-productR .index-info{ font-size:18px; line-height:36px;}
	.index-productR .index-info b{ line-height:60px;}
	.index-product ul{ width:110%; overflow:hidden}
	.index-product ul li{ float:left; width:20.5%; margin-right:3%; height:200px; overflow:hidden}
	.index-product ul li img{ width:100%}
	.img_animate{transition:transform .5s;transform:scale(1)}
	.img_animate:hover{transform: scale(1.1);}
	
	.index_culture{background:url(../images/index_culture.jpg) center top no-repeat; margin-top:100px;}
	.index_culture .wrap{ padding-top:70px;}
	.index_culture img{ width:80%; margin-left:10%}
	
	.index_join{background:url(../images/index_join.jpg) center top no-repeat; margin-top:100px; height:410px;}
	.index_joinC{ width:670px; float:right; padding:0 4%;}
	.btn{ width:170px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:18px; display:block; background:#d72e23; background: rgba(221,49,0,0.8); border-radius:5px;}
	.btn:hover{ background:#d72e23; background: rgba(221,49,0,1); color:#fff}
	
	.index_contact{ overflow:auto; margin-top:100px;}
		.index_contactL img{ height:135px; margin-right:25px;}
		.index_contactL p{ font-size:25px; line-height:42px; font-weight:bold}
		.index_contactL p strong{ font-size:46px; line-height:60px; letter-spacing:-2px;}
		.index_contactL p img{ vertical-align:middle; margin-right:15px; width:38px; height:38px;}
		.index_contactR{ height:110px; padding:15px; width:145px;background: rgba(221,49,0,0.8);}
		.index_contactR:hover{background: rgba(221,49,0,1);}
		.index_contactR p{ width:25px; color:#fff; font-size:22px; line-height:27px; float:left}
		.index_contactR img{ width:110px; height:110px; float:right}
.index_foot{line-height:30px; padding:20px; background:url(../images/index_foot.jpg); color:#fff; font-size:16px; text-align:center; margin-top:100px;}
.index_foot a {text-decoration: none;color: #fff}
.index_foot a:hover {text-decoration: none;color: #fff}



/*新闻*/
.banner_news{/* background:url(../images/banner_news.jpg) center top no-repeat; */height:650px; margin-top:100px;}
.news_menu{ width:100px; height:80px; font-size:16px; font-weight:bold; position:fixed; left:50%; margin-left:620px; top:135px;visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	.news_menu a{background:url(../images/news_menu.png) no-repeat; background-size:contain; display:block; padding-left:30px; line-height:18px; height:18px;}
	.news_menu a:hover{background:url(../images/news_menuon.png) no-repeat; background-size:contain;}
	.news_menu hr{ width:1px; height:40px; background:#535353; border:0px; margin:3px 9px;}
	.news_menu.cd-is-visible {visibility: visible;  opacity: 1;}
	.news_menu.cd-fade-out {opacity: .5;}
.news_title{ font-size:36px; line-height:40px; background:url(../images/news_title.png) center 60px no-repeat; height:110px; text-align:center; color:#d72e23; border-bottom:#535353 solid 2px;}
.news_brand{ margin-top:100px; overflow:auto}
	.news_brandL{ width:47%; float:left;display: none;}
	.news_brandL:first-child{display: block;}
		.news_brandL img{ width:100%; height:293px;}
		.news_time{ font-size:14px; width:60px; height:65px; padding:5px; line-height:14px; text-align:center}
		.news_time b{ font-weight:normal; font-size:46px; line-height:46px;}
		.news_time.redbg{background: rgba(221,49,0,0.8); color:#fff; top:0px; left:0px;}
		.news_info{ width:100%;}
		.news_info h1{ font-size:20px; line-height:40px; height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
		.news_info p{ line-height:26px; height:52px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
	.news_brandR{ width:51%; float:right; height:480px;  overflow-y:scroll}
		.news_brandR .news_info{ display:inline-block; width:85%;}
		.news_brandR ul li{ clear:both; margin-bottom:35px; overflow:auto;}
		.news_brandR ul li.on .news_time,.news_brandR ul li:hover .news_time,.news_brandR ul li.on .news_info h1,.news_brandR ul li:hover .news_info h1{ color:#d72e23;}
.news_activity{ margin-top:100px; overflow:hidden}
	.news_activity ul li img{ width:62%; height:265px;}
	.news_activity .txt{ width:35%; font-size:16px; line-height:28px; cursor:pointer}
	.news_activity ul li{ clear:both; overflow:auto; margin-top:60px;}
	.news_activity ul li span{ font-size:140px; line-height:110px; color:#d72e23;filter:alpha(opacity=50); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; font-weight:bold}
	.news_activity ul li h1{ display:block; font-size:24px; line-height:50px;background:url(../images/hr2.png) bottom left no-repeat;margin-left:30px; margin-top:-25px;}
	.news_activity ul li p{ margin-top:10px; margin-left:30px}
	.news_activity .more{ margin:0 auto; margin-top:60px; width:28px;display:block; }
	.news_activity hr{ height:2px; border:0px; background:#5b5b5b; margin-top:30px;}
.index_foot.news_foot{ background:url(../images/news_foot.jpg) top center no-repeat;}
/*新闻详情*/
.news_detail_t{ font-size:20px; color:#d23b00; line-height:30px; height:auto; border-bottom:#757575 solid 2px; margin-top:50px;}
.news_detail_c{ line-height:30px; padding:20px 0}
.news_detail_c img{ display:block; margin:10px auto}
/*真材计划*/
.banner_hr{/* background:url(../images/banner_hr.jpg) center top no-repeat; */height:650px; margin-top:100px;}
.hr_1{margin-top:100px; overflow:hidden; text-align:center;}
	.hr_1 li{ margin:26px 0; overflow:auto; font-size:70px;}
.hr_list{ overflow:hidden; margin-top:100px;}
	.hr_title{ font-size:22px; text-align:center}
	.hr_title h1{font-size:40px; margin-bottom:8px}
	.hr_listC{background:url(../images/hr_listbg.png) center top no-repeat; background-size:cover; width:31%; margin:0 1%; color:#fff; height:520px; float:left; text-align:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transform:translate(0,8px);-webkit-transform:translate(0,8px);-moz-transform:translate(0,8px);-o-transform:translate(0,8px);-ms-transform:translate(0,8px)}
	.hr_listC:hover{ color:#fff;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);}
	.hr_listC h2{ width:85px; padding:38px 30px; line-height:40px; margin:0 auto; display:block; text-align:center; font-size:32px; font-weight:normal;}
	.hr_listC p{ font-size:16px; line-height:28px; width:90%; margin:36px auto 0}
	.hr_num{ font-size:16px; line-height:28px; width:85%; margin:36px 0 0 40px;}
	.hr_num li{ list-style:decimal; text-align:left}
	.hr_listC p img{ margin:2px auto;}
	.hr_listC p.center{ text-align:center}
.hr_list.black{ background:#080405; color:#fff; padding:80px 0}
	.black .hr_listC{background:url(../images/hr_listbg1.png) center top no-repeat; color:#444}
	.black .hr_listC h2{color:#d72e23;}
.hr_2{ margin-top:100px; text-align:center; font-size:16px; line-height:50px; font-weight:bold}
.hr_2 .btn{ margin:0 auto}
.hr_2 .f20{ font-size:20px; line-height:60px; color:#d72e23; margin-top:20px;}
.hr_2 hr{ height:2px; background:#4b4746; border:0px;}
.index_foot.hr_foot{ background:url(../images/hr_foot.jpg) top center no-repeat;}
/*关于*/
.banner_about{/* background:url(../images/banner_about.jpg) center top no-repeat; */height:650px; margin-top:100px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.about_history{background:url(../images/about_history.jpg) center top no-repeat; height:938px; overflow:hidden; margin-top:100px;}
	.about_history .wrap{ padding-top:70px;}
.about_vision{background:url(../images/about_vision.jpg) center top no-repeat; margin-top:100px; overflow:hidden; padding-top:420px;}
	.about_vision .w980{ margin-top:80px;}
	.about_visionL{ width:40%}
	.about_visionL img{ width:100%}
	.about_visionR{ width:40%}
.about_value{background:url(../images/about_value.jpg) center top no-repeat; margin-top:100px; overflow:auto; color:#fff; height:400px;}
	.about_value .index-title{ color:#FFF; margin-top:140px;}
	.about_value .index-title hr{ background:#fff}
	.about_valueR{ width:65%; font-size:16px; margin-top:80px}
	.about_valueR li{ line-height:20px; height:20px;background:url(../images/about_value_arr.png) center left no-repeat; background-size:contain; padding-left:20px; margin:40px 0}
.about_tab{background:url(../images/about_tab.jpg) center top no-repeat; margin-top:100px; overflow:auto;}
	.about_tab .index-title{ text-align:center; margin-top:140px;}
	.about_tab .index-title em{ font-size:36px; font-weight:bold; line-height:70px;}
	.about_tab .index-title hr{float:none; margin:0 auto}
.about_tabC{ margin-top:150px;}
	.tab_num{ overflow:auto}
	.tab_num li{ width:7%; margin:0 1.5%; float:left; background:#808699; height:75px; line-height:75px; color:#c6c8d0; font-size:42px; text-align:center; overflow:auto; cursor:pointer}
	.tab_num li:hover{ background:#d8372d; color:#fff}
	.about_tabCon{ clear:both;background:url(../images/about_tabcon.png) left top no-repeat;  color:#fff; font-size:22px; padding:40px 20px 20px; width:525px;margin-top:20px;}
	.about_tabCon.c1{margin-left:1.5%; }
	.about_tabCon.c2{margin-left:11.5%; }
	.about_tabCon.c3{margin-left:21.5%; }
	.about_tabCon.c4{margin-left:31.5%; }
	.about_tabCon.c5{margin-left:41.5%; }
	.about_tabCon.c6{margin-left:51.5%; }
	.about_tabCon.c7{float:right;margin-right:31.5%;background:url(../images/about_tabcon1.png) right top no-repeat;}
	.about_tabCon.c8{float:right;margin-right:21.5%;background:url(../images/about_tabcon1.png) right top no-repeat;}
	.about_tabCon.c9{float:right;margin-right:11.5%;background:url(../images/about_tabcon1.png) right top no-repeat;}
	.about_tabCon.c10{ float:right;margin-right:1.5%;background:url(../images/about_tabcon1.png) right top no-repeat;}
.about_leadership{ margin-top:100px;/* background:url(../images/about_leadershipbg1.jpg) center bottom no-repeat; */padding-bottom:0px;}
	.about_leadership .index-title{ text-align:center;}
	.about_leadership .index-title hr{ float:none; margin:0 auto}
	.about_leadershipC{ margin-top:80px;}
	.about_leadershipC img{ width:100%}
	
	.about_pinpai{background:url(../images/about_pinpai.jpg) center top no-repeat; margin-top:100px; overflow:hidden; padding-top:570px;}
.index_foot.about_foot{ margin-top:0px; padding-top:0px; background:none}
/*产品*/
.banner_pro{/* background:url(../images/banner_pro.jpg) center top no-repeat; */height:650px; margin-top:100px;}
.pro_series{ margin-top:100px;}
	.pro_seriesC{background:url(../images/pro_seriesbg.jpg) center bottom no-repeat; padding-bottom:136px; overflow:hidden}
	.pro_seriesCon{display: none;}
	.pro_seriesCon:first-child{display: block;}
	.pro_title{ font-size:40px; font-weight:bold; text-align:center; padding-bottom:20px;}
	.pro_title img{ display:block; margin:0 auto; margin-top:10px}
	.pro_tab{ text-align:center;}
	.pro_tab a{ font-size:24px; padding:0 25px; line-height:60px; height:60px; padding-bottom:10px; display:inline-block;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
	.pro_tab a.on,.pro_tab a:hover{background:url(../images/pro_tab.png) center bottom no-repeat;}
	.pro_tab hr{ clear:both; background:#d72e23; height:2px; border:0px; border-top:#ec9d98 solid 1px; border-bottom:#4e1410 solid 1px;}
	.pro_seriesL{ width:680px;}
	.pro_seriesL img{width: 680px; height: 510px;}
	.pro_seriesR{ width:440px; font-size:18px; line-height:36px; padding-top:130px;}
	.pro_seriesR b{ font-size:23px; line-height:60px;}
	.pro_seriesR hr{ width:140px; height:2px; border:0px; background:#454140; margin-bottom:20px;}
	.pro_seriesR .more{ font-size:18px;color:#d72e23;line-height:26px; display:block; margin-top:50px;}
	.pro_seriesR .more em{ font-size:14px; color:#333; display:block; }
	.pro_seriesR .more hr{ background:#d72e23; width:70px; height:2px; border:0px; margin-top:5px;}
.pro_img{ margin-top:100px; overflow:auto}
	.pro_img .fl{ width:32%; height:530px; overflow:hidden}
	.pro_img .fr{ width:68%;}
 	.pro_img .fr li{ width:48%; height:258px; overflow:hidden; display:block; float:left; margin:0 0 15px 2%;}
.pro_c1{ margin-top:100px; overflow:auto}
	.pro_c1 ul{ width:1302px; margin-left:-52px; margin-top:40px;}
	.pro_c1 ul li{ width:330px; margin:0 52px; display:block; float:left; font-size:18px; line-height:50px; text-align:center; border-bottom:#3e3a39 solid 2px;}
	.pro_c1 ul li img{ margin-bottom:50px;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
	.pro_c1 ul li img:hover{transform:translate(0,-8px);-webkit-transform:translate(0,-8px);-moz-transform:translate(0,-8px);-o-transform:translate(0,-8px);-ms-transform:translate(0,-8px);transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.pro_c2{ margin-top:100px;background:url(../images/pro_c2bg.jpg) center top no-repeat; padding:80px 0}
	.pro_txt{ text-align:center; font-size:16px; line-height:30px;}
.pro_c3{ margin-top:100px;}
	.pro_c3 .wrap img{ width:100%; margin-top:40px;}
.pro_c4{ margin-top:100px;}
	.pro_c4 .pro_title{ font-size:30px;}
	.pro_c4 .wrap img{ width:100%; margin-top:40px;}

.index_foot.pro_foot{ background:url(../images/pro_foot.jpg) top center no-repeat;}
/*产品详情*/
.pro_t{background:url(../images/pro_bg.jpg) top center no-repeat; text-align:center; color:#fff; font-size:40px; height:345px; line-height:300px; margin-top:50px; font-weight:bold}
.pro_list, .pro_list1{ overflow:auto; width:1200px; margin:0 auto; margin-top:50px;}
.pro_list ul li{ width:300px; text-align:center; float:left; margin:40px 50px;}
	.pro_pic{width: 300px;height: 225px;overflow: hidden;}
	.pro_pic img{width: 300px; height: 225px;}
	.pro_con{ font-size:16px; line-height:32px; }
	.pro_con b{ font-size:24px; line-height:50px; height:50px; display:inline-table; width:auto; border-bottom:#454140 solid 2px; margin-bottom:15px;}
.ts{ text-align:center; height:60px; line-height:60px; color:#000; margin-top:50px;}
.pro_list1 ul li{ width:600px;  float:left; margin:40px 0px;}
.pro_list1 .pro_pic{ float:left}
.pro_list1 .pro_con{ float:left}
/*加盟*/
.banner_joinus{/* background:url(../images/banner_joinus.jpg) center top no-repeat; */ height:650px; margin-top:100px;}
.joinus_zc{ margin-top:100px;}
	.joinus_zc h1{ font-size:50px; display:block; text-align:center}
	.joinus_zc ul{ margin-top:70px;}
	.joinus_zc ul li{ width:160px; height:230px; color:#fff; font-size:16px; text-align:center; float:left; margin:0 5px; cursor:pointer}
	.joinus_zc ul li p{width:160px; height:81px; line-height:28px; vertical-align:middle; display:table-cell;  background:#9fa0a0;}
	.joinus_zc ul li:hover p{background:#d72e23}
.joinus_photo{ margin-top:100px; overflow:auto}
	.joinus_photo h1{ text-align:center; margin-bottom:70px;}
	.joinus_photo ul{ z-index:999;}
	.joinus_photo ul li{ width:319px; height:149px; margin:0px;}
	.joinus_photo ul li:hover,.joinus_photo ul li.on{ background:url(../images/joinus_photo_num.png) center top no-repeat;}
	.joinus_photo ul li img{ width:237px; height:136px; margin:6px 5px}
	.joinus_photo ul li b{ font-size:36px; color:#fff; width:68px; text-align:center; vertical-align:top; line-height:130px; display:none}
	.joinus_photo ul li:hover b,.joinus_photo ul li.on b{ display:inline-block;}
	.joinus_photo .J_tabContent{ float:right; margin-top:6px;}
	.joinus_photo .J_tabContent img{ width:945px; height:582px;}
	.joinus_intro{ margin-top:70px;}
	.joinus_intro .fl{ width:19%; text-align:right}
	.joinus_intro .fr{ width:78%; font-size:18px; line-height:38px;}
.joinus_creat p{ margin-top:70px; text-align:center;font-size:18px; line-height:38px;}
.joinus_share{ margin-top:100px;}
.joinus_title{ font-size:36px; border-left:#d8372d solid 5px; line-height:36px; font-weight:bold; padding-left:15px; margin-bottom:70px;}
		/* 图片带箭头滚动 */
		.joinusGroup{ width:100%; text-align:left;  }
		.joinusGroup .slideBox{ overflow:hidden; zoom:1; padding:0px 40px ; position:relative;}
		.joinusGroup .sPrev,.joinusGroup .sNext{ position:absolute; left:0px; top:95px; display:block; width:40px; height:69px;  background:url(../images/index_arrl.png) center center no-repeat; background-size:contain}
		.joinusGroup .sNext{ left:auto; right:0px; background:url(../images/index_arrr.png) center center no-repeat; background-size:contain}
		.joinusGroup .sPrev:hover,.joinusGroup .sNext:hover{ border-color:#f60;  }
		.joinusGroup ul{ overflow:auto; zoom:1;}
		.joinusGroup ul li{ margin:0 28px; float:left; _display:inline; overflow:hidden; text-align:center; width:318px; height:300px;}
		.joinusGroup ul li img{ border:#433629 solid 5px; border-radius:5px;}
		.joinusGroup ul li p{ line-height:60px; font-size:16px; text-align:center;}
.joinus_form{ margin-top:100px;}
	.joinus_form label{ font-size:16px; width:10%; color:#333; font-weight:normal; margin-right:30px; vertical-align:middle; }
	.joinus_form .col1{ width:50%; color:#d72e23; font-weight:bold; padding-bottom:20px;}
	.joinus_form .j-input{ width:290px; height:36px; line-height:36px; border-radius:5px; border:1px solid #bfcbd9; padding-left:10px; font-family:inherit; vertical-align:middle}
	.joinus_form .j-radio{ margin-right:5px;}
	.joinus_form select{width:300px; height:40px; line-height:36px;border-radius:5px; border:1px solid #bfcbd9; padding-left:10px; font-family:inherit;}
	.joinus_form textarea{ width:890px; height:160px;font-family:inherit; line-height:30px; border-radius:5px; border:1px solid #bfcbd9;padding-left:10px;vertical-align:middle;}
	.joinus_form button{ background-color: rgb(243, 110, 35); color: white;  height: 45px; width: 210px; margin-top: 70px; font-size: 16px; font-family: 微软雅黑; border-radius:3px; border:0px;}
#myVue,#myVue1{ display:inline-block;width:265px;}
.el-cascader{ width:265px;}

@media (max-width:1280px) {
	.index-aboutL{width:40%;}
	.index-aboutR{width:54%; margin-left:40px;}
	.index-info{ font-size:16px; line-height:36px; margin-top:20px;}
	.index-productL{ width:420px;}
	.index-productR{ width:45%; margin-left:50px;}
}
@media (max-width:1350px) {
	.index_join .wrap{ width:100%}
}
@media (max-width:1440px) {
	.news_menu.cd-is-visible {visibility: hidden;  opacity:0;}
}	

/*侧边导航栏*/
.pager-nav { position: fixed; bottom: 10px; right: 0; z-index: 10; width: 60px; height: 210px; font-size:14px;}
.pager-nav li { width: 60px; height: 70px; margin: 0; line-height: 110px; text-align: center;cursor: pointer; }
.pager-nav li a{color:#fff; width:100%; height:100%; display:block}
.pager-nav li.contact { background: #bd010f url("../images/pager_nav.png") top left no-repeat; background-position: 14px 15px;}
.pager-nav li.code{ background: #e70012 url("../images/pager_nav.png") top left no-repeat; background-position:14px -58px;}
.pager-nav li.returntop { background: #636363 url("../images/pager_nav.png") top left no-repeat; background-position:14px -130px; line-height:38px;}
/*联系弹窗*/
.popup-wrap { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999; }
.popup-title{ padding:0 80px 0 20px; height:42px; line-height:42px; border-bottom:1px solid #eee; font-size:14px; overflow:hidden; background-color:#F8F8F8; border-radius:2px 2px 0 0}
.popup-animate{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.contact-popup.is-visible,.code-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.is-visible .contact-popupC,.is-visible .code-popupC { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }

.contact-popupC { position: relative; width:520px; margin:250px auto; overflow:auto; background: #FFF; border-radius:2px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
	.contact-popupC .ways{ margin:40px auto; width:420px;overflow:auto}
	.contact-popupC .way-btn{display: block; float:left; width:120px; height:120px; background: #d72e23; margin-left:30px; color:#fff; font-size: 18px; text-align: center; }
	.contact-popupC .way-btn i{ width:46px; height:46px; display:block; background: url("../images/popup_ico1.png") 0px 0px no-repeat; margin:20px auto 10px}
	.contact-popupC .way-btn i.way-icon1{background: url("../images/popup_ico1.png") -132px 0px no-repeat;}
	.contact-popupC .way-btn:hover i{ background: url("../images/popup_ico1.png") 0px -54px no-repeat;}
	.contact-popupC .way-btn:hover i.way-icon1{ background: url("../images/popup_ico1.png") -132px -54px no-repeat;}
	.contact-popupC .way-btn:hover{background: #333; color:#d72e23;}
	.contact-popupC .phone{height:60px; line-height: 58px; background: #333; color:#fff; font-size: 18px; text-align: center; margin-bottom:0;border-radius: 0 0 2px 2px}
	.contact-popupC .icon-tel{ width:26px; height:26px;background: url("../images/icon_tel.png") no-repeat; display:inline-block}
	.contact-popupC .phone>*{vertical-align: middle;}
	.contact-popupC .phone .number{font-size: 30px; margin-left:10px;}
.code-popupC {position: relative; width:400px; margin:250px auto; overflow:auto; background: #FFF; border-radius:2px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
	.dx-follow-window{width:320px; padding:30px 40px; display: none;}
	.dx-follow-window h3{text-align: center; font-weight: bold; font-size: 20px; margin-bottom:20px;}
	.dx-follow-window h3 span{color:#d72e23; margin-right:10px;}
	.dx-two-list{position: relative; overflow: hidden; margin-bottom:0;}
	.dx-two-list:after{content:''; display: block; width:100%; height:1px; background:#333; position: absolute; left:0; top:25px;}
	.dx-two-list li{float:left; text-align: center; margin:0 30px;}
	.dx-two-list li p{display: inline-block;}
	.dx-two-list li p:after{content:''; display: block; width:100%; height:3px; background: #333; margin-top:3px; margin-bottom:3px;}
	.dx-two-list li img{ width:100px; height:100px; margin-top:20px;}