@charset "utf-8";
.head{ height: 100px; width: 100%; position: fixed; left: 0; top: 0; z-index: 9; background: #fff;
-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.head .box {max-width: 1000px;min-width:1000px;height: 100px; position: relative; margin: 0 auto;
}
.nav_fixed .head{ height: 70px;
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.nav_fixed .head .nav h2 a:link, .nav h2 a:visited{ line-height: 70px;
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.nav_fixed .head .nav #m5 {height: 70px;}
.nav_fixed .head .nav #m5 a{    height: 70px;}
.nav_fixed .head .nav #m5 a img{    height: 100px;
}
.nav_fixed .head .nav #m5 span{ background-size: 80%;}
.he_100{ height: 100px; width: 100px;}
.color_index{ color:#1392a5}

/******************************************轮播****************************/
.slideBox_wrap {overflow: hidden;position: relative;height: 800px; min-width: 1200px;
}
.slideBox_row {position:absolute;left:50%;margin-left:-960px;width:1920px;
}
.slideBox {overflow: hidden;position: relative;
}
.slideBox .hd {height: 22px;overflow: hidden;position: absolute;bottom: 30px;z-index: 1;
}
.slideBox .hd ul {overflow: hidden;zoom: 1;
}
.slideBox .hd ul li {display:inline-block;margin-right: 10px;width: 20px;height: 10px;text-align: center;cursor: pointer;
	background: url(  ../images/icon2.png) center center no-repeat;
	_background:url(../images/icon2.png)  center center  no-repeat;
}
.slideBox .hd ul li.on {width: 40px;
	background: url(  ../images/icon3.png) center center no-repeat;
	_background:url(../images/icon3.png)  center center  no-repeat;
}
.slideBox .bd {position: relative;height: 100%;z-index: 0;
}
.slideBox .bd ul li{width: 1920px;height: 800px;
}
.slideBox .bd img {display: block;
}
/*page slideBox*/
.page_banner_wrap {width:100%;min-width:1200px;position:relative;height:300px;overflow:hidden;
}
.page_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;height:300px;
}
.page_ban_title{ position: absolute; width: 100%; top:130px;z-index: 1;}
.page_ban_title h5{ color: #fff; font-size: 24px;}
.page_ban_title p{ color: #fff; font-size: 16px;}
.map_box{position: absolute;width: 100%;z-index: 1;top: 140px;}
.map{ font-size: 12px; color: #fff;}
.map a{ font-size: 12px; color: #fff;}
.map span{ font-family: serif; margin: 0 10px;}

/* -----------------------------------------------navi_01导航样式  ---------------------*/
.navBar {position: relative;z-index: 1;color: #fff;height:100px;line-height:100px;
}
.nav .m {position: relative;float: left;width: 12.5%;display: inline;text-align: center;
}
.nav h2 a:link, .nav h2 a:visited {zoom: 1;width: 100%;height: 100px;line-height: 100px;display: block;color: #333;text-align:center;font-size: 16px;
}
.nav #m5{ width: 228px;height: 100px; }
.nav #m5 a{ width: 228px;height: 100px; position: relative; text-align: center;}
.nav #m5 span{  display: block; width: 228px; height:46px;  position:  absolute; bottom: -36px;left: 0;  background-image: url(../images/bg1.png);
	background-position: center top;  background-repeat: no-repeat; background-size: 100%;
}
.nav #m5 img{ position: relative; z-index: 3;height: 119px;
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
/*当前状态*/
.nav .cur a:link, .nav .cur a:visited {	
	color: #1392a5; font-weight:bold;
}
.nav .on a:link, .nav .on a:visited {
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
	color: #1392a5;
}
/*---------------------  下拉菜单    ---*/
.nav .sub {display: none; /*默认隐藏*/width: 100%;position: absolute;left: 0px;top: 100px;float: left;line-height: 50px;
	overflow:visible;background: #73b71d;
}
.nav .sub li {text-align: center;}
.nav .sub li a:link, .nav .sub li a:visited {color: #fff;display: block;zoom: 1;border: none;}
.nav .sub li a:hover {background: #1392a5;/*副色*/color: #fff;
}
/*---------------------  首页集团产业    ---*/
.ind_industry{ background: #f9f9f9;}
.ind_industry li{ float:left;height: 200px;  background-repeat: no-repeat; background-position: right center;    background-size:100%;
	transition: all 0.3s;-webkit-transition: all 0.3s;
}
.ind_industry li:hover{ background-size: 110%;
	transition: all 0.3s;-webkit-transition: all 0.3s;}
.ind_industry li a{ display: block; height: 100%; border-right: 1px solid #fff;}
.ind_industry .li1{ width: 15%; margin-right: 5%;}
.ind_industry .li2{ width: 18%; padding-left: 2%; background-image: url( ../images/img1.jpg);}
.ind_industry .li3{ width: 18%; padding-left: 2%; background-image: url( ../images/img2.jpg);}
.ind_industry .li4{ width: 18%; padding-left: 2%; background-image: url( ../images/img3.jpg);}
.ind_industry .li5{ width: 18%; padding-left: 2%; background-image: url( ../images/img4.jpg);}

/*---------------------  首页新闻    ---*/
.ind_news .tab{ width:630px; min-height: 420px; padding: 20px 50px 0px 50px; background: #f9f9f9;  }
.tab .box {width: 100%;position: relative;
}
.tab .box .menus {width: 100%;height: 50px;border-bottom: 2px solid #eee; margin-bottom: 20px;
}
.tab .box .menus li {float: left;width: 100px;height: 50px;font-size: 16px;color: #333;text-align: center;line-height: 50px; margin-right: 10px;
    transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;
}
.tab .box li.bg {border-bottom: 2px solid #1392a5; color: #1392a5;height: 50px;line-height: 50px;
}
.tab .right {float: left;width: 100%;height: 360px;overflow: hidden; 
}
.tab .tab_right {width: 100%;height: 360px;color: #fff;text-align: left;position:relative; 
}
.tab .scroll {transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;
}

.fist_n_l{ overflow:hidden; position:relative; }
.fist_n_l .hd{ overflow:hidden;  height:10px;  padding:0 10px;  }
.fist_n_l .hd ul{ float:right; overflow:hidden; zoom:1; }
.fist_n_l .hd ul li{ float:left;  width:20px; height:8px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:#ccc; }
.fist_n_l .hd ul li.on{  background: #1392a5;}
.fist_n_l .bd ul{ overflow:hidden; zoom:1; }
.fist_n_l .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:left;  }
.fist_n_l .bd ul li .pic{ text-align:left; }
.fist_n_l .bd ul li .pic img{ width:200px; height:200px; display:block;  }
.fist_n_l .bd ul li .pic a:hover img{ border-color:#999;  }
.fist_n_l .bd ul li .title h3 a{ display: block; width: 100%; height: 90px; line-height: 30px;}

.tab_right h3.m{ height: 40px; line-height: 40px;}
.tab_right h3.m a{ display:block;line-height: 40px; }
.tab_right h3.m a i{ padding: 0 10px; background: url(../images/icon4.png) center no-repeat; float: left; margin-right: 10px;line-height: 40px;height: 40px; }
.tab_right h3.m a:hover i{ background: url(../images/icon5.png) center no-repeat;}
.tab_right h3.m p{display: block;font-size: 14px;line-height: 40px;height: 40px;width: 430px;float: left;overflow: hidden;}
.tab_right h3.m span{ float: right; margin-right: 15px;}

.ind_news_r a{ display: block; width: 440px; height: 210px; position: relative;}
.ind_news_r a .text{position: absolute;left: 30px; bottom: 50px; color: #fff; }

/*---------------------  首页品牌来源    ---*/
.ind_brand{ width: 100%; background: url(../images/bg4.jpg) center top no-repeat; min-height: 500px; color: #fff;}
.ind_brand a.more{ display: block; width: 130px; line-height: 40px; border: 3px solid #fff; text-align: center;color: #fff; margin: 50px auto;
	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
}
.ind_brand a.more:hover{ background: #fff; color: #1392a5;}
.ind_brand .p span{ margin: 0 30px; color: #fff;}
.ind_group .text span{ border-bottom: 1px solid #eee; display: block; margin: 10px 0 20px 0;}

/*---------------------  首页旗下品牌    ---*/
.ind_br_list{ background: #f9f9f9;}

.br_left{ position:relative;     }
.br_left .icon_box{ overflow:hidden;  height:60px; line-height: 50px; width: 265px; margin: 0 auto;  text-align: center;
	background: url(../images/bg6.png) center top no-repeat; }
.br_left .icon_box a{ display: block;float: left;  width:100px; height:50px;line-height: 50px;overflow:hidden; cursor:pointer; 
}
.br_left .icon_box .next{ margin-left: 20px;}
.br_left .icon_box .prev{margin-right: 10px; }
.br_left .icon_box span{ line-height: 50px;display: block;float: left;width:20px;
}

.br_left .bd{ padding:50px; width:1100px; overflow:hidden;  background: #fff;  }
.br_left .bd ul{ overflow:hidden; zoom:1; }
.br_left .bd ul li{ margin-right:20px;  float:left;  text-align:left; _display:inline;}

.b_l .b_title{ line-height: 50px;float: left;}
.b_l .b_logo{ max-width: 200px;}
.b_l .br_icon{ display: block; width: 20px; height: 20px; float: left; background: url(../images/icon7.png) center no-repeat;}
.b_l a.more{ display: block; width: 130px; line-height: 34px; text-align: center; border: 3px solid #333; margin-top: 30px;}
.b_l:hover a.more{ background: #333;  color: #fff;}

.b_r{width:450px; height:300px; overflow:hidden; position:relative; padding-bottom: 74px; margin-left: 100px;
	background: url(../images/bg7.png) center bottom no-repeat;
}

/*--- 品牌店展示    ---*/
.show_left{ overflow:hidden; position:relative; }
.show_left .hd{ overflow:hidden; }
.show_left .hd ul{ text-align: left; overflow:hidden; zoom:1; margin-top: 20px;}
.show_left .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:20px; text-indent:-999px; cursor:pointer; background:#ccc;
	-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; 
}
.show_left .hd ul li.on{ background:#1392a5; }
.show_left .bd ul{ overflow:hidden; zoom:1; }
.show_left .bd ul li{ margin-left:20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.show_left .bd ul li .pic{ text-align:center; }
.show_left .bd ul li .pic img{ width:290px; height:250px; display:block;  }

/*--- 内页导航    ---*/
.class_nav{ line-height: 34px; padding: 20px 0; border-bottom: 1px solid #f6f6f6;}
.class_nav a{ display: block; width: 100px; float: left; margin-right: 20px; text-align: center; line-height: 34px;background: #eee;}
.class_nav a:hover, .class_nav a.cur{ color: #fff; background: #1392a5;}

/*--- 新闻列表    ---*/
.news_bg{ background: #f3f3f3;}
.news_list li{ width: 590px; background: #fff; transition: all ease-out .5s; margin-bottom: 20px; }
.news_list li .img{ width: 295px; height: 295px; position: relative;}
.news_list li .img span{ display: block; width: 21px; height: 52px; position: absolute; right: 0; top: 124px; 
	background: url(../images/bg8.png) right center no-repeat; z-index: 1;
}
.news_list li .text{ width: 255px; height: 255px; background: #fff; padding: 20px;}
.news_list li .text h3{ line-height: 30px;  height: 90px; overflow: hidden;text-align: left;}
.news_list li .date .p1{position: relative;line-height: 50px;}
.news_list li .date .p1 span{position: absolute;right: 60px;top: -20px;font-size: 20px;}
.news_list li:hover .img img{transform: scale(1.3, 1.3);}
.news_list li:hover { -moz-box-shadow:0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc; box-shadow: 0px 0px 20px #ccc;}

.class_box{position: absolute;width: 100%;z-index: 1;bottom: 30px;}
.class_box .class_nav{ border-bottom: none;}
.class_box .class_nav a{  color: #fff; background: none;}
.class_box .class_nav a.cur{   background: #1392a5;}

.news_de_l .text_info{ border-bottom: 1px solid #f6f6f6;}
.news_de_r .title{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f6f6f6;}
.news_de_r .hot_news .p1{ max-height: 48px; line-height: 24px; overflow: hidden;}

/*--- 品牌列表    ---*/
.brand_con .br_left .box{ background: #f9f9f9;padding:50px; width:1100px; margin-bottom: 30px; }
.brand_con .br_left li:nth-child(even) .b_r{margin-left:0;}
/*--- 品牌详情    ---*/
.br_wrap {width:100%;min-width:1200px;position:relative;height:600px;overflow:hidden;}
.br_banner {position:absolute;left:50%;margin-left:-960px;width:1920px;height:600px;}
.br_wrap .title{ position: absolute;width: 100%;z-index: 1;top: 140px;}
.br_wrap .title .more{ display: block; width: 300px; line-height: 50px; }
.br_wrap .title .more span{ display: block; width: 50px; height: 50px; background: url(../images/icon9.png) center no-repeat;
	-webkit-transition: all 0.4s linear -1ms;-moz-transition: all 0.4s linear -1ms;-ms-transition: all 0.4s linear -1ms;-o-transition: all 0.4s linear -1ms;transition: all 0.4s linear -1ms;
}
.br_wrap .title .more:hover span{background: url(../images/icon8.png) center no-repeat;}
.br_de, .br_de a{ color: #999;  line-height: 50px;}
.brand_de .title{ padding-bottom: 20px;border-bottom: 1px solid #f6f6f6;}
.brand_de .title .br_icon{display: block; width: 20px; height: 20px; float: left; background: url(../images/icon7.png) center no-repeat;}

.br_photo_left{ overflow:hidden; position:relative; }
.br_photo_left .hd{ overflow:hidden; }
.br_photo_left .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top: 20px;}
.br_photo_left .hd ul li{ display: inline-block; width:10px; height:10px; overflow:hidden; margin-right:20px; text-indent:-999px; cursor:pointer; background:#ccc;
	-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; 
}
.br_photo_left .hd ul li.on{ background:#1392a5; }
.br_photo_left .bd ul{ overflow:hidden; zoom:1; }
.br_photo_left .bd ul li{ margin-left:20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.br_photo_left .bd ul li .img{ text-align:center; border: 3px solid #eee; }
.br_photo_left .bd ul li .img img{ width:380px; height:250px; display:block;  }

.contact_co{ width: 100%; padding: 70px 0 40px 0; background: url(../images/bg9.jpg) center no-repeat;}
.co_r{ width: 530px; height: 390px; background: #fff; padding: 30px 60px;}
.co_r h5{ margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #f6f6f6; }
.co_r .qq_name{display: block; width: 170px; line-height: 40px; text-align: center; background: #eeeeee; float:left;
}
.co_r .qq_name:hover{background: #1392a5; color: #fff;}

/*--- 留言    ---*/
.messages .input{ border: none; background: #eee; line-height: 40px;}
.messages .textarea{border: none; background: #eee; line-height: 24px; height: 100px;}
.messages .button_1_b{ display: block; width: 250px; line-height: 40px; color: #fff;background: #aaaaaa;  text-align: center; margin-top: 20px; float: left;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; 
cursor: pointer;}
.messages .button_1_b:hover{background: #1392a5;color: #fff;}

.ho_list li{
    display: block;
    float: left;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    width: 27%;
    padding-left: 2%;
    margin-right: 4%;
}

.ind_about {padding:30px 0 ;}
.ind_about .ind_about_l img{ width:100%;}
.ind_about .ind_about_r a{font-size:16px;float:left;color:#e60012;padding-right:20px;background:url(../images/icon18.png) 100px center no-repeat;background-color: #eee;padding: 5px 15px;border-radius: 25px;width: 110px;}


 .row3 { clear:both; overflow:hidden; padding:70px 0 105px 0; width:1314px; margin:0 auto;}
.row3 .mTit { text-align:center; margin-bottom:65px;}
 .row3 .mTit p.p1 { font-size:30px; margin-bottom:8px;}
.row3 .mTit p.p2 { font-size:20px; color:#b2b2b2;text-transform:uppercase; margin-bottom:8px;}
 .row3 .mTit p.p3 { width:32px; height:1px; background:#656565; margin:0 auto; margin-bottom:12px}
 .row3 .mTit p.p4 { font-size:20px; color:#555;}
 .row3 .list .d { width:207px; height:315px; float:left; overflow:hidden; margin:0 6px; border-radius:15px; position:relative; left:0; top:0; cursor:pointer;}
 .row3 .list .d p.p1 { position:absolute; left:0; top:0; z-index:2; width:65px; height:65px;}
 .row3 .list .d p.p1 img { display:block; width:100%; height:100%}
 .row3 .list .d p.p2 {position:absolute; left:0; top:0; z-index:1}
 .row3 .list .d p.p2 img { display:block; width:100%; height:100%}
 .row3 .list .d p.p3 { color:#fff; position:absolute; left:0; bottom:0; z-index:2; padding:21px 20px 21px 20px; width:100%; box-sizing:border-box; height:135px;transition:0.5s;-webkit-transition:0.5s;}
 .row3 .list .d p.p3 span { display:block; width:100%}
 .row3 .list .d p.p3 span.sp1 { text-align:center; font-size:18px; height:94px; line-height:94px;  margin-bottom:18px;}
 .row3 .list .d p.p3 span.sp2 { line-height:20px; font-size:12px; display:none}
 .row3 .list .d1 p.p3 { background:#4c9b24;}
 .row3 .list .d2 p.p3 { background:#1392a5;}
 .row3 .list .d3 p.p3 { background:#fd7600;}
 .row3 .list .d4 p.p3 { background:#66da2d;}
 .row3 .list .d5 p.p3 { background:#1392a5;}
 .row3 .list .d6 p.p3 { background:#fd7600;}
 .row3 .list .d:hover p.p3 { height:235px;}
 .row3 .list .d:hover p.p3 span.sp1 { height:35px; line-height:35px;}
 .row3 .list .d:hover p.p3 span.sp2 { display:block}
 
 .mendian-list { width:1200px; margin:0 auto;}
.mendian-list ul li { background:#f8eed5; float:left; width:333px; height:260px; padding:15px; margin:0 10px; text-align:center; margin-bottom:40px;}
.mendian-list ul li a { display:block;}
.mendian-list ul li p.p1 { width:333px; height:230px; float:left; overflow:hidden; margin-bottom:6px;}
.mendian-list ul li p.p1 img { display:block; width:100%; height:100%;transition:all .5s;}
.mendian-list ul li p.p2 { font-size:16px; line-height:30px; color:#000}
.mendian-list ul li:hover p.p1 img{transform: scale(1.04, 1.04);opacity:0.9;filter:alpha(opacity=90);}
.mendian-list ul li:hover p.p2 { color:#f97600}

 .news-content .item { max-width: 1100px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(218, 223, 230, 0.5); margin-bottom: 30px; padding-bottom: 30px; }
.news-content .item:first-child { padding-top: 30px; border-top: 1px solid rgba(218, 223, 230, 0.5); }
.news-content .item a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; color: #202d40; }
 .news-content .item a .left { -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 130px; }
 .news-content .item a .left img { display: inline-block; width: 120px; max-height:120px; margin-left: 0;}
 .news-content .item a .right { -ms-flex-positive: 1; flex-grow: 1; display: block; margin-left: 28px; }
 .news-content .item a .right .top { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
 .news-content .item a .right .top .tit { color: #202d40; font-size: 20px; font-weight: 500; letter-spacing: 0px; -webkit-transition: all 0.3 ease; -o-transition: all 0.3 ease; transition: all 0.3 ease; }
 .news-content .item a .right .top .time { color: #727f8f; font-size: 15px; font-weight: normal; letter-spacing: 0px; }
 .news-content .item a .right .bottom { display: block; margin-top: 18px; color: #727f8f; font-size: 14px; font-weight: normal; text-align: justify; line-height: 24px; }
 .news-content .item:hover .right .top .tit { color: #009688; }


















































