﻿/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
    font-family: 'Bodoni';
    src:url(../fonts/BodoniStd-Italic.otf);
}
@font-face{
    font-family: 'Poppins';
    src:url(../fonts/Poppins-SemiBold.ttf);
}
@font-face{
    font-family: 'Lato';
    src:url(../fonts/LATO-LIGHT.WOFF.TTF);
}
@font-face{
    font-family: 'Playfair';
    src:url(../fonts/PlayfairDisplay-Regular.ttf);
}
@font-face{
    font-family: 'Sans';
    src:url(../fonts/OpenSans-Regular.ttf);
}
@font-face{
    font-family: 'Raleway';
    src:url(../fonts/Raleway-400-Regular.otf);
}


body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family: 'Sans'; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
.clear:after{content:""; display:block; clear:both;}
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:left;box-sizing:border-box;padding-left:25px; padding-right:25px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:right;box-sizing:border-box;padding-left:25px; padding-right:25px;}
.fl-1,.fr-1{width:calc(100%/12); box-sizing:border-box;}
.fl-2,.fr-2{width:calc(100%/12*2);}
.fl-3,.fr-3{width:calc(100%/12*3);}
.fl-4,.fr-4{width:calc(100%/12*4);}
.fl-5,.fr-5{width:calc(100%/12*5);}
.fl-6,.fr-6{width:calc(100%/12*6);}
.fl-7,.fr-7{width:calc(100%/12*7);}
.fl-8,.fr-8{width:calc(100%/12*8);}
.fl-9,.fr-9{width:calc(100%/12*9);}
.fl-10,.fr-10{width:calc(100%/12*10);}
.fl-11,.fr-11{width:calc(100%/12*11);}
.fl-12,.fr-12{width:calc(100%/12*12);}
.pad20{ padding-top:20px; padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padt30{padding-top:30px;}
.pad40{ padding-top:40px; padding-bottom:40px;}
.pad50{ padding-top:50px; padding-bottom:50px;}
.pad70{ padding-top:70px; padding-bottom:70px;}
.swiper-slide img{ max-width:100%;}
.wid{ width:1250px; margin:0 auto;}
.wid:after,.home_pro_cont:after,.home_why_cont:after,.wid home_adv_cont:after{ content:""; display:block; clear:both;}

.top{ height:60px; position:fixed; top:0; width:100%; padding:5px 6%; box-sizing:border-box; background:rgba(0,0,0,0.8); z-index:10000;}
.logo{ height:50px; float:left;}
.logo img{height:100%;}
.nav{ float:right;}
.nav li{ line-height:50px; display:inline-block;position:relative;}
.nav li a{ color:#fff; text-transform:uppercase; padding:0 20px; display:block;}
.nav li a:hover{ background:#4f4f4f;}
.erji{ position:absolute; left:0; white-space:nowrap; background:#3b3b3b;padding:10px 10px 15px; border-top:2px solid #fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px; display:none; z-index:1000;}
.erji a{ color:#fff; display:block; line-height:30px; font-size:14px; margin:2px;padding:0 10px;}
.erji a:hover{color:#f00;}

.hearder{ position:relative;}
.hearder video{vertical-align:middle;}
.video_bj{ background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; bottom:0; right:0; z-index:1000;}
.video_bj h2{height:50px; text-align:center; line-height:50px; padding-top:20%; color:#fff; font-size:40px; text-transform:capitalize;}
.video_an{position:absolute; bottom:50px; left:50%; transform:translateX(-50%)}
.video_an a{ opacity:0.6; display:inline-block;}
.video_an a:hover{ animation:video 2s ease-out infinite;}
@keyframes video{
	0%{opacity:0.1; transform:scale(1);}
	50%{ opacity:1; transform:scale(1.2);}
	100%{ opacity:0.1; transform:scale(1);}
	}
.video_an img{ width:60px;}

.home_client{ position:relative; padding:50px 0;}
.home_client img{height:80px;  padding:5px; border:1px solid #ddd; box-sizing:border-box; }
.home_client .swiper-slide{ text-align:center;}
.home_client_next{ width:35px; height:102px; background:url(../images/cli_r.png) no-repeat; margin-top:-51px; right:0;}
.home_client_prev{ width:35px; height:102px; background:url(../images/cli_l.png) no-repeat; margin-top:-51px; left:0;}

.home_pro{ position:relative; padding:70px 0; background: url(../images/home_bj3.jpg) no-repeat center;}
.home_pro h2{ font-size:48px;font-family: 'Source'; text-transform:uppercase; text-align:center; color:#c62430; margin-bottom:40px;}
.home_pro .swiper1{ width:88%;}
.home_pro_text{ float:left; width:50%; padding:6% 10% 0; box-sizing:border-box;}
.home_pro_text h3{ font-size:36px; color:#000;}
.home_pro_text p{ font-size:20px; line-height:32px; padding:40px 0;}
.home_pro_text a{ line-height:52px; font-size:22px; background:#d61518; padding:0 30px; display:inline-block; color:#fff;}
.home_pro_text a:hover{ background:#ad0e10;}
.home_pro_pic{ float:right; width:50%;}
.home_pro_pic img{ max-width:100%;}
.home_pro_next{ width:10%; height:300px; margin-top:-150px; right:0; cursor:url(../images/pr.png),auto; background:none;}
.home_pro_prev{ width:10%; height:300px; margin-top:-150px; left:0; cursor:url(../images/pl.png),auto;background:none;}

.home_co{ padding:170px 0 150px; background:url(../images/home_bj2.jpg) no-repeat;}
.home_co_pic{ text-align:center; opacity:0.8;}
.home_co_pic img{transition:1000ms;}
.home_co_pic img:hover{ transform:rotateY(180deg); transition:1000ms;}
.home_co_text{ text-align:center; max-width:1200px; padding:50px 20px 0; text-align:center; color:#fff; font-size:36px; margin:0 auto; line-height:60px;}

.home_com{ padding:100px 0; background:url(../images/home_bj3.jpg) no-repeat bottom right;}
.home_com h2{font-size:48px;font-family: 'Source'; text-transform:uppercase; text-align:center; color:#c62430; margin-bottom:40px;}
.home_com p{ font-size:22px; color:#6c6b6b; line-height:42px;}
.home_com_an{ text-align:center;}
.home_com_an a{ line-height:72px; padding:0 40px; border-radius:36px; background:url(../images/home_anbj.jpg) repeat-x; color:#fff; display:inline-block; font-size:30px; margin-top:75px;transition:300ms;}
.home_com_an a:hover{ opacity:0.8;transition:300ms;}

.home_tans{ background:#373737; padding:70px 15px 50px; text-align:center;}
.home_tans h2{ color:#fff; font-size:48px;text-transform:uppercase;}
.home_tans p{ font-size:30px; color:#fff;font-family: 'Lato'; padding:20px 0 50px;}
.home_tans p span{ font-size:36px;font-family: 'Poppins';}
.home_tans_an{}
.home_tans_an a{ font-size:16px; color:#fff;line-height:72px; padding:0 25px; border-radius:36px; background:url(../images/home_anbj.jpg) repeat-x; display:inline-block;transition:300ms;}
.home_tans_an a:hover{ opacity:0.8;transition:300ms;}

.home_why{ padding:70px 0;}
.home_why h2{font-size:48px;font-family: 'Source'; text-transform:uppercase; text-align:center; color:#c62430; margin-bottom:10px;}
.home_why_des{ font-size:22px; color:#6c6b6b; line-height:38px; text-align:center; max-width:600px; margin:0 auto;}
.home_why_cont{ margin-top:80px;}
.home_why_cont dl{ width:30%; float:left; margin-right:5%; box-shadow:7px 5px 15px #ccc;}
.home_why_cont dl:nth-child(3n){ margin-right:0;}
.home_why_cont dt{ overflow:hidden;}
.home_why_cont dt img{ vertical-align:middle; width:100%;transition:600ms;}
.home_why_cont dt:hover img{ transform:scale(1.2); transition:600ms;}
.home_why_cont dd{ color:#868384; font-size:16px; line-height:26px; padding:15px 10px; min-height:156px; }
.home_why_an{ text-align:center;}
.home_why_an a{ line-height:72px; padding:0 40px; border-radius:36px; background:url(../images/home_anbj.jpg) repeat-x; color:#fff; display:inline-block; font-size:30px; margin-top:75px;transition:300ms;}
.home_why_an a:hover{ opacity:0.8;transition:300ms;}

.home_adv{ padding:70px 0;}
.home_adv_cont{}
.home_adv_cont dl{width:30%; float:left; margin-right:5%;text-align:center;}
.home_adv_cont dl:nth-child(3n){ margin-right:0;}
.home_adv_cont dt{}
.home_adv_cont dt img{vertical-align:middle;max-width:100%;}
.home_adv_cont dd h4{ font-size:36px; color:#000; padding:35px 0 25px;}
.home_adv_cont dd p{ font-size:20px; color:#868384; line-height:32px; padding:0 15px;}

.foot{ background:#cacbcc; padding:55px 0 8px;}
.foot h3{ font-size:36px; color:#615e5e; font-weight:normal; text-transform:uppercase; margin-bottom:20px;}
.foot_box{ width:40%; float:left; padding:0 8% 0 0; box-sizing:border-box; line-height:32px; color:#615e5e;}
.foot_box a{ display:block;}
.foot_box a:hover{ color:#d61518;}
.foot_ewm{padding-right:0; width:20%; text-align:left;}
.foot img{max-width:200px;}
.banquan{ padding:50px 0 0; text-align:center; color:#000; font-size:14px;}

/*.mid{ margin-top:60px; padding:70px 0;}
.mid_t{background:url(../images/home_adv2.jpg);color:transparent;font-size:150px;text-transform:capitalize;-webkit-background-clip:text; font-weight:bolder; text-align:center;font-family: 'Poppins'; animation:midt 80s linear infinite;}
@keyframes midt{
	0%{ background-position: 0 0;}
	100%{background-position: -2000px 0;}
	} 
.mid_cont{ line-height:30px; min-height:500px;}
.mid_cont p{ margin-bottom:15px;}
.mid_cont img{ max-width:100%;}*/

.nybanner{ padding:120px 15px; background:url(../images/ban_about.jpg) no-repeat center; margin-top:60px;}
.nybanner_des{ color:#bf040b; text-align:center;font-size:34px; line-height:46px;}
.nybanner_title{ text-align:center; color:#fff; font-size:58px; line-height:68px;font-family: 'Poppins'; margin:10px 0 20px; font-weight:700;}
.mid_pos{ text-align:center; color:#fff;}
.mid_pos ul{ display:inline-block; border:1px solid rgba(255,255,255,0.25); padding:2px 12px;}
.mid_pos li{ display:inline-block;}
.mid_pos li a{ color:#fff; display:block; line-height:24px;}
.mid_pos li a:hover{ text-decoration:underline;}

.mid{}
.mid img{ max-width:100%;}
.mid_h2{ font-size:34px; line-height:44px; color:#333; text-align:center; padding-bottom:70px;}
.mid_h3{ font-size:20px; line-height:30px; margin-bottom:20px; padding-top:20px;color:#333;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}
.about{ padding:70px 0 70px;}
.about_bj{ background:url(../images/nr/about3.jpg) no-repeat center; background-attachment:fixed; height:600px;}

.tiao_title{ font-size:12px; line-height:24px; color:#3a3a3a; margin-bottom:8px;}
.tiao_x{ width:100%; background:#f2f2f2; height:7px; margin-bottom:15px; position:relative;}
.tiao_x span{ height:7px; position:absolute; left:0; top:0; background:#c62430; z-index:1000;}
.tiao_x .team1{ width:0%; animation:hua1 2s ease-out .2s 1 forwards;}
.tiao_x .team2{ width:0%; animation:hua2 2s ease-out .4s 1 forwards;}
.tiao_x .team3{ width:0%; animation:hua3 2s ease-out .6s 1 forwards;}
.tiao_x .team4{ width:0%; animation:hua4 2s ease-out .8s 1 forwards;}
.tiao_x .team5{ width:0%; animation:hua5 2s ease-out 1s 1 forwards;}
.tiao_x .team6{ width:0%; animation:hua6 2s ease-out 1.2s 1 forwards;}

.about_num_k{ background:#f2f2f2;}
.about_num{ width:1200px; box-sizing:border-box; margin:0 auto; padding:50px 50px; display:flex; justify-content:space-between;align-items:center;}
.about_num_box{}
.num_1{ float:left;width:60px; height:60px; border-radius:50%; background:#c62430; text-align:center; font-size:20px; margin-right:15px; color:#fff;}
.num_1 i{ line-height:60px;}
.num_text{ float:left;}
.num_text b{ font-size:38px; line-height:43px; display:inline-block;}
.num_text span{ font-size:18px; line-height:28px;display:inline-block; font-weight:bold; padding-left:5px;}
.client{ padding:70px 0;}

.client h2{font-size:30px; line-height:40px; color:#333; padding-top:40px;}
.client_logo{}
.client_logo li{ width:25%; float:left; box-sizing:border-box; padding:5px; border:1px #ebebeb solid; cursor:pointer;}
.client_logo li img{filter: grayscale(1); opacity:0.6;vertical-align:middle;}
.client_logo li:hover img{filter: grayscale(0); opacity:1;}

.prolist{ padding:70px 0;}
.prolist dl{ float:left; width:calc(100%/3); padding:0 25px; margin-bottom:20px; box-sizing:border-box;}
.prolist dl dt{ position:relative; overflow:hidden; background:#f2f2f2; text-align:center; padding:5px;}
.prolist dl dt img{ max-width:100%; transition:.8s;}
.prolist_hide{ position:absolute; top:0; left:0; width:100%; height:100%; padding-top:35%; background:rgba(0,0,0,0.4);/*background:linear-gradient(135deg, rgba(255, 0, 0, 0.60) 20%, rgba(0,0,255,0.4) 100%);*/ box-sizing:border-box; opacity:0; transition:800ms;}
.prolist dl dt:hover .prolist_hide{ opacity:1;}
.prolist dl dt:hover img{ transform:scale(1.2);transition:5s;}
.prolist_hide a{ display:inline-block; margin:10px 5px; width:44px; height:44px; background:rgba(255,255,255,0.4); text-align:center; color:#fff; border-radius:50%; transition:600ms;}
.prolist_hide a i{font-size:22px; line-height:44px;font-weight:normal;}
.prolist_hide a:hover{ background:rgba(255,255,255,0.6);}
.prolist dl dd{ position:relative; width:100%; margin:0 auto;  padding:15px 10px; background:rgba(247,247,247,0.9); text-align:center; box-sizing:border-box; z-index:1000;}
.prolist dl dd h3{ margin-bottom:5px; overflow:hidden; height:30px; font-size:20px; line-height:30px; color:#333;}
.prolist dl dd h3 a{color:#333;}
.prolist dl dd h3 a:hover{color:#d61518;}
.prolist dl dd p{ margin-bottom:10px; overflow:hidden; height:75px; font-size:14px; line-height:25px; color:#85868c;}
.prolist dl dd .an{ position:relative; padding-bottom:8px; font-size:13px; line-height:17px; color:#333; font-weight:700;}
.prolist dl dd .an:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#e52128; transition:600ms;}
.prolist dl dd .an:hover:after{ width:100%;}
.prolist dl dt:hover img {
    transform: scale(1.2);
    transition: 5s;
}
.pro{ padding:70px 0;}
.pro_banner{padding:60px 15px; background:url(../images/pro_banner.jpg) no-repeat center; margin-top:60px;}
.pro_banner .nybanner_title{ font-size:40px; line-height:50px; text-transform:uppercase;}
.pro_header{ text-align:center;}
.pro_header img{ max-width:100%;}
.pro_des_title{ margin-bottom:30px; padding-top:35px;font-size:22px; line-height:32px; color:#333;}
.pro_des_text{ font-size:15px; line-height:27px; color:#85868c;}
.pro_des_text p{ margin-bottom:10px;}
.pro_cont{ padding:50px 0;font-size:15px; line-height:27px; color:#85868c;}
.pro_cont p{ margin-bottom:10px;}
.pro_link{ text-align:center;}
.pro_link h3{margin-bottom:10px; font-size:16px; line-height:28px;}
.pro_link_an a{ display:inline-block; width:50px; height:30px; margin:0 4px 4px 0; border:1px solid;}
.pro_link_an a i{ line-height:30px;}
.pro_link_an .facebook{ border-color:rgba(76,105,199,.3); color:#4c69c7;}
.pro_link_an .twitter{ border-color:rgba(42,190,235,.3); color:#2abeeb;}
.pro_link_an .google{ border-color:rgba(230,66,53,.3); color:#e64235;}
.pro_link_an .linkedin{ border-color:rgba(0,123,199,.3); color:#007bc7;}
.pro_link_an .facebook:hover{ border-color:#4c69c7;}
.pro_link_an .twitter:hover{ border-color:#2abeeb;}
.pro_link_an .google:hover{ border-color:#e64235;}
.pro_link_an .linkedin:hover{ border-color:#007bc7;}
.pro_cont_other{ margin-top:40px;}
.pro_cont_other h2{ font-size:20px; line-height:30px; margin-bottom:15px; color:#333;}
.pro_cont_other dl{ float:left; width:25%; padding:0 10px 35px; box-sizing:border-box; text-align:center;}
.pro_cont_other dt{ padding:5px; background:#f2f2f2; margin-bottom:10px; position:relative;}
.pro_cont_other dt span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; transition:700ms;}
.pro_cont_other dt:hover span{ opacity:1;}
.pro_cont_other dt img{ max-width:100%;}
.pro_cont_other dd{height:30px; font-size:16px; line-height:22px; font-weight:700;}
.pro_cont_other dd a{ color:#333;}
.pro_cont_other dd a:hover{ color:#d61518;}
.pro_send{ padding-top:50px;}
.pro_send h2{ position:relative; font-size:24px; line-height:34px; color:#333; text-align:center; padding:40px 0 10px; margin-bottom:20px; border-top:1px solid #e0e1e1}
.pro_send h2:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-30px;width:60px; height:3px; background:#d61518;}
.pro_send p{ text-align:center; margin-bottom:15px; font-size:13px; line-height:23px; color:#85868c;}
.pro_send input{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;}
.pro_send input::-webkit-input-placeholder{color:#ccc;}
.pro_send textarea{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;font-family: 'Sans';}
.pro_send textarea::-webkit-input-placeholder{color:#ccc;}
.pro_send a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#d61518; display:inline-block; margin-top:10px;}
.pro_send a:hover{ background:#f00;}

.news{ padding:70px 0;}
.news_list{ padding:30px; background:#f6f6f6; margin-bottom:20px;}
.news_list_pic{ float:left; margin-right:2%;width:18%; background:#fff;text-align:center;}
.news_list_pic img{ max-width:100%; max-height:200px;}
.news_list_text{ float:left; width:80%;}
.news_list_text .title{margin-bottom:8px; padding-top:10px; font-size:24px; line-height:34px;}
.news_list_text .title a{ color:#333;}
.news_list_text .title a:hover{ color:#d61518;}
.news_list_text .time{ margin-bottom:15px; font-size:13px; line-height:23px; color:#b4b5bb;}
.news_list_text .des{ color:#85868c; font-size:15px; line-height:27px; margin-bottom:15px;}
.news_list_text .an{ position:relative; padding-bottom:8px; font-size:13px; line-height:17px; color:#333; font-weight:700;}
.news_list_text .an:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#e52128; transition:600ms;}
.news_list_text .an:hover:after{ width:100%;}


.news_banner{padding:60px 15px; background:url(../images/news_banner.jpg) no-repeat center; margin-top:60px;}
.news_banner .nybanner_title{ font-size:34px; line-height:44px; text-transform:uppercase;}
.news_cont{ padding:70px 0;}
.news_cont_pic{ position:relative; text-align:center; min-height:100px;}
.news_cont_time{ position:absolute; top:10px; right:10px; background:#fff; width:42px; height:80px; color:#222; font-weight:bold;}
.news_cont_time .month{ display:block; font-size:12px; line-height:22px; padding:1px;}
.news_cont_time .date{ position:relative;display:block; font-size:22px; line-height:28px; padding:2px;}
.news_cont_time .date:after{ content:""; position:absolute; top:0; left:50%; margin-left:-7px;width:14px; height:2px; background:#d61518;}
.news_cont_time .date:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:-7px;width:14px; height:2px; background:#d61518;}
.news_cont_time .year{display:block; font-size:12px; line-height:22px; padding:1px;}
.news_cont_text{ padding:50px 0;font-size:15px; line-height:27px; color:#85868c;}
.news_cont_text p{ margin-bottom:10px;}

.contact{ padding:70px 0 35px;}
.contact_h3{ position:relative; font-size:22px; line-height:32px; margin-bottom:35px; padding-bottom:12px;}
.contact_h3:after{ content:""; position:absolute; left:0; bottom:0; width:70px; height:3px; background:#d61518;}
.message p{ color:#85868c; font-size:15px; line-height:27px; margin-bottom:20px;}
.message input{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;}
.message input::-webkit-input-placeholder{color:#ccc;}
.message textarea{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;font-family: 'Sans';}
.message textarea::-webkit-input-placeholder{color:#ccc;}
.message a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#d61518; display:inline-block; margin-top:10px;}
.message a:hover{ background:#f00;}
.contact_pic{margin-bottom:45px;}
.contact_info{}
.contact_info li{ width:50%; padding:0 10px 40px; float:left; box-sizing:border-box; color:#85868c;}
.contact_info li span{ display:inline-block; width:34px; height:34px; margin-right:15px; background:#f2f2f2; text-align:center; border-radius:50%;}
.contact_info li span i{line-height:34px; font-size:16px; color:#aaa;}
.ditu{ margin-bottom:70px;}

.design{padding: 70px 0 50px;}
.design_adv{padding: 50px 0; background: #f2f2f2;}
.design_flex{display: flex;justify-content:space-around; width:1250px;margin: 0 auto;}
.design_adv_box{background: #c62430; color: #FFFFFF; width: 120px;height: 120px;border-radius: 50%; text-align: center;font-size: 20px;}
.design_adv_box i{font-size: 30px; line-height: 50px; padding-top: 15px;}
.equ_gun{padding: 70px 0 50px; background: #f2f2f2;}
.equ_gun img{float: left; width: calc(100% / 3 - 1%); margin: 0 1.5% 20px 0;}
.equ_gun img:nth-child(3n){margin-right: 0;}
.equ{padding: 70px 0;}
.equqie .swiper-slide span{position: absolute;bottom: 0;width: 100%;text-align: center;line-height: 50px;background: rgba(0,0,0,0.7);color: #FFFFFF;z-index: 1000;font-size: 18px;}
.equan span{background: #ebebeb; width: 12px;height: 12px; margin: 0 10px 0 0 !important;}

/*.equ .swiper-pagination{ text-align: right;}
.equ_gun{padding: 70px 0; background: #f2f2f2;}
.equ_gun_next{ width: 36px;height: 36px; line-height:36px; text-align:center;margin-top: -18px;background: #4f4f4f;border-radius: 50%;right: -50px; color:#fff;font-size: 18px;font-weight: bold;}
.equ_gun_prev{ width: 36px;height: 36px;line-height:36px; text-align:center;margin-top: -18px;background: #4f4f4f;border-radius: 50%;left: -50px;color:#fff; font-size: 18px;font-weight: bold;}*/
/*.equ_bj{background: url(../images/nr/equ12.jpg) no-repeat center; height: 550px; background-attachment: fixed ;}*/
.equ_list{padding: 70px 0 35px;}
.equipment-list {border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;}
.equipment-list ul { clear:both;}
.equipment-list li{ float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:25px; text-align:center; height:25px; vertical-align:middle;}
.e1 { width:5%; background:#FFE9AF; color:#000000}
.e2 { width:22%; background:#97AFB1; color:#FFFFFF}
.e3 { width:19%; background:#F1EAE2; color:#000000;}
.e4 { width:10%; background:#D3EFFD; color:#000000;}
.e5 { width:18%; background:#818FB2; color:#FFFFFF;}
.e6 { width:25%; background:#F0EDD8; color:#333333;}

.assembly{padding: 70px 0 0;}
.assembly h4{font-size: 15px;line-height: 27px; margin-bottom: 10px;}

.quality{padding: 70px 0;}
.quality h4{font-size: 15px;line-height: 27px; margin-bottom: 10px;}

.nav_tb{display:none;}


/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:14px;}
.fabu li textarea { display:block;}
#send {display:block; margin-top:26px;width:100%;position:relative; margin-bottom:10px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#463b97;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:20px; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:120px;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
#send textarea { max-width:100%; height:90px; font-family:Arial; color:#999;font-size:11px;border:1px solid #ccc;padding:5px; overflow:hidden; width:600px;}
.send_main strong{color:#463b97; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width: auto; background-color: #f0b313;color: white; text-transform: uppercase;font-size: 16px;font-weight: 400; padding: 8px 25px; border:medium none; border-radius:10px;margin-top:20px;cursor:pointer;}

/*产品标签*/
.tag{ margin:50px 0 10px;}
.tag strong{ font-size:16px;}
.tag a{ padding:0px 10px; line-height:32px; display:inline-block; background:#ebebeb; margin:0 5px; border-radius:3px; color:#666;}
.tag a:hover{color:#000;}


@keyframes hua1{
	from{ width:0px;}
	to{ width:32%;}
	}
@keyframes hua2{
	from{ width:0px;}
	to{ width:40%;}
	}
@keyframes hua3{
	from{ width:0px;}
	to{ width:52%;}
	}
@keyframes hua4{
	from{ width:0px;}
	to{ width:62%;}
	}
@keyframes hua5{
	from{ width:0px;}
	to{ width:70%;}
	}
@keyframes hua6{
	from{ width:0px;}
	to{ width:90%;}
	}


@media screen and (min-width:769px) and (max-width:1440px){

.wid{ width:80%;}
.about_num{width:80%; padding-left:20px;padding-right:20px;}
	}

@media screen and (min-width:481px) and (max-width:768px){

.wid{ width:92%;}
.about_num{width:92%;padding-left:0px;padding-right:0px;}
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
	}

@media screen and (max-width: 480px) {
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
.wid{width:96%;}
.logo{height:auto;}
.logo img{ height:40px; vertical-align:middle;}
.top{padding:10px 8px; height:auto;}
.hearder{margin-top:60px;}
.nav{display:none; width:100%; text-align:center; margin-top:20px;}
.nav li{display:block;}
.nav_tb{display:block;position:absolute;right:18px;top:18px;}
.erji{width:100%; box-sizing:border-box;position:static;}

.home_client{padding:35px 0;}
.home_client img{height:auto;}
.home_pro{padding:40px 0;}
.home_pro h2{font-size:32px; margin-bottom:25px;}
.home_pro_text{width:100%; padding:10px 0;}
.home_pro_pic{width:100%;}
.home_pro_text h3{font-size:26px;}
.home_pro_text p{font-size:16px; padding:25px 0;}
.home_pro_text a{line-height:38px; padding:0 20px; font-size:16px;}
.home_co{padding:80px 0 60px;}
.home_co_text{font-size:26px; line-height:40px;}
.home_com{padding:45px 0;}
.home_com h2{font-size:32px; margin-bottom:25px;}
.home_com p{font-size:16px; line-height:32px;}
.home_com_an a{margin-top:35px; padding:0 30px; font-size:20px; line-height:50px;}
.home_adv_cont dl{width:100%; margin-right:0; margin-bottom:20px;}
.home_adv_cont dd p{font-size:16px;}
.home_adv{padding:35px 0; overflow: hidden;}
.foot_box{width:100%; padding:0; margin-bottom:20px;}
.foot{padding-top:35px;}
.banquan{padding-top:0px;}
.foot_ewm{text-align:center;}
.foot h3{font-size:30px; margin-bottom:15px;}
.home_client,.home_pro,.home_co,.home_com{overflow: hidden;}

.nybanner{padding:80px 15px;}
.nybanner_title{font-size:40px; line-height:48px; margin:10px 0;}
.about{padding:35px 0;}
.about_bj{height:400px; background-size:cover;}
.mid_h2{padding-bottom:35px;}
.about_num{width:100%; padding:25px 10px 10px; flex-wrap:wrap;}
.about_num_box{width:100%; margin-bottom:15px;}
.client{padding:35px 0;}
.client h2{font-size:28px;}
.prolist dl{width:100%;}
.pro_send textarea,.pro_send input,.message input,.message textarea{box-sizing:border-box;}
.pro_cont_other dl{width:50%;}
.news_list_pic{width:100%; margin-right:0;}
.news_list_text{width:100%; margin-top:20px;}
.design_flex{width:100%;}
.contact_info li{width:100%; padding-bottom:18px;}
.contact{padding-top:35px;}
.equipment-list li{box-sizing: border-box;}
	}