@charset "utf-8";



/* CSS Document */



/* 头部 */
#box_main{margin: 0 auto;}

.top{ height: 12vh;/*height: 85px;*/}

.top_cont{ width: 1350px;margin: 0 auto;}

.logo{ width: 222px;float: left;margin-left: 7%;}

.top_right{	width: 620px;float: right;margin-top: 40px;}

.top_right ul li{ float: left;margin-left: 40px;}

.top_right ul li:last-child{ margin-right: 0;}

.top_right ul li a{ color: #b7b5b5;font-size: 13px;font-weight: bold;display: block;}

.top_right ul li a:hover, .top_right ul li.active a{ color: #1091a8;padding-bottom: 5px;border-bottom: 1px solid #1091a8;/*margin-right: 30px;*/}



/* banner */

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height: 88vh; /*height:1080px;*/}

.lubo_box{ position: relative; width: 100%; height: 88vh; /*height:1080px;*/ }

.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height: 88vh; /*height:1080px;*/ opacity: 0;filter:alpha(opacity=0);}

.lubo_box li a{ display: block;width: 100%;  height: 100%;}



.lubo_box li img{ width: 100%; height: 1080px;}



/*圆点*/

.cir_box{ overflow: hidden; position: absolute; z-index: 100;}

.cir_box li{ float: left; width: 15px; height: 15px; border-radius: 15px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}

.cir_on{ background: #6594A8 !important;}



/*按钮*/

.lubo_btn{ position: absolute; width: 100%; top: 502px;}

.left_btn, .right_btn{ width: 86px; height: 75px; background: rgba(149,182,194,.5);transition:all .3s; opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.left_btn:hover, .right_btn:hover{background: rgba(149,182,194,1);}

.left_btn{ float: left;position: relative; left: 85px;}

.right_btn{ float: right;position: relative; right: 85px;}

/* banner */



/* 首页无缝地板 */

.index_floor{ margin: 0 auto; height: 745px; margin-top: 40px;}

.floor_title, .product_title, .franchise .title{ /*width: 300px;margin: 0 auto;display: -webkit-box;*/text-align: center; margin-bottom: 40px;}

.index_floor .contwrap{ width: 900px; float: right; padding-top: 25px;}

.left_xian, .right_xian{margin-top: 15px; display: none;}

.t_p{ margin: 0 2px;}

.t_p .title_en{ font-size: 20px;font-weight: bold;}

.t_p .title_cn{ text-align: center; font-size: 20px; color: #1d8498; font-weight: bold;}

/*.fl a{ position: relative; }*/

.leftbox{ position: relative; overflow: hidden;}

.leftbox a{ display: block; height: 567px; }

.leftbox:hover .text{ display: block; bottom: 0;}

.leftbox .text{ transition: all .3s; position: absolute; bottom: 0; width: 928px; background: rgba(85,171,190,.7); height: 80px; font-size: 22px; color: #fff; font-family: '黑体'; text-align: center; line-height: 80px;}



.i-wrap{ width: 1200px; height: 590px; margin: 0 auto;padding: 0 10px 20px 0; border: 1px solid #f1efef;}

.i-wrap .navbox{ float: left;width: 250px;}

.index_floor .navbox ul li{ width: 271px;height: 121px; border: 1px solid #f1efef; border-bottom: 0; border-left: 0 }

.index_floor .navbox ul li:first-child{ /*margin-top: 10px;*/}

.index_floor .navbox ul li:hover .ico:before, .index_floor .navbox ul li.hover .ico:before{ display: block; content: '';	width: 15px; height: 15px;	background: #09aac9; transform: rotate(45deg);	position: absolute; right: -8px; top: 54px; }

.index_floor .navbox_ico img{ margin: 20px 60px;}

.index_floor .navbox_title{/*display: none;*/}

.index_floor .navbox_title p{ font-style: normal; font-size: 25px; color: #09aac9; line-height: 121px; position: absolute; left: 125px;}

.index_floor .navbox ul li.hover .navbox_ico,.navbox ul li:hover .navbox_ico{ display: none;cursor: pointer; transition: all .3s;}

.index_floor .navbox ul li.hover .navbox_title,.navbox ul li:hover .navbox_title{ display: block;cursor: pointer; transition: all .5s;}

.index_floor .navbox ul li.hover .navbox_title p,.navbox ul li:hover .navbox_title p{ color: #fff; }

.navbox ul li .ico{ position: relative; }

.navbox ul li .ico1{background: #fafafa url('../images/floor_bg1.png') no-repeat;}

.navbox ul li .ico2{background: #fafafa url('../images/floor_bg2.png') no-repeat;}

.navbox ul li .ico3{background: #fafafa url('../images/floor_bg3.png') no-repeat;}

.navbox ul li .ico4{background: #fafafa url('../images/floor_bg4.png') no-repeat;}

.navbox ul li .ico5{background: #fafafa url('../images/floor_bg5.png') no-repeat;}

.index_floor .navbox ul li.hover .ico1, .navbox ul li:hover span.ico1{background: #09aac9 url('../images/floor_bghover1.png') no-repeat;}

.index_floor .navbox ul li.hover .ico2, .navbox ul li:hover span.ico2{background: #09aac9 url('../images/floor_bghover2.png') no-repeat;}

.index_floor .navbox ul li.hover .ico3, .navbox ul li:hover span.ico3{background: #09aac9 url('../images/floor_bghover3.png') no-repeat;}

.index_floor .navbox ul li.hover .ico4, .navbox ul li:hover span.ico4{background: #09aac9 url('../images/floor_bghover4.png') no-repeat;}

.index_floor .navbox ul li.hover .ico5, .navbox ul li:hover span.ico5{background: #09aac9 url('../images/floor_bghover5.png') no-repeat;}



/* 首页产品中心 */



.index_product .i-wrap{ background: transparent !important;}

.index_product .contwrap{ background: #f1eff0; border-top: 1px solid #ccc;}

.index_product .wrap{ width: 1200px; /*height: 740px; */margin: 0 auto; padding-top: 40px;}

.index_product .proclass{ width: 1200px; margin: 0 auto;}

.index_product ul li{ float: left; width: 298px; height: 66px; /*background: #f1eff0;*/ border-top: 2px solid transparent; cursor: pointer;}

.index_product ul li.hover, .index_product ul li:hover{ border-top: 2px solid #1f8a9f; background: #f1eff0;}



.proclass span.ico{ display: block; text-align: center; height: 68px;}

.proclass span.ico>p{ display: inline-block; font-size: 18px; color: #1f8a9f; vertical-align: super; margin-left: 10px; position: relative; bottom: 23px;}



.contwrap .wrap a{ background: #fff;width: 363px;/*height: 320px;*/display: inline-block; box-shadow: 0px 0px 30px 0px #a9a8a8; transition: all .5s; margin: 0 50px 50px 0; padding-bottom: 30px;}

.contwrap .wrap a:nth-child(3n){margin-right: 0;}

.contwrap .wrap .pro_pic{ /*height: 190px;*/ overflow: hidden;}

.contwrap .wrap .pro_cont{ font-style: normal; transition: all 0.5s; display: block; /*max-height: 100px;*/height: 45px; background: #fff; border-bottom: 3px solid #bab6b4; /*padding: 38px 10px 10px;*/padding: 20px 10px 10px; overflow: hidden;}

.pro_cont .pro_text{ height: 50px; overflow: hidden; color: #4d4d4d;}

.contwrap .wrap a:hover .pro_cont{ border-bottom: 3px solid #2797ad;}

.contwrap .wrap a:hover{ box-shadow: 0px 5px 30px 5px #a9a8a8; }



/*底部*/



.footer{ background: #4d4b4c; margin-top: 50px;}

.foot_cont{ width: 1200px; margin: 0 auto;}

.foot_logo{ text-align: center; padding: 50px 0 25px;}

.foot_nav{ height: 42px; border-top: 1px solid #5d5c5c; border-bottom: 1px solid #5d5c5c; text-align: center; line-height: 42px;}

.foot_nav ul li{ display: inline-block; margin-right: 25px; }

.foot_nav ul li:last-child{ margin-right: 0; }

.foot_nav ul li a{ font-size: 12px; color: #e1e0e0; }

.foot_nav ul li:before{ width: 7px; height: 7px; content: ''; background: #fff; display: inline-block; margin-right: 10px; border-radius: 7px;}

.foot_text{ padding: 25px 0px; color: #b6b5b5; text-align: center; }



/* 联系我们 */



.contact_ban{ height: 400px; }

.contact_ban .ban_img{ background: url(../images/contact-banner.jpg) center top no-repeat; width: 100%; margin: 0 auto; height: 400px; }

.contact{ margin: 35px 0; }

.container{width: 1160px; margin: 0 auto;}

.contact_bg, .choice_bg{ position: relative; }

.contact_bg .title{ position: absolute; top: 70px; font-size: 50px; color: #61bfbd; left: 4px; }

.contact_bg .cont{ color: #59beba; font-size: 12px; position: absolute; top: 150px; width: 730px; }

.Distributor{ margin-top: 35px; background: #f2f0f0; position: relative;}

.Distributor .title{ width: 355px; text-align: center; float: left; font-size: 40px; color: #1f8a9f; position: absolute; top: 50%; left: 20px;margin-top:-27px}

.Distributor .line{ width: 355px; height: 1px; background: #1f8a9f; display: inline-block; margin-bottom: 6px;}

.Distributor .cont{ width: 740px; float: right; margin: 25px 25px 0 0;}

.Distributor .cont ul li{ height: 90px;overflow: hidden; padding: 1%; border: 1px solid #ccc; width: 340px; font-size: 15px; color: #59beba; line-height: 23px; float: left; margin: 0 0 20px 12px;}

.container .info{ color: #1f8a9f; font-size: 16px; margin-top: 40px; }

.info a{ color: #1f8a9f; }



/* 加盟 */



.franchise .title_cn, .condition .title_cn{ font-family: '宋体'; }

.join_ban{ height: 400px; }

.join_ban .ban_img{ background:url(../images/join-banner.jpg) center top no-repeat; width: 100%; margin: 0 auto; height:400px;}

.franchise{ margin-top: 40px; }

.w1200{ width: 1200px; margin: 0 auto; }

.fran_img ul li{ float: left; margin: 0 43px 30px 0;}

.fran_img ul li:nth-child(3n){ margin-right: 0; }

.fran_img img{ border-radius: 30px; width: 370px; height: 218px; }

.text_bg img{ border-radius: 25px; }

.text_bg{ position: relative; }

.text_bg .text{ position: absolute; top: 0; right: 0px; height: 555px; width: 600px; background: #ccc; border-radius: 0px 25px 25px 0px; }

.text_bg .text table td{ color: #1491a8; padding-left: 10px; font-size: 14px; height: 60px; }

.text_bg .text ul li{ height: 60px; line-height: 28px; overflow: hidden; margin: 15px 10px 0 15px; }

.text ul li p{ display: inline-block; width: 60px; height: 60px; background: #1491a8; border-radius: 60px; text-align: center; line-height: 60px; color: #fff; float: left; }

.process{ background: #f2f0f0; border-radius: 25px; }

/*.text ul li span{ color: #1491a8; font-size: 14px; height: 60px; width: 500px; float: right; line-height: 30px; }*/



/* 无缝地板 */



.floor{ width: 1200px; margin: 0 auto; margin-bottom: 35px; }

#floor_con{ width: 1200px; margin: 0 auto;}

#floor_con li{ padding-top: 10px; }

#floor_con li:first-child{ margin-bottom: 0; margin-top: 35px; }

.class_title{ text-align: center; color: #fff; margin: 0 auto; padding: 12px 40px 17px; background: #1091a8; font-size: 30px; display: block; width: 160px; }

.floor_ban .ban_img{ background:url(../images/floor-banner.jpg) center top no-repeat; width: 100%; margin: 0 auto; height:400px; }

/*.choice_bg{ background:url(../images/diban2.jpg) center top no-repeat; width: 100%; margin: 0 auto; height: 333px; }*/

.choice_title{ color: #fff; width: 1200px; margin: 0 auto; padding-top: 70px}

.choice_title .title{ margin-bottom: 55px; font-size: 35px; text-align: center; }

.advantage{ width: 1200px; margin: 0 auto; margin-top: 35px; }

.floor_page{ margin-top: 40px; text-align: center; width: 400px; }

.floor_page ul li{ float: left; }

.floor_page a{ padding: 5px 20px; background: #928d90; margin: 0 15px; font-size: 15px; color: #fff; transition: all 0.3s; }

.floor_page a:hover, .floor_page a.selected{ background: #1091a8; }



/* 产品中心 */

.product_ban{ height: 400px; }

.product_ban .ban_img{ background: url(../images/product-banner.jpg) center top no-repeat; width: 100%; margin: 0 auto; height: 400px; }

.i-wrap2{ border-top: 1px solid #ccc; }

.pro_class li{ width: 297px !important; border-left: 1px solid #ccc  !important; }

.pro_class li:last-child{ border-right: 1px solid #ccc !important; }



.procont .wrap a{ width: 590px; height: 446px; position: relative; display: inline-block; transition: all .5s; margin: 0 15px 20px 0;}

.procont .wrap a:nth-child(2n){margin-right: 0;}

.procont .wrap .pro_pic{ height: 446px; }

.procont .wrap .pro_cont{ font-style: normal; transition: all 0.6s; display: block; background: rgba(187,220,226,0); overflow: hidden; position: absolute; top: 0; width: 590px; height: 446px;}

.pro_cont .product_name{ position: absolute; top: 190px; color: #fff; font-size: 26px; width: 590px; text-align: center; }

.procont .pro_text{ height: 361px; width: 485px; transition: all .5s; margin: 45px; display: block; opacity: 0; border: 1px solid #fff; overflow: hidden; color: #4d4d4d;}

.pro_text .product_model{ opacity: 0; position: absolute; text-align: center; width: 487px; line-height: 390px; font-size: 18px; color: #fff; }

/*.procont .wrap a:hover .pro_cont{ background: rgba(187,220,226,.3); }*/

.procont .wrap a:hover .pro_text, .procont .wrap a:hover .product_model{ opacity: 1; }

.procont{ background: #f1eff0; border-top: 1px solid #ccc; }

.product_page { text-align: center; width: 400px; background: #f1eff0; height: 100px; width: 100%; padding-top: 50px;}

.product_page ul li{ float: left; }

.product_page a{ padding: 5px 20px; background: #928d90; margin: 0 15px; font-size: 15px; color: #fff; transition: all 0.3s; }

.product_page a:hover, .product_page a.selected{ background: #1091a8; }



/* 新闻 */



.news_ban{ height: 400px; }

.news_ban .ban_img{ background:url(../images/news-banner.jpg); width: 100%; margin: 0 auto; height: 400px; }

.news{ min-height: 500px; background: #f2f0f0; padding-bottom: 25px;}

.news_container .news_left{ float: left; }

.news_container .news_right{ float: right; }

.news_container ul{ height: 290px; border-bottom: 2px solid #ccc; }

.news_container ul:hover{ border-bottom: 2px solid #0d90a7; }

.news_container ul:hover .news_title{ color: #0d90a7;  }

.news_container ul li{ /*height: 290px;*/}

.news_container ul li img{ margin-top: 24px; }

.news_container .text{ width: 590px; margin-top: 80px;}

.news_text .news_year{ font-size: 22px; color: #77706d; }

.news_text .news_month{ font-size: 14px; color: #77706d; margin-left: 10px; }

.news_text .news_title{ font-size: 18px; font-weight: bold; color: #343434; margin: 8px 0; }

.news_text .news_describe{ color: #999999; height: 75px; display: block; overflow: hidden; }

.news_text .data{ font-weight: bold; color: #77706d; }

.news_page { text-align: center; width: 400px; background: #f1eff0; height: 100px; width: 100%; padding-top: 50px;}

.news_page ul li{ float: left; }

.news_page a{ padding: 5px 20px; background: #928d90; margin: 0 15px; font-size: 15px; color: #fff; transition: all 0.3s; }

.news_page a:hover, .product_page a.selected{ background: #1091a8; }





/* 新闻详情 */

.crumbs{ height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; }

.crumbs i{ margin: 0 5px; font-style: normal;}

.newShow .news-show-title{ font-size: 22px; color: #343434; margin-top: 15px; text-align: center;}

.newShow .news-show-date{ text-align: center; font-size: 15px; color: #343434; }

.newShow .news-show-cont{ margin: 20px 0; color: #343434; }

.news-show-cont img { max-width: 100% }



@media screen and (min-width: 1921px) and (max-width: 2560px){ 

	#box_main{
		max-width: 2560px;
/*		width: 1920px;*/
		margin-left: 0;
		overflow-x: hidden;
	}
	.top{
		height: 7vh;
	}
	.top_cont{
		/*margin-left: 320px;*/
	}

}