.header-wrap,.footer-contain{background:#fff;}
.header-content {/*width:1170px;*/margin:0 auto;height: 100px; line-height: 100px; position: relative;}
.site-title{float:left;height:100px;font-size:50px;padding:0 15px;overflow:hidden;}
.site-title img{max-height:90px}
.site-navigation { display: table; height: inherit; line-height: 30px; float: right; position: relative; z-index: 100; font-size: 14px; margin-top: 27px }
.site-navigation>div>ul { display: table-cell; height: inherit; margin: 0; padding: 0; text-align: right; vertical-align: middle }
.site-navigation>div>ul>li { display: inline-block; position: relative; text-align: center; vertical-align: middle }
.site-navigation>div>ul>li>a,.site-navigation>div>ul>li>span>a { border-bottom: none; position: relative; overflow: hidden; color: #333; display: block; font-size: 15px; font-weight: 500; padding: 7px 20px; border-radius: 2px; text-decoration: none; text-transform: uppercase; z-index: 251; -webkit-transition: color .3s ease-in-out 0s; -moz-transition: color .3s ease-in-out 0s; -o-transition: color .3s ease-in-out 0s; -ms-transition: color .3s ease-in-out 0s; transition: color .3s ease-in-out 0s }
.site-navigation>div>ul>li>a:after { position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #dd370a; border-radius: 500px; top: 15px; z-index: -1; content: ""; -webkit-transition: all .5s ease-in-out 0s, color .2s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s, color .2s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s, color .2s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s, color .2s ease-in-out 0s; transition: all .5s ease-in-out 0s, color .2s ease-in-out 0s }
.site-navigation ul li a:hover { border-bottom: none }
.site-navigation ul li a small { display: block; font-size: 80%; letter-spacing: normal; font-weight: 300; line-height: 0; padding: 0; opacity: 0; text-align: inherit; text-transform: none; transform: translateY(-10px); -webkit-transition: -webkit-transform .15s ease-in-out 0s, opacity .15s ease-in-out 0s; -moz-transition: -moz-transform .15s ease-in-out 0s, opacity .15s ease-in-out 0s; -o-transition: -o-transform .15s ease-in-out 0s, opacity .15s ease-in-out 0s; -ms-transition: -ms-transform .15s ease-in-out 0s, opacity .15s ease-in-out 0s; transition: transform .15s ease-in-out 0s, opacity .15s ease-in-out 0s }
.site-navigation ul li>a:hover>small { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); opacity: 1 }
.site-navigation>div>ul>li>a small { font-size: 75% }
.site-navigation ul.sub-menu>li.has-description>a span { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: relative; display: block; -webkit-transition: -webkit-transform .15s ease-in-out 0s; -moz-transition: -moz-transform .15s ease-in-out 0s; -o-transition: -o-transform .15s ease-in-out 0s; -ms-transition: -ms-transform .15s ease-in-out 0s; transition: transform .15s ease-in-out 0s }
.site-navigation ul.sub-menu>li.has-description>a:hover>span { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); color: #dd370a }
.site-navigation>div>ul>li:hover>a { color: #fff }
.site-navigation>div>ul>li:hover>a:after { opacity: 1; -webkit-transform: scale(50); -moz-transform: scale(50); -o-transform: scale(50); -ms-transform: scale(50); transform: scale(50) }
.site-navigation ul li { list-style: none }
.site-navigation .sub-menu:before { content: ''; position: absolute; top: -31px; width: 100%; display: block; background-color: transparent; height: 31px; z-index: 10 }
.site-navigation .sub-menu { margin-top: 0; text-align: left; background: none repeat scroll 0 0 #fff; left: -9999px; position: absolute; z-index: 250; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s; -moz-transition: opacity .2s ease .1s, -moz-transform .2s ease .1s; -o-transition: opacity .2s ease .1s, -o-transform .2s ease .1s; -ms-transition: opacity .2s ease .1s, -ms-transform .2s ease .1s; transition: opacity .2s ease .1s, transform .2s ease .1s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) }
.site-navigation>div>ul>li>a:focus+.sub-menu, .site-navigation>div>ul>li:hover .sub-menu { opacity: 1; left: auto; right: 0; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1) }
.site-navigation>div>ul>li:hover>.sub-menu { -webkit-transform: translateY(10px) scale(1); -moz-transform: translateY(10px) scale(1); -o-transform: translateY(10px) scale(1); -ms-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1) }
.site-navigation>div>ul>li:hover .sub-menu:after { content: ""; height: 20px; left: 0; position: absolute; top: -20px; width: 100% }
.site-navigation>div>ul>li>.sub-menu:before { content: ''; display: none; top: -50px; width: 100%; left: -10px; height: 60px; z-index: 1; position: absolute }
.site-navigation>div>ul>li:hover>.sub-menu:before { top: -50px; display: block }
.site-navigation { position: relative; text-align: left }
.site-navigation li { position: relative }
.site-navigation .sub-menu { width: 200px; background: #fff }
.site-navigation .sub-menu a { color: #555; font-size: 14px; display: block; padding: 5px 20px; -webkit-transition: all .15s ease 0s; -moz-transition: all .15s ease 0s; -o-transition: all .15s ease 0s; -ms-transition: all .15s ease 0s; transition: all .15s ease 0s }
.site-navigation .sub-menu li:last-child a { border-bottom: none }
.site-navigation .sub-menu a:hover { padding-left: 15px; text-decoration: none; background: rgba(0,0,0,.02); text-decoration: none }
.site-navigation .sub-menu a:hover span { color: #dd370a }
.site-navigation>div>ul li .sub-menu .sub-menu { -webkit-transform: translateX(25px) scale(.9); -moz-transform: translateX(25px) scale(.9); -o-transform: translateX(25px) scale(.9); -ms-transform: translateX(25px) scale(.9); transform: translateX(25px) scale(.9); -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s; -moz-transition: opacity .2s ease .1s, -moz-transform .2s ease .1s; -o-transition: opacity .2s ease .1s, -o-transform .2s ease .1s; -ms-transition: opacity .2s ease .1s, -ms-transform .2s ease .1s; transition: opacity .2s ease .1s, transform .2s ease .1s; left: -9999px; opacity: 0; position: absolute; top: 0; margin: 0 }
.site-navigation .sub-menu li:hover>.sub-menu { left: -100%; opacity: 1; -webkit-transform: translateX(1px) scale(1); -moz-transform: translateX(1px) scale(1); -o-transform: translateX(1px) scale(1); -ms-transform: translateX(1px) scale(1); transform: translateX(1px) scale(1) }
.site-navigation .sub-menu .menu-item-has-children>a { border-left: 2px solid #dd370a }

#swiper-slide-box{width:100%;height:600px;position:relative;overflow:hidden;}
#swiper-slide-box .swiper-slide{height:600px;background-position:center;background-repeat:no-repeat;background-size:cover}
#swiper-slide-box .swiper-slide a{position:relative;display:block;width:100%;height:100%;}
#swiper-slide-box .swiper-slide a .over{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1;}
#swiper-slide-box .swiper-slide a .text{position:absolute;left:50%;bottom:0;width:1200px;height:600px;margin-left:-600px;overflow:hidden;color:#fff;font-size:60px;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;padding:100px;z-index:3;}
#swiper-slide-box .pagination{position:absolute;left:50%;bottom:0;width:1200px;height:120px;margin-left:-600px;overflow:hidden;z-index:999;}
.swiper-pagination-switch{position:relative;float:left;width:25%;height:100%;cursor:pointer;}
.swiper-pagination-switch h4{color:#fff;font-size:18px;padding:15px 30px 0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all .3s linear}
.swiper-pagination-switch .over{position:absolute;left:0;bottom:-120px;width:100%;height:100%;opacity:0;background:rgba(221,55,10,.7);z-index:-2;transition:all .4s linear}
.swiper-active-switch h4{padding-top:30px}
.swiper-active-switch .over{opacity:1;bottom:0;}
.swiper-pagination-switch:not(.swiper-active-switch):hover .over{opacity:1;bottom:-116px;}

ul.xyplist{float:left;width:100%;padding:15px 0;}
ul.xyplist li{float:left;width:370px;height:240px;margin:25px 45px 25px 0;border: 1px solid #EEE;border-bottom:3px solid #27cda5;box-shadow:0 0 6px 2px #ccc;overflow:hidden;}
ul.xyplist li:nth-child(3n){margin-right:0}
.xyplist li .pic{position:relative;display:block;height:100%}
.xyplist li .pic img{display:block;width:100%;height:100%}
.xyplist li .pic .text{position:absolute;top:20px;left:30px;max-width:82%;color:#fff;font-size:24px;line-height:30px;background:rgba(0,0,0,.6);padding:5px 9px;display:inline-block;z-index:3;transition:all .2s linear}
.xyplist li .pic .over{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.4);z-index:1;transition:all .2s linear}
.xyplist li .pic:hover .over{opacity:1;}
.xyplist li .pic:hover .text{background:none;padding:0;}

#whats-on{overflow:hidden;padding:0 0 30px;}
.xynewti{margin:20px 0;font-size:14px;letter-spacing:1px;background:url(../img/divider1.png) 0 center repeat-x;}
.xynewti span{color:#F55D2D;padding-right:10px;background-color:#FFF;}
ul.xynewlist{overflow:hidden}
ul.xynewlist li{float:left;width:370px;margin:0 45px 0 0;}
ul.xynewlist li:nth-child(3n){margin-right:0}
.xynewlist li h3{margin:0 0 10px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
ul.xynewlist li h3 a{font-size:14px !important;transition:all .2s linear}
ul.xynewlist li h3 a:hover{color:#F55D2D !important}
.xynewlist li .date{color:#999;font-size:11px;margin-bottom:20px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;padding:6px 0;}
.xynewlist li .pic{position:relative;display:block;}
.xynewlist li .pic img{display:block;width:100%;height:180px;}
.xynewlist li .pic:hover .over{opacity:1}
.xynewlist li .text{max-height:60px;line-height:20px;margin:20px 0;overflow:hidden;}
.xynewlist li .over{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(245,93,45,0.8);background-image:url(../img/circle-hover.png);background-position:center;background-repeat:no-repeat;transition:all .2s linear}
.xynewlist li .more{text-align:right;}
.xynewlist li .more a{background:url(../img/excerpt-icon.png) right center no-repeat;padding:3px 22px 3px 0;}
.nav-previous{margin:30px auto;clear:both;}

.newfooter{background:none;}
.xyfooter{width: 1200px;margin:25px auto 0;border-top:5px #111 solid;overflow: hidden;}
.xyfooter dl{float:left;width:380px;margin-right:30px;padding:8px 0 25px;}
.xyfooter dl.d3{float:right;margin-right:0;}
.xyfooter dt{height:32px;line-height:32px;margin-bottom:10px;border-bottom:2px #111 solid;font-size:14px;font-weight: bold;}
.xyfooter dd{float:left;width:48%;line-height:1.8;padding-right: 2%}
.xyfooter dl.d3 dd{float:none;width:100%;padding-right:0}
.footext{line-height:1.8;margin-top:10px;border-top:2px #ddd solid;padding:5px 0;overflow:hidden;clear: both;}


/* 2017-06-30 */
body{background:#fff;}
.menu_ul_first{width:auto !important;margin-top:10px !important;}
@media only screen and (max-width: 800px) {
	.header-content{height:0;}
	.header-content,.row{width:100% !important;}
	div.site-title{position:absolute;top:15px;left:3%;width:30%;height:auto;padding:0;z-index:999}
	a.site-title{height:auto;line-height:100%;padding:0;}
	.site-navigation{display:none;position:absolute;top:65px;left:50%;width:94%;margin:0 0 0 -47%;background:#0ACCFF;z-index:9999}
	.site-navigation>div>ul{display:block;width:100%;padding:10px 0;}
	.site-navigation>div>ul>li{display:block;text-align:center;margin-left:0;}
	.site-navigation>div>ul>li:first-child{margin-left:0;}
	.site-navigation>div>ul>li>a,.site-navigation>div>ul>li>span>a{display:inline-block;color:#fff !important;padding:7px 0;}
	.site-navigation>div>ul>li.cu>span>a{color:#111 !important;border-bottom:2px #111 solid;padding:7px 1px 4px;}
	.site-navigation>div>ul>li>span>i{display:inline-block;width:0;height:0;margin:16px 0 0 7px;border-color:#fff transparent transparent transparent;border-style:solid;border-width:4px;vertical-align:top}
	.site-navigation>div>ul>li.cu>span>i{border-color:#111 transparent transparent transparent;}
	.site-navigation .sub-menu{display:none;position:static;width:100%;margin:5px 0 8px;font-family: 'Open Sans', sans-serif;font-weight:bold;text-align:center;background:#FF464F;opacity:1;transform:translateY(0);}
	.site-navigation>div>ul>li:hover>.sub-menu{transform:translateY(0);}
	.site-navigation .sub-menu li{margin:15px 0 0;}
	.site-navigation .sub-menu a{color: #212121;}
	.site-navigation>div>ul>li:hover>a:after{display:none;}
	.site-navigation>div>ul>li:hover>.sub-menu:before{position:static;height:auto;}
	.mbnavc{display:block;position:absolute;top:15px;right:3%;border:1px #fff solid;border-radius:4px;padding:5px 9px 9px;z-index:999}
	.mbnavc i{display:block;width:22px;height:2px;margin-top:4px;border-radius:1px;background:#fff;}
	.site-navigation .sub-menu li{display:block;margin:0;}
	#swiper-slide-box{height:300px;}
	#swiper-slide-box .swiper-slide{height:300px;background-size:100%}
	#swiper-slide-box .pagination{left:3%;bottom:10px;width:94%;height:80px;margin-left:0}
	.swiper-pagination-switch{width:50%;height:50%;}
	.swiper-pagination-switch h4{line-height:40px;margin:0;font-size:14px;text-align:center;padding:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	.swiper-active-switch h4{padding-top:0}

	ul.xyplist{padding:15px 0;}
	ul.xyplist li{display:block;width:90%;height:auto;margin:9px 5%;box-shadow:none;}
	.newsletter-contain UL LI:first-child{margin-left:5%}
	.xyplist li .pic img{height:auto;}
	.xynewti{margin:20px 3%;}
	ul.xynewlist li{width:94%;margin:5px 3%;}
	.nav-previous{margin:30px;}
	.xy-entry{display:none;}

	.newfooter,.footer-contain{width:100%;}
	.xyfooter{width:94%;margin:0 auto;}
	.xyfooter dl{float:none;width:100%;}
	#signup{width:96% !important;margin:0 auto;}

	.list_box2{padding:0 !important;}
	.list_box2:before,.list_box:before{display:block;content:"";height:80px;margin:0 0 10px;background:url(../images/banner.jpg) center center no-repeat;background-size:100%;}
	.list_box2 img,.list_box2 video{max-width:100%;height:auto;}
	.filter_box,.xy-ti6{display:none}
	.menu_ul_first{width:auto !important;margin-top:10px !important;}
	#product-list.row,.row.product-list{width:100%;margin:0;}
	#product-list{padding:0 !important;}
	#product-list LI{margin-top:10px;}
	.page.row{width:100%;}
	.list_box:before{position:absolute;top:0;left:0;width:100%;}
	.list_box{margin:90px 0 0 !important;}
	.list_box>table>tbody>tr>td:first-child{display:none}
}