@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.top_box{position:absolute;left:0;top:0;width:100%;padding:20px 0;z-index:9;}
.nav_list{width:825px;margin-top:35px;}
.nav_list li{width:86px;height:28px;line-height:28px;border:#fe3f4f solid 1px;
	border-radius:15px;float:left;margin-left:15px;overflow:hidden;}
.nav_list li a{display:block;color:#fe3f4f;}
.nav_list li:hover a{background:#fe3f4f;color:#fff;}

/* banner */
.banner{ width:100%; height:750px; overflow:hidden; position:relative;}
.b-img{ height:750px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:750px; float:left;}
.b-list{ height:50px;position:relative; margin:640px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#fff;}
.b-list .spcss{width:30px;background:#fe3f4f;}

/*index*/
.about_bg{height:460px;background:#f5f5f5;}
.about_box{position:absolute;left:0;top:-30px;width:100%;height:460px;background:#fff;}
.about_con{width:540px;padding:60px 30px 0;}
.about_tit span{font-size:24px;color:#333;line-height:60px;display:inline-block;border-bottom:#fe3f4f solid 2px;}
.about_text{line-height:30px;height:210px;margin:20px 0;}
.about_more{display:block;width:130px;height:40px;line-height:40px;border-radius:20px;background:#fe3f4f;color:#fff;box-shadow:0 0 15px #fd9ca4;}

.pro_bg{height:810px;padding:30px 0;box-sizing:border-box;background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro_tit dt{font-size:30px;line-height:60px;color:#fe3f4f;font-weight:bold;}
.pro_tit dd{display:inline-block;padding:0 20px;font-size:20px;line-height:40px;color:#00c0b2;position:relative;text-transform:uppercase;}
.pro_tit dd:before,.pro_tit dd:after{content:"";position:absolute;top:20px;width:35px;height:2px;background:#ddd;}
.pro_tit dd:before{left:-35px}
.pro_tit dd:after{right:-35px}
.pro_type{margin:30px 0;}
.pro_type a{display:inline-block;padding:0 20px;margin:0 10px;height:30px;line-height:30px;border-radius:20px;border:#fe3f4f solid 1px;color:#fe3f4f;}
.pro_type a:hover{background:#fe3f4f;color:#fff;box-shadow:0 0 15px #fd9ca4;}
.pro_list{padding:30px 0;margin-left:-30px;}
.pro_list li{width:380px;line-height:60px;float:left;margin-left:30px;background:#f5f5f5;transition:all .5s linear;}
.pro_list li a{display:block;color:#fe3f4f;}
.pro_list li:hover a{background:#fe3f4f;color:#fff;}
.pro_list li:hover{box-shadow:0 0 15px #f5eced;}
.pro_list_pic{width:380px;height:285px;overflow:hidden;}
.pro_list_pic img{transition:all .5s linear;}
.pro_list li:hover .pro_list_pic img{transform:scale(1.1);}
.pro_more{display:block;width:130px;height:40px;line-height:40px;border-radius:20px;background:#fe3f4f;color:#fff;box-shadow:0 0 15px #fd9ca4;margin:20px auto 0;}

.case_bg{padding:50px 0;background:url(../images/case_bg.jpg) no-repeat center top #f7f7f7;}
.case_tit{color:#fff;}
.case_tit dt{font-size:30px;line-height:60px;}
.case_tit dd{display:inline-block;padding:0 20px;font-size:20px;line-height:40px;position:relative;text-transform:uppercase;}
.case_tit dd:before,.case_tit dd:after{content:"";position:absolute;top:20px;width:35px;height:2px;background:#fff;}
.case_tit dd:before{left:-35px}
.case_tit dd:after{right:-35px}

.case_list{width:1200px;overflow:hidden;position:relative;}
.case_list .bd{padding:50px 0;text-align:center;}
.case_list .bd ul{overflow:hidden;zoom:1;}
.case_list .bd ul li{width:280px;line-height:50px;float:left;margin-left:26px;background:#fff;border-bottom:#fe3f4f solid 3px;}
.case_list .bd ul li a{display:block;color:#fe3f4f;font-size:16px;}
.case_list .bd .case_list_pic{width:280px;overflow:hidden;}
.case_list .bd .case_list_pic img{transition:all .5s linear;}
.case_list .bd ul li:hover .case_list_pic img{transform:scale(1.1);}

.news_bg{padding:30px 0;height:620px;box-sizing:border-box;background:url(../images/news_bg.jpg) no-repeat center top;}
.news_list{padding:30px 0;margin-left:-75px;}
.news_list li{width:310px;padding:30px 20px;margin-left:75px;float:left;transition:all .5s linear;}
.news_list li:hover{background:#fe3f4f;}
.news_list li h3{font-size:20px;height:50px;line-height:50px;padding-top:10px;border-bottom:#ddd solid 1px;position:relative;}
.news_list li h3:before{content:"";position:absolute;left:0;top:0;width:30px;height:2px;background:#fe3f4f;transition:all .5s linear;}
.news_list_text{height:100px;line-height:25px;margin:10px 0 20px;color:#999;}
.news_list_more{display:block;width:90px;height:28px;line-height:28px;border:#ddd solid 1px;border-radius:15px;}
.news_list li:hover h3{color:#fff;border-bottom:#fff;}
.news_list li:hover h3:before{background:#fff;width:60px;animation:line 1s linear;}
.news_list li:hover .news_list_text{color:#fff;}
.news_list li:hover .news_list_more{background:#fff;color:#fe3f4f;}
@keyframes line{
	50%{width:200px;}
	75%{width:100px;}
}

/*footer*/
.bot_bg{background:#fff7f8;/*padding:30px 0;*/}
.bot_top{padding:10px 0;border-bottom:#ddd solid 1px;}
.fast_tit{line-height:40px;padding:30px 0;}
.fast_tit span{font-size:24px;}
.bot_box{padding:30px 0;}
.bot_nav{margin-bottom:20px;}
.bot_nav a{display:inline-block;padding-right:30px;line-height:40px;}
.bot_nav a:hover{color:#fe3f4f;}
.bot_icon a{display:inline-block;padding-right:10px;}
.bot_contact{line-height:40px;}
.copyright{padding:10px 0;line-height:30px;background:#fe3f4f;color:#fff;}

/*main*/
.main_top{position:static;}
.main_banner{height:370px;}
.main_bg{padding-bottom:20px;background:url(../images/main_bg.jpg);}
.main_box{background:#fff;box-shadow:0 0 15px #ddd;position:relative;top:-60px;padding:50px 20px ;z-index:99;}
.main_page{margin:30px 0;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;border-radius:5px;}
.main_page a:hover{background:#fe3f4f;color:#fff;border:#fe3f4f solid 1px;}
.main_con{min-height:300px;padding:0 20px;line-height:30px;color:#666;line-height:40px;}
.main_con img{max-width: 100%;}

.main_case{padding:30px 0;text-align:center;}
.main_case li{width:260px;line-height:50px;float:left;margin:0 15px 30px;background:#fff;border-bottom:#fe3f4f solid 3px;transition:all .5s linear;}
.main_case li a{display:block;color:#fe3f4f;font-size:16px;}
.main_case li:hover{box-shadow:0 0 15px #bbb;transform:translateY(-6px);}
.main_case .case_list_pic{width:260px;}
/*.main_case .case_list_pic img{transition:all .5s linear;}
.main_case li:hover .case_list_pic img{transform:scale(1.1);}
*/
.main_pro{padding:30px 0;}
.main_pro li{width:360px;line-height:60px;float:left;margin:0 13px 30px;background:#f5f5f5;transition:all .5s linear;}
.main_pro li a{display:block;color:#fe3f4f;}
.main_pro li:hover a{background:#fe3f4f;color:#fff;}
.main_pro li:hover{box-shadow:0 0 15px #f5eced;}
.main_pro_pic{width:360px;height:270px;overflow:hidden;}
.main_pro_pic img{transition:all .5s linear;}
.main_pro li:hover .main_pro_pic img{transform:scale(1.1);}

.main_news{padding:30px 0;}
.main_news li{padding:15px;border-radius:15px;overflow:hidden;box-shadow:0 0 15px #ddd;transition:all .5s linear;margin-bottom:20px;}
.main_news_con{width:720px;padding:10px 0;color:#666;}
.main_news_con h3{line-height:50px;color:#333;}
.main_news_text{line-height:25px;height:100px;overflow:hidden;margin:10px 0 20px;}
.main_news li:hover{background:#fe3f4f;}
.main_news li:hover .main_news_con{color:#fff;}
.main_news li:hover .main_news_con h3{color:#fff;}