/* 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; background:#fff;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0; max-width:100%;}
.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:1200px; margin:0 auto;}
.wid:after{ content:""; display:block; clear:both;}

.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding: 10px 5%; background:rgba(255,255,255,1);box-sizing: border-box;}
.logo{float: left;}
.logo img{height: 50px;}
.nav_tb{float: right;cursor:pointer; display: none;}
.nav_tb img{ height: 24px; padding-top: 13px;}
.lang{float: right;line-height: 50px;margin-left: 15px;}
.lang a{ color: #222;font-size: 16px;}
.nav{ float: right; z-index:1001;}
.nav_off{ float:right; padding-top:10px; cursor:pointer;position:fixed; right:40px; top:10px;z-index:1002;display: none;;}
.nav li{position:relative; text-align:center; display: inline-block;}
.nav li>a{ line-height:50px; font-size:16px; color:#222; padding:0 20px; text-transform:uppercase; display:inline-block;}
@keyframes zhuan{
	0%{ transform:translateY(60px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}
.nav li:hover>a{ color:#2083d4;}
.erji{position:absolute; top:50px; left:0; background:#fff;padding:10px 0px 10px; border-top:2px solid #0068b4; border-radius:0 0 5px 5px; white-space:nowrap; display: none; z-index:10000;}
.erji a{ display:block; line-height:22px; font-size: 13px; padding: 9px 20px; color:#000; text-align: left;}
.sanji a{color:#8c8b85;}
.erji a:hover{background:#0068b4; color:#fff;}

.home_top{position: relative;margin-top: 70px;}
.home_top img{max-width: 100%; vertical-align:middle;}
.home_top_text{position:absolute;top:20%;left:10%;}
.home_top_text h2{font-size: 60px; line-height: 70px;color: #fff;}
.home_top_text p{padding:50px 0 ;max-width:520px;font-size: 18px;line-height: 34px; color: #fff;}
.home_top_text p span{ color: #0e3a67;}
.home_top_text a{position:relative;padding:0 0 0 18px;color:#fff;font-size: 15px;line-height: 27px;}
.home_top_text a:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;border:10px transparent solid;border-left-color:#2588b8;}
.home_top_text a:hover{text-decoration: underline; color: #ccc;}
.home_top_pic{position: absolute; right: 0; top: 0; width: 57%;}

.banner{position: relative;}
.ban_text{position: absolute;top: 25%;left: 10%; color: #4f4f4f;}
.ban_text h2{font-size: 50px;line-height: 60px;font-weight: normal;margin-bottom: 10px;}
.ban_text h3{font-size: 18px;line-height: 34px;font-weight: normal; margin-bottom: 40px;}
.ban_text p{font-size: 17px; line-height: 32px; max-width:500px; margin-bottom:10px;}
.ban_text p span{display:inline-block;width:20px;font-size: 40px; text-align:center;line-height: 32px; color: #1bdcf9;vertical-align: middle;}

.home_com{background: #2584b6;}
.home_com_pic{float: left; width: 50%;}
.home_com_pic img{max-width: 100%; vertical-align:middle;}
.home_com_text{float: left; width: 50%;padding: 0 130px 0 100px;box-sizing: border-box;color:#fff;}
.home_com_text h3{font-size: 40px;line-height: 50px;text-align: center;padding-top: 10%;font-weight: normal;}
.home_com_text p{font-size: 17px;line-height: 40px;padding: 40px 0 40px 0;}

.home_adv{padding: 70px 0;}
.home_adv h2{font-size: 48px;line-height: 60px;color: #343438; text-align: center; margin-bottom: 10px;}
.home_adv p{color: #868384;font-size: 24px; text-align:center; margin-bottom: 60px;}
.home_adv_nav{background: #f2f2f2; line-height: 22px; text-align: center; margin-bottom: 20px; width: 80%;}
.home_adv_nav a{float: left; width: 25%; font-size: 16px; color: #222; padding: 10px 0; font-weight: bold; border-top:3px solid #f2f2f2}
.home_adv_nav a.act{background: #fff;border-top:3px solid #2584b6;}
.home_adv_nav a:hover{background: #fff;border-top:3px solid #fff;}
.home_adv_nav a.act:hover{border-top:3px solid #2584b6;}
.home_adv_cont{display: none; width: 80%;}
.home_adv_cont.show{display: block;animation: show .6s linear;}
@keyframes show{
	from{opacity: 0;}
	to{opacity: 1;}
}
.home_adv_left{width: 49%; float: left;}
.home_adv_left img{max-width: 100%;}
.home_adv_right{width: 49%; float: right; background: #fff; padding-top: 15px;}
.home_adv_right p{font-size: 18px; text-align: left; line-height: 32px;}
.home_adv_right a{display: inline-block; line-height: 40px; padding: 0 30px;border-radius: 50px; background:url(../images/home_anbj.jpg) repeat-x; color:#2588b8; font-size: 16px;transition: .8s;}
.home_adv_right a:hover{opacity: .8;}
.home_an{ text-align: center;margin-top: 50px;}
.home_an a{display: inline-block; line-height: 70px; padding: 0 45px;border-radius: 35px; background:url(../images/home_anbj.jpg) repeat-x; color:#2588b8; font-size: 28px;transition: .8s;}
.home_an a:hover{opacity: .8;}

.home_join{padding: 100px 0; background:url(../images/home_bj.jpg) no-repeat center;}
.home_join p{ text-align: center; font-size: 50px; line-height: 60px; color: #fff;}

.foot{padding: 30px 0 0px; border-top: 2px #f2f2f2 solid;}
.foot_link{text-align:right;margin-right: 5%;}
.foot_link a{display:inline-block;width:40px; height: 40px; border-radius: 50%; text-align: center; border: 1px solid #222; font-size: 17px; color: #222;margin: 0 6px;transition: .4s;}
.foot_link a:hover{color:#fff;border: 1px solid #2588b8;background: #2588b8;}
.foot_link a i{line-height: 40px;font-weight: 400;}
.foot_box{float: left;width: calc(100%/3); box-sizing: border-box;padding: 0 20px;}
.foot_box h3{font-size: 30px; line-height: 40px; color: #3b3c3d; margin-bottom: 10px;}
.foot_box p{font-size: 15px; line-height: 30px; color: #3b3c3d;}
.foot_box a:hover{color: #2588b8; text-decoration: underline;}
.foot_box img{width:150px;}
.foot_box i{width:30px; text-align:center; color:#2895cd;}
.banquan{text-align: center;font-size: 15px;padding: 10px 10px; background: #3b3c3d;color: #fff;}

.nybanner{margin-top: 70px; padding: 75px 0 80px; background: #f2f2f2;text-align: center;}
.probanner{ padding: 55px 0 60px;}
.nybanner h2{position: relative; font-size: 36px; line-height: 46px; margin-bottom: 25px; color: #222; text-transform: uppercase;}
.nybanner h2:after{content: "";position: absolute; bottom: -12px; left: 50%; width: 80px; height: 5px; background: #2895cd; transform: translate(-50%,0);}
.nybanner p{ max-width: 800px; margin: 0 auto; font-size: 20px; line-height: 30px; color: #333; font-style: italic;}

.mid{padding: 70px 0;}
.mid img{max-width: 100%; vertical-align: middle;}
.mid_h2{position: relative; font-size:26px; line-height:36px; color:#242e35;padding: 0 0px 12px; margin-bottom: 20px;}
.mid_h2:after{content:"";position: absolute;left: 0px; bottom: 0px; width: 70px; height: 3px; background: #0fbcf5;}
.mid_h3{ font-size:20px; line-height:30px; margin-bottom:15px; padding-top:20px;color:#333;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}

.about_gm{ padding: 70px 0; background: #2584B6;}
.about_gm h2{ text-align: center; color: #fff; font-size: 32px; line-height: 42px; margin-bottom: 50px;}
.about_gm h3{ color: #fff;}
.about_gm p{color: #EBEBEB;}


.prolist_wid{}
.prolist{}
.prolist dl{float:left;width: calc(50% - 20px); margin:0 20px 40px 0; box-sizing: border-box;transition: .6s;}
/*.prolist dl:nth-child(2n){margin-right: 0;}*/
.prolist dl:after{ content:""; display:block; clear:both;}
.prolist dt{position: relative; border: 5px solid #f2f2f2; box-sizing: border-box; overflow: hidden;}
.prolist dt img{ transition: .6s;}
.prolist dl:hover dt img{transform: scale(1.2);transition: 6s;}
.prolist dd{position: relative;width: 100%;text-align:center;margin:-0px auto 0;background: #f7f7f7; padding: 0 25px 20px; box-sizing: border-box; z-index: 100;}
.prolist dd h3{font-size: 24px; line-height: 34px; padding: 20px 0 10px;}
.prolist dd h3 a{ color: #333; display:block;white-space: nowrap;overflow:hidden; text-overflow:ellipsis; height:34px;}
.prolist dd .des{font-size: 14px; line-height: 27px; color: #7E7E7E; height: 81px; overflow: hidden;}
.prolist dd .prolist_an{display:inline-block; margin-top: 10px; background: #2584B6; color: #fff; font-size: 12px; padding: 5px 20px; border-radius: 20px;}
.prolist dd h3 a:hover{color: #2584B6;}
.prolist dd .prolist_an:hover{color: #fff; background: #4eaee0;}
.prolist dl:nth-child(2n){margin:0 0 40px 20px;}

/*.prolist{}
.prolist dl{float:left;width: 50%;background: #f7f7f7;border: 1px solid transparent; box-sizing: border-box;transition: .6s;}
.prolist dl:after{ content:""; display:block; clear:both;}
.prolist dt{position: relative; float: left; width: 50%;overflow: hidden;}
.prolist dt img{transition: .6s;}
.prolist dt:after{content: ""; position: absolute; top: 50%; right: 0px; margin-top: -15px; border: transparent solid 20px; border-right: #f7f7f7 solid 20px; transition:.6s;}
.prolist dd{ float: left;width: 50%; padding:10px 15px; box-sizing: border-box;}
.prolist dd h3{font-size: 20px; line-height: 30px; padding: 20px 0;}
.prolist dd h3 a{ color: #333;}
.prolist dd .des{font-size: 13px; line-height: 26px; color: #7E7E7E; height: 110px; overflow: hidden;}
.prolist dd .prolist_an{display:inline-block;color: #000; font-size: 12px; margin-top: 10px;}
.prolist dl:hover{border: 1px solid #2584B6;}
.prolist dl:hover dt img{transform: scale(1.2);}
.prolist dd h3 a:hover{color: #2584B6;}
.prolist dd .prolist_an:hover{color: #2584B6; text-decoration: underline;}
.prolist dl:nth-child(3n) dt{float: right;}
.prolist dl:nth-child(3n) dt:after{left: 0px;border: transparent solid 20px; border-left: #f7f7f7 solid 20px;}
.prolist dl:hover dt:after{border-right: #2584B6 solid 20px;}
.prolist dl:nth-child(3n):hover dt:after{border-left: #2584B6 solid 20px; border-right:0;}*/

/*.prolist{}
.prolist dl{float:left;width: 49%; margin-right: 2%; background: #f7f7f7; margin-bottom: 25px; padding: 15px; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box;transition: .6s;}
.prolist dl:nth-child(2n){margin-right: 0;}
.prolist dl:after{ content:""; display:block; clear:both;}
.prolist dt{float: left; width: 34%; margin-right: 3%;border-radius: 50%; overflow: hidden;}
.prolist dt img{transition: .6s;}
.prolist dd{float: left;width: 63%;}
.prolist dd h3{font-size: 20px; line-height: 30px; padding: 10px 0;height: 30px;white-space: nowrap;overflow:hidden; text-overflow:ellipsis;}
.prolist dd h3 a{ color: #333;}
.prolist dd .des{font-size: 13px; line-height: 24px; color: #7E7E7E; height: 100px; overflow: hidden;}
.prolist dd .prolist_an{display:inline-block;color: #000; font-size: 12px; margin-top: 10px;}
.prolist dl:hover{border: 1px solid #2584B6;}
.prolist dl:hover dt img{transform: scale(1.2);}
.prolist dd h3 a:hover{color: #2584B6;}
.prolist dd .prolist_an:hover{color: #2584B6; text-decoration: underline;}*/

.procont_cont{ margin: 10px 0 35px;font-size:14px; color:#7e7e7e; line-height:26px;}
.procont_cont p{margin-bottom:10px;}
.procont_cont .point{ display: inline-block; width: 10px; height: 10px; background: #2584B6; margin-right: 8px; border-radius: 50%;}

.newslist{}
.newslist_list{ border-bottom:#ebebeb dashed 1px; padding:15px;}
.newslist_list:hover{background: #f2f2f2;}
.newslist_list .title{ margin-bottom:10px;}
/*.newslist_list .title:after{ content:""; display:block; clear:both;}*/
.newslist_list .title h2{ font-size:20px; color:#323232;}
.newslist_list .title h2 a:hover{ color:#2584B6;}
.newslist_list .title span{ float:right; color:#969696; font-size:12px;}
.newslist_list .abs{ line-height:25px; max-height:50px; overflow:hidden; margin:8px 0 10px; font-size:12px;}
.newslist_list .more{}
.newslist_list .more:after{ content:""; display:block; clear:both;}
.newslist_list .more a{ font-size:12px; float:right; display:inline-block; line-height:28px; padding:0 10px; border:1px #ccc solid; color:#2584B6;}
.newslist_list .more a:hover{ background:#2584B6; color:#fff;border:1px #2584B6 solid;}
.newslist_list_pic{width:160px; float:left;}
.newslist_list_pic img{max-width:100%;max-height:100%;}
.newslist_list_text{padding-left:180px;}

.contact{padding: 50px 0;}
.contact_h3{font-size:20px; line-height:30px; margin-bottom:15px;color:#333;}
.contact_info li{ margin-bottom: 10px;}
.contact_info h4{ font-size: 16px; color: #333; line-height: 30px;}
.contact_info h4 i{ width: 35px; font-size: 14px; text-align: center; color: #2584B6;}
.contact_info p{ padding-left: 35px; font-size: 14px; line-height: 26px; color: #7E7E7E;}
.contact_info p a{color: #7E7E7E;}
.contact_info p a:hover{color: #2584B6; text-decoration:underline;}

.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;box-sizing:border-box;}
.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';box-sizing:border-box;}
.message textarea::-webkit-input-placeholder{color:#ccc;}
.message a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#0fbcf5; display:inline-block; margin-top:10px;}
.message a:hover{ background:#0eade2;}
.ditu{height: 400px; overflow:hidden; margin-top: 30px;}

.about_adv{background: #0b5482;padding: 60px 0; margin:50px 0; font-size: 30px;line-height: 62px; color: #fff;}
.about_adv span{font-size: 34px; width: 62px;height: 62px;text-align:center;background: #0FBCF5;border-radius: 10px; vertical-align: middle;float: left; margin-right: 10px;}
.about_adv span i{line-height: 62px;}

.equ .fl-4{ margin-top: 30px;}
.equ img{border-radius: 5px;}

.pro_table{ width:100%; border-left: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
.pro_table td{border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; padding: 0 0px 0 5px;}
.pro_table tr:nth-child(2n){background: #f2f2f2;}

.apply_box li{position: relative; float: left; margin: 2px; width: calc(100%/3 - 4px); box-sizing: border-box; overflow: hidden; cursor: pointer;}
.apply_box li span{position: absolute;top: 0; left: 0; display: flex; align-items: center; justify-content:center; width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff; font-size: 18px; transform: scale(0); transition: .6s;}
.apply_box li img{max-width: 100%; vertical-align: middle; transition: .6s;}
.apply_box li:hover img{transform: scale(1.1);}
.apply_box li:hover span{transform: scale(1);}

.home_news{padding: 70px 0;background: #f2f2f2;}
.home_news h2{font-size: 48px;line-height: 60px;color: #343438; text-align: center; margin-bottom: 10px;}
.home_news p{color: #868384;font-size: 24px; text-align:center; margin-bottom: 50px;}
.home_news_box{float: left; width: 50%; margin-top: 20px; padding:15px 0;}
.home_news_box:hover{background:#fff;}
.home_news_pic{float:left; width: 30%; height: 100px; text-align: center;}
.home_news_pic img{max-width: 100%; max-height: 100%;}
.home_news_text{ padding-left: 32%;}
.home_news_text h4{font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.home_news_text h4 a{color: #222;}
.home_news_text h4 a:hover{color: #2588B8;}
.home_news_time{color: #7e7e7e;}


.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:#0eade2;}

.pro_link{ padding: 20px 0 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; text-align: center;}
.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;}

.e_photo img{ float: left; width: calc(100%/4 - 16px); margin: 8px; border: 1px solid #ccc; padding: 5px; box-sizing:border-box;}

.pro_list_ban{padding: 35px 0; font-size: 24px; color: #fff; background: #4b4b4b;}
.pro_list{}
.pro_left{float:left; width: 20%; background: #eef4f7;}
.pro_left.flex{position: fixed;top: 70px; left: 0;}
.foot.flex{margin-left:20%;}
.pro_left li>a{display: block; padding-left: 50px; line-height: 59px; height: 59px; font-size: 16px; color: #333; border-bottom: 1px solid #eaeaea; overflow:hidden;}
.pro_left li>a.act{background: #fff; border-right: 3px solid #2895CD;}
.pro_left_ej{background: #f7f7f7; padding: 5px 0 3px;}
.pro_left_ej a{display: block; line-height: 40px; padding-left: 60px; margin-bottom: 2px;}
.pro_left_ej a.act{background: #2895CD; color: #fff;}
.pro_left_ej a:hover{background: #2895CD; color: #fff;}
.pro_left_ej a i{margin-right: 8px;}

.pro_right{float:right; width: 80%;}
.pro_right_box{width: 84%; margin: 0 auto; border-bottom: 1px solid #ccc; padding: 50px 0;}
.pro_right_box:last-of-type{border-bottom: 0;}
.pro_right_title{font-size: 28px; line-height: 38px; margin-bottom: 15px; padding-left: 25px;}
.pro_right_title .xian{display: inline-block; width: 80px; height: 5px; background: #2895CD; margin: 10px 0;}
.procont_pic{text-align:  center;}

.feedback{background: #f2f2f2; padding: 70px 0;}
.feedback h2{font-size: 32px;line-height: 46px;color: #343438; text-align: center; margin-bottom: 35px;}
.feedback input{ width:100%; font-size:14px; line-height:32px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:20px;box-sizing:border-box;}
.feedback input::-webkit-input-placeholder{color:#ccc;}
.feedback textarea{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:20px;font-family: 'Sans';box-sizing:border-box;}
.feedback textarea::-webkit-input-placeholder{color:#ccc;}
.feedback a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#0fbcf5; display:inline-block; margin-top:10px;}
.feedback a:hover{ background:#0eade2;}

.proemail_btn{background: #2895cd;color: #fff; padding: 6px 12px; margin-top: 20px; display: inline-block; border-radius: 4px;}
.proemail_btn:hover{background:#0fbcf5;}



.home_float{position: fixed; top: 80px; left: 50%; bottom:20px; transform: translateX(-50%); max-width: 700px; overflow-y:auto; background: #fff; z-index: 100000; padding: 30px; border-radius: 10px;}
.home_float_bj{position: fixed;top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index:1000;}
.home_float .pic img{width: 100%;}
.home_float h2{font-size: 28px; text-align: center; font-weight: normal;}
.home_float .pic{padding: 35px 0;}
.home_float h3{font-size: 20px; margin-bottom: 6px;}
.home_float p{margin-bottom: 10px; color: #7e7e7e;}
.home_float_close{position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: #666; color: #fff; text-align: center; line-height: 30px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: .6s;}
.home_float_close:hover{background: #000;}


/*分页代码*/
.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;}

.mobpro_left,.mobpro_close{display:none;}
.meltblown_cont{margin-top:25px;}
.meltblown_cont h3{font-size: 20px; margin-bottom: 6px;}
.meltblown_cont p{margin-bottom: 10px; color: #7e7e7e;}

/*产品标签*/
.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;}
.coll{ display:none}

@media screen and (max-width:1600px){
.home_top_text{top:15%;}
.home_top_text h2{font-size:50px;line-height: 60px;}
.home_top_text p{padding: 30px 0;}
.ban_text{top:16%;}
.home_com_text{padding: 0 30px;}
.home_com_text h3{padding-top: 5%;font-size: 32px;line-height: 42px;}
.home_com_text p{padding: 35px 0; line-height: 34px;}
	}

@media screen and (max-width: 1368px) {
.home_top_text{left: 5%;}
.home_top_text h2{font-size: 42px; line-height: 52px;}
.ban_text{left: 5%;}
.ban_text h2{font-size: 42px; line-height: 52px;}
.ban_text h3{margin-bottom: 25px;}
.home_com_text p{font-size: 14px;line-height: 30px; padding: 25px 0;}
.coll{ display:inline-block}
	}
@media screen and (max-width: 1199px) {
.wid{width: 94%;}
.header{padding:10px 2%;}
.nav li > a{padding:0 10px;}
.home_top_text p{font-size: 15px; line-height: 30px;max-width: 440px;}
.home_top_text{left: 5%;}
.home_top_text h2{font-size: 36px; line-height: 46px;}
.ban_text{left: 5%; top:8%;}
.ban_text h2{font-size: 34px; line-height: 46px;}
.ban_text h3{margin-bottom: 15px;}
.home_com_text p{font-size: 13px;line-height: 24px; padding: 10px 0 15px;}
.home_com_text h3{padding-top:3%;}
.ban_text p{font-size: 15px;line-height: 22px;max-width: 390px;}
}

@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 li>a{animation:zhuan .4s ease-out both 1;}
.nav li:nth-child(1) a{animation-delay:0ms;}
.nav li:nth-child(2) a{animation-delay:200ms;}
.nav li:nth-child(3) a{animation-delay:400ms;}
.nav li:nth-child(4) a{animation-delay:600ms;}
.nav li:nth-child(5) a{animation-delay:800ms;}
.nav li:nth-child(6) a{animation-delay:1000ms;}
.nav li:nth-child(7) a{animation-delay:1200ms;}
.nav li:nth-child(8) a{animation-delay:1400ms;}

.nav_tb{display:block; margin-right:15px;}
.nav{position:absolute; top:60px; left:0; width:100%; background:#fff; padding:10px 0; display:none;}
.nav_off{right:20px;}
.nav li{display:block;}
.nav li > a{line-height:43px;}
.home_top_text{position:static; padding:15px 10px;}
.home_top_text h2{color:#2584B6; font-size:28px;line-height:38px;}
.home_top_text p{color:#7e7e7e;padding:10px 0 15px; font-size:14px; line-height:27px;}
.home_top_text a{color:#222}
.home_top_text a:hover{color: #2584B6;}
.ban_text{position:static; color:#7e7e7e;padding:15px 10px;}
.ban_text h2{color:#222; font-size:28px;line-height:38px;}
.ban_text h3{line-height:30px;}
.ban_text p{font-size:14px; line-height:27px;}
.home_com_pic,.home_com_text{width:100%;}
.home_com_text h3{font-size:28px; line-height:38px;}
.home_com_text{padding:0 10px;}
.home_com_text img{max-width:100%;}
.home_adv{padding:35px 0;}
.home_adv h2{font-size:28px; line-height:38px;}
.home_adv p{font-size:18px; margin-bottom:30px;}
.home_adv dl{margin:0 0 15px 0;width:100%;}
.home_an{margin-top:15px;}
.home_an a{padding:0 25px; line-height:40px;font-size:18px; border-radius:20px;}
.home_news{padding:35px 0;}
.home_news h2{font-size:28px; line-height:38px; }
.home_news p{font-size:18px; margin-bottom:15px;}
.home_news_box{width:100%;}
.home_news_text h4{font-size:18px; line-height:28px;}
.home_join{padding:50px 0;}
.home_join p{font-size:22px; line-height:40px; padding: 0 10px;}
.foot_link{margin-right:0; text-align:center;}
.foot_box{width:100%; padding:20px 0 0 0;}
.foot_box h3{font-size:24px; line-height:34px;}
.foot{padding:20px 0 30px}
.nybanner h2{font-size:30px; line-height:40px;}
.nybanner p{font-size:18px;}
.nybanner{padding:45px 0 50px;}
.mid{padding:40px 0;}
.prolist dl{width:100%}
.prolist dd h3{font-size:18px; line-height:28px; padding:0px 0 10px;}
.prolist dd{padding:8px 10px}
.prolist dd .des{height:78px;}
.newslist_list .title h2{font-size:18px;}
.newslist_list{padding:8px}
.newslist_list_pic{width:100px;}
.newslist_list_text{padding-left:110px;}
.home_adv_left,.home_adv_right{width:100%;}
.home_adv_right{}
.home_adv p{font-size:14px; line-height:26px;}
.home_adv_nav a{font-size:12px;}
.erji{display:none;}


.pro_left{width:100%; z-index:2000;}
.mobpro_left{display:inline-block; padding:5px 10px 10px 5px; background:#2895CD; color:#fff; border-radius:0 0 20px 0; cursor:pointer;}
.mobpro_close{display:none;  padding:0px 10px; float:right; font-size:20px;cursor:pointer;}
.mob_pro{display:none;}
.pro_right{width:100%;}
.pro_right_box{width:100%; padding:35px 0;}
.pro_right_title{font-size:22px; line-height:32px; margin-bottom:5px;}
.pro_left li > a{line-height:49px; height:49px;}
.pro_left_ej a{line-height:32px; margin-bottom:0;}

.scrollsidebar{display:none;}

	}