@charset "utf-8";
/*关于我们*/
.nav-item-hd { color:#333;}
.header-bd{ background-color:#fff;}
.header.header-fixed .nav-item-hd, .header:hover .nav-item-hd, .simple .header .nav-item-hd {color:#222; }
.header.header-fixed .nav-item-hd:hover, .header:hover .nav-item-hd:hover, .simple .header .nav-item-hd:hover {color: #222;}
.header-wechat-popup {	border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.nav-toggle i {background: #ce2d25;}
.contents{ padding-top:100px;}
.secbanner{ height:380px; width:100%; background-size:cover; text-align:left; }
.secbanner h2{ font-weight:bold; color:#fff; font-size:30px; margin-top:100px;}
.secbanner p{  color:#fff; font-size:14px; background:url(../images/white.png) no-repeat left bottom; padding-bottom:20px;}
.secnav{ background-color:#ce2d25;  text-align:center;}
.secnav a{ font-size:16px; color:#fff;  line-height:50px; display:inline-block; padding:0 30px;}
.secnav a:hover{ color:#ce2d25; background-color:#fff;}
.secnav a.active{ color:#ce2d25; background-color:#fff;}
.since{background-color:#fff7f7; padding:70px 0; }
.about{ width:86%; float:left; background-color:#fff; padding:60px 50px 0;}
.aleft{ width:20%; float:left; }
.aright{ width:80%; float:left; padding-left:40px; box-sizing:border-box;}
.aleft h3{font-size:66px; color:#ce2d25;  line-height:66px; font-family:Arial;}
.aleft p{font-size:14px; color:#666;  line-height:20px; margin-bottom:35px;}
.aright h3{font-size:30px; color:#333;  line-height:40px; font-weight:bold; background:url(../images/since.png) no-repeat 0 top; padding-top:30px;}
.aright h5{font-size:14px; color:#666;  line-height:40px; background: url(../images/red.png) no-repeat 0 bottom; margin-bottom:30px;}
.aright p{font-size:14px; color:#666;  line-height:30px; margin-bottom:24px;}
.tabout{width:10%; float:right; padding:1% 0;}
.tabout ul { width:135px; float:right;}
.tabout ul li{text-align:center; margin:8% 0;}
.tabout ul li span{ display:block; font-size:26px; margin:0 auto; color:#cccccc;}
.tabout ul li a{ display:block; background:url(../images/fgrey.png) no-repeat center; background-size:cover;box-sizing:border-box; width:100%; max-width:132px; height:111px; padding:25px 0;  }
.tabout ul li a p{font-size:16px; color:#666;  line-height:40px; font-weight:bold; }
.tabout ul li a:hover{ background:url(../images/fred.png) no-repeat center;}
.tabout ul li a:hover span ,.tabout ul li a:hover p{ color:#ce2d25;}
.leader{ background:url(../images/leader.jpg) no-repeat center; background-size:cover;}
.leader .container{ background-color:#fff; padding-top:50px; padding-bottom:35px;}
.container img{ max-width:100%;}
.lead_left h2{ font-size:30px; font-weight:bold; text-transform:uppercase; color:rgba(102,102,102,0.5); line-height:36px; margin-bottom:45px;}
.lead_right h2{ font-size:30px; font-weight:bold; color:#ce2d25; line-height:40px; margin-bottom:45px; margin-top:70px;}
.lead_right p{ font-size:14px; color:#666; line-height:30px;}
.breads{ background:url(../images/xie.png) no-repeat center; padding:50px 0 80px; text-align: center;}
.breads h2{ font-size:30px; font-weight:bold; color:#ce2d25; line-height:40px; }
.breads p{ font-size:14px; color:#aaa; line-height:20px; }
.foods{ background-color:#ce2d25; padding:85px 90px; margin:30px 0 30px;}
.foods img{ display:block; margin:0 auto 80px;}
.foods p{ font-size:14px; color:#fff; line-height:30px; }
.bread_right{ background:url(../images/pin.png) no-repeat 90% 10%; padding-top:300px; padding-left:0; }
.bread_content{ background-color:rgba(252,240,221,0.5); padding:90px 60px;}
.bread_left{ padding-right:0;}
.bread_content p{ font-size:14px; color:#666; line-height:30px; margin-bottom:20px;}

@media screen and (max-width:1200px){
.contents{ padding-top:74px;}
.secnav a{ padding:0 20px;}
.secbanner{ height:300px; }
.since{ padding:40px 0; }
.about{ width:80%; padding:40px 30px 0;}
.aleft h3{font-size:46px; line-height:60px; }
.aright h5{ line-height:30px; margin-bottom:20px;}
.tabout{width:20%; }
.lead_left h2{ font-size:20px; line-height:26px;}
.lead_right h2{ font-size:20px; margin-bottom:15px; margin-top:20px;}
.foods{  padding:45px 30px; margin:30px 0 0px;}
.foods img{ margin:0 auto 40px;}
.bread_content{ padding:40px 30px;}
}
@media screen and (max-width:1024px){
.contents{ padding-top:0px;}
}
@media screen and (max-width:992px){
.about,.tabout{ width:100%; float:none} 
.tabout ul { width:100%; float:none;}
.tabout ul li{ width:33.33%; float:left; text-align:center; margin:30px 0;}
.bread_right{ background-size:100%;}
}

@media screen and (max-width:600px){
.secbanner h2{ margin-top:60px;}
.secbanner{ height:200px; }
.about{ padding:30px 15px 0;}
.aleft{ width:100%; float:none; text-align:center;}
.aright{width:100%; float:none; padding-left:0px; box-sizing:border-box;}
.secnav a{ width:33.33%; padding:0; float:left; text-align:center; font-size:15px; line-height:40px;}
.aright h3{ background-size:100%; padding-top:15px;}
.aleft p{ margin-bottom:15px;}
.tabout ul li a{ background-size:100%; width:98%; margin:0 auto; max-width:100%; padding:15px 0 0;  }
.tabout ul li a:hover{ background:url(../images/fred.png) no-repeat center;background-size:100%; }
.tabout ul li{  margin:20px 0 0;}
.leader .container{ padding-top:20px; padding-bottom:25px;}
.lead_left h2{ margin-bottom:15px;}
.breads{ background:none; padding:10px 0px; text-align: center;}
.bread_left{ padding-right:15px;}
.bread_right{ padding-left:15px; padding-top:200px; background:url(../images/pin.png) no-repeat 0 20px; background-size:100%;}
.foods{  padding:25px 15px; margin:30px 0 0px;}
.foods img{ margin:0 auto 20px;}
.bread_content{ padding:20px 15px;}
}
@media screen and (max-width:380px){
.tabout ul li a{ height:100px;}
}


/*历史*/
.trend{ background:url(../images/history.jpg) no-repeat center; background-size:cover; padding:65px 0;}
.trend_title h2{ font-size:30px; font-weight:bold; color:#fff; line-height:40px; text-align:center;}
.trend_title p{ font-size:14px; color:#fff; line-height:30px; text-align:center; background:url(../images/white.png) no-repeat center bottom; padding-bottom:10px;}
.pro{ padding-bottom:20px;overflow:hidden; width:100%; max-width:1280px; margin:90px auto 0;}
.pro h1,.pro h4{text-align:center;letter-spacing:.75px;color:#c8161e}
.pro h4{ font-size:24px;margin-top:12px}
.pro .timeline{height:41px; padding-top:17px; background:url(../images/timescroll.png) no-repeat center}
.pro .time{ width:100%; padding:0 10%;}
.pro .time .slick-next,.pro .time .slick-prev{top:-20px;width:42px;height:42x;background-repeat:no-repeat;background-position:center;background-size:42px}
.pro .time .slick-prev{left:0;background-image:url(../images/l.png)}
.pro .time .slick-next{right:0;background-image:url(../images/r.png)}
.pro .time .item.slick-current{color:#bc0c16; font-size:22px; font-weight:bold;}
.pro .time .slick-list{padding-bottom:12px!important}
.pro .time .item.slick-current::after{opacity:1}
.pro .time .item{font-size:22px; color:#fff; position:relative;cursor:pointer;　transition:all .3s ease-out 0s}
.pro .timecontent{width:80%;margin:auto;margin-top:62px}
.pro .timecontent h2{ margin-bottom:60px}
.pro .timecontent h2 img{display:inline-block;margin-right:27px}
.pro .timecontent .l .imgdiv{position:relative;width:486px;height:324px}
.pro .timecontent .l img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;opacity:0}
.pro .timecontent .l img.act{opacity:1}
.pro .timecontent p{font-size:16px;position:relative;letter-spacing:1px; line-height:30px; color:#fff;}
@media screen and (max-width:1500px){
.pro .time{ width:100%; padding:0 5%;}
}
@media screen and (max-width:1200px){
.pro .timeline{ background:url(../images/timescroll.png) no-repeat center; background-size:100%;}
.pro .time .item{font-size:18px;}
.pro .time{ width:100%; padding:0 6%;}
.pro .time .item.slick-current{ font-size:18px;}
.pro .timecontent{width:90%; margin-top:40px}
}
@media screen and (max-width:768px){
.pro .timeline{ background:url(../images/timescroll.png) no-repeat center; background-size: auto;}
.pro{ padding-bottom:0px; margin:30px auto 0;}
.pro .timecontent{width:100%; margin-top:30px}
.pro .time{ width:100%; padding:0 10px;}
.his_left img{ max-width:100%; margin-bottom:20px;}
.pro .timecontent p{font-size:15px; line-height:24px; }
}
.bread_nav{ padding:15px;}
.bread_nav p ,.bread_nav a{font-size:14px; color:#777; line-height:30px;}
.bread_nav a:hover{ color:#ce2d25;}
.honor_left{ width:50%; float:left; background:url(../images/honor.jpg) no-repeat center; background-size:cover; box-sizing:border-box; padding:6% 4% 4%; min-height:692px;}
.honor_right{ width:50%; float:right;}
.honor_left ul li{ width:30%; margin-right:3.3%; margin-bottom:3.3%; float:left;}
.honor_left ul li img{ width:100%;}
.honor{ background-color:#f4f4f4;}
.honor_word{ width:90%; float:left; box-sizing:border-box; padding:70px 50px;}
.honor_word h2{ font-size:30px; font-weight:bold; color:#ce2d25; line-height:40px;}
.honor_word h3{ font-size:14px; font-weight:normal; color:#666; line-height:30px; padding-bottom:15px; background:url(../images/red.png) no-repeat 0 bottom; margin-bottom:6%;}
.honor_word ul li h4{font-size:16px; font-weight:bold; color:#333; line-height:40px;}
.honor_word ul li{ padding:15px 0; border-bottom:1px solid #ccc;}
.honor_word ul li p{ font-size:14px; font-weight:normal; color:#666; line-height:30px;}
.culture{ background:url(../images/wen.jpg) no-repeat center; background-size:cover;}
.culture ul li{ width:33.33%; float:left; position:relative; box-sizing:border-box; padding:6% 0; min-height:370px; border-bottom:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}
.cultop h3{ font-size:24px; font-weight:bold; color:#fff; line-height:40px; text-align:center;}
.cultop img{ display:block; margin:10px auto 20px;}
.cultop p{ font-size:14px; color:#fff; line-height:20px; text-align:center;}
.culbottom{ position:absolute; top:0; left:0; width:100%; display:none; color:#fff; padding:5%; font-size:15px; line-height:30px; color:#fff; box-sizing:border-box; line-height:30px;}
.culture ul li:hover .cultop { display:none;}
.culture ul li:hover .culbottom { display:block;}
.culture ul li:nth-child(1) .culbottom { text-align:center;}
.culture ul li:nth-child(2) .culbottom { text-align:center;}
.culture ul li:nth-child(3) .culbottom{ text-align:center;}
.culture ul li:nth-child(1) .culbottom{ padding-top:20%;}
.culture ul li:nth-child(2) .culbottom{ padding-top:20%;}
.culture ul li:nth-child(3) .culbottom{ padding-top:20%;}

@media screen and (max-width:1500px){
.honor_word{ width:95%; padding:40px 30px;}
.honor_word h3{ margin-bottom:0px;}
.honor_left{ padding:5% 2% 3%;}
}
@media screen and (max-width:1100px){
.honor_left,.honor_right{ width:100%; float:none; min-height:auto;}
.culture ul li{ width:50%;}
}
@media screen and (max-width:768px){
.honor_left ul li{ width:48%; margin-right:2%; margin-bottom:2%; }
.honor_word{ width:100%; float:none;  padding:30px 15px;}
.culture ul li{ width:100%; float:none; padding:20px 15px;}
.cultop h3{ text-align:left;}
.cultop img{ display:block; margin:0 0 10px;}
.cultop p{ margin-bottom:20px; text-align:left;}
.culbottom{ position: static; width:100%; display:block;  padding:0; box-sizing:border-box; line-height:30px;}
.culture ul li:hover .cultop { display:block;}
.culture ul li:nth-child(1) .culbottom { text-align:left;}
.culture ul li:nth-child(2) .culbottom { text-align:left;}
.culture ul li:nth-child(3) .culbottom{ text-align:left;}
.culture ul li:nth-child(1) .culbottom{ padding-top:5%; }
.culture ul li:nth-child(2) .culbottom{ padding-top:5%; }
.culture ul li:nth-child(3) .culbottom{ padding-top:5%; }
.culture ul li{ min-height:auto;}
.culture ul li:nth-child(2){ min-height:auto;}
.culture ul li:nth-child(3){ min-height:auto;}
}

.honor_title{ padding:65px 0 40px;}
.honor_title h2{ font-size:30px; font-weight:bold; color:#ce2d25; line-height:40px; text-align:center;}
.honor_title p{ font-size:14px; color:#aaaaaa; line-height:30px; text-align:center; background:url(../images/red.png) no-repeat center bottom; padding-bottom:10px;}
.social .box{width:100%; max-width:1200px; margin:10px auto 70px; }
.social .tab_menu{overflow:hidden; background:url(../images/duty.png) repeat-x center 4px; padding:0 10px; box-sizing: border-box;}
.social .tab_menu li{width:25%;float:left;  text-align:center;cursor:pointer;}
.social .tab_menu li span{ display:block; width:8px; height:8px; border-radius:50%; background-color:#e7e7e7; margin:0 auto 23px;}
.social .tab_menu li p{font-size:16px; color:#666; line-height:24px; text-align:center;}
.social .tab_box{padding:30px 5%;}
.social .tab_box h3{font-size:18px; color:#333; line-height:30px; font-weight:bold; margin-bottom:20px;}
.social .tab_box p{font-size:16px; color:#666; line-height:30px;  }
.social .tab_menu li.current span{ background-color:#ce2d25; width:9px; height:9px; margin-bottom:22px;}
.social .tab_menu li.current p{ color:#ce2d25; }
.tab_box .hide{display:none;}

.half{ width:50%; float:left; box-sizing:border-box; padding:20px; color:#fff;}
.half1{ background:url(../images/half1.jpg) no-repeat center; background-size:cover; text-align:right;}
.half2{ background:url(../images/half2.jpg) no-repeat center; background-size:cover;}
.half a{ display:block; transition:all 0.5s linear; padding:30px 120px 70px; }
.half a h3{font-size:36px; line-height:46px; color:#fff; margin:10px 0;}
.half a p{font-size:16px; line-height:26px; color:#fff; text-transform:uppercase;}
@media screen and (max-width:1400px){
.half a{ padding:30px 30px 70px; }
}
@media screen and (max-width:1200px){
.social .tab_box{padding:30px 0;}
.social .tab_box p{font-size:14px; line-height:24px;  }
.social .tab_menu{padding:0; }
.half a{ padding:30px 10px 70px; }
}
@media screen and (max-width:992px){
.half a h3{font-size:20px; line-height:26px; color:#fff;}
.half a p{font-size:14px;}
.half a{ padding:20px 10px 0px; height:180px;}
}
@media screen and (max-width:600px){
.honor_title{ padding:35px 0 20px;}
.honor_title h2{ font-size:20px; line-height:30px; }
.social .tab_box h3{font-size:16px; margin:15px 0;}
.social .tab_menu li p{font-size:14px; line-height:24px; }
.social .tab_box{padding:0px 0 20px;}
.honor_title p{ line-height:22px;  }
.social .tab_box img{ width:100%;}
.half{padding:0px 0; }
.social .box{ margin:10px auto 30px; }
}
/*产品*/
.product{ background:url(../images/pro.jpg) no-repeat center; background-size:cover; padding:0px 0 50px;}
.varity{ width:100%; max-width:1200px; margin:0 auto; background: url(../images/chan.jpg) no-repeat top center; background-size:cover;}
.varity ul li{ float:left; overflow:hidden; width:25%; position:relative; height:620px;}
.kinds{ position:absolute; background-color:#fff; width:100%; border:1px solid #eee; color:#333; left:0; top:0px; height:180px; box-sizing:border-box;}
.kinds h3{ font-size:24px; color:#333; text-align:center; font-weight:normal; margin:30px auto 10px;}
.kinds a{ display:block; width:125px;font-size:14px; color:#666; line-height:40px; border:1px solid #ccc; text-align:center; margin:0 auto;}
.kindtop{ position:absolute; background-color:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1);  width:100%; height:100%;  color:#fff; left:-100%; transition:all 0.3s; bottom:0px; box-sizing:border-box; padding:200px 15% 0;}
.kindtop a{ display:block;font-size:16px; color:#fff; line-height:48px;}
.varity ul li:hover .kindtop{ left:0;} 
.varity ul li:hover .kinds{ background-color:#ce2d25;} 
.varity ul li:hover .kinds h3{ color:#fff;} 
.varity ul li:hover .kinds a{ background-color:#fff;color:#ce2d25;} 
.varity ul li .kindtop a:hover { color:#ce2d25;} 
@media screen and (max-width:992px){
.varity ul li{ height:500px;}
.kindtop{ padding:210px 5% 0;}
.kindtop a{ line-height:30px;}
.kinds h3{ font-size:18px ;margin:30px auto 10px;}
.kinds a{  width:100px; line-height:30px; }
}
@media screen and (max-width:600px){
.kindtop{ left:0;  padding:160px 5% 0;} 
.varity ul li{ width:50%; height:400px;}
.kinds{ height:140px; }
.kinds h3{ font-size:16px;}
.product{ padding:20px 0 40px;}
}
/*产品列表*/
.pump h3{font-size:18px; color:#333; text-align:center; font-weight:normal; line-height:40px; }
.pump h4{font-size:24px; color:#ce2d25; text-align:center; line-height:40px; margin-bottom:30px; }
.products{ padding:30px 15px 0;}
.prolist{ position:relative; margin-bottom:30px; overflow:hidden;}
.prolist img{ width:100%; margin-bottom:90px; transition:all 0.5s;}
.prolist:hover img{ transform:scale(1.05);}
.probottom{ position:absolute; left:0; bottom:0px; width:100%; box-sizing:border-box; background-color:#e1d9d6; text-align:center; padding:40px 0 30px; }
.probottom h3{ font-size:16px; line-height:30px; z-index:20;}
.procircle{ position:absolute; left:50%; width:88px; margin-left:-44px; top:-50px; height:88px; border-radius:50%; background:#e1d9d6 url(../images/mh1.png) no-repeat center 20px; z-index:10;}
.probottom a ,.probottom span{ cursor:pointer; display:inline-block; width:110px;  line-height:36px; background-color:#fff; text-align:center; font-size:14px; color:#333; margin:10px 4px; }
.prolink{ transition:all 0.5s; display:none;}
.prolist:hover .probottom{ background-color:#ce2d25;}
.prolist:hover .probottom .prolink{ display:block;}
.prolist:hover .probottom h3{ color:#fff;}
.prolist:hover .procircle{ background:#ce2d25 url(../images/mh2.png) no-repeat center 20px; z-index:10;}
/*翻页*/
.pages{ margin:20px auto 50px; height:50px; text-align:center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block;
    color: #333;
    margin: 5px 2px;
	padding:5px 12px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #ce2d25; text-decoration: none; color:#fff; background-color:#ce2d25; font-size:14px;}
.pages span { display:inline-block;padding:5px 12px; border: 1px solid #ce2d25;  background-color:#ce2d25;color: #fff;  font-size:14px; margin:0 2px;}
@media (max-width:1200px) {
.probottom h3{ font-size:14px; line-height:20px;}
.procircle{ width:80px; margin-left:-40px; height:80px;}
.probottom a ,.probottom span{ width:80px;color:#333; line-height:30px; margin:5px 2px; }
.probottom{  padding:30px 0 20px; }
.prolist img{ margin-bottom:70px;}
}
@media (max-width:768px) {
.pages{padding-top:0px; margin:0 auto 20px; height:auto; }
.pages a{border: 1px solid #DDD; display:inline-block; color: #333; text-decoration: none; font-size:14px;}
.prolink{ display:block;}
.probottom h3{ margin-bottom:10px;}
}


.article_name{ font-size:24px; color:#ce2d25; text-align:center; line-height:30px; font-weight:normal; margin-bottom:15px;}
.article-time {  font-size:14px; color:#666; text-align:center;  margin:0;}
.article-time  span{ display:inline-block;  font-size:14px; color:#666; margin:0; line-height:32px;}
.article-time  a{ width:30px !important; height:30px !important; margin:0px 2px;line-height:30px; border:none !important; background-color:#a2a2a2; color:#fff !important; font-size:16px !important;}
#share1{background:url(../images/fs1.png) no-repeat center; background-size:100%;  }
#share2{ background: url(../images/fs2.png) no-repeat center; background-size:100%;}
#share3{ background: url(../images/fs3.png) no-repeat center;background-size:100%;}

.pro_article{ border-top:1px solid #EEE; border-bottom:1px solid #EEE; padding:40px 0; margin:30px 0 0; font-size:16px; line-height:30px;color:#666; }
.pro_article img{ display:block; margin:10px auto;}
.pro_article p{ font-size:16px; line-height:30px; color:#666; margin-bottom:15px;}
.article_link{ text-align:center; padding:15px 0;}
.article_link p,.article_link a{font-size:14px; line-height:30px; color:#666;  }
.article_link a:hover{  color:#ce2d25;  }
.article_link a.know{ width:130px; line-height:38px; background-color:#ce2d25; color:#fff; text-align:center; display:inline-block;}

@media (max-width:768px) {
.article_name{ font-size:18px; line-height:26px; margin-bottom:0px;}
.pro_article{ padding:20px 0; margin:20px 0 0; font-size:14px; line-height:26px;  }
.pro_article p{ font-size:14px; line-height:26px;  }
.article_link{ text-align:left; }
}

/*文章详情*/
.article{ padding:40px 0; margin-bottom:30px;font-size:15px; color:#666; line-height:28px; border-bottom:1px solid #ddd;}
.article p{ font-size:15px; color:#666; line-height:28px; margin-bottom:15px;}
.grey{ background-color:#faeae9; padding:5px 15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.bdsharebuttonbox a{ display:inline-block; width:36px; height:36px;}
#fenxiang1{background:url(../images/fx3.png) no-repeat; background-size:100%;  }
#fenxiang2{ background: url(../images/fx1.png) no-repeat; background-size:100%;}
#fenxiang3{ background: url(../images/fx2.png) no-repeat;background-size:100%;}
.article_title{font-size:30px; color:#ce2d25; line-height:40px; font-weight: normal; margin:10px 0 20px;}
.article_time{ font-size:13px; color:#e69490; line-height:40px; }
.article_time span{ display:inline-block; font-size:13px; color:#e69490; line-height:40px;margin-right:10px; }
.article_time img{ vertical-align:-4px; display:inline-block; margin-right:5px;}
.bottom_link{  margin-bottom:60px;font-size:15px; color:#666; line-height:28px;}
.bottom_link p{ font-size:15px; color:#666; line-height:28px;}
.bottom_link a{font-size:15px; color:#666; line-height:28px;}
.bottom_link a:hover{ color:#ce2d25;}
.recommend{ padding-left:50px; box-sizing:border-box;  margin-bottom:50px;}
.recommend h2{font-size:18px; color:#fff; line-height:46px; background-color:#ce2d25; padding:0 15px; font-weight:normal; margin-bottom:15px;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:15px;}
.recommend ul li a h3{font-size:16px; padding-left:20px; background:url(../images/dot.png) no-repeat 0 center; color:#26395a; line-height:30px; height:30px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#aeb6c4; line-height:30px;padding-left:20px;}
.recommend ul li a:hover h3{ color:#ce2d25;}
.return{ float:right; width:114px; line-height:36px; border:1px solid #ce2d25; font-size:14px; color:#ce2d25; text-align:center;}
.return:hover{  border:1px solid #ce2d25; font-size:14px; color:#fff; background-color:#ce2d25;}
@media (max-width:1200px) {
.recommend{ padding-left:0px;}
}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:0px;}
.recommend{ margin-bottom:30px; margin-top:30px;}
.bottom_link{  margin-bottom:30px; }
.article{ padding:30px 0; margin-bottom:10px; }
}

.newd{ height:247px; display:block; border:1px solid #e5e5e5; padding:30px 24px; box-sizing:border-box; background-color:#fff; overflow:hidden; margin-bottom:30px;}
.newd h3{ font-size:16px; color:#333; margin-bottom:30px; margin-top:10px; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.newd .hdis{ font-size:14px; color:#666; line-height:24px; width:100%; height:72px; overflow:hidden; }
.newd .time{ font-size:14px; color:#666; line-height:24px; margin-top:20px; display:block;}
.newd a{ display:block;}
.insides{ transform: translateY(-20px); transition:all 0.5s;}
.newd:hover{ background-color:#ce2d25;}
.newd:hover h3 , .newd:hover .hdis , .newd:hover .time , .newd:hover .hnew{color:#fff;}
.newd:hover .insides{  transform: translateY(0);}
.topnew{  margin-bottom:60px; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:50px;}
.picnew{ display:block; overflow:hidden;}
.picnew img{ width:100%; position:relative; transition:all 0.3s;}
.picnew .picontent{ background-color:rgba(206,45,37,0.8); width:50%; padding:40px; position:absolute; right:10%; bottom:40px;}
.picontent h3{ font-size:16px; color:#fff; margin-bottom:10px; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.picontent p{ font-size:14px; color:#fff; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:20px; }
.picontent span{ font-size:14px; color:#fff; line-height:24px; display:block;}
.picnew:hover img{ transform:scale(1.05);}
.pictop{ overflow:hidden; display:block;}
.pictop img{ transition:all 0.5s;}
.pictop:hover img{  transform:scale(1.05);}
.pictop h3{ font-size:16px; color:#333; margin:30px 0; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pictop p{ font-size:14px; color:#666; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:50px; }
.pictop span{ font-size:14px; color:#666; line-height:24px; display:block;}
.pictop:hover h3{  color:#ce2d25;}

@media screen and (max-width:992px){
.pictop{ margin-top:30px;}
.pictop h3{ margin:10px 0;  }
.pictop p{ margin-bottom:0px; }
}
@media screen and (max-width:600px){
.picnew .picontent{ width:90%; padding:10px; position:absolute; right:5%; bottom:20px;}
.picontent p{  height:48px;  margin-bottom:10px; }
.newd{ padding:30px 15px; }
.topnew{  margin-bottom:30px; padding-bottom:20px;}
}
.sec_title h3{  font-size:30px; color:#333; text-align:center; margin-bottom:10px; line-height:40px; font-weight:bold; padding-bottom:20px; background:url(../images/red.png) no-repeat center bottom;}
.sec_title p{  font-size:14px; color:#666; text-align:center; line-height:26px; max-width:900px; margin:10px auto;}
.down{ margin-right: -15px;margin-left: -15px;}
.down li{ width:20%; float:left; box-sizing:border-box; padding:15px;}
.load { width:100%; border:1px solid #eee; padding:20px;}
.load p{font-size:14px; color:#999; line-height:24px;}
.load h3 a{ display:block; font-size:16px; color:#333; margin:10px 0; line-height:35px; font-weight:normal; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.clicks{ margin-top:60px; display:block;width:114px; border:1px solid #ce2d25; line-height:36px; font-size:14px; color:#ce2d25; text-align:center;}
.load h3 a:hover{  color:#ce2d25;}  
.clicks:hover{color:#fff; background-color:#ce2d25;}
@media screen and (max-width:1200px){
.down li{ width:33.33%; }
}
@media screen and (max-width:700px){
.down li{ width:100%; float:none; }
.clicks{ margin-top:20px;}
.sec_title h3{  font-size:22px; line-height:30px; padding-bottom:10px; }
}
.major{ margin-right: -15px;margin-left:-15px; margin-bottom:40px;}
.major li{ width:20%; float:left; box-sizing:border-box; padding:15px;}
.charbour{ display:block; border-bottom:1px solid #e9e9e9; position:relative; overflow:hidden;}
.charbour div{ position:relative;}
.charbour div img{ width:100%; }
.charbour div p{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s; }
.charbour div  span{position:absolute; top:0; left:0; right:0px; bottom:0px; display:block;}
.charbour div  span img{ width:67px; height:67px; margin:0 auto; display:block; margin-top:-67px; transition:all 0.2s linear;}
.charbour p{font-size:14px;line-height:60px; color:#333; margin:0 15px; text-decoration:none; position:relative; max-width:100%; height:60px; overflow:hidden;}
.charbour p span{ float:right;}
.charbour strong{ position:absolute; left:0; top:0; width:0%; height:100%; background-color:#ce2d25; z-index:0; transition:all 0.3s;}
.charbour:hover div p{ opacity:1; }
.charbour:hover div span img{ margin-top:17%; }
.charbour:hover strong{ width:100%;}
.charbour:hover p , .charbour:hover p span{ color:#fff;}
.moreinfor{ margin:40px auto; text-align:left; font-size:16px; color:#333; line-height:34px;}
.moreinfor a{ display:inline-block; margin:10px 1px;}
@media screen and (max-width:1600px){
.major li{ width:25%; }
}
@media screen and (max-width:1200px){
.major li{ width:33.33%; }
}
@media screen and (max-width:700px){
.major li{ width:100%; float:none; }
.major{  margin-bottom:10px;}
}


.third_title h3{ font-size:30px; color:#333; text-align:center; margin-bottom:10px; line-height:40px; font-weight:bold;}
.third_title p{ font-size:14px; color:#666; text-align:center; margin-bottom:60px; line-height:20px; padding-bottom:15px; background:url(../images/red.png) no-repeat center bottom;}
.talent li{ width:19.5%; float:left; box-sizing:border-box; border:1px solid #ccc; margin-right:0.5%; position:relative; min-height:260px; margin-bottom:1%;}
.talent li:nth-child(1){ background:url(../images/r1.jpg) no-repeat center; background-size:cover;}
.talent li:nth-child(2){ background:url(../images/r2.jpg) no-repeat center; background-size:cover;}
.talent li:nth-child(3){ background:url(../images/r3.jpg) no-repeat center; background-size:cover;}
.talent li:nth-child(4){ background:url(../images/r4.jpg) no-repeat center; background-size:cover;}
.talent li:nth-child(5){ background:url(../images/r5.jpg) no-repeat center; background-size:cover;}
.talent li h2{font-size:20px; color:#fff; position:absolute; left:20px; bottom:15px;}
.cept{ position:absolute; left:0; visibility:hidden; display:none; transition:all 0.5s; top:0; background:#fff url(../images/r1.png) no-repeat 96% 96%; width:100%; height:100%; box-sizing:border-box; padding:30px; }
.talent li:hover .cept{ visibility:visible; display:block;}
.cept h3{ font-size:20px; color:#ce2d25; margin-bottom:20px;}
.cept p{ font-size:14px; color:#666; line-height:24px;}
.talent{ margin-bottom:40px;}
.job{ background:url(../images/jod.jpg) no-repeat center; padding:70px 0; background-size:cover;}
.recruit-text{ padding:0;}
.recruit-text li{border-bottom:1px solid #ccc; }
.recuit-top .ons { transition: all 350ms ease 0s;}
.recruit-main .ons{ background-color:#fff7f7;}
.recuit-top{ width:100%; cursor:pointer; background-color:#fff;  padding:25px 45px; box-sizing:border-box;}
.recuit-top h2{ font-size:18px; color:#333; font-weight:normal; }
.recuit-top p span{ font-size:14px; color:#666; margin-right:15px;}
.recuit-top a{ float:right; display:block; margin-top:10px; width:114px; border:1px solid #ce2d25; line-height:36px; font-size:14px; color:#ce2d25; text-align:center;}
.recuit-top a:hover{color:#fff; background-color:#ce2d25;}
.reruit-info { background:#fff; display: none; padding:40px 45px;}
.reruit-info p{ font-size:14px; color:#666; margin-right:15px;}
.reruit-info h3{font-size:18px; color:#333; line-height:30px; margin:0; }
.reruit-info a{ width:190px; height:54px; background-color:#cd060d; color:#fff; text-align:center; display:inline-block; line-height:54px; margin-top:20px;}
.recruit-main{ margin-bottom:50px;}
@media screen and (max-width:1400px) {
.cept h3{ font-size:16px; margin-bottom:10px;}
}
@media screen and (max-width:1200px) {
.talent li{ width:33%;  margin-right:0.3%; margin-bottom:0.3%;}
}
@media screen and (max-width:768px) {
.talent li{ width:49.5%;  margin-right:0.3%; min-height:260px; margin-bottom:0.3%;}	
.recuit-top h2{ font-size:20px; margin-left:15px;}
.recuit-top p{ margin-left:15px; margin-bottom:10px;}
.recuit-top p span{ font-size:13px; margin-right:10px;}
.reruit-info h3{font-size:16px; color:#333; line-height:30px; margin:0; }
.reruit-info a{ width:140px; height:50px; line-height:50px; margin-top:20px;}
.recruit-main{ margin-bottom:30px;}
.reruit-info { display: none;padding:20px 15px;}
.job{ padding:30px 0; }
.third_title h3{ font-size:20px; line-height:30px;}
.third_title p{ margin-bottom:30px; }
.recuit-top{ padding:10px 15px 20px; }
.reruit-info { padding:20px 15px;}
}
@media screen and (max-width:420px) {
.talent li{ width:100%;  margin-right:0; min-height:260px; margin-bottom:0.3%;}	
}
/*品质*/
.quality{ margin-top:40px; margin-bottom:60px;}
.pin_a{ position:relative; margin-bottom:40px;}
.pin_a img{ width:100%}
.pin-a{ position:absolute; right:0; bottom:0px; width:70%; padding:50px 40px 40px; background:rgba(241,147,0,0.7); font-size:14px; line-height:24px; color:#fff;}
.pin_b{ background:#cd060d;  color:#fff; padding-top:25%;}
.pin_b h2{ padding-left:16%; margin-bottom:15%;}
.pin_b h3{font-size:46px; color:#fff; font-weight:bold; margin-bottom:25%; padding-left:16%;}
.pin_c{ margin-bottom:40px;}
.pin_d h2{font-size:46px; color:#333; font-weight:bold; line-height:58px; margin-bottom:6%;}
.pin_d h2 img{ margin-right:10px;}
.pin_d{ padding-left:60px; padding-top:8%;}
.pin_d h3{font-size:26px; color:#333; font-weight:bold; margin-bottom:2%;}
.pin_d p{font-size:14px; color:#333; line-height:24px;  margin-bottom:6%;}
.pin_d span{ display:block; font-size:14px; color:#333; line-height:24px; padding-left:16px; background:url(../images/rdot.png) no-repeat 0 9px;}
.pin_e h2{font-size:46px; color:#333; font-weight:bold; line-height:58px; margin-bottom:3%;}
.pin_e h2 img{ margin-right:10px; vertical-align: middle;}
.pin_e{ padding-top:3%;}
.pin_e h3{font-size:26px; color:#333; font-weight:bold; margin-bottom:2%;}
.pin_e p{font-size:14px; color:#333; line-height:24px;  margin-bottom:2%;}
.pin_e span{ display:block; font-size:14px; color:#333; line-height:24px; padding-left:16px; background:url(../images/rdot.png) no-repeat 0 9px;}
@media screen and (max-width:1500px) {
.pin_b{ padding-top:15%;}
.pin_b h2{padding-left:10%; margin-bottom:10%;}
.pin_b h3{ margin-bottom:25%; padding-left:10%;}
}
@media screen and (max-width:1200px) {
.pin_b h2 img{ width:50px; }
.pin_b h3{font-size:30px; margin-bottom:28%; }
.pin_d h2 img{ width:40px; }
.pin_d h2{ font-size:24px; margin-bottom:1%;}
.pin_d h2 img{ margin-right:10px;}
.pin_d{ padding-left:0px; padding-top:0%; margin-bottom:30px;}
.pin_d h3{font-size:20px; margin-bottom:2%;}
.pin_d p{ margin-bottom:4%;}
.pin_e h2 img{ width:40px; }
.pin_e h2{ font-size:24px; margin-bottom:1%;}
.pin_e h2 img{ margin-right:10px;}
.pin_e{ padding-left:0px; padding-top:0%;}
.pin_e h3{font-size:20px; margin-bottom:2%;}
.pin_e p{ margin-bottom:4%;}
}
@media screen and (max-width:768px) {
.pin-a{  width:90%; padding:30px 15px 30px; }
.pin_b{ padding-top:40px; margin-bottom:30px;}
.pin_b h2{ padding-left:10px; margin-bottom:30px;}
.pin_b h3{font-size:26px;  margin-bottom:30px; padding-left:10px;}
.pin_c img{ margin-top:30px;}
}
@media screen and (max-width:500px) {
.pin-a{ position: static; width:100%; }
.quality{ margin-top:20px; margin-bottom:30px;}
.pin_b{ padding-top:20px; margin-bottom:10px;}
.pin_b h2{ margin-bottom:10px;}
}
/*联系我们*/
.contact{ margin-right: -15px;margin-left:-15px; margin-bottom:40px;}
.contact li{ width:25%; float:left; box-sizing:border-box; padding:15px;}
.contacts{ border:1px solid #eee; padding:40px 15px 0; text-align:center; box-sizing:border-box; height:240px;}
.contacts h3{font-size:14px; color:#666; line-height:30px; margin-top:10px; font-weight:normal;}
.contacts p{font-size:16px; color:#333; line-height:22px;}
.contact li img{ display:block; margin:0 auto; transition:all 0.8s;}
.contact li:hover img{ transform:rotateY(360deg);} 
.route .box{width:100%; margin:10px auto 70px; }
.route .tab_menu{overflow:hidden; max-width:1100px; margin:0 auto; box-sizing: border-box;}
.route .tab_menu p{ color:#333; line-height:30px; font-size:16px; padding-bottom:60px;}
.route .tab_menu li{width:25%;float:left; text-align:center;cursor:pointer; padding:70px 0 0; }
.route .tab_menu li:nth-child(1){ background:url(../images/way1.png) no-repeat center 0;}
.route .tab_menu li:nth-child(2){ background:url(../images/way2.png) no-repeat center 0;}
.route .tab_menu li:nth-child(3){ background:url(../images/way3.png) no-repeat center 0;}
.route .tab_menu li:nth-child(4){ background:url(../images/way4.png) no-repeat center 0;}
.route .tab_menu li:nth-child(1).current{ background:url(../images/wy1.png) no-repeat center 0;}
.route .tab_menu li:nth-child(2).current{ background:url(../images/wy2.png) no-repeat center 0;}
.route .tab_menu li:nth-child(3).current{ background:url(../images/wy3.png) no-repeat center 0;}
.route .tab_menu li:nth-child(4).current{ background:url(../images/wy4.png) no-repeat center 0;}
.route .tab_menu li p{font-size:16px; color:#666; line-height:24px; text-align:center;}
.route .tab_box{padding:0; margin-bottom:60px;}
.route .tab_box h3{font-size:18px; color:#333; line-height:30px; font-weight:bold; margin-bottom:20px;}
.route .tab_box p{font-size:16px; color:#666; line-height:30px;  }
.route .tab_menu li.current p{ color:#ce2d25; background:url(../images/san.png) no-repeat center bottom; }
.way{ padding:20px; background-color:#fafafa; border:1px solid #dddddd; font-size:16px; color:#999; text-align:center;}
.way p{ font-size:16px; color:#999; text-align:center;}
.online{ background-color:#fafafa; padding:50px 0;}
.messages form input{ width:32%; margin-right:1.3%; margin-bottom:30px; float:left; line-height:36px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; padding:0 10px;}
.messages{ width:100%; max-width:900px; margin:0 auto;}
.messages form textarea{ width:98.7%; margin-bottom:30px; line-height:36px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; padding:10px;}
.messages button{ line-height:40px; background-color:#ce2d25; color:#fff; font-size:16px; cursor:pointer; padding:0; width:140px; border-radius:0;}
.messages button:hover{ color:#fff;} 
@media screen and (max-width:1200px) {
.route .tab_menu p{ padding-bottom:30px;}
}
@media screen and (max-width:1000px) {
.contact li{ width:50%; }
}

@media screen and (max-width:600px) {
.messages form input{ width:100%; margin-right:0%; margin-bottom:15px;}
.contact li{ width:100%; }
.route .tab_menu p{ padding-bottom:30px;}
.route .tab_box{ margin-bottom:30px;}
.online{ background-color:#fafafa; padding:30px 0;}
}
/*加盟*/
.join{ padding-top:30px; padding-bottom:20px; min-height:270px; box-sizing:border-box; }
.join img{ display:block; margin-bottom:30px; transition:all 0.6s;}
.join:hover img{ transform:rotateY(360deg);}
.join h3{ color:#333; line-height:30px; font-size:16px; margin-bottom:10px;}
.join p{ color:#666; line-height:24px; font-size:14px; }
.corpter{ background:url(../images/cor.jpg) no-repeat center; background-size:cover; padding:70px 0; margin-top:40px;}
.partner{width:100%; max-width:1130px; margin:0px auto; }
.partner .tab_menu{overflow:hidden; max-width:80%;  margin:0 auto; box-sizing: border-box;font-size:16px; color:#fff; line-height:34px;}
.partner .tab_menu p{ font-size:16px; color:#fff; line-height:34px;}
.partner .tab_menu li{ width:33.33%; float:left; text-align:center;cursor:pointer;  line-height:34px; background:url(../images/shu.png) no-repeat right center;}
.partner .tab_menu li span{ display:inline-block; width:36px;  line-height:34px; margin-right:10px;}
.partner .tab_menu li:nth-child(1) span{ background:url(../images/cor1.png) no-repeat center ;}
.partner .tab_menu li:nth-child(2) span{ background:url(../images/cor2.png) no-repeat center ;}
.partner .tab_menu li:nth-child(3) span{ background:url(../images/cor3.png) no-repeat center ;}
.partner .tab_menu li:nth-child(3){ background:none;}
.partner .tab_menu li p{font-size:16px; color:#666; line-height:24px; text-align:center;}
.partner .tab_box{padding:0; }
.parcotent{ background:rgba(255,255,255,0.2); padding:50px 150px; margin-top:45px;}
.parcotent p,.parcotent a{font-size:14px; color:#fff; line-height:30px;}
.processd{ background: url(../images/jia.jpg) no-repeat center; background-size:cover; padding:110px 0; min-height:760px; box-sizing:border-box;}
.stepdd{ margin-right: -15px;margin-left:-15px; margin-bottom:50px;}
.stepdd li{ cursor:pointer; width:14.2%; float:left; box-sizing:border-box; padding:15px;}
.xu{ width:100%; border:1px #fff dashed; border-radius:5px; text-align:center; padding:30px 0;} 
.xu p{ font-size:16px; color:#fff; line-height:40px; margin-top:10px;}
.processd h4{font-size:18px; color:#fff; line-height:40px; text-align:center; font-weight:normal;}
.xu img{ transition:all 0.8s;}
.stepdd li:hover .xu{ background:rgba(255,255,255,0.2);}
.stepdd li:hover .xu img{ transform:rotateY(360deg); }
@media screen and (max-width:1200px) {
.corpter{ padding:30px 0; margin-top:20px;}
.stepdd li{ width:25%; }
.processd{  padding:60px 0; }
.partner .tab_menu{ max-width:100%; font-size:15px; }
.partner .tab_menu li span{ display:none;}
.parcotent{  padding:30px 20px; margin-top:25px;}

}
@media screen and (max-width:768px) {
.stepdd li{ width:50%; }
.processd{background:url(../images/jias.jpg) no-repeat center; background-size:cover; padding:30px 0 70px; }
.processd h4{font-size:14px; line-height:20px; }
.stepdd{ margin-bottom:20px;}
}

.strategic{ padding:70px 0; background-color:#f8f8f8; }
.strategic .four_title{ margin-top:10%;}
.four_title h3{ font-size:30px; color:#333;  margin-bottom:10px; line-height:40px; font-weight:bold;}
.four_title p{ font-size:14px; color:#666;  margin-bottom:60px; line-height:20px; padding-bottom:15px; background:url(../images/red.png) no-repeat 0 bottom;}
.strate li{ width:48%; float:left; margin-right:2%; border:1px solid #eee; padding:30px; background-color:#fff;min-height:200px;}
.strate li h3{ font-size:16px; color:#ce2d25; margin-bottom:6px; line-height:30px; font-weight:bold; }
.numbers{ max-width:70%; margin-top:6%; margin-bottom:30px;}
.numbers li{ width:50%; float:left; border-bottom:2px solid #ce2d25;}
.numbers li p{font-size:14px; color:#666; line-height:30px;}
.numbers li h3{font-size:60px; color:#ce2d25; line-height:30px; font-family:Arial; margin-top:20px; padding-bottom:25px;}
.numbers li h3 small{font-size:14px; color:#666; }
.store{ padding:100px 15px;}
.famous .item img{ display:block; width:100%; margin-bottom:30px;}
.famous .owl-dots{ display:none;}
.famous .owl-nav{ position:absolute; top:-70px; right:0px;}
.famous .owl-nav button span{ display:block; width:36px; height:36px; border-radius:50%; line-height:30px; font-size:20px; border:1px solid #ccc;}
.famous .owl-nav button span:hover{ color:#ce2d25; border-color:#ce2d25;}
.famous .owl-nav [class*="owl-"]:hover {color:#ce2d25 !important;}
.mircol{ background:url(../images/dian.jpg) no-repeat right bottom; height:240px; padding-top:60px;}
.mileft h3{ font-size:36px; color:#fff; line-height:40px; font-weight:bold; margin-top:20px;}
.mileft p{ font-size:14px; color:#fff; line-height:20px; margin-top:20px; }
.miright h4{ font-size:18px; color:#fff; line-height:40px; font-weight: normal;padding-left:30px; background:url(../images/pho.png) no-repeat 0 center; display:inline-block}
.miright { text-align:right; }
.miright h3{ font-size:26px; color:#fff; line-height:40px;}
.miright a{ display:inline-block; width:140px; line-height:40px; background-color:#ce2d25; font-size:15px; color:#fff; text-align:center; margin-top:15px;}
@media screen and (max-width:1500px) {
.numbers{ max-width:100%; margin-top:3%;}
.strate li{ width:49%; margin-right:1%; padding:20px; }
.mileft h3{ font-size:20px; line-height:30px; }
}
@media screen and (max-width:1200px) {
.four_title p{ margin-bottom:30px; }
.mircol{ background:url(../images/dian.jpg) no-repeat right bottom; height:240px; padding-top:60px;}
.strategic{ padding:40px 0; }
.store{ padding:40px 15px 0px;}
}
@media screen and (max-width:992px) {
.mircol{ background:url(../images/dian.jpg) no-repeat left bottom; height:auto; background-size:cover; padding-top:60px; padding-bottom:40px;}
.miright h4{ margin-top:20px;}
.miright h3{ font-size:18px; }
.numbers li h3{font-size:40px; }
.mircol{  background:url(../images/dian.jpg) no-repeat left center; background-size:cover; }
}
@media screen and (max-width:600px) {
.numbers li h3{font-size:30px; }
.numbers li{ width:100%; float:none; }
.strate li{width:100%; float:none; margin-right:0%; margin-bottom:15px;}
}
.clear{ clear:both;}
/*登录*/
.lgin{ background:url(../images/login.jpg) no-repeat center center; padding:100px 0 150px;  box-sizing:border-box;}
.log{ margin:0 auto; width:440px; background-color:#fff; box-shadow:2px 2px 10px #aaa; border-radius:2px; box-sizing:border-box; padding:30px 40px;}
.log h2{font-size:28px; color:#f36c1b; line-height:30px; margin-bottom:25px; font-weight:normal;}
.log p{font-size:14px; color:#333; line-height:24px; margin-bottom:20px;}
.log input[type="text"]{ font-size:16px; color:#333; width:100%; font-family:'微软雅黑'; height:46px; line-height:45px; padding:0 0 0 42px; margin-bottom:30px; border:1px solid #c9c9c9; border-radius:2px; background:url(../images/mail.png) no-repeat 13px center;}
.log input[type="password"]{ font-size:16px; color:#333; font-family:'微软雅黑'; width:100%; height:46px; line-height:45px; padding:0 0 0 42px; margin-bottom:26px; border:1px solid #c9c9c9; border-radius:2px; background:url(../images/password.png) no-repeat 15px center;}
.log button{ width:100%; background-color:#ce2d25; border-color:#ce2d25; font-size:18px; padding:10px 0; margin-top:30px; margin-bottom:30px;}
.log a{font-size:14px; color:#666; line-height:24px; }
.log a:hover{color:#ce2d25;}
.log input[type="checkbox"]{ vertical-align:-1px;  }
.log label{font-size:14px; color:#666; line-height:24px; }
@media only screen and (max-width:768px) {
.log{ width:95%; margin:0 auto;padding:20px;}
.lgin{ padding:40px 0; }
}

/*找回密码*/
.start{ background:url(../images/login.jpg) no-repeat center center; padding:80px 0 70px; box-sizing:border-box;}
.recover{ margin:0 auto; width:440px; background-color:#fff; box-shadow:2px 2px 10px #aaa; border-radius:2px; box-sizing:border-box; padding:30px 40px;}
.recover h2{font-size:28px; color:#f36c1b; line-height:30px; margin-bottom:25px;font-weight:normal;}
.recover form{ display:block; box-sizing:border-box;}
.recover button{ width:100%; background-color:#ce2d25; font-size:18px; padding:10px 0; margin-top:30px; margin-bottom:20px;}
.recover .form-control{ font-size:16px; font-family:'微软雅黑'; color:#333;  line-height:45px; height:45px;  margin-bottom:13px; border:1px solid #c9c9c9; border-radius:2px;}
.recover .pull-left{ font-size:16px; color:#333;  line-height:45px; height:45px; width:70%; margin-bottom:13px; border:1px solid #c9c9c9;}
.recover img{ height:45px; width:100%;}
.recover a{ float:right; height:45px; width:28%; margin-left:2%;}
.recover a:hover{ color:#eee;}
.send{ background-color:#ce2d25; line-height:45px; font-size:16px; color:#fff; border-radius:2px; text-align:center;}
@media only screen and (max-width:768px) {
.recover{ width:95%; margin:0 auto; padding:20px;}
.start{ padding:40px 0; }
}
.service{ width:100%; max-width:1100px; margin:30px auto; background-color:#fff; padding:50px 300px; box-sizing:border-box;}
.service label{font-size:14px; color:#333;  line-height:34px; background:url(../images/xing.png) no-repeat 15px center; text-align:left; padding:0 0 0 40px}
.service  h3{color:#ce2d25; font-size:16px; font-weight:bold; margin-bottom:30px;}
.service input{ height:34px; border-radius:0px; line-height:34px;}
.volun{ text-align:center;}
.volun button{ display:inline-block; width:142px; height:42px; line-height:42px; border-radius:0px; border:none; font-size:14px; margin-top:40px;}
.volun button[type="submit"]{ background-color:#ce2d25; color:#fff;}
.volun button[type="reset"]{ background-color:#ccc; color:#333;}
@media only screen and (max-width:992px) {
.service{padding:40px 20px; box-sizing:border-box;}
}
@media only screen and (max-width:768px) {
.service{ margin:0px auto;}
.service label{ line-height:20px; padding:0 0 0 30px}
.volun button{ width:112px; height:36px; line-height:36px; margin-top:20px;}
}

/*个人中心*/
.myaccount{ background-color:#f8f8f8; padding-top:70px;}
.account_nav{ padding-right:30px; margin-bottom:50px;}
.account_nav ul{ background-color:#fff;}
.account_nav ul li a{ display:block; padding:0 25px; line-height:45px; color:#333; font-size:14px;} 
.account_nav ul li p a{ line-height:53px; color:#f36c1b; padding:0; font-size:18px; border-bottom:1px solid #eee;}
.account_nav ul li:last-child p a{ border:none;}
.account_nav ul li p{ margin:0 25PX;}
.account_nav ul li a span{ line-height:45px; color:#bfbebe; font-size:14px; margin-right:10px;} 
.account_nav ul li a:hover{ background-color:#ce2d25; color:#fff;}
.account_nav ul li p a:hover{ background-color:transparent; color:#ce2d25;}
.account_nav ul li a:hover span{ color:#fff;}
.account_nav ul li .account_on{ background-color:#ce2d25; color:#fff;}
.account_nav ul li .account_on span{ color:#fff;}
.account_box{ background-color:#fff;  padding:0 25px; margin-bottom:50px;}
.account_box h3{line-height:72px; color:#333; font-size:24px; }
.account_box p{line-height:26px; color:#666; font-size:18px; margin:0px 0 30px;}
.account_box label{ font-size:14px; color:#666; height:40px; padding:0 15px !important; line-height:40px; margin:0px;}
.account_box label span{color:#ff5454;}
.account_box input{ height:40px; line-height:40px; border-radius:0px; border:1px solid #e8e8e8;}
.account_box .special input{ vertical-align:-15px;}
.account_box button{ display:inline-block; width:142px; height:40px; line-height:40px; border:none;  margin-top:17px;}
.account_box button[type="submit"]{ background-color:#ce2d25; color:#fff;}
.account_box button[type="reset"]{ background-color:#ccc; color:#333; margin-bottom:45px;}
.account_box:after{display:block; clear:both; content:""; visibility:hidden; height:0} 
.mytable{ padding-bottom:20px; width:100%; overflow-x:auto; white-space:nowrap;}
.mytable table tr th{ font-size:16px; color:#666; line-height:45px !important; height:45px; padding:0 10px !important; background-color:#eeeeee;}
.mytable table tr td{ font-size:14px; color:#666; line-height:50px !important; height:50px; padding:0 10px !important;}
.mytable table{ border-bottom:1px solid #eee;}
 
@media only screen and (max-width:768px) {
.account_box p{ margin:0px 0 15px;}
.account_box button{ display:inline-block; width:130px; height:40px; line-height:40px; border:none;  margin-top:10px;}
.account_box button[type="reset"]{ background-color:#ccc; color:#333; margin-bottom:15px;}
.account_nav{ padding-right:15px; margin-bottom:20px;}
.phone_nav{ margin-top:20px; margin-bottom:20px}
.nav_boxs{ width:31%; margin:1%; background-color:#fff; line-height:36px; text-align: center; color:#333; float:left;}
.nav_boxs a{line-height:36px; color:#333; font-size:14px;}
.nav_boxs ul li a{color:#666; font-size:14px; line-height:32px; display:block;}
.nav_boxs ul li a span{color:#999; margin-right:6px;}
.account_box button{ width:112px; }
.myaccount{ padding-top:20px;}
 }
 
 











/* CSS Document */