/* 头部及导航 */

.tt-header{position:absolute;top:0;left:0;width:100%;z-index:101}
.tt-header .logo img.black,.stick.tt-header .logo img.black{display:inline-block;}
.tt-header .logo img.white,.stick.tt-header .logo img.white{display:none;}

.tt-header ul{padding-left:0;margin-bottom:0}
.tt-header .logo{display:inline-block;position:relative; z-index:101;transition:none}
.tt-header .logo img{display:inline-block; max-width:100%; max-height:120px; width:auto; height:auto; vertical-align:middle; margin:0px auto;}

.tt-header .main-nav>ul>li>a{ font-size:16px; font-weight:bold; line-height:40px; }
.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#ff5a01;}

.tt-header-container{width:1400px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}


.tt-header{position:relative}
.tt-header .top-inner{position:relative;float:left;padding:0px 0px}
.tt-header .toggle-block{display:block!important;float:right}
.tt-header .toggle-block .container{width:100%;padding-left:0;padding-right:0}
.tt-header .sjshop{ display:inline-block; background:#ff5a01; color:#fff; width:45px; height:45px; border-radius:25px; text-align:center; vertical-align:bottom; margin:0px 5px; position:relative; cursor:pointer; }
.tt-header .sjshop i{font-size:24px; line-height:45px;}
	
.tt-header .sjshop .gzh-qrcode{display:block;position:absolute;box-shadow:0 0 25px 0 rgba(0,0,0,0);top:100%;left:-40px;width:130px;background:#fff;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; border-radius:10px; padding:0px 0px;}
.tt-header .sjshop:hover .gzh-qrcode{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); margin-top:10px; padding-top:7px;}
	
.tt-header .toptel{ display:inline-block; background:#ff5a01; color:#fff; height:45px; border-radius:25px; text-align:center; vertical-align:bottom; padding:0 28px; line-height:45px; font-size:18x; font-weight:bold;}
.tt-header .toptel i{font-size:24px; line-height:45px;}
.tt-header .toptel p{display:inline-block; padding-left:10px; vertical-align:top;}
.tt-header .main-nav{display:inline-block;vertical-align:top}
.tt-header .main-nav>ul>li{position:relative;float:left;list-style:none; margin-top:38px;}
	
.tt-header .main-nav>ul>li>a{display:block;position:relative;margin:0px 25px; text-shadow: 0px 0px 2px #000000;}
.tt-header .main-nav>ul>li:last-child>a{ padding-right:0;}
.tt-header .main-nav>ul>li.active,.tt-header .main-nav>ul>li:hover{color:#ff5a01}
.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#ff5a01}
	
.tt-header .main-nav>ul>li>ul{display:block;position:absolute;box-shadow:0 0 25px 0 rgba(0,0,0,0);top:100%;left:0;width:140px;background:#fff;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out; border-radius:10px; padding:0px 20px;}
.tt-header .main-nav>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.tt-header .main-nav>ul>li>ul>li{border-bottom:1px solid #f0f0f0;text-align:center;list-style:none}
.tt-header .main-nav>ul>li>ul>li:last-child{border-bottom:0}
.tt-header .main-nav>ul>li>ul>li>a{display:block;position:relative;font-size:14px; line-height:18px;color:#000;padding:15px 10px 15px 10px;}
.tt-header .main-nav>ul>li.active ul li a{color:#000;}
.tt-header .main-nav>ul>li>ul>li{position:relative}
.tt-header .main-nav>ul>li>ul>li>a:hover{color:#ff5a01}
	
.tt-header .main-nav>ul>li>ul>li>ul{display:block;position:absolute;top:0;left:100%;width:160px;background:#333;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;list-style:none}
.tt-header .main-nav>ul>li:nth-last-child(1)>ul>li>ul,.tt-header .main-nav>ul>li:nth-last-child(2)>ul>li>ul{left:auto;right:100%;margin-right:0}
.tt-header .main-nav>ul>li>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.tt-header .main-nav>ul>li>ul>li>ul>li{border-bottom:1px solid #444;}
.tt-header .main-nav>ul>li>ul>li>ul>li:last-child{border-bottom:0}
.tt-header .main-nav>ul>li>ul>li>ul>li>a{display:block;position:relative;font-size:14px;line-height:18px;color:#fff;padding:15px 30px 15px 30px}
.tt-header .main-nav>ul>li>ul>li>ul>li>a:hover{background:#ff5a01;color:#fff;}
.tt-header .menu-toggle{padding-left:5px}
	
.tt-header.stick{position:fixed;left:0;width:100%; background:rgba(255,255,255,1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}
.tt-header.stick .logo{height:120px;line-height:120px}
	
.header-2{border-bottom:1px solid rgba(255,255,255,0); background:rgba(255,255,255,0); position:absolute; width:100%; min-width:1400px; clear:both; z-index:2;}	
.header-2 .tt-header .main-nav>ul>li>a{color:#fff;}
.header-2 .tt-header .main-nav>ul>li.active,.header-2 .tt-header .main-nav>ul>li:hover{color:#fff}
.header-2 .tt-header .main-nav>ul>li.active>a,.header-2 .tt-header .main-nav>ul>li:hover>a{color:#fff}
.header-2 .pull-logo.tt-header .logo img.black{display:none;}
.header-2 .stick.pull-logo.tt-header .logo img.black{display:inline-block;}
.header-2 .pull-logo.tt-header .logo img.white{display:inline-block;}
.header-2 .stick.pull-logo.tt-header .logo img.white{display:none;}
.header-2 .stick.tt-header .main-nav>ul>li>a{color:#333}
.header-2 .stick.tt-header .main-nav>ul>li.active,.header-2 .stick.tt-header .main-nav>ul>li:hover{color:#ff5a01}
.header-2 .stick.tt-header .main-nav>ul>li.active>a,.header-2 .stick.tt-header .main-nav>ul>li:hover>a{color:#ff5a01}
	

/* 菜单列表 */
.cmn-toggle-switch:focus{outline:0}
.tt-header .cmn-toggle-switch{display:none;position:relative;float:right;margin-top:12px;padding:0;width:25px;height:17px;cursor:pointer;z-index:101}
.tt-header .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::after,.tt-header .cmn-toggle-switch::before{content:"";position:absolute;display:block;top:7px;left:0;width:100%;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::before{margin-top:-7px}
.tt-header .cmn-toggle-switch::after{margin-top:7px}
.tt-header .cmn-toggle-switch.active::before{-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active::after{-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active span{opacity:0}

.swiper-container-k{width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}

/* TT-MSLIDE */
.tt-mslide {position: relative;	overflow: hidden;}
.tt-mslide {background-color:#000; background-size: cover; background-position: 50% 50%;}
.tt-mslide:before {content: '';	display: block;	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0);}
.tt-mslide-entry {display: table-cell;width: 99999px;height:920px;	padding-bottom: 270px;	text-align: center;	-webkit-background-size: cover;	-moz-background-size: cover; background-size: cover;	background-position: 50% 50%;	vertical-align: bottom;}
.tt-mslide-entry:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';}

.tt-mslide-entry2 {display: table-cell;width: 99999px;height:800px;	padding-bottom: 270px;	text-align: center;	-webkit-background-size: cover;	-moz-background-size: cover; background-size: cover;	background-position: 50% 50%;	vertical-align: bottom;}
.tt-mslide-entry2:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';}

.slider_content {width:100%;	float: none; text-align: center; margin: 0 auto;}
.tt-mslide-title {color: #fff; text-transform: initial; text-align: left;}
.tt-mslide-title h3{ font-size:50px; line-height:100px; display:block;}
.tt-mslide-title p{ font-size:24px;}
.tt-mslide .text-animation {visibility: hidden;}
.tt-mslide .text-animation.animated {visibility: visible;}

.slide1{background: url(../images/banner-pic01.jpg) no-repeat;	background-size: cover;}
.slide2{background: url(../images/banner-pic02.jpg) no-repeat;	background-size: cover;}
.slide3{background: url(../images/banner-pic03.jpg) no-repeat;	background-size: cover;}

/* SWIPER 轮播切换按钮 */
.swiper-slide{position:relative}
.swiper-slide img{vertical-align:bottom;}
.swiper-pagination .swiper-pagination-bullet{width:60px;height:6px; border-radius:3px; background:#999;opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active{background:#fff000}

/* swiper-pagination-white */
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff000;}

/* swiper position */
.swiper-pagination.fixed{bottom:200px!important}
.swiper-pagination.fixed02{bottom:50px!important}
.swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px}
.swiper-button-next,.swiper-button-prev{color:#fff!important; display:none;}

.swiper-proshow-nr {
    position: absolute;
	width:1170px; margin-left:-80px; left:50%; top:50%;
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.threelist{
    position: absolute;
	width:1170px; margin-left:-585px; left:50%; bottom:75px;
    height: var(--swiper-navigation-size);
    z-index:999999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.threelist ul li{float:left; text-align:center; margin-right:10px;}
.threelist ul li::last-child{margin-right:0px;}
.threelist ul li:hover {
  transform: translateY(-5px);
  transition: all .2s linear;
  cursor:pointer;
}

.index02-bg{background:url(../images/index02.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index02{text-align:center; color:#fff; padding-top:50px;}
.index02 h2{}

.index03-bg{background:url(../images/index03.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index03{text-align:right; color:#fff; padding-top:250px; padding-right:20px;}
.index03 h2{}

.index04-bg{background:url(../images/index04.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index04{text-align:center; color:#fff; padding-top:400px;}
.index04 h2{}

.index05-bg{background:url(../images/index05.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index05{text-align:right; color:#fff; padding-top:250px; padding-right:20px;}
.index05 h2{}

.index06-bg{background:url(../images/index06.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index06{text-align:right; color:#fff; padding-top:250px; padding-right:20px;}
.index06 h2{}

.index07-bg{background:url(../images/index07.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index07{text-align:right; color:#fff; padding-top:250px; padding-right:20px; background:rgba(117,167,1,0.5); display:inline-block; float:right;}
.index07 h2{}

.index08-bg{background:url(../images/index08.jpg) no-repeat; background-size:cover; background-position:center; width:100%; height:auto; min-width:1400px; min-height:1080px; margin:0 auto; clear:both; overflow:hidden;}
.index08{text-align:right; color:#fff; padding-top:250px; padding-right:20px; background:rgba(214,73,48,0.5); display:inline-block; float:right;}
.index08 h2{}

/* 数字滚动 */
.index-stripes-bg{width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden; background:#ff5a01;}
.index-stripes01,.index-stripes02,.index-stripes03{padding:200px 0px; text-align:center;}
/*.index-stripes02 p img{opacity:0.4; filter:alpha(opacity=40);}*/

/* 内页header_hd */
.header_wrap{width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.header_hd{position:relative;}
.header_hd .backg-pro{background:url(../images/ny-pro.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}

.header_hd .backg-proshow{background:url(../images/ny-proshow.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-culture{background:url(../images/ny-culture.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-buy{background:url(../images/ny-buy.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-join{background:url(../images/ny-join.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-news{background:url(../images/ny-news.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-photo{background:url(../images/ny-photo.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg-contact{background:url(../images/ny-contact.jpg) no-repeat top center;width:100%; height:800px; object-fit:cover;-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;}
.header_hd .backg{background:url(../images/ny-banner.jpg) no-repeat top center;width:100%; height:250px;}
.header_hd .solgn{color:#fff;width:1160px; margin-left:-580px;margin-top:-55px;text-align:center;position:absolute;left:50%;top:50%;}
.header_hd .solgn h2{}
.header_hd .solgn h3{font-size:24px; color:rgba(255,255,255,0.5)}
.header_hd .solgn h3::after{content:"";display:block;width:100px;height:3px;background:#fff; margin:25px auto 0px auto;}
.header_hd .fenlei{width:100%; height:80px; padding:15px 0px; line-height:50px; background:rgba(255,255,255,0.2); color:#fff; text-align:center;position:absolute; margin-top:-80px; font-size:18px;}
.header_hd .fenlei a{color:#fff; display:inline-block; padding:0 50px;}
.header_hd .fenlei a.active,.header_hd .fenlei a:hover{color:#fff; background:#ff5a01; border-radius:25px;}

@-webkit-keyframes banner_inside{from{-webkit-transform:scale(1.23);transform:scale(1.23)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes banner_inside{from{-moz-transform:scale(1.23);transform:scale(1.23)}
to{-moz-transform:scale(1);transform:scale(1)}
}
@-o-keyframes banner_inside{from{-o-transform:scale(1.23);transform:scale(1.23)}
to{-o-transform:scale(1);transform:scale(1)}
}
@keyframes banner_inside{from{-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

/* 图片列表轮播切换按钮 */
.lblist .owl-carousel.owl-carousel17.owl-theme.owl-loaded.owl-drag{padding-top:0}
.lblist .owl-carousel .owl-nav,.lblist .owl-carousel .owl-nav.disabled{display:block;font-size:-webkit-xxx-large;position:relative;right:0;top:0;margin:0 auto;float:none;text-align:center;margin-top:25px}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,.lblist.main-owal .client_say .owl-carousel .owl-dot{cursor:pointer;cursor:hand;position:relative;display:block;text-align:center;display:inline-block;margin:0 auto}
.lblist .owl-nav i{color:#fff;font-size:20px;height:40px;width:40px;background:#1e2434;margin-right:16px;padding:10px 10px 0 10px; border-radius:20px;}
.lblist .owl-nav .owl-next:hover i,.lblist .owl-nav .owl-prev:hover i{background:#ff5a01}

/* 视频设置 */
video{display: block; position: relative; width: 100%; height: 100%;object-fit: cover;}

/* 模块面包屑2 */
.breadcrumb2{ width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden; border-bottom:1px solid rgba(255,90,1,0.1); background:#fff; line-height:80px; text-align:right;}

/* 模块主标题 */
.mkbt{margin:50px auto; clear:both; overflow:hidden; background:url(../images/title-bg.png) no-repeat top left; font-size:48px; color:#ff5a01; text-align:center; width:440px; height:130px; line-height:130px; padding-left:240px; }
.mkbt2{width:100%; margin:50px auto; clear:both; overflow:hidden; background:url(../images/title2-bg.png) no-repeat top center; font-size:48px; color:#ff5a01; text-align:center; line-height:82px;}
.mkbt3{ background:url(../images/title-bg.png) no-repeat top left; font-size:48px; color:#ff5a01; text-align:center; width:480px; margin:50px auto; clear:both; overflow:hidden; height:130px; line-height:130px; padding-left:240px;}
.mkbt4{margin:50px auto; clear:both; overflow:hidden; background:url(../images/title-bg.png) no-repeat top left; font-size:48px; color:#ff5a01; text-align:center; width:550px; height:130px; line-height:130px; padding-left:240px; }
.mkbt-white{margin:50px auto; clear:both; overflow:hidden; background:url(../images/title-bg.png) no-repeat top left; font-size:48px; color:#ffffff; text-align:center; width:500px; height:130px; line-height:130px; padding-left:240px; }

/* 类别 */
.category{padding-bottom:40px;}
.category a{color:#ff5a01;border-radius:50px;background:#fff;border:2px solid #ff5a01;margin:5px 5px;font-size:24px;padding:10px 25px; display:inline-block;}
.category a.active,.category a:hover{color:#fff;border-radius:50px;background:#ff5a01;border:2px solid #ff5a01}

.category3{float:right;}
.category3 a{color:#333;border-radius:0px; border-top:3px solid #ddd; margin:0px 0px; padding:5px 30px; display:inline-block;}
.category3 a.active,.category3 a:hover{color:#ff5a01;border-radius:0px;background:#fff;border-top:3px solid #ff5a01; }




/* Image Hover Effect 图片特效 */
.image-zoom-on-hover{overflow:hidden}
.image-opacity-on-hover img,.image-zoom-on-hover img{transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out}
.image-zoom-on-hover:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer;}
.image-opacity-on-hover:hover img{opacity:.5}
.image-opacity-on-hover{background:rgba(0,0,0,.9);}
.image-gray-on-hover:hover img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}

/* 图片列表 */
/* 默认文字无背景 */
.piclist{ border:1px solid rgba(255,90,1,0.2); margin-bottom:40px;}
.piclist .txt01{padding:35px 30px;}
.piclist .txt01 p{font-size:24px;}
.piclist .txt01 p span{font-size:18px;}
.piclist .txt02{padding:35px 30px; background:url(../images/piclist-bg.jpg) no-repeat right bottom;}
.piclist .txt02 p.gm{font-size:20px; padding-bottom:20px;}
.piclist .txt02 p.price{font-size:36px; color:#ff5a01; padding-bottom:20px;}
.piclist .txt02 p.price span{font-size:20px;}
.piclist .txt02 p.more{ font-size:20px;}
.piclist .txt02 p.more::after {content:""; display:block; width:55px; height:3px; background:#ff5a01; margin-top:10px; }

.piclist .img-box{ overflow:hidden; background:rgba(255,90,1,1);}
.piclist .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
}
.piclist:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5}


.piclist2{}
.piclist2 .txt .txt-content{background:none; padding:15px 0px;}
.piclist2 .txt .txt-content h3{font-size:16px; font-weight:normal; white-space: nowrap;text-overflow: ellipsis;}
.piclist2 .txt .txt-content p{color:#666; margin-bottom:20px;}
.piclist2 .img-box{ overflow:hidden; background:rgba(0,0,0,.9); border-radius:15px;}
.piclist2 .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
	
}
.piclist2:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5;}



.newslist{margin:0px 0px 60px 0px; padding:60px 30px 0px 30px;}
.newslist dl{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:60px;}
.newslist dl dd.riqi{color:rgba(0,0,0,0.6); margin-bottom:30px;}
.newslist dl dt{ height:48px; line-height:24px; font-size:18px; font-weight:bold; margin-bottom:30px;}
.newslist dl dd.txt{color:rgba(0,0,0,0.6); line-height:26px; padding-bottom:20px;}
.newslist dl dd.pic{padding-bottom:40px;}
.newslist .img-box{ overflow:hidden; background:rgba(0,0,0,.9); border-radius:15px;}
.newslist .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
	
}
.newslist dl dd.more{margin-bottom:15px;}
.newslist dl dd.more{background:url(../images/news-more.png) no-repeat; width:64px; height:64px; display:inline-block;}


.newslist:hover{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 10px rgba(0,0,0,.2);box-shadow:1px 1px 10px rgba(0,0,0,.2); transition: all .2s linear;}

.newslist:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5;}
.newslist:hover dt{color:#ff5a01; transition: all .2s linear;}
.newslist:hover dd.more{background:url(../images/news-more-.png) no-repeat; transition: all .4s linear;}


/* 详情页 */
.detail_title h3{font-size:24px; text-align:center;}
.detail_title h3 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:32px; border-bottom:1px solid #e0e0e0; margin:10px 0px;}
.detail_content{ padding-bottom:20px;}
.detail_content p{ padding:10px 0px;}
.detail_content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}

.detail_content .table tr th{ height:40px; line-height:40px; font-size:26px; color:#333; background:#e3e3e3; text-align:center; vertical-align:middle;}
.detail_content .table tr td{ height:40px; line-height:40px; text-align:center; vertical-align:middle;}

.detail_pre_next{padding-bottom:30px;}
.detail_pre_next ul li{ color:#999;}
.detail_pre_next ul li a{ color:#666;}

.detail-single{padding-bottom:20px;}
.detail-single p{ padding:10px 0px;}
.detail-single img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}

.detail-single .table tr th{ height:40px; line-height:40px; font-size:26px; color:#333; background:#e3e3e3; text-align:center; vertical-align:middle;}
.detail-single .table tr td{ height:40px; line-height:40px; text-align:center; vertical-align:middle;}

/* 产品详情多图片展示 */
.w{width:100%;height:100%}
.leftBox{float:left}
.normalBox{overflow:hidden;position:relative;border:1px solid #f2f2f2}
.normalBox .w{display:none}
.botBox{width:100%;background:#fff;overflow:hidden;margin:10px 0}
.botBox ul li{float:left;width:20%;height:100%;border:1px solid #f2f2f2;border-radius:0px; cursor:pointer;}
.botBox ul li img{opacity:.5;}
.botBox ul li:last-child{margin-right:0px;}
.bord{border-color:#ff5a01!important;opacity:1!important}
.bord img{opacity:1!important;}
.moveBox{width:200px;height:200px;background:rgba(222,0,0,.4);position:absolute;top:0;left:0;display:none;cursor:move}
.magBox{width:540px;height:540px;border:1px solid #f2f2f2;position:relative;float:left;overflow:hidden;display:none}
.magBox ul li{display:none;position:absolute;top:0;left:0}
#n,.m{display:block!important;}
.box{width:110px;margin:auto}

/* - 产品详情右侧标题和说明参数 - */
.proshow02{}
.proshow02-title{ font-size:24px; border-bottom:1px solid #f2f2f2; padding:20px 0px;}
.proshow02-overview{border-bottom:1px solid #f2f2f2;}
.proshow02-overview h3{ font-size:18px; padding:20px 0px;}
.proshow02-overview p{color:#999;}
.proshow02-tel{background:#ff5a01; color:#fff; font-size:16px; padding:10px 30px; display:inline-block; margin-top:20px;}
.proshow02-tel span{font-family:impact;}

.proshow03{padding:20px 0px;}
.proshow03-title{ border-bottom:1px solid #f2f2f2;}
.proshow03-title span{background:#ff5a01; color:#fff; font-size:16px; padding:10px 30px; display:inline-block;}
.proshow03-content{ padding:20px 0px;}
.proshow03-content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}

/* 联系我们在线留言表单 */
.feedback-title{}
.feedback-title h4{ font-size:24px; font-weight:bold; padding-bottom:10px;}
.forms{clear:both; overflow:hidden;}
.forms .forms_label{position:relative;margin-bottom:20px}
.forms .forms_label .iconfont{position:absolute;font-size:16px;color:#999;left:0;top:0;line-height:1;margin:15px 0 0 10px}
.forms .forms_label input,.forms .forms_label textarea{background:#fff;width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0;padding-left:30px; border:1px solid #f0f0f0; box-shadow:none}
.forms .forms_label input:focus,.forms .forms_label textarea:focus{box-shadow:none}
.forms .forms_label input{height:46px}
.forms .forms_label textarea{padding:14px 0 0 30px;height:178px;resize:none}
.forms .forms_btn{font-size:16px;line-height:1;padding:15px 0px;background:#ff5a01;color:#fff;border:0 none; cursor:pointer; width:100px; text-align:center;}



/* FOOTER 底部*/
footer .footer-bg{background:#ff5a01; color:#fff; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}

footer .footer-nav{ width:100%; text-align:center; padding-top:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2)}
footer .footer-nav a{padding:0px 20px; font-weight:bold; font-size:18px; color:#fff;}

footer .footer-container{width:1300px; margin:0 auto; clear:both; overflow:hidden; padding:80px 0px;}
footer .footer-logo{ width:280px; float:left;}

footer .footer-list{width:500px; float:left; border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.2);}
footer .footer-list ul{float:left; width:33.33%; text-align:center;}
footer .footer-list ul li.title{color:#fff;}
footer .footer-list ul li{line-height:36px;}
footer .footer-list ul li a{ color:rgba(255,255,255,0.8);}
footer .footer-list ul li a:hover{ color:#fff;}

footer .footer-contact{width:300px; float:left; margin:50px 30px;}
footer .footer-contact p.tel{background:url(../images/footer-tel.png) no-repeat left; padding-left:60px; margin-bottom:20px;}
footer .footer-contact p.tel span{ display:block; font-size:24px; font-weight:bold;}
footer .footer-contact p.add{ font-size:16px; color:rgba(255,255,255,0.8);}

footer .footer-qrcode{width:160px; margin:0px 0px; float:right; text-align:left;}
footer .footer-qrcode img{width:130px; height:130px; vertical-align:middle;}
footer .footer-qrcode p{ width:130px; background:#fff; color:#000; font-size:16px; line-height:40px; display:block; text-align:center; float:left;}

footer .footer-copyright{ width:100%; margin:0 auto; clear:both; overflow:hidden; background:#ff5a01; line-height:60px; text-align:center; color:rgba(255,255,255,1); border-top:1px solid rgba(255,255,255,0.2)}
footer .footer-copyright a{color:rgba(255,255,255,0.8);}
footer .footer-copyright a:hover{color:rgba(255,255,255,1);}


footer a{color:#fff}
footer a:hover{color:#fff;text-decoration:none}

footer .footer-copyright p{display:inline-block;}



.index-logo{width:135px; float:left; padding-top:60px;}






.container-nr{width:1400px; margin:50px auto 100px auto; clear:both; overflow:hidden;}
.container-nr02{width:100%; margin:0px auto 0px auto; clear:both; overflow:hidden; background:url(../images/proshow-pic02.jpg) no-repeat; height:1597px;}

.buy-threelist-bg{width:100%; margin:0 auto; clear:both; overflow:hidden; background:#fff6e7; text-align:center; border-top:1px solid rgba(255,90,1,0.1);}

/*--金玉蟹文化--*/
.culture-bg{width:100%; height:3350px; background:url(../images/culture-pic.jpg) no-repeat top center;}

/*--start 金玉蟹礼--*/
.pro-nr-bg{width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden; background:#fff6e7; padding:40px 0px;}
.pro-c{background:url(../images/pro-pic-bg.jpg) no-repeat bottom right; background-color:#fff; color:#000; border:1px solid rgba(255,90,1,0.1); margin:40px 0px;}
.pro-c02{padding:80px 40px;}
.pro-title{padding:0px 0px 40px 0px;}
.pro-title h2{font-size:60px; padding-bottom:30px;}
.pro-title p{font-size:24px;}

/* TAB切换 */
.taba{zoom:1;clear:both;overflow:hidden;}
.taba ul{ border:2px solid #ff5a01; background:rgba(255,90,1,0.1); height:60px; border-radius:30px;}
.taba ul li{background:none; color:#ff5a01; float:left; cursor:pointer; width:20%; text-align:center; padding:0px 0px; font-size:24px; line-height:56px;}
.taba ul li.current{background:#ff5a01; color:#fff; border-radius:30px;}
.taba ul li:last-child{margin-right:0px;}
.taba-c { clear:both;}
.taba-c .tabacontent{ display:none;margin:15px 0px;}

/* TAB切换 */
.tabb{zoom:1;clear:both;overflow:hidden;}
.tabb ul{ border:2px solid #ff5a01; background:rgba(255,90,1,0.1); height:60px; border-radius:30px;}
.tabb ul li{background:none; color:#ff5a01; float:left; cursor:pointer; width:20%; text-align:center; padding:0px 0px; font-size:24px; line-height:56px;}
.tabb ul li.current{background:#ff5a01; color:#fff; border-radius:30px;}
.tabb ul li:last-child{margin-right:0px;}
.tabb-c { clear:both;}
.tabb-c .tabbcontent{ display:none;margin:15px 0px;}


.pro-title02{padding:40px 0px;}
.pro-title02 h2{font-size:36px; padding-bottom:30px;}
.pro-title02 h2 span{ font-size:18px;}
.pro-title02 p{font-size:24px;}
.pro-title02 p span{font-size:30px; font-family:impact; padding:0 10px;}

.pro-nr ul li{float:left; margin-right:10px;}
.pro-nr ul li a{background:#fff; color:#ff5a01; border:2px solid #ff5a01; border-radius:30px; padding:10px 35px; font-size:20px; line-height:56px;}
.pro-nr ul li a:hover{background:#ff5a01; color:#fff; border:2px solid #ff5a01;}
.pro-nr ul li.active a{background:#ff5a01; color:#fff; border:2px solid #ff5a01;}


.pro-price-bg{width:100%; background:#ff5a01; padding:80px 0px;}
.pro-price-nr{width:1400px; margin:0 auto; clear:both; overflow:hidden;}

/*--start 金玉蟹礼详情页--*/
.proshow-nr01{ background:url(../images/proshow-banner-bg.png) no-repeat; width:360px; height:580px; padding:40px 40px;}
.proshow-logo-qrcode{ text-align:center; padding-bottom:100px;}
.proshow-logo{float:left;}
.proshow-logo p{ font-size:30px; color:#000000;}
.proshow-qrcode{}
.proshow-qrcode p.title{ font-size:18px; color:#ff5a01;}
.proshow-qrcode p.price{font-size:36px; color:#ff5a01;}
.proshow-qrcode p.price span{ font-size:18px;}

.proshow-gg{ color:#000;}
.proshow-gg-title h2{ font-size:24px; padding-bottom:15px;}
.proshow-gg-title h2 span{ font-size:18px;}
.proshow-gg-title p{ font-size:20px; padding-bottom:15px;}
.proshow-gg-nr{}
.proshow-gg-nr ul li{border-bottom:1px dashed #f0f0f0; padding:5px 0px;}


.proshow-hxhq-bg{background:url(../images/proshow-hxhq-bg.jpg) no-repeat top center; text-align:center; margin-bottom:50px;}
.proshow-hxhq h2{ font-size:36px; padding-bottom:20px;}
.proshow-hxhq p{font-size:24px; line-height:34px; font-weight:normal; padding-bottom:50px;}

.proshow-jxtw-bg{background:url(../images/proshow-jxtw-bg.jpg) no-repeat top center; text-align:center; margin-bottom:50px;}
.proshow-jxtw h2{ font-size:36px; padding-bottom:20px;}
.proshow-jxtw p{font-size:24px; line-height:34px; font-weight:normal; padding-bottom:50px;}

.proshow-gxmx-bg{background:url(../images/proshow-gxmx-bg.jpg) no-repeat top center; text-align:center; min-height:650px; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}


/*--金玉蟹文化--*/
.culture-xmbg-bg{background:url(../images/culture-bg01.jpg) no-repeat top center; padding:200px 0px; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.culture-xmbg h2{font-size:48px; padding-bottom:50px;}
.culture-xmbg p{ font-size:24px; line-height:40px;}

.culture-ppln{ padding-top:50px; padding-bottom:100px; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.culture-ppln-title{ font-size:48px; line-height:50px; padding-bottom:40px;}
.culture-ppln01{ background:url(../images/culture-ppln-pic01.jpg) no-repeat; width:100%; min-height:760px; border-radius:30px; writing-mode: vertical-lr; color:#fff;}
.culture-ppln02{ background:url(../images/culture-ppln-pic02.jpg) no-repeat; width:100%; min-height:760px; border-radius:30px; writing-mode: vertical-lr; color:#fff;}
.culture-ppln03{ background:url(../images/culture-ppln-pic03.jpg) no-repeat; width:100%; min-height:760px; border-radius:30px; writing-mode: vertical-lr; color:#fff;}
.culture-ppln01 h2,.culture-ppln02 h2,.culture-ppln03 h2{ font-size:36px; font-weight:bold; padding-left:100px; padding-top:100px; padding-right:40px;}
.culture-ppln01 p,.culture-ppln02 p,.culture-ppln03 p{ font-size:36px; padding-top:100px;}

.culture-shzr-bg{background:url(../images/culture-bg03.jpg) no-repeat top center; min-height:880px; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.culture-shzr{background:rgba(255,255,255,0.2); width:100%; height:100%; color:#fff; padding:300px 100px;}
.culture-shzr h2{font-size:48px; padding-bottom:50px;}
.culture-shzr p{ font-size:24px; line-height:40px;}

.culture-whnh-bg{background:url(../images/culture-bg02.jpg) no-repeat top center; padding:200px 0px; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.culture-whnh h2{font-size:48px; padding-bottom:50px;}
.culture-whnh p{ font-size:24px; line-height:40px;}



/*--如何购买和提货--*/
.pickgoods-fs{ padding-bottom:50px;}
.pickgoods-fs h2{font-size:24px; color:#ff5a01; padding-bottom:20px;}
.pickgoods-fs p{padding:10px 0px; font-size:18px; line-height:32px;}
.pickgoods-fs p span{color:#ff5a01; }

.ny-single{ width:1400px; margin:0 auto 50px auto; clear:both; overflow:hidden;}
.ny-single h2{font-size:24px; color:#ff5a01; padding-bottom:20px;}
.ny-single p{padding:10px 0px; font-size:18px; line-height:32px;}
.ny-single p span{color:#ff5a01; }


/*--联系我们--*/
.iconlist2{text-align:center; padding-bottom:10px;}
.iconlist2 strong{color:#ff5a01;font-size:45px; border-radius:50%; border:2px solid #ff5a01; padding:30px 0px; width:100px; height:100px; display:inline-block;}
.iconlist2 h4{ font-size:18px; font-weight:bold; margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:10px}
.iconlist2 p{}
.iconlist2:hover strong{ color:#fff; border:2px solid #ff5a01; background:#ff5a01; -webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor:pointer;}



/*幕帘*/
.curtain {display: none;position: fixed;width: 100%;height: 100%;overflow: hidden;background-color: #333333;z-index: 1001;top: 0;left: 0;opacity: .8;transform: scaleY(-1);}
/*弹窗*/
.popup{position: fixed; max-width: 300px;right: 0;left: 0;z-index: 1002;display: none; overflow: auto; margin: auto;background-color: #FFFFFF;border-radius: 0px;flex-direction: column;align-items: center}
/*二维码*/
.codeCard{width: auto; margin-top:40px; margin-bottom: 40px; text-align:center;}
.codeCard img{width: auto;height: auto;}
/*关闭按钮*/
.popupCancel {position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;cursor: pointer;background-color: #fff; z-index:9999999;}
.popupCancel img {width: auto;height: auto;max-width: 100%;max-height: 100%;}

.jmb{background:#ff5a01; width:100%; min-width:1400px; margin:0 auto; clear:both; overflow:hidden;}
.jmb .table tr th{ height:50px; line-height:50px; font-size:26px; color:#333; background:#fdd100; text-align:center; vertical-align:middle; border:2px solid rgba(255,90,1,0.3);}
.jmb .table tr td{ height:50px; line-height:50px; text-align:center; vertical-align:middle; border:2px solid rgba(255,90,1,0.3); background:#fff; font-size:24px; font-weight:bold;}
.jmb .table tr th.title{background:#ffeee5; border-radius:10px 10px 0px 0px;}
.jmb .table tr th.title02{background:#fdd100; border-radius:10px 10px 0px 0px;}
.jmb .table tr td:first-child{background:#ffeee5; font-weight:normal;}