/* 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:#333;}
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;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.pad40{padding-top: 40px;padding-bottom: 40px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.pad60{padding-top: 60px;padding-bottom: 60px;}
.pad70{padding-top: 70px;padding-bottom: 70px;}
.swiper-slide img{ max-width:100%; vertical-align:middle;}
.wid{ width:1250px; margin:0 auto;}
.wid:after,.contact dl:after{ content:""; display:block; clear:both;}

.header{ padding:0px 0 15px;}
.logo{ float:left; padding-top:20px;}
.top{ float:right;}
.top_content{ display:flex; justify-content:flex-end;align-times:center;color:#b2b9bd;}
.top_content a{color:#b2b9bd;}
.top_content a:hover{ color:#185fb0;}
.seach{ position:relative;padding:5px 20px; overflow:hidden;vertical-align:middle;}
.seach:after{ content:""; position:absolute; top:0px;right:0; width:1px; height:44px; background:#dde2e4;}
.seach input{ font-size:14px; line-height:28px; height:30px; width:160px; border:1px solid #dde2e4;border-radius:2px; outline:none; margin-top:2px; padding:0 5px; box-sizing:border-box;}
.seach input::-webkit-input-placeholder{ color:#cfd3d6;}
.seach span{ display:inline-block; width:22px; text-align:right; font-size:16px; cursor:pointer;}
/*.seach .inpHide{ transform:translateX(220px); opacity:0;}*/
.social{position:relative; display:flex; justify-content:space-between; width:80px;padding:7px 20px;line-height:30px;}
.social i{line-height:30px; font-size:16px;}
.social:after{ content:""; position:absolute; top:0px;right:0; width:1px; height:44px; background:#dde2e4;}
.version{padding:7px 20px; line-height:30px;}
.nav ul{display:flex; justify-content:flex-end; margin-top:10px;}
.nav li{ padding:0 15px;}
.nav li a{ position:relative; display:block; font-size:17px; color:#484242; line-height:30px;}
.nav li:hover a{ color:#195cae; font-weight:700;}
.nav li a:after{ content:""; position:absolute; bottom:-8px; left:0; width:0; height:3px; background:#40aee1; /*background:-webkit-linear-gradient(left,#ec6c00 0%,#40aee1 100%);*/ transition:0.8s;}
.nav li:hover a:after{ width:100%;}

.banner{}
.banner_next{background:#75787a;width: 32px;height: 32px; margin-top: -16px;line-height: 32px;text-align: center;border-radius: 50%;color: #FFFFFF;font-size: 16px;}
.banner_prev{background:#75787a;width: 32px;height: 32px; margin-top: -16px;line-height: 32px;text-align: center;border-radius: 50%;color: #FFFFFF;font-size: 16px;}
.ban_text{position: absolute;top: 22%;left: 15%;}
.ban_text h2{font-size: 50px;line-height: 70px;margin-bottom: 10px;}
.ban_text h3{font-size: 30px;line-height: 40px;}

.home_sta{background: #606060;line-height: 96px; color: #fabd05;font-size: 30px;text-align: center;font-weight: bold;}

.home_com{padding: 70px 0;}
.home_com img{max-width: 100%; vertical-align: middle;}
.home_com_pic{padding: 0;}
.home_com_cont h3{font-size: 24px; color: #222; margin-bottom: 10px; line-height: 34px;}
.home_com_cont p{ line-height: 26px; color: #7e7e7e; padding-bottom: 10px;}
.home_com_cont a{ display: inline-block; padding: 5px 15px; background: #EC6C00; color: #fff; border-radius: 5px; margin-top: 15px; transition: .6s;}
.home_com_cont a:hover{background: #0FBCF5;}

.home_pro{padding: 70px 0; background: #f2f2f2;}
.home_pro h2{text-align: center; font-size: 32px; line-height: 46px; margin-bottom: 10px; text-transform: uppercase;}
.home_pro .xian{width: 80px; height: 5px; background: #EC6C00; margin: 0px auto 15px;}
.home_pro>p{font-size: 16px; text-align: center; color: #7e7e7e;}
.home_pro_cont{margin-top: 50px;}
.home_pro_cont a{display:block;overflow: hidden;}
.home_pro_cont img{transition: .6s;}
.home_pro_cont span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center; text-align: center; background: rgba(0,0,0,.7); color: #fff; font-size: 20px; transform: scale(0); transition: .6s;}
.home_pro_cont a:hover span{transform: scale(1);}
.home_pro_cont a:hover img{transform: scale(1.1); transition: 1s;}

.home_news{padding: 70px 0;}
.home_news h2{text-align: center; font-size: 32px; line-height: 46px; margin-bottom: 15px;text-transform: uppercase;}
.home_news .xian{width: 80px; height: 5px; background: #EC6C00; margin: 0px auto 15px;}
.home_news_box{position: relative; width: 32%; margin-right: 2%; float: left; padding: 15px; box-sizing: border-box; background: #f2f2f2; overflow: hidden;}
.home_news_box:nth-child(3n){margin-right: 0;}
.home_news_box img{max-width: 100%;}
.home_news_cont{ padding-top: 30px;}
.home_news_pic{position: relative;}
.home_news_pic img{width: 100%; height: 255px;object-fit: cover; }
.home_news_text{position: relative;padding: 10px 10px 0px;}
.home_news_text h3{font-size: 20px; line-height: 30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 10px; color: #222;transition: .6s;}
.home_news_text .time{text-align: right; font-size: 12px; color: #7e7e7e;transition: .6s;}
.home_news_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #EC6C00;transform: translateY(100%); transition: .6s;}
.home_news_box:hover .home_news_bg{transform: translateY(0);}
.home_news_box:hover h3{color: #fff;}
.home_news_box:hover .time{color: #fff;}


/*.home_pro{background: #f0eee1;height: 670px;padding: 30px 0;}
.home_pro_k{position: relative;margin: 0 auto;width: 1250px;height: 670px;}
.home_pro_logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.home_pro_box{position: absolute;top: 0;left: 0;width: 250px;height: 300px;}
.home_pro_box:hover{z-index: 1000;}
.home_pro_box .pic{transition: 0.5s;}
.home_pro_box:hover .pic{background: #fff;border-radius: 10px;}
.home_pro_box .pic img{max-width: 100%;}
.home_pro_box .title{color: #FFFFFF;background: #9d9d9d;border-radius: 8px;font-size: 16px;line-height: 30px;text-align: center; margin-top: 15px;}
.box1{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -10s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  0s infinite alternate;}
.box2{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -17s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  -7s infinite alternate;}
.box3{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -24s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  -14s infinite alternate;}
.box4{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -31s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  -21s infinite alternate;}
.box5{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -38s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  -28s infinite alternate;}
.box6{animation: animX 20s cubic-bezier(0.36,0,0.64,1) -45s infinite alternate, animY 20s cubic-bezier(0.36,0,0.64,1)  -35s infinite alternate;}
@keyframes animX{
	  0% {left: 0px;}
	100% {left: 950px;}
}
@keyframes animY{
	  0% {top: 0px;}
	100% {top: 380px;}
}

.home_main{padding: 70px 0;}
.home_main_box{ overflow:hidden;}
.home_com{float:left; width: 40%; height:348px;position: relative; background: url(../images/home_about1.jpg) no-repeat center/cover;}
.home_com h3{position:absolute; bottom: 0; left: 0; width: 100%; color: #8fc41e; font-size: 26px; line-height: 70px; background: rgba(0,0,0,0.5);font-weight: normal;text-align: center;}
.home_com h3 a{display: block; color: #8fc41e;cursor:pointer;transition: 0.4s;}
.home_com h3 a:hover{color: #fff;}
.home_com img{width: 100%;}
.home_com:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;border-left:30px #8fc41e solid;border-top:30px #8fc41e solid;border-right:30px transparent solid;border-bottom:30px transparent solid;}
.home_propic{float:left; width: 20%; height: 348px; padding: 0 15px; box-sizing: border-box;}
.home_propic img{padding-top: 20px;}
.home_propic p{ background: #fff; line-height: 28px; color: #7e7e7e; font-size: 18px; height: 60px; padding-top: 28px;}
.home_news{float: left;width: 40%;height: 348px;position: relative;}
.home_news h2{position: absolute;top: 25px; left: 28px; color: #fff;}
.home_news h2 i{margin-right: 5px;}
.home_news ul{float: left;width: 50%;height: 348px;padding: 65px 25px 0; box-sizing: border-box;}
.home_news ul:nth-of-type(1){background: #8fc41e;}
.home_news ul:nth-of-type(2){background: #56b22d;}
.home_news ul .time{font-size: 18px; color: #fff; letter-spacing: 2px; border-bottom: 1px solid #a8d14f;line-height: 40px;}
.home_news ul .title{font-size: 18px; color: #fff; line-height: 28px; padding: 28px 0;}
.home_news ul .more a{font-size: 18px; color: #fff; display: block;border: #fff solid 1px; line-height: 36px; text-align: center; transition: 400ms;}
.home_news ul .more a i{font-size: 14px;line-height: 36px; margin-right: 5px;}
.home_news ul .more a:hover{ background: #fff; color: #8fc41e;}
.home_cap{float: left;width: 20%;height: 348px;overflow: hidden;position: relative;}
.home_cap p{position: absolute;left: 0;bottom: 0; width: 100%; text-align: center;font-size: 18px;line-height: 28px;color: #4f4c4c;padding: 0 20px 30px; box-sizing: border-box;}
.home_contact{float: left;width: 40%;height: 348px;position: relative;}
.home_contact h2{position: absolute;top: 25px; left: 28px; color: #fff;}
.home_contact h2 i{margin-right: 5px;}
.home_contact ul{float: left;width: 50%;height: 348px;padding: 65px 25px 0; box-sizing: border-box;}
.home_contact ul:nth-of-type(1){background: #ec6c00;}
.home_contact ul:nth-of-type(2){background: #d24102;}
.home_contact ul .title{font-size: 18px; color: #fff; line-height: 28px;border-bottom: 1px solid #f08c38; padding-bottom: 5px;margin-bottom: 25px;}
.home_contact ul .more{font-size: 14px; color: #fff;line-height: 24px;}
.home_cul{float: left;width: 40%;height: 348px; overflow: hidden; position: relative;}
.home_cul h3{position:absolute; bottom: 0; left: 0; width: 100%; color: #fff; font-size: 26px; line-height: 70px; background: rgba(0,0,0,0.5);font-weight: normal;text-align: center;text-transform: uppercase;}
.home_cul h3 a{display: block; color: #fff; background: rgba(0,0,0,0.5);transition: 0.4s;}
.home_cul h3 a:hover{color: #d24102;background: rgba(0,0,0,0.3);}*/

.foot{padding: 60px 5% 40px;position: relative; background: #e0e0e0;}
.foot_flex{display: flex; justify-content:space-between;}
.foot:before{position:absolute;top:0;left:0;content:"";width: 100%;height: 12px;background: url(../images/foot_xian_02.jpg) no-repeat center;}
/*.foot_last{padding-left: 50px;}*/
.foot_pro ul{float: left;width: 50%;}
.foot h3{font-size: 30px; color: #4e4e4e; line-height: 40px; margin-bottom: 15px;}
.foot a{display: block; font-size: 15px;line-height: 27px; color: #5a5a5a;}
.foot a:hover{color: #000000;}
.copyright{background: #282828;color: #FFFFFF;font-size: 14px;line-height: 46px;text-align: center;}
.foot_pro{width:40%;}
.foot_mould{width:20%;}
.foot_last{width:30%;}

.nybanner{padding: 35px 0; background:#022e77;}
.mid_title{float:left;font-size:34px; line-height: 40px; color: #fff; padding-left: 25px;}
.cur_pos{float: right; padding-right:15px;color: #949fb2; font-size: 12px;line-height: 40px;}
.cur_pos a{color: #949fb2;}
.cur_pos a:hover{color:#fff;text-decoration: underline;}

.mid{padding: 70px 0;}
.mid img{max-width: 100%;}
.mid_h2{font-size:26px; line-height:36px;color:#242e35; margin-bottom: 20px; padding-top: 15px;}
.mid_h3{ font-size:18px; line-height:28px; margin-bottom:10px;color:#333;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}

.about_adv{text-transform: uppercase; text-align: center; font-size: 34px; line-height: 44px; background: #f2f2f2;}
.about_adv i{ width: 60px; height: 60px; line-height: 60px; background: #EC6C00; color: #fff; border-radius: 50%; margin-right: 8px;}
.about_i{color: #EC6C00; margin-right: 6px;}

.cerf{position: relative; text-align: center;}
.cerf img{max-height: 420px; display: none;}
.cerf .imgblock{display: inline-block;}
.cerf .btn{position: absolute; bottom: 3px; left: 50%;transform: translateX(-50%);z-index: 100;}
.cerf .btn span{display:inline-block;width: 10px; height: 10px; background: rgba(0,0,0,.6); border-radius: 50%;cursor:pointer;margin: 0 2px;}
.cerf .btn span.act{background: #EC6C00;}

.prolist{padding: 35px 0;}
.prolist img{max-width: 100%;}
.prolist_box{border-bottom: 1px solid #ebebeb; padding: 25px 0;}
.prolist_box .fl-4{overflow: hidden;}
.prolist_box .fl-4 img{transition: 0.6s;}
.prolist_box .fl-4 img:hover{transform: scale(1.1);transition: 0.6s;}
.prolist_box .title{font-size: 20px; line-height: 32px; color: #333; padding: 10px 0;}
.prolist_box .title a{color: #333;}
.prolist_box .title a:hover{color: #022E77;}
.prolist_box .des{font-size: 15px; line-height: 27px; max-height: 81px; overflow: hidden; color: #7E7E7E;}
.prolist_box .pic{margin-top: 10px;;}
.prolist_box .pic img{max-height: 150px; margin-right: 15px; border-radius:5px;}

.prolist_nav{padding: 30px 0; position: relative;}
.prolist_nav_show{padding: 3px 10px 3px 10px; border: solid 2px #e7e7e7;max-width: 380px; background: #f5f7f8; line-height: 30px; color: #292f38; border-radius:5px;cursor: pointer;box-sizing: border-box;font-weight: bold;}
.prolist_nav_show i{float: right; line-height: 30px;}
.prolist_nav_hide{position: absolute; background: #f7f7f7; padding: 10px 0;width: 100%;max-width: 380px;font-size:13px;line-height: 27px;z-index: 1000;box-sizing: border-box;display: none;}
.prolist_nav_hide a{display: block; padding: 0 10px;}
.prolist_nav_hide a:hover{background:#EC6C00; color: #fff;}
.prolist_nav_hide>a{color:#000;font-size:14px;font-weight:bold; line-height:34px;}

.procont{}
.procont_title{font-size: 32px; line-height: 42px; margin-bottom: 25px; color: #333; text-align: center;padding: 0 10px;}
.procont_pic{ text-align: center;}
.procont_piclist{padding-top:30px; margin-top:30px; border-top:1px #ebebeb solid;}
.procont_piclist img{max-height: 250px; margin:0 10px 10px 0; border-radius:5px;}
.procont_cont{font-size:14px; color:#7e7e7e; line-height:26px;}
.procont_cont p{margin-bottom:10px;}
.procont_h3{font-size:18px; line-height:28px; margin:20px 0 15px;color:#333;}
.procont .video{text-align:center; margin:25px 0 30px;border-top:1px #ebebeb solid;padding-top:30px;}
.procont video{ width:480px; height:400px; margin:0 auto; background:#000;}
.pro_table{width:100%;border-left:1px #ebebeb solid;border-top:1px #ebebeb solid;}
.pro_table td{border-right:1px #ebebeb solid;border-bottom:1px #ebebeb solid; padding:0 10px; line-height:30px;}
.pro_table tr:nth-child(2n){background:#f2f2f2;}
.pro_table .a{font-weight:bold; text-align:center;color:#fff; background:#EC6C00;}
.pro_link{ text-align:center;padding: 50px 0;}
.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_send{ padding-top:0px;}
.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:#0eade2;}
.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;box-sizing:border-box;}
.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';box-sizing:border-box;}
.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:#0fbcf5; display:inline-block; margin-top:10px;}
.pro_send a:hover{ background:#EC6C00;}

.news{}
.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:#EC6C00;}
.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; height:54px;overflow:hidden;}
.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:#EC6C00; transition:600ms;}
.news_list_text .an:hover:after{ width:100%;}

.newcont_title{text-align: center; font-size: 32px; line-height: 42px; margin-bottom: 50px;}

.contact{ padding-bottom: 50px;}
.contact img{border-radius: 6px;}
.contact dl{margin-bottom: 10px;}
.contact dt{float: left; width: 60px; text-align: center;}
.contact dt i{width: 50px; height: 50px; line-height: 50px; background: #EC6C00; color: #fff; border-radius: 50%; font-size: 24px;}
.contact dd{padding-left: 70px;}
.contact dd h3{font-size: 16px;line-height: 20px; padding: 3px 0 6px;}
.contact dd p{font-size: 16px; line-height: 28px; color: #85868C;}
.contact dd p a{color: #85868c;}
.contact dd p a:hover{color: #EC6C00; text-decoration: underline;}

.from{background: #f7f7f7; padding: 40px 30px; border-radius: 10px;}
.from h2{font-size: 30px; line-height: 40px; text-align: center;}
.contact_xian{ text-align: center; color: #EC6C00; font-size: 22px; margin-bottom: 35px;}
.contact_xian:before{ content: ""; width: 75px; height: 3px; background: #EC6C00; display: inline-block; margin:0 13px 5px 0;}
.contact_xian:after{ content: ""; width: 75px; height: 3px; background: #EC6C00; display: inline-block; margin: 0 0 5px 13px;}
.from input{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;box-sizing:border-box;}
.from input::-webkit-input-placeholder{color:#ccc;}
.from 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';box-sizing:border-box;}
.from textarea::-webkit-input-placeholder{color:#ccc;}
.from a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#0fbcf5; display:inline-block; margin-top:10px;border-radius: 3px;}
.from a:hover{ background:#EC6C00;}
.ditu{background: #f7f7f7; padding: 40px 30px; border-radius: 10px;  overflow: hidden;}
.ditu h2{font-size: 30px; line-height: 40px; text-align: center;}

.capa_adv{padding: 70px 0; background: #f2f2f2; margin: 40px 0 60px;}
.capa_box{ padding-left: 70px;}
.capa_box i{width: 60px; height: 60px; line-height: 60px; background: #EC6C00; color: #fff; border-radius: 50%; margin-right: 8px; float: left; text-align: center; font-size: 23px;}
.capa_box span{ font-size: 18px; line-height: 28px; font-weight: bold;}
.capa_box b{font-size: 38px; line-height: 43px; margin-right: 5px;}

.capa_serv{position: relative;}
.capa_serv:after{content: "";position: absolute;top: 0;left:50%; width: 1px; height: 100%; border-left: 1px dashed #e5e5e5;}
.capa_serv:before{content: "";position: absolute;left: 50%;top:50%; height: 1px; width: 100%; max-width: 1200px; transform: translateX(-50%); border-top: 1px dashed #e5e5e5;}
.capa_serv_pic{ width: 33%; float: left;}
.capa_serv_pic:nth-of-type(2n){ text-align: right;}
.capa_serv_pic img{width: 90%; border-radius: 50%;}
.capa_serv_text{ width: 67%; float: left;}
.capa_serv_text .title { margin-bottom: 10px;}
.capa_serv_text span{float:left;display:block;width: 54px; height: 54px; line-height: 54px; background: #0fbcf5; color: #fff; text-align: center; font-size: 30px; border-radius: 8px;}
.capa_serv_text .title h3{font-size:18px; line-height:34px;color:#333; padding-left: 64px;}
.capa_serv_text .title .des{font-size:15px; line-height:20px;color:#EC6C00; padding-left: 64px;}
.capa_serv p{ margin-bottom: 0px;}

.prolist{}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:25%; padding:0 1%; box-sizing:border-box; text-align:center; overflow:hidden; float:left;margin-bottom:15px;}
.prolist dl dt{ position:relative;}
.prolist dl dt img{ max-width:100%; vertical-align:middle;border:1px #ebebeb solid; box-sizing:border-box;}
.prolist dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#ccc;background:rgba(193,44,32,0.2); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #c12c20;border-right:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl dt span:after{ content:"";width:0;height:100%;border-top:3px solid #c12c20;border-bottom:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl:hover span{ opacity:1;transition:320ms;}
.prolist dl:hover dt span:before{ height:100%; transition:330ms 200ms;}
.prolist dl:hover dt span:after{ width:100%; transition:330ms 200ms;}
.prolist dl dt span b{ position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px; width:46px; height:46px; display:block; z-index:10;}
.prolist dl dt span b:before{ position:absolute; left:0; top:23px; content:"";width:100%;height:1px; background:#c12c20;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#c12c20;transform:translateY(-200px);}
.prolist dl:hover dt span b:before{ transform:translateX(0); transition:355ms 180ms;}
.prolist dl:hover dt span b:after{ transform:translateY(0); transition:355ms 180ms;}
.prolist dl dd{ font-size:16px; padding:14px 0 20px; font-weight:bold;height:36px; overflow:hidden;}
.prolist dl:hover dd{ color:#c12c20;}

.mid_left{ text-align:center; padding:15px 0 25px}
.mid_left a{padding: 8px 13px; font-size: 16px;line-height: 20px;color: #242e35;font-weight: bold;display: inline-block; margin: 0 5px;}
.mid_left a:hover{color: #0054a4;}
.mid_left .act{background:#0054a4; color: #fff; border-radius: 5px;}
.mid_left .act:hover{color: #fff;}

.home_pro_lc{padding: 70px 0 0;}
.home_pro_lc li{float: left;width: calc(100% / 7); text-align: center; font-size: 16px; color: #222;}
.home_pro_lc li span{display: inline-block; width: 100px;height: 100px; border: 1px solid #EC6C00; border-radius: 50%; margin-bottom: 20px; transition: .6s;}
.home_pro_lc li i{font-size: 40px; color: #EC6C00; padding-top: 17%;}
.home_pro_lc li span i{line-height: 100px; padding-top: 0;transition: .6s;}
.home_pro_lc li:hover span{background: #EC6C00;}
.home_pro_lc li:hover span i{color: #fff;}





.inleft{transform: translateX(-100px);}
.inright{transform: translateX(100px);}
.inbottom{transform: translateY(100px);}
.intop{transform: translateY(100px);}
.js-stt{opacity: 0; transition: 1s;}
.animate{opacity: 1; transform: translate(0) scale(1) rotate(0);}
/*分页代码*/
.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;}
.nav_tb{display:none;}
.foot_an{display:none;}

@media screen and (min-width:768px) and (max-width:1440px){
	
	}

@media screen and (max-width: 1250px) {
.wid{width:94%;}
	}

@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;}

.nav_tb{display:block; text-align:center; cursor:pointer;}


.social{display:none;}
.nav{position:absolute;left:0; top:100px; width:100%; background:#fff;   z-index:10000; display:none;}
.nav ul{flex-wrap:wrap;}
.nav li{width:100%; text-align:center; padding-bottom:15px;}
.home_sta{line-height:60px; font-size:18px;}
.home_com,.home_pro,.home_adv,.home_news{padding:40px 0;}
.home_com_cont{margin-top:15px;}
.home_pro_lc li{width:calc(100%/3); margin-bottom:15px;}
.home_pro_lc li:nth-child(4){display:none;}
.home_pro_lc{padding-top:35px;}
.home_adv_box{width:100%; margin-right:0;}
.home_news_box{width:100%; margin-right:0; margin-bottom:15px;}
.foot_flex{flex-wrap:wrap;}
.foot_flex>div{width:100%; margin-bottom:20px;}
.foot h3{font-size:25px; font-weight:400;}
.copyright{line-height:22px; padding:12px 0;}
.mid_title{font-size:28px; font-weight:normal;}
.mid{padding:40px 0;}
.about_adv .fl-4{margin-bottom:10px}
.prolist_box .pic{display:flex;width:100%;overflow:hidden;}
.prolist_box .pic img{margin-right:5px;}
.procont_title{font-size:26px;font-weight:normal;}
.procont_pic img{max-width:100%;}
.procont_piclist{display:flex; width:100%; overflow:hidden;}
.prolist dl{width:50%;}
.news_list_pic{width:100%; margin-right:0;}
.news_list_text{width:100%;}
.ditu,.from{padding:20px 5px;}
	
.foot_pro,.foot_mould,.foot_last{width:100%;}

.foot_an{display:flex;  position:fixed;width:100%; bottom:0;left:0; background:#022e77; padding:10px 0;}
.foot_an dl{width:25%; color:#fff; text-align:center;}
.foot_an dl a{color:#fff;}
.foot_an dl dt i{font-size:18px;}
	}