﻿*{margin: 0;padding: 0;}
body{font-family: Segoe UI, Segoe UI Midlevel, Segoe WP, Arial, sans-serif;}
a{text-decoration: none}
h2,p,h3,h4,h5{display: block}
p{font-size: 16px;line-height: 1.7em;margin-top: 15px;text-indent: 2em;letter-spacing: 1px;}
ul,ol{list-style: none}
input{outline: none}
body{min-width: 1250px;}
iframe{opacity:0;display:none;}

/*头部区域*/
.header,.header_t{width: 100%;background: #ee4f4a;}
.header_t{position:fixed;top: -90px;z-index: 2;transition:0.6s ease-out;}
.header_t.on{top:0;}
.header .con,.header_t .con{width: 1200px;height: 80px;margin: auto;}
.header_t .con{height: 50px;}
.header .logo,.header_t .logo{float: left;width: 313px;display: block;position: relative;left: 10px;top: 50%;margin-top: -20px;}
.header .nav,.header_t .nav{float: right;position:relative;top: 50%;margin-top: -16px;}
.header .nav li,.header_t .nav li{float: left;}
.header .nav li a,.header_t .nav li a{font-size: 17px;color: #fff;line-height: 2em;display: block;margin: 0px 30px;transition: 0.15s ease-out;}
.header .nav li a:hover,.header_t .nav li a:hover{color: #c4c4c4;border-bottom: 2px solid #c4c4c4;}


.r_top{ width:50px; height:50px;background: #c1c1c1; position: fixed; bottom:110px;left: 50%;margin-left: 550px;display:none; cursor:pointer;border-radius: 20%;z-index: 1;}
.r_top span{color:#fff; font-size:40px; text-align:center;padding-top: 3px;display: block;}
.r_top:hover{background: #999;}


/*海报区域*/
/*width: 1920px;height: 480px;display: block;*/
.banner{height: 480px;width: 100%;position: relative;overflow: hidden;}
.pic li{ position:absolute; top:0;left:50%; margin-left: -960px;display:none;}
.num,.b_num{ position:absolute; bottom:16px; left:0; width:100%; font-size:0; text-align:center;}
.num li,.b_num li{ width:12px; height:12px; background:#fff; border-radius:50%; display:inline-block; margin:0 5px; cursor:pointer;}
.num li.active{ background:#c00;}
.btn{ width:35px; height:90px; background:rgba(0,0,0,0.3); font-size: 40px; position:absolute; top:50%; margin-top:-45px; color:rgba(255,255,255,0.7); text-align:center; line-height:90px; cursor:pointer; display:none;}
.btn:hover{ background:rgba(0,0,0,0.5);}
.btnLeft{ left:10px;border-radius: 4px;}
.btnRight{ right:10px;border-radius: 4px;}

.banner:hover .btn{ display:block;}

/*首页内容区域*/
.ad{width: 1200px;margin: 0 auto;margin-bottom: 65px;}
.spe{overflow: hidden;padding-top: 15px;}
.spe li{float: left;width: 390px;height: 210px;padding: 5px;}
.spe a:hover img{top: -7px;}
.spe img{display: block;border-radius: 6px;transition:0.4s ease-out;position: relative;top: 0px;}

.inx_title span{font-size: 30px;color: #ee4f4a;line-height: 30px;padding-top: 65px;text-align: center;display: block;}
.inx_title_b{margin-bottom: 40px;text-align: center;}
.inx_title_b small{display: inline-block;font-size: 14px;color: #a1a1a1;text-transform: uppercase;line-height: 1em;}
.title_line{width: 35px;height: 1px;background: #a1a1a1;margin: 5px;display: inline-block;}

.co{padding-bottom: 65px;background: url(../img/ad_b.jpg) no-repeat center;}
.co_con{width: 900px;margin: 0 auto;color: #cacaca;}
.co_con span{font-size: 18px;text-align: center;display: block;margin-bottom: 35px;}
.co_con p{width: 900px;font-size: 16px;text-align: center;line-height: 2em;text-indent: 0;letter-spacing: 0;margin-top: 5px;}
.co_con a{width: 130px;height: 40px;background: rgba(238,79,74,0.8);display: block;text-align: center;line-height: 40px;font-size: 18px;margin: 40px auto 0 auto;border-radius: 3px;color: #cacaca;}
.co_con a:hover{background: rgb(238,79,74);color: #fff;}

/*底部区域*/
.footer{width: 100%;border-top: 1px solid #c4c4c4;background: #ededed;}
.ft-top{width: 850px;margin: 0 auto;padding: 25px;overflow: hidden;}
.ft-left{float: left;margin: 10px 0;}
.ft-left dl{float: left;margin-right: 115px;font-size: 15px;}
.ft-left dt{margin-bottom:14px;font-weight: 400;color: #646464}
.ft-left a{color: #919191;line-height: 23px;transition: 0.15s ease-out;display: block;}
.ft-left a:hover{color: #5079d9;}

.ft-bottom{width: 100%;background: #ba1d22;text-align:center; font-size: 15px; color:#d69c9c;line-height: 60px;}
.ft-bottom h1{font-size: 15px;font-weight: 400;display: inline}
.ft-bottom a{color: #d69c9c}
.ft-bottom a:hover{ text-decoration:underline;}

/*关于我们页面*/

/*海报区域*/
.a_banner{width: 100%;height: 260px;border-bottom: 1px solid #ddd;}
.a_banner .profile{width: 1200px;margin: auto;padding: 40px 0px 0px 20px;color: #333;}
.a_banner .profile h2{font-size: 20px;line-height: 30px;font-weight: 400;}
.a_banner .profile p{width: 600px;font-size: 14px;}

/*内容区域*/
.main_con{background: #e7e8eb;padding-top: 50px;}
.about{width: 1180px;margin: 0 auto;position: relative;overflow: hidden;}
.company{width: 790px;margin: 0 auto;}
.company p{font-size: 18px;color: #434343;}

/*企业文化页面*/

/*内容区域*/
.company .box{width: 254px;height: 254px;position: relative;display: inline-block;margin: 9px 9px 0px 0px;overflow: hidden;}
.company .box .ceng{width:252px; height: 252px; background: #f4f6f7; position: absolute;left: 254px;top: -254px;transition: 0.6s ease-out;border: 1px solid #999;}
.company .box:hover .ceng{left: 0;top: 0;}
.company .box .ceng span,.clear span{display: block;text-align: center;line-height: 30px;color: #515151;}
.company .ceng .txt-eng{font-size: 16px;text-transform: uppercase;margin-top: 73px;}
.company .ceng .txt-main{font-size: 30px;margin-bottom: 15px;}
.company .ceng .txt-para{font-size: 16px;}

/*联系我们页面*/

/*内容区域*/
.shadow{padding: 0 0 14px 14px;overflow: hidden;}/*1行=96px*/
.shadow_main{width: 180px;float: left;margin: 14px 14px 0px 0px;box-shadow: #999 0px 0px 2px;transition: 0.6s ease-out;}
.shadow_main:hover{background: rgba(0,102,153,0.3);}
.shadow_main h4{font-size: 17px;color: #414141;margin-top: 15px;text-align: center;}
.shadow_main .tel{text-indent: 0;line-height: 1em;margin-bottom: 15px;color: #515151;font-size: 15px;text-align: center;}
.container{width: 762px;height: 390px;margin: 0 auto;box-shadow: #999 0px 0px 2px;}

/*新闻链接页面*/

/*内容区域*/
.list_con{width: 1010px;box-shadow: #999 0px 0px 4px;padding-bottom: 85px;background: #fff;margin: 50px auto 50px;border-radius: 3px;;}
.news_list{margin: 0 auto;width: 840px;}
.news_item{overflow: hidden;color: #5d5d5d;font-size: 16px;}
.item_left{float: left;width: 50px;padding-top: 17px;}
.item_right{float: left;border-bottom: 1px solid #d5d4d5;border-left: 1px solid #d5d4d5;padding: 18px;width: 753px;}
.item_month{display: none;}
.news_circle{width: 10px;height: 10px;border-radius: 50%;display: inline-block;margin: 3px 0 0 -23px;background: #d5d4d5;}
.news_title{font-weight: bold;margin-left: 8px;}
.news_date{float: right;}
.news_con{font-size: 15px;margin-top: 20px;text-indent: 2em;line-height: 23px;height: 80px;}
.news_con a{color: #666;transition: 0.1s ease-out;}
.news_con a:hover{color: #576b95;}
.news_more a{color: #576b95;font-size: 15px;transition: 0.1s ease-out;}


.news_nav{box-shadow: #c3c3c3 0px 0px 4px;width: 755px;overflow: hidden;position: relative;left: 85px;margin-top: 4px;border-radius: 3px;}
.news_nav li{letter-spacing: 1px;line-height: 50px;float: left;}
.news_nav h3{font-size: 17px;font-weight: 500;color: #888;background: #ededed;text-align: center;width: 155px;}
.news_nav a{font-size: 16px;color: #515151;background: #fff;text-align: center;display: block;transition: 0.1s ease-out;width: 200px;}
.news_nav a:hover{border-bottom: 5px solid #f5533d;height: 45px;}
.news_nav .news_nav_bg{border-bottom: 5px solid rgb(245,83,61);height: 45px;}

/*新闻页面*/

/*内容区域*/
.news_x{background: #e7e8eb;padding: 50px 0;}
.news_h{width: 790px;background: #fff;margin: 0 auto;box-shadow: #999 0px 0px 4px;padding: 60px 110px;}
.news_h h3{font-size: 24px;color: #333;line-height: 30px;text-align: center;}
.news_h small{font-size: 12px;color: #515151;text-transform: uppercase;margin-bottom: 20px;display: block;}
.news_h .detail{font-size: 14px;text-align: center;border-bottom: 1px solid #c3c3c3;padding: 20px 0;margin-bottom: 40px;}
.news_h .news_img{display: block;margin: 15px auto 0 auto;max-width: 700px;}
.news_h p{font-size: 16px;color: #515151;}
.news_h .img_bf{text-align: center;margin-top: 5px;}

/*产品区域*/

/*内容区域*/
.about .nav{width: 210px;box-shadow: #c3c3c3 2px 1px 2px;position: absolute;}
.about .nav .nav_bg{background: rgba(0,102,153,0.3);border-left: 5px solid rgb(245,83,61);width: 185px;padding: 0 5px 0 15px;}
.about .nav h3,.about .nav a{display: block;padding-left: 20px;letter-spacing: 1px;}
.about .nav h3{font-size: 18px;font-weight: 400;color: #333;line-height: 54px;background: #ededed;}
.about .nav a{font-size: 16px;line-height: 50px;color: #515151;background: #fff}
.about .nav a:hover{background: rgba(0,102,153,0.3);border-left: 5px solid #f5533d;width: 185px;padding: 0 5px 0 15px;}
.about .con{width: 790px;background: #fff;margin: 0 0 50px 0;box-shadow: #999 0px 0px 4px;padding: 20px 36px 50px 36px;position: relative;left: 260px;border-radius: 3px;}

.con .pro{margin: 0 auto;overflow: hidden;}
.con .pro img{width: 181px;height: 181px;display: block;margin: 7px;transition: 0.75s ease-out;}
.con .pro dl{border: 1px solid #e9e9e9;float: left;transition: 0.2s ease-out;background: #fff;}
.con .pro dl:hover{border-top: 1px solid #e2231a;}
.con .pro dl:hover a{color: #e2231a;}
.con .pro dl:hover img{transform: scale(1.1)}
.con .pro dt{width: 195px;height: 195px;overflow: hidden;}
.con .pro dd{text-align: center;font-size: 15px;}
.con .pro dd a{color: #515151;display: block;transition: 0.2s ease-out;line-height: 45px}

.p_banner{ width:790px; height:397px;position:relative;overflow: hidden;}
.p_pic li{ position:absolute;top: 0;left: 0; display:none;}
.p_banner:hover .btn{ display:block;}

/*荣誉页面*/

/*内容区域*/
.glory{overflow: hidden;padding-top: 9px;}
.glory dt,.glory dd{width: 394px;border-bottom: 1px solid #c1c1c1; }
.glory dt{float: left;border-right: 1px solid #c1c1c1;}
.glory dd{float: left;}
.glory_img{height: 260px;margin: auto;display: block;margin-top: 15px;}
.glory_bf{text-align: center;display: block;line-height: 45px;font-size: 16px;color: #333;}

/*工作页面*/

/*内容区域*/
.join{padding: 20px;}
.join_con{width: 920px;margin: 50px auto;padding: 50px 60px;box-shadow: #999 0px 1px 6px;background: #fff;}
.join_b{padding-top: 26px;margin-top: 22px;border-top: 1px solid #c5c5c5;}
.join span{font-size: 24px;font-weight: 600;margin-bottom: 20px;display: block;color: #333}
.join h3,.join h4,.household_about h3{font-size: 16px;font-weight: 700;color: #646464;line-height: 1.5;margin-bottom: 9px;}
.join h4{font-size: 14px;font-weight: 600;}
.join li{list-style-type: decimal;margin-left: 17px;line-height: 2.15;font-size: 16px;color: #515151;}
.join p{text-indent: 0;padding-top: 26px;border-top: 1px solid #c5c5c5;margin-top: 30px;font-size: 16px;color: #414141;}

/*店面页面*/

.b_list{width: 1200px;margin: 0 auto;margin-bottom: 65px;}
.household{width: 1200px;margin: 0 auto;padding: 30px 0;}
.clear{overflow: hidden;}
.clear a:hover {top: -7px;}
.clear_l,.clear_bl,.clear_bc{float: left;}
.clear_r,.clear_br{float: right;}
.clear_l,.clear_r{width: 570px;}
.clear_bl,.clear_br{width: 330px;}
.clear_bl{margin-right: 50px;}
.clear_br{margin-left: 50px;}
.clear_bc{padding: 0 51px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.clear span{font-size: 16px;line-height: 60px;}
.household_about{padding: 30px 0;}
.household_about img{margin-top: 15px;border-radius: 6px;}
.household_about p{color: #515151;font-size: 15px;}

.brands{padding: 50px 0 10px 0;background: url(../img/tt_b_2.jpg);margin-bottom: 30px;}
.brands h3{font-size: 30px;text-align: center;color: #fff;}
.brands p{text-align: center;color: #fff;margin: 10px}
.b_banner{ width:896px; height:510px;margin:30px auto; position:relative;}
.b_pic dt{display:block;float: left;padding: 10px;}
.b_pic img{display:block;width: 159px;height: 94px;border-radius: 6px;}
.b_pic li{ position:absolute; top:0; left:0; display:none;}
.b_banner:hover .btn{ display:block;}
.b_num li.active{ background:#c00;}
.b_btnLeft,.b_btnRight{top:100%; margin-top: -40px;height: 40px;line-height:40px;}
.b_btnLeft{left: 10px;}
.b_btnRight{right: 10px;}
