.w1000{width: 1200px;margin:0 auto;}
.w100{width:100%;}
.w10{width:99.9%; max-width:1380px; margin:0px auto;}
ul,li{list-style:none;}
a:link {color: #333333;text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;color: #0075c1;}
a:active {text-decoration: none;color: #0075c1;}

img{ max-width:100%;}
.gudingny1{ margin-top:100px;}

.wap_show,.footer417 .icon-weibo-2, .footer417 .icon-facebook, .footer417 .icon-zh{ display:none;}

.pubp_nav{ background:#014CC1; margin:0px auto; overflow:hidden;z-index:9; padding-bottom:0px;}
.pubp_navspan{ display:block;padding:0 15px; vertical-align:top; line-height:45px;height:45px; font-size:16px; color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1); position:relative;}
.pubp_navspan i{ position:absolute; display:block; background:url("../images/b-arrow.png") center no-repeat; height:100%; right:15px; top:0; width:16px;}
.pubp_navdl{ padding:0 15px;}
.pubp_navdl dd{ line-height:42px; border-bottom:1px solid #ccc;}
.pubp_navdl a{ font-size:14px; color:#eee; display:block;}
.pubnavshow{ display:none;}
.pubp_navspan i{transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}
.pubp_navspan.subOn  i{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}

.kyfypagea{ position:relative; z-index:5;}
.kyfypageam{ margin:6px auto 40px; min-height:200px}
.kyfypageb{width:900px;  text-align:left; min-height:500px}
.pubnavejj{ border-bottom:1px solid #eaeaea; overflow:hidden; height:35px; line-height:35px; margin-bottom:20px}
.pubnavejj .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../images/crumbs_icon.png) no-repeat 0 13px; text-indent:10px}
.ybaboutadesc{ margin-top:35px;line-height:30px; font-size:16px; color:#333333}

.cusdownram {margin-bottom: 20px;display: block;cursor: pointer;position: relative;top: 0;background: #f8f8f8;}
.cusdownrah5 {color: #333;font-size: 16px;padding-top:8px; background:url(../images/crumbs_arrow.png) no-repeat 0px 23px; text-indent:10px}
.cusdownram:hover .cusdownrah5 {color: #1d62af;}
.cusdownratxt {position: relative;padding: 0 120px 12px 16px;float: none;}
.cusdownradesc {color: #666;padding-top:0px;}
.cusdownraicon {position: absolute;border-left: 1px solid #e5e5e5;padding-left: 30px;right: 30px;top: 24px;}
.cusdownram:hover {top: -5px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0, 0.08);}
.cusdownram img,.cusdownram {transition: all 0.3s ease;}



@media screen and (max-width:900px) {

.cusdownratxt {width:76%;padding-right:19%; }
.cusdownrah5 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size:14px; background:url(../images/crumbs_arrow.png) no-repeat 0px 18px; text-indent:10px; line-height:20px}
.cusdownradesc {height:22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:12px}
.cusdownraicon {position: absolute;padding-left:5px;right: 0;top: 50%;transform: translateY(-50%); font-size:11px}


}


.footer{ display:none;}
/* footer */
.footer417 {background-color: #27374d;}
.footer417 a {color: #728398;}
.footer417 span b {color: #fff;font-weight: 300;}
.footer417 .sitemap {padding: 50px 0;background: #27374d;color: #728398;}
.footer417 .sitemap dl {float: left;margin-left: 70px;}
.footer417 .sitemap dl dt {margin-bottom: 20px;color:#B9C2CC;line-height: 26px;font-weight: 600; font-size:14px}
.footer417 .sitemap dl dd { margin: 0;line-height: 26px;}
.footer417 .sitemap dl a {color: #728398;}
.footer417 .sitemap dl a:hover{ color:#fff;}
.footer417 .sitemap dl:first-child {margin: 0;}
.footer417 .hr {margin: 0; border-top:1px solid #36455a;}
.footer417 .copyright { height: 71px;line-height: 70px;background: #27374d;font-size: 12px;color: #728398;text-align: center;}
.footer417 .copyright a {margin: 0 0 0 15px;opacity: 0.2; color: #728398;}
.footer417 .copyright a.active,
.footer417 .copyright a:hover { opacity: 1;}
.footer417 .copyright span a {opacity: 1;}
.footer417 .icon-weibo-2,.footer417 .icon-facebook,.footer417 .icon-zh {display: inline-block; width: 45px;height: 45px;margin: 20px 10px 0 0;text-align: center;line-height: 45px;background: #1a2940;color: #728398;font-size: 24px;border-radius: 4px;}
.footer417.share {padding: 30px 0;text-align: center;}
.footer417.share .btn {margin-bottom: 55px;color: #fff !important;}
.footer417.share .btn:first-child { margin-bottom: 30px;}
.footer417.share .logo { margin-top: 5px;}
.footer417 .color-blue{ color:#728398;}
.storeMain{ display:none;}

.headtop,.backtops,footer{ display:none;}

@media screen and (min-width: 1920px) {
  .pagebanner,.aboutb,.investord{background-size:100% auto;}
}

@media screen and (max-width: 1000px) {
.footer,.top-nav{ display:none;}
.w1000{ width:100%;}
.gudingny1{ margin-top:0px;}
.pagebanner{ position:relative;background-attachment:fixed;background-size: 100% auto;background-repeat: no-repeat;background-position: center top;} 
.headtop,.backtops,footer{ display:block;}

.headtop{  background:#fff;}
.headtopon{ background:#FAFAFA;}
.headtopon .icon-bar{ background:#000; }

.headtop .rtlogo a,.headtopon .rtlogo a{background-position:center top;}
header{ height:55px;}

.btn-nav{ padding-top:15px; padding-bottom:15px;}

.menuIcon2{ background-size:18px; width:55px; height:55px; display:none;}
.menuIcon2{background-size:18px; width:55px; height:55px; display:none;}
.menuIcon2{ right:0; left:auto;display:block;background-size:auto 21px;}
.storeMain{ background:#2f2f2f; padding-top:65px; overflow:hidden; box-sizing:border-box; top:0; position:fixed;}
.storeBox{ padding:20px; padding-top:0; background:none;}
.storeBox .before .btn a{ margin:0; margin-top:0;}
.storeBox .before .btn { padding-top:20px;}
.headtopon .menuIcon2{ background-image:url("../images/icon_0511.png");}
.storeBox .before .btn a{ height:30px; line-height:30px; color:#FFFFFF}
.headtopon.showMenu .menuIcon2{ background-image:url("../images/icon_05.png");}
.headtop .icon-bar:before{ display:none;}

.footer417{ display:none;}

.pagebanner{ position:relative;background-attachment:fixed;background-size: 100% auto;background-repeat: no-repeat;background-position: center top;} 
.ybaboutadesc{ margin-top:15px;}

.kyfypageb{ width:96%; margin:0px auto; padding:0px 1%;}
.newdescall{ margin:0; padding:0 10px;}
.footNav li{ padding-right:10px;}
.footNav li>a.hslink{ margin-right:40px;}
.footNav li.home>a,.menuBox li.home>a{ background:none;}
.hslinkem{ position:absolute;width:48px;height:48px;top:0;right:0;background: url("../images/icon_01.png") no-repeat 25px center;background-size:12px;}
.hslinkemon{ background-image:url("../images/icon_02_2.png");}
.menuBox .hslinkem{ background-position:29px center;}
.ewm_bottom{ padding:15px  0 0 0; text-align:center;}
.ewm_bottom-c{ padding:15px 0px 50px 0px; text-align:center; line-height:25px; font-size:12px}
.ewm_bottom-c p{color:#b6b6b6}
.ewm_bottom img{ width:80px;}
.copyp1{ padding-top:0;}
.copyp2,.copyp2 a,.copyp1,.copyp1 a{ color:#b6b6b6;}

.wap_show{ display:block;}
.wap_hide,.kyfypageal,.aboutpageal{ display:none;}


.newdetail-title {font-size:16px;}



}

.newdescall{ margin:0px 1%;}
.newdetail-title {padding-top: 10px;font-size:20px;padding-bottom: 30px;text-align: center;border-bottom: 1px solid #d3d3d3;font-weight:bold}
.newdetail-title p {padding-top: 10px;font-size: 12px;color: #adadad;text-align: center; font-weight:400}
.newdetail-con {text-align: justify;text-justify: inter-ideograph;line-height: 26px;font-size: 14px;padding: 30px 0;margin-top: 10px; margin: 0 auto;}


#preandnext { margin:16px auto; border-top: 1px dashed #CCCCCC; padding-top:25px}
#preandnext h2{font-size:14px; font-weight:100; padding:3px 0px}
.page{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center; font-size:12px}
.page a,.page span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}

.aboutpageal{ width:290px; height: auto; background:#DDDDDD; padding-top:0px; position:absolute; margin-top:10px}
.aboutpagealtitle{ width:250px; height:80px;background-image: linear-gradient(to right,#0063CF, #013CB6); color:#FFFFFF; font-size:22px; line-height:80px; padding-left:40px}
.aboutpageardesc{margin-top:40px; }
.aboutpageasubh3{ font-size:16px; }

.aboutpageasubh3.on{ background:#928F94;}
.aboutpageasubh3 span{ display:inline-block; vertical-align:top; line-height:55px; padding-left:30px;}
.aboutpageasubh3.on span{ color:#FFFFFF;}
.aboutpageasubh3 i{ float:right; display:block; margin-right:20px; width:30px; background:url("../images/kyfwxb_1.png") center no-repeat; height:55px; background-size:auto 8px;}
.aboutpageasubh3.on i{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
.aboutpageasubh3{ border-bottom:1px solid #fff;}

.lineform1{ float:left; width:98.5%; }
.formcon1{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon2{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px;}
.formcon3{ float:left; width:30.5%; height:45px;}
.formcon4{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon5{ float:left; width:99%; border:#c3c3c3 solid 1px; height:45px; }
.formargin1{ margin:20px 0 0 2.25%;}
.formargin11{ margin:20px 0 0 2.25%;}
.formargin2{ margin:20px 0 0 2.25%;}
.formargin3{margin:20px 0 0 2.25%;}
.formin1{ float:left; width:75%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 0 0 10px;}
.formin2{ float:right; padding:0 10px 0 0;}
.formin2 label{ color:#8b8b8b; line-height:43px; font-weight:normal;}
.formin3{ float:left; width:100%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 10px 0 10px;}
.formin4{ float:left; width:100%; height:220px; border:#c3c3c3 solid 1px; padding:10px; margin:27px 0 0 0; color:#000000; font-size:14px; line-height:24px; font-family:"Microsoft YaHei";}
.formspan1{ float:right; line-height:43px; color:#8b8b8b; padding:0 5px 0 0;}
.formspan2{ float:left; line-height:43px; color:#000000; font-size:14px; padding:0 0 0 10px; }
.formbtn1{ float:left; width:100%; height:45px; background-color:#02418E; border:0; -webkit-appearance:none; text-align:center; color:#fff; font-size:14px; line-height:35px; font-size:16px}

@charset "UTF-8";
/*初始化*/

.wrap { max-width: 1200px; margin: 0 auto; }

.wrap_1400 { max-width: 1400px; margin: 0 auto; }


.Content { padding-top: 78px; background: #fff no-repeat center; background-size: cover; }
.Content .sub_banner { position: relative; z-index: 1; width: 100%; height:350px; background: no-repeat center; background-size: cover; }
.Content .sub_tit { width: 100%; height: 45px; border-bottom: 1px solid #ddd; background: #f8f8f8; line-height: 45px; }
.Content .sub_tit span { display: inline-block; vertical-align: top; font-size: 0; }
.Content .sub_tit span em { display: inline-block; vertical-align: top; font-size: 12px; color: #444; font-weight: bold;font-style:normal;}
.Content .sub_tit span a { display: inline-block; vertical-align: top; position: relative; margin: 0 10px; font-size: 12px; color: #444; font-weight: bold; }
.Content .sub_tit span a.iconfont { display: inline-block; vertical-align: top; width: 45px; font-size: 12px; margin: 0; color: #999; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-right: 10px; text-align: center; cursor: pointer; }
.Content .sub_tit span a.iconfont:before { display: none; }
.Content .sub_tit span a:hover { color: #ed2836; }
.Content .sub_tit span a:before { position: absolute; top: 0; right: -15px; content: '\e614'; font-family: 'iconfont' !important; font-size: 12px; color: #444; }
.Content .sub_tit span b { display: inline-block; vertical-align: top; margin-left: 10px; font-size: 12px; color: #ed2836; font-weight: bold; }
.Content .BIG_Box { position: relative; z-index: 2; padding: 60px 0; overflow:hidden}
.Content .sub_Nav { width: 240px; }
.Content .sub_Nav .na_tit { width: 100%; padding: 30px 20px; margin-bottom: 20px; border-radius: 0 0 0 30px; box-sizing: border-box; background: #0B2184; }
.Content .sub_Nav .na_tit span { display: block; position: relative; z-index: 1; font-size: 25px; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; }
.Content .sub_Nav .na_tit em { display: block; position: relative; z-index: 2; margin-top:1px; font-size: 28px; font-weight: 100; color: #fff;font-style:normal;}
.Content .sub_Nav .na_ul ul li { display: block; border-bottom: 1px solid #ddd; line-height: 50px;background:#f8f8f8}
.Content .sub_Nav .na_ul ul li a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #444; }
.Content .sub_Nav .na_ul ul li.on, .Content .sub_Nav .na_ul ul li:hover { background:  #ed2836; }
.Content .sub_Nav .na_ul ul li.on a, .Content .sub_Nav .na_ul ul li:hover a { color: #fff; }
.Content .sub_Nav .na_ul ul li.on a:before, .Content .sub_Nav .na_ul ul li.on a i, .Content .sub_Nav .na_ul ul li:hover a:before, .Content .sub_Nav .na_ul ul li:hover a i { color: #fff; }

.Content .sub_Nav .pna_ul ul li { display: block; border-bottom: 1px solid #ddd; line-height: 50px;background:#0B2184}
.Content .sub_Nav .pna_ul ul li a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #fff; }
.Content .sub_Nav .pna_ul ul li.on, .Content .sub_Nav .na_ul ul li:hover { background:#0B2184; }
.Content .sub_Nav .pna_ul ul li.on a, .Content .sub_Nav .na_ul ul li:hover a { color: #fff; }
.Content .sub_Nav .pna_ul dl dt{ display: block; border-bottom: 1px solid #ddd; line-height: 45px;background:#f8f8f8}
.Content .sub_Nav .pna_ul dl dt a { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #444; }
.Content .sub_Nav .pna_ul dl dt.on, .Content .sub_Nav .na_ul dl dt:hover { background: #ed2836; }
.Content .sub_Nav .pna_ul dl dt.on a, .Content .sub_Nav .na_ul dl dt:hover a { color: #fff; }

.Content .sub_Box { position: relative; width: calc(100% - 280px); }

.Content .sub_thr { position: relative; padding-bottom: 16px; margin-bottom:35px; border-bottom: 2px solid #ddd; font-size: 28px; color: #666; text-transform: uppercase; }
.Content .sub_thr:before { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; content: ''; background: #ed2836; }

.About{ font-size: 16px; line-height:28px }
.About h4 { font-size: 18px; color: #bf8e4f; }
.About h6 { font-size: 28px; color: #ed2836; }
.About p { font-size: 14px; color: #444; line-height: 2; }
.About img { max-width: 100%; }

.Team h4 { font-size: 52px; font-weight: 100; text-transform: uppercase; color: #c33; }
.Team h6 { font-size: 44px; font-weight: 100; text-transform: uppercase; color: #c33; }
.Team .TeamBox { margin-top: 50px; }
.Team .TeamBox > div.fl { width: 440px; }
.Team .TeamBox > div.fl img { max-width: 100%; }
.Team .TeamBox > div.fr { width: calc(100% - 480px); }
.Team .TeamBox > div p { font-size: 14px; color: #666; line-height: 2; }

.History .Hist_box ul { padding-left: 165px; }
.History .Hist_box ul li { position: relative; padding: 30px 0px; border-left: 1px solid #e5e5e5; }
.History .Hist_box .boxHd { position: absolute; right: 100%; top: 0; width: 100px; }

.History .Hist_box .boxHd span { display: block; position: relative; padding-left: 10px; font-size: 20px; color: #c33; font-weight: bold; }
.History .Hist_box .boxHd span:before { position: absolute; top:50%; left: 100%; width: 20px; height: 20px; content: ''; margin-left: -12px; border-radius: 50%; border: 3px solid #cb2929; box-sizing: border-box; margin-top: -10px; background: #fff; }
.History .Hist_box .boxDd p { padding:0px 0px 20px 30px;border-bottom: 1px dashed #ddd; }
.History .Hist_box .boxDd p { font-size: 16px; color: #666; font-weight:600;margin-top:-35px; line-height:28px}

.contact .contMap { margin-bottom: 5%; }
.contact .contMap > * { width: 100%; }
.contact .contBox > div { font-size: 0; }
.contact .contBox > div.fl { width: 60%; }
.contact .contBox > div.fl h4 { margin-bottom: 20px; font-size: 20px; color: #bf8e4f;
  font-weight: bold; }
.contact .contBox > div.fl p { font-size: 16px; color: #666666; line-height: 30px; }
.contact .contBox > div.fr { width: 40%; text-align: center; border-left: 1px solid #ddd; box-sizing: border-box; }
.contact .contBox > div.fr h6 { font-size: 16px; color: #666; line-height: 40px; }
.contact .contBox > div.fr p img { width: 120px; height: 120px; }

.Join img { max-width: 100%; }
.Join h6 { display: block; }
.Join h4 { padding: 10px 0; font-size: 22px; color: #f90; }
.Join p { font-size: 14px; color: #666; line-height: 2; }

.News_x { display: block; }
.News_x .gro_tit { padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.News_x .gro_tit h4 { font-size: 20px; color: #333; }
.News_x .gro_tit h5 { font-size: 12px; color: #888; margin: 10px 0; }
.News_x .gro_tit h5 span { display: inline-block; vertical-align: top; margin-right: 20px; }
.News_x .gro_tit h6 a { display: inline-block; width: 24px; height: 24px; font-size: 16px; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; }
.News_x .gro_mian { padding: 30px 0 50px; }
.News_x .gro_mian p { font-size: 14px; color: #666; line-height: 24px; text-indent: 2em; }
.News_x .gro_mian img { display: inline-block; max-width: 100%; }
.News_x .gro_bottom { border-top: 1px solid #ddd; padding: 40px 0; }
.News_x .gro_bottom span.fl { width: calc(100% - 150px); line-height: 30px; }
.News_x .gro_bottom span.fl em { display: block; font-size: 14px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style:normal}
.News_x .gro_bottom span.fl em a { margin-left: 10px; font-size: 14px; color: #555; }
.News_x .gro_bottom span.fl em a:hover { color: #E71D2A; }
.News_x .gro_bottom span.fr { width: 128px; height: 38px; margin: 10px 0; }
.News_x .gro_bottom span.fr a { display: block; width: 100%; height: 100%; background: #fff; border: 1px solid #ddd; font-size: 16px; color: #666; text-align: center; line-height: 38px; }
.News_x .gro_bottom span.fr a i { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; }
.News_x .gro_bottom span.fr a:hover { border-color: #E71D2A; background: #E71D2A; color: #fff; }

.News .newsUl { padding-bottom: 1%; }

.News .newsUl dd { padding: 24px 0; border-bottom: 1px dashed #ddd; overflow:hidden;}
.News .newsUl dd a { display: block; position: relative; padding-left: 104px; }
.News .newsUl dd a:hover h4 { color: #CC3333; }
.News .newsUl dd h4 { font-size: 18px; color: #474545; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.News .newsUl dd h5 { font-size: 0; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.News .newsUl dd h5 span { display: inline-block; vertical-align: top; font-size: 12px; color: #746969; margin-right: 10px; }
.News .newsUl dd p { height: 48px; overflow: hidden; font-size: 14px; color: #746969; line-height: 24px; }
.News .newsUl dd h6 { position: absolute; top: 0; left: 0; width: 90px; height: 100%; background: #e1e1e1; font-size: 0; text-align: center; line-height: 90px; }
.News .newsUl dd h6 i { display: inline-block; vertical-align: middle; line-height:1;font-style:normal; margin-top:20px}
.News .newsUl dd h6 span { display: block; margin-bottom: 10px; font-weight: bold; font-size: 32px; color: #c33; }
.News .newsUl dd h6 em { display: block; font-size: 14px; color: #666;font-style:normal;}


.pro .proUl { margin-right: -12px; font-size: 0; }
.pro .proUl li { display: inline-block; vertical-align: top; width: calc(33% - 12px); margin-right: 12px; margin-bottom: 20px; background: #fff; }
.pro .proUl li:hover .pro_img a { -webkit-transform: scale(1.02); transform: scale(1.02); }
.pro .proUl li:hover .pro_txt a { color: #CC3333; }
.pro .proUl .pro_img { position: relative; width: 100%; padding: 40% 0; overflow: hidden; border: 2px solid #ccc; box-sizing: border-box; }
.pro .proUl .pro_img a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.pro .proUl .pro_txt { padding: 5%; text-align: center; }
.pro .proUl .pro_txt span { display: block; margin-bottom: 10px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro .proUl .pro_txt a { display: block; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case > h4 { position: relative; border-left: 50%; margin: 3% 0; padding-left: 15px; font-size: 22px; color: #444; }
.case > h4:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #CC3333; }
.case .caseUl { margin-right: -12px; font-size: 0; }
.case .caseUl li { display: inline-block; vertical-align: top; width: calc(25% - 12px); margin-right: 12px; margin-bottom: 20px; background: #fff; }
.case .caseUl li:hover .case_img a { -webkit-transform: scale(1.02); transform: scale(1.02); }
.case .caseUl li:hover .case_txt a { color: #CC3333; }
.case .caseUl .case_img { position: relative; width: 100%; padding: 20% 0; overflow: hidden; border: 2px solid #ccc; box-sizing: border-box; }
.case .caseUl .case_img a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.case .caseUl .case_txt { padding: 5%; text-align: center; }
.case .caseUl .case_txt span { display: block; margin-bottom: 10px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case .caseUl .case_txt a { display: block; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.social .socialUl li { margin-bottom: 20px; padding: 20px; background: #eeece4; }
.social .socialUl .soc_img { float: left; width: 160px; height: 160px; overflow: hidden; }
.social .socialUl .soc_img span { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.social .socialUl .soc_txt { float: right; width: calc(100% - 190px); padding: 16px 0; }
.social .socialUl .soc_txt h4 { margin-bottom: 12px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social .socialUl .soc_txt p { height: 48px; overflow: hidden; margin-bottom: 12px; font-size: 14px; color: #777; line-height: 24px; }
.social .socialUl .soc_txt h6 a { display: inline-block; width: 146px; height: 36px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; line-height: 34px; }
.social .socialUl .soc_txt h6 a:hover { border-color: #CC3333; background: #CC3333; color: #fff; }

.case_x { padding-bottom: 3%; border-bottom: 1px solid #eee; }
.case_x .cax_img { margin-bottom: 3%; border: 3px solid #BF8E4F; }
.case_x .cax_img img { width: 100%; }
.case_x .cax_txt { line-height: 30px; }
.case_x .cax_txt h4 { font-size: 20px; color: #444; }
.case_x .cax_txt h6 { font-size: 15px; color: #CC3333; }
.case_x .cax_txt p { font-size: 14px; color: #666; }

.feedback > h4 { margin-bottom: 20px; font-size: 20px; color: #bf8e4f; font-weight: bold; }
.feedback form { width: 686px; }
.feedback input[type='button'] { display: block; width: 228px; height: 60px; margin-top: 30px; border: none; background: #CC3333; font-size: 14px; color: #fff; }
.feedback em.tb_yzm { margin-left: 28px; height: 100%; }
.feedback em.tb_yzm img { max-height: 100%; }
.feedback .form_tb { font-size: 0; margin-bottom: 16px; }
.feedback .form_tb .tb_span { display: inline-block; vertical-align: top; width: 88px; text-align: right; font-size: 14px; color: #666; line-height: 46px; }
.feedback .form_tb .input { width: calc(50% - 14px); height: 48px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; }
.feedback .form_tb .input input { display: inline-block; vertical-align: top; width: calc(100% - 88px); height: 100%; padding: 0 10px; border: none; box-sizing: border-box; font-size: 14px; color: #666; line-height: 46px; }
.feedback .form_tb .textarea { width: 100%; background: #fff; border: 1px solid #ddd; height: 200px; box-sizing: border-box; }
.feedback .form_tb .textarea textarea { display: inline-block; vertical-align: top; width: calc(100% - 88px); height: 100%; padding: 0 10px; border: none; box-sizing: border-box; font-size: 14px; color: #666; line-height: 2; }

@media (max-width: 1420px) { .wrap_1400 { max-width: 1200px; margin: 0 auto; } }
@media (min-width: 1420px) { 
.Content .sub_banner { position: relative; z-index: 1; width: 100%; height:420px; background: no-repeat center; background-size: cover; }
}
@media (max-width: 1240px) { .wrap, .wrap_1400 { max-width: 100%; padding: 0 3%; }
  .header { height: 60px; line-height: 60px; padding: 0; }
  .logo { display: inline-block; position: absolute; left: 3%; width: auto; height: 100%; padding: 0; border: none; background: transparent; font-size: 0; vertical-align: top; -webkit-transform: translate(0); transform: translate(0); line-height: 60px; }
  .logo a { display: inline-block; height: 24px; vertical-align: middle; line-height: 1; }
  .nav { position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
  .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
  .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
  .nav > ul { float: none; width: 100%; max-height: 100%; overflow: auto; }
  .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; text-align: center; }
  .nav > ul > li > a { display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #2b2c2d; line-height: 1; }
  .nav > ul > li.Have > a { pointer-events: none; }
  .nav .addition { float: none; width: 100%; }
  .nav .addition > div { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #ddd; margin: 0; }
  .nav .addition > div:before { right: 0; }
  .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; background: transparent; }
  .nav .down_nav:before { display: none; }
  .nav .down_nav > a {padding: 15px 0;line-height: 20px;display:  block;}
  .push-nav { display: block; position: absolute; top: 0; right: 3%; z-index: 998; width: 56px; height: 60px; }

  .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #2B2C2D; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
  .push-nav .nav-toggle span:last-child { margin-bottom: 0; }
  .push-nav.on .nav-toggle span { opacity: 1; background: #ED2836; }
  .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
  .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index: 996; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
  .banner_ul { display: none; }
  .index { padding-top: 60px; }
  .banner { height: 400px; }
  .banner .slick-dots li { width: 8px; height: 8px; margin: 0 8px; }
  .index_1 { padding: 3% 0; }
  .index_1 .indexMian_1 { width: 100%; }
  .index_1 .indexMian_1 .inxBd { padding: 5% 0; }
  .index_1 .indexMian_1 .inxBd .swiper h4 { margin-bottom: 3%; }
  .index_1 .indexMian_2 { width: calc(100% - 240px); margin-left: 0; }
  .index_2 .indexBox { font-size: 0; }
  .index_2 .indexBox.h280 .aa { width: 33.33%; }
  .index_2 .indexBox .aa { position: relative; top: auto; display: inline-block; vertical-align: top; width: 33.33%; }
  .index_2 .indexBox .aa span { top: 10%; right: 3%; }
  .Content { padding-top: 60px; }
  .Content .BIG_Box { padding: 5% 3%; }
  .Content .sub_more { height: 40px; background-size: 28px; }
  .Team h4 { font-size: 42px; }
  .Team h6 { font-size: 32px; }
  .Team .TeamBox { margin-top: 5%; }
  .Team .TeamBox > div.fl { width: 40%; }
  .Team .TeamBox > div.fr { width: 50%; }
  .History .Hist_box ul { padding-left: 110px; }
  .History .Hist_box ul li { padding: 30px 0px; }
  .History .Hist_box .boxHd { width: 80px; }
  .History .Hist_box .boxDd p { padding:0px 0px 20px 30px;border-bottom: 1px dashed #ddd; }
.History .Hist_box .boxDd p { font-size: 14px; color: #585451; margin-top:-35px}
  .News_x .gro_tit { padding-bottom: 3%; }
  .News_x .gro_tit h4 { font-size: 18px; }
  .News_x .gro_tit h5 { margin: 10px 0; }
  .News_x .gro_tit h5 span { margin-right: 15px; }
  .News_x .gro_tit h6 a { width: 20px; height: 20px; font-size: 12px; line-height: 20px; }
  .News_x .gro_mian { padding: 3% 0 5%; }
  .News_x .gro_bottom { padding: 4% 0; }
  .News .newsUl dt { height: 200px; padding-bottom: 3%; }
  .News .newsUl dt .dt_img { width: 300px; }
  .News .newsUl dt .dt_txt { width: calc(100% - 340px); }
  .News .newsUl dt .dt_txt h4 { margin-bottom: 3%; font-size: 24px; }
  .News .newsUl dt .dt_txt h6 { margin-bottom: 10px; font-size: 16px; }
  .News .newsUl dt .dt_txt p { margin-bottom: 15px; }
  .News .newsUl dt .dt_txt h5 a { height: 50px; }
  .News .newsUl dd { padding: 3% 0; }
  .News .newsUl dd h4 { font-size: 16px; }
  .social .socialUl li { margin-bottom: 3%; padding: 3%; }
  .social .socialUl .soc_img { width: 120px; height: 120px; }
  .social .socialUl .soc_txt { width: calc(100% - 140px); padding: 0; }
  .social .socialUl .soc_txt h4 { margin-bottom: 10px; font-size: 16px; }
  .social .socialUl .soc_txt p { margin-bottom: 10px; }
  .social .socialUl .soc_txt h6 a { width: 130px; height: 30px; font-size: 12px; line-height: 28px; }
  .case > h4 { padding-left: 10px; font-size: 18px; } }
@media (max-width: 1024px) { .index { padding-top: 60px; }
  .banner { height: 350px; }
  .footer { padding: 12px 0; }
  .footer .foot_fl, .footer .foot_fr { float: none; display: block; width: 100%; text-align: center; line-height: 24px; } }
@media (max-width: 900px) { .index { padding-top: 60px; }
  .banner { height: 300px; }
  .index_2 .indexBox { font-size: 0; height: auto; }
  .index_2 .indexBox .aa { width: 100%; padding: 20% 0; }
  .index_2 .indexBox .aa span { top: 50%; right: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .Content .sub_banner { height: 200px; }
  .Content .sub_tit { height: 40px; line-height: 40px; }
  .Content .sub_tit span a { margin: 0 8px; }
  .Content .sub_tit span a.iconfont { width: 40px; }
  .Content .sub_tit span a:before { right: -14px; }
  .Content .sub_tit span b { margin-left: 8px; }
  .Content .sub_Nav { width: 100%; margin-top: 0; }
  .Content .sub_Nav .na_tit { height: auto; padding: 4%; }
  .Content .sub_Nav .na_tit span { font-size: 24px; }
  .Content .sub_Nav .na_tit span:before { width: 30px; }
  .Content .sub_Nav .na_tit em { font-size: 16px; margin-top: 0; }
  .Content .sub_Nav .na_ul ul li { line-height: 60px; }
  .Content .sub_Nav .na_ul ul li a { padding: 0 2% 0 4%; }
  .Content .sub_Nav .na_ul ul li a i { margin-right: 10px; }
  .Content .sub_Box { width: 100%;}
  .Content .Pageing { text-align: center; }
  .Content .sub_thr { padding: 15px 0; margin-bottom: 5%; font-size: 18px; }
  .Content .sub_thr:before { width: 80px; }
  .About h4 { font-size: 14px; }
  .About h6 { font-size: 20px; }
  .About p { font-size: 12px; line-height: 2; }
  .contact .contBox > div.fl { width: 70%; }
  .contact .contBox > div.fl h4 { margin-bottom: 3%; font-size: 16px; }
  .contact .contBox > div.fl p { font-size: 14px; line-height: 24px; }
  .contact .contBox > div.fr { width: 30%; }
  .contact .contBox > div.fr h6 { font-size: 14px; line-height: 30px; }
  .contact .contBox > div.fr p img { width: 100px; height: 100px; } }
@media (max-width: 768px) { .index { padding-top: 60px; }
  .banner { height: 250px; }
  .index_1 .indexMian_2 { width: calc(100% - 160px); margin-left: 0; }
  .index_1 .indexMian_3 { width: 160px; }
  .Content .sub_Nav { width: 100%; margin-top: 0; }
  .Content .sub_Nav .na_tit span { font-size: 20px; }
  .Content .sub_Nav .na_tit span:before { width: 24px; }
  .Content .sub_Nav .na_tit em { font-size: 14px; }
  .Content .sub_Nav .na_ul ul li { line-height: 40px; }
  .Content .sub_Nav .na_ul ul li a { padding: 0 2% 0 4%; font-size: 14px; }
  .Content .sub_Nav .na_ul ul li a i { font-size: 14px; }
  .Content .sub_Nav .na_ul ul li a:before { font-size: 12px; }
  .Content .sub_Box { width: 100%; }
  .Team h4 { font-size: 32px; }
  .Team h6 { font-size: 20px; }
  .Team .TeamBox > div { float: none !important; width: 100% !important; }
  .Team .TeamBox > div.fl { margin-bottom: 3%; text-align: center; }
  .News .newsUl dt { height: auto; }
  .News .newsUl dt .dt_img { position: relative; float: none !important; width: 100%; height: auto; padding: 24% 0; margin-bottom: 3%; }
  .News .newsUl dt .dt_img a { position: absolute; top: 0; left: 0; }
  .News .newsUl dt .dt_txt { float: none !important; width: 100%; }
  .News .newsUl dt .dt_txt h4 { font-size: 20px; }
  .News .newsUl dt .dt_txt h6 { font-size: 14px; }
  .News .newsUl dt .dt_txt p { margin-bottom: 3%; }
  .News .newsUl dt .dt_txt h5 a { height: 40px; background-size: 20px; }
  .feedback form { width: 100%; } }
@media (max-width: 640px) { .header { height: 50px; line-height: 50px; }
  .logo { line-height: 50px; }
  .logo a { height: 20px; }
  .nav { padding: 50px 3%; width: 200px; }
  .nav.close-nav { -webkit-transform: translate(200px, 0); transform: translate(200px, 0); }
  .nav > ul > li > a { padding: 15px 0; font-size: 14px; }
  .nav .addition > div { font-size: 12px; }
  .nav .addition > div i { margin: 0; }
  .nav .addition > div:before { height: 10px; }
  form.search_form span { display: block; position: absolute; top: 20%; left: 50%; width: calc(100% - 20px); height: 50px; margin-left: calc(-50% + 10px); }
  form.search_form input[type='text'] { width: calc(100% - 50px); padding: 0 12px; font-size: 14px; color: #666; }
  form.search_form input[type='submit'] { width: 50px; font-size: 20px; }
  .push-nav { right: 0; width: 50px; height: 50px; }
  .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
  .index { padding-top: 50px; }
  .banner { height: 200px; }
  .banner .slick-dots li { width: 6px; height: 6px; margin: 0 5px; }
  .index_1 { padding: 3% 0; }
  .index_1 .indexMian_1 { width: 100%; }
  .index_1 .indexMian_1 .inxHd { font-size: 0; }
  .index_1 .indexMian_1 .inxHd span { width: 33.33%; font-size: 12px; margin-right: 0; padding-bottom: 10px; text-align: center; }
  .index_1 .indexMian_1 .inxBd { padding: 5% 0; }
  .index_1 .indexMian_1 .inxBd .in_box { padding-bottom: 28px; }
  .index_1 .indexMian_1 .inxBd .in_box > button { width: 20px; height: 20px; }
  .index_1 .indexMian_1 .inxBd .in_box > button.slick-next { left: 30px; }
  .index_1 .indexMian_1 .inxBd .in_box > button:before { font-size: 12px; }
  .index_1 .indexMian_1 .inxBd .swiper h4 { font-size: 14px; }
  .index_1 .indexMian_1 .inxBd .swiper p { height: 40px; line-height: 20px; font-size: 12px; }
  .index_1 .indexMian_2 { width: calc(100% - 120px); height: 160px; margin-left: 0; }
  .index_1 .indexMian_3 { width: 120px; height: 160px; }
  .index_2 .indexBox .aa { padding: 24% 0; }
  .index_2 .indexBox .aa span em { font-size: 12px; }
  .index_2 .indexBox .aa span b { font-size: 20px; }
  .footer { padding: 10px 0; }
  .footer .foot_fl, .footer .foot_fr { line-height: 20px; }
  .footer .foot_fl { font-size: 12px; }
  .footer .foot_fr > a { font-size: 12px; }
  .footer .foot_fr i { font-size: 12px; }
  .Content { padding-top: 50px; overflow: hidden; }
  .Content .sub_banner { height: 130px; }
  .Content .sub_tit { height: 30px; line-height: 30px; }
  .Content .sub_tit span a { margin: 0 5px; }
  .Content .sub_tit span a.iconfont { width: 30px; }
  .Content .sub_tit span a:before { right: -10px; }
  .Content .sub_tit span b { margin-left: 5px; }
  .Content .sub_Nav { width: 100%; margin-top: 0; }
  .Content .sub_Nav .na_tit span { padding: 2% 0; font-size: 18px; }
  .Content .sub_Nav .na_tit span:before { width: 20px; height: 1px; }
  .Content .sub_Nav .na_tit em { font-size: 12px; }
  .Content .sub_Nav .na_ul ul li { line-height: 40px; }
  .Content .sub_Nav .na_ul ul li a { font-size: 12px; }
  .Content .sub_Nav .na_ul ul li a i { font-size: 12px; }
  .Content .sub_thr { padding: 12px 0; font-size: 16px; }
  .Content .sub_thr:before { width: 50px; }
  .Content .sub_more { height: 30px; background-size: 22px; }
  .About h6 { font-size: 18px; }
  .Team h4 { font-size: 24px; }
  .Team h6 { font-size: 16px; }
  .Team .TeamBox > div.fr { font-size: 12px; }
 
  .History .Hist_box ul { padding-left: 100px; }
  .History .Hist_box ul li { padding: 15px 20px; }
  .History .Hist_box .boxHd { width: 80px; }
  .History .Hist_box .boxHd em { height: 20px; line-height: 20px; }
  .History .Hist_box .boxHd em i { width: 20px; height: 20px; }
  .History .Hist_box .boxHd em b { padding-left: 5px; font-size: 14px; }
  .History .Hist_box .boxHd span { padding-left: 5px; font-size: 14px; }
  .History .Hist_box .boxHd span:before { width: 10px; height: 10px; margin-left: -6px; border: 2px solid #cb2929; margin-top: -5px; }
  .History .Hist_box .boxDd p { font-size: 12px; }
  .contact .contBox > div.fl h4 { margin-bottom: 3%; font-size: 14px; }
  .contact .contBox > div.fl p { font-size: 12px; line-height: 20px; }
  .contact .contBox > div.fr h6 { font-size: 12px; line-height: 24px; }
  .contact .contBox > div.fr p img { width: 60px; height: 60px; }
  .Join h4 { padding: 3% 0; font-size: 16px; }
  .Join p { font-size: 12px; }
  .News_x .gro_tit { padding-bottom: 3%; }
  .News_x .gro_tit h4 { font-size: 16px; }
  .News_x .gro_tit h5 { margin: 2% 0; }
  .News_x .gro_tit h5 span { margin-right: 10px; font-size: 12px; }
  .News_x .gro_tit h6 a { width: 20px; height: 20px; font-size: 12px; line-height: 20px; }
  .News_x .gro_mian { padding: 3% 0 5%; }
  .News_x .gro_mian p { font-size: 12px; line-height: 20px; }
  .News_x .gro_bottom span.fl { width: calc(100% - 110px); line-height: 25px; }
  .News_x .gro_bottom span.fl em { font-size: 12px; }
  .News_x .gro_bottom span.fl em a { font-size: 12px; }
  .News_x .gro_bottom span.fr { width: 100px; height: 30px; }
  .News_x .gro_bottom span.fr a { font-size: 14px; line-height: 30px; }
  .News .newsUl dt .dt_txt h4 { font-size: 16px; }
  .News .newsUl dt .dt_txt h6 { font-size: 12px; }
  .News .newsUl dt .dt_txt p { height: 60px; line-height: 20px; }
  .News .newsUl dt .dt_txt h5 a { height: 30px; background-size: 20px; }
  .News .newsUl dd a { padding-left: 0; }
  .News .newsUl dd h4 { font-size: 14px; }
  .News .newsUl dd h5 { margin: 2% 0; }
  .News .newsUl dd h5 span { margin-right: 6px; }
  .News .newsUl dd p { height: 40px; font-size: 12px; line-height: 20px; }
  .News .newsUl dd h6 { display: none; }
  .case > h4 { padding-left: 8px; font-size: 16px; }
  .case .caseUl { margin-right: -10px; }
  .case .caseUl li { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 3%; }
  .case .caseUl .case_img { border: 2px solid #d6cfba; }
  .case .caseUl .case_txt span { margin-bottom: 6px; font-size: 12px; }
  .social .socialUl .soc_img { width: 80px; height: 80px; }
  .social .socialUl .soc_txt { width: calc(100% - 90px); }
  .social .socialUl .soc_txt h4 { margin-bottom: 6px; font-size: 14px; }
  .social .socialUl .soc_txt p { height: 40px; margin-bottom: 6px; font-size: 12px; line-height: 20px; }
  .social .socialUl .soc_txt h6 a { width: 100px; height: 26px; line-height: 24px; }
  .case_x .cax_img { border: 2px solid #BF8E4F; }
  .case_x .cax_txt { line-height: 20px; }
  .case_x .cax_txt h4 { font-size: 16px; }
  .case_x .cax_txt h6 { font-size: 13px; }
  .case_x .cax_txt p { font-size: 12px; }
  .feedback > h4 { margin-bottom: 3%; font-size: 16px; }
  .feedback input[type='button'] { width: 100%; height: 40px; margin-top: 3%; font-size: 12px; }
  .feedback em.tb_yzm { float: right; width: 100px; height: 30px; margin-left: 0; }
  .feedback em.tb_yzm img { width: 100%; height: 100%; }
  .feedback .form_tb { margin-bottom: 0; }
  .feedback .form_tb.ss .input { width: calc(100% - 120px); }
  .feedback .form_tb .tb_span { width: 80px; font-size: 12px; line-height: 34px; }
  .feedback .form_tb .input { width: 100%; height: 36px; margin-bottom: 10px; }
  .feedback .form_tb .input input { width: calc(100% - 80px); padding: 0 6px; font-size: 12px; line-height: 34px; }
  .feedback .form_tb .textarea { height: 100px; margin-bottom: 10px; }
  .feedback .form_tb .textarea textarea { width: calc(100% - 80px); padding: 0 6px; font-size: 12px; } }
@media (max-width: 500px) { .banner { height: 170px; } }
@media (max-width: 420px) { .banner { height: 140px; } }

/*# sourceMappingURL=style.css.map */



.joinlist li.spe{
  line-height: 30px;
  }

.joinlist li.spe .joinlist-mod{font-size:15px;
  color: #444444;
  font-weight: bold;}
.joinlist li.spe{
  border-bottom:2px solid #dc9d4b;}
.joinlist-mod{
  width: 20%;
  font-size: 13px;
  color: #333333;
  padding-left: 19px;  box-sizing: border-box;
  float: left;}

.joinlist ul.spe{
  padding-top: 22px;
  padding-bottom: 53px;
}

.joinlist-head{
  cursor: pointer;
  line-height: 45px;
  background: #f1ede8;
  margin-bottom: 3px;}
.joinlist li.on .joinlist-head{
  background: #f1ede8;}
.joinlist li.on .joinlist-cnt{
  display: block;}

.joinlist-cnt{
  display: none;
  padding:19px;}
.joincnt{
  padding-bottom: 50px;}
@media (max-width: 1240px) {

  .joinlist li.spe{
    line-height: 28px;
  }

  .joinlist li.spe .joinlist-mod{font-size:14px;}

  .joinlist-mod{

    font-size: 12px;

    padding-left: 15px;  }

  .joinlist ul.spe{
    padding-top: 18px;
    padding-bottom: 43px;
  }

  .joinlist-head{
    line-height: 42px;
    margin-bottom: 2px;}

  .joinlist-cnt{
    padding:15px;}

  .joincnt{
    padding-bottom: 40px;}

}

@media (max-width: 640px) {

  .joinlist li.spe{
    line-height: 25px;
  }

  .joinlist li.spe .joinlist-mod{font-size:13px;}

  .joinlist-mod{
    font-size: 10px;
    padding-left: 8px;  }

  .joinlist ul.spe{
    padding-top: 15px;
    padding-bottom: 33px;
  }

  .joinlist-head {
    line-height: 35px;
  }
  .joinlist-cnt{
    padding:8px;}
  .joincnt{
    padding-bottom: 30px;}
}


.on .boxshowhide{
  display: none;}
.on .boxshow{
  display: block;}
.boxshow{
  display: none;}


.social .socialUl li{transition: all .25s;
  top: 0;
  position: relative;}
.social .socialUl li:hover{
  top:-8px;}
  
  .overflow{ overflow:hidden;}
  .pic100 img{width:100%;}
  .f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
	.honor{ width:100%; margin:0px auto 20px; overflow:hidden}
.honor dl{width:30%;margin:15px 1.6% 25px 1.7%;float:left;}

.honor dl a{ display:block;box-shadow: 0 0 10px #a5a5a5; overflow:hidden;}
.honor dl dd{ padding:10px 15px;line-height:25px;height:65px; overflow:hidden; position:relative; z-index:1;}
.honor dl dd p{ padding:2px 0px; font-size:15px}
.honor dl a:hover{ border-radius:15px 0 15px 0;}
.honor dl dd:after,.productlist dl dd:after{width:0;height:100%; position:absolute;top:0;right:0; background-color:#df0011; content:''; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; z-index:-1;}
.honor dl a:hover dd:after,.productlist dl:hover dd:after{ left:0;width:100%;right:auto;}
.honor dl a:hover dd{color:#fff;}
.honor dl a:hover dt img{transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9);   -moz-transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);}

@media(max-width:640px){
 .honor dl dd{    font-size: 14px;}
  .honor dl {width:96%;}
}

@media(max-width:991px){
 .honor dl {width: 45%;}

}
.items{ width:100%; margin:20px auto; text-align: center}
.items .item {width: 46%; float:left; background:#F2F2F2; margin:2%; height:100px}
.items .item .text { padding:20px; }
.items .item .text .title { width:30%; float:left; }
.items .item .text .title h5{ font-size:16px;line-height:22px}
.items .item .text .title .line{ display: block; width: 28px; height: 3px; margin: 22px auto 0; background-color: #cc0000;}
.items .item .text p { width:60%; float: right; font-size:14px; text-align:left;line-height:22px}
@media(max-width:761px){
.items .item {width: 98%; background:#F2F2F2; margin:2% auto; height: auto; padding:2% 0px}
.items .item .text { padding:2%; }
.items .item .text .title .line{ display: block; width: 28px; height: 3px; margin:15px auto; background-color: #cc0000;}
.items .item .text .title { width:100%; margin:0px auto; font-size:16px;line-height:20px;text-align: center}
.items .item .text p { width:100%; margin:0px auto; font-size:14px; text-align: center;line-height:25px}
}

.about_company_l{width:40%; float:left; overflow:hidden}
.about_company_r{width:55%; float:right; line-height:35px; overflow:hidden;}
@media (max-width: 768px)
{
.about_company_l{width:98%; margin:10px auto; overflow:hidden}
.about_company_r{width:98%; margin:10px auto; line-height:30px; overflow:hidden}
}
.about_contact_l{width:55%; float:left; overflow:hidden}
.about_contact_r{width:40%; float:right; line-height:30px; overflow:hidden;font-size:16px; }
@media (max-width: 768px)
{
.about_contact_l{width:98%; margin:5px auto; overflow:hidden}
.about_contact_r{width:98%; margin:5px auto; line-height:30px; overflow:hidden}
}


.zl{ width:100%; margin:0px auto; overflow:hidden}
.zl dl{width:30%;margin:15px 14px 25px 10px;float:left; border:2px solid #a5a5a5;}

.zl dl dd{ padding:10px 15px;line-height:25px;height:65px; overflow:hidden; position:relative; z-index:1;}
.zl dl dd p{ padding:2px 0px; font-size:15px}

@media(max-width:640px){
 .zl dl dd{    font-size: 14px;}
  .zl dl {width:96%;}
}

@media(max-width:991px){
 .zl dl {width: 45%;}

}