@charset "utf-8";
body{
	min-width: 1280px;
	position: relative;
	font-family:"Microsoft YaHei,Microsoft JhengHei,SimHei,YaHei,FangSong";
}


.fl { float: left }
.fr { float: right }
.relative { position: relative }
.absolute { position: absolute }

.rotateY{
	-webkit-animation: rotateY 2s;
	animation: rotateY 2s;
}
a{
	text-decoration: none;
}
.fw600{
	font-weight: 400;
	font-size: 28px;
}
.font-red{
	color:#e60012;
}
.lazy{
	width: 100%;
}
.baseW{
	width: 1200px;
	margin:0 auto;
	position:relative;
}
img{
	/*display: block;*/
	max-width: 100%;
}
.index-banner{
	position: relative;
	width:100%;
	max-height:870px;
	/*background: #2b0305 url('../images/banner.jpg') no-repeat center;*/
	background-position:center center; 
}
.index-banner .swiper-container{
	width:100%;
	height:500px;
}
.index-banner .swiper-container img{
	max-width:none;

}
.index-banner-pages{
	width:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.index-banner-pages .baseW{
	top:620px;
	height:12px;
}
.index-banner-page{
	position:absolute;
	right:82px;
	bottom: 0;
	color:#FFF;
}
.index-banner-page .swiper-pagination-switch{
	display: inline-block;
	width:12px;
	height:12px;
	border-radius: 50%;
	border:1px solid #FFF;
	background: #0f010c;
	margin:0 4px;
}
.index-banner-page .swiper-active-switch{
	background: #FFF;
}
.header-container{
	width:100%;
	position: absolute;
	top:0px;
	left:0;
	z-index: 2;
}

.header-log{
	float: left;
}
.header-nav{
	float: right;
}
.header-nav ul {
	margin-top:24px;
}
.header-nav ul li{
	float: left;
	margin:0 25px;
	padding-bottom: 10px;
}
.header-nav ul li a{
	display: inline-block;
	width:100%;
	height:100%;
	font-size:18px;
	color:#FFF;
	letter-spacing: 1.5px;
}
.header-nav ul li.active{
	border-bottom: 2px solid #c01443;
}
.header-nav ul li:hover{
	border-bottom: 2px solid #c01443;
	transition-property:all;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
/*瀵艰埅*/
.index-nav{
	width: 1280px;
	height:130px;
	margin:-70px auto 0;
	background:#c01443 linear-gradient(to right,#d32838,#c01443);
	border-radius: 62px;
	position: relative;
	z-index: 2;
	box-shadow:4px 20px 20px #f6b1b1;
}
.index-nav ul{
	width:1200px;
	padding-top:32px;
	margin:0 auto;
}
.index-nav .nav-item{
	float: left;
	margin:0 14px;
	text-align: center;
}
.index-nav .nav-item a{display: inline-block;width:100%;height:100%;color:#000;font-size:17.5px;}
.index-nav .nav-item span{
	display: inline-block;
	margin:0 auto;
	width:50px;
	height:45px;
	margin-bottom: 10px;
	background: url('../images/nav_bg.png?v=0513') no-repeat;
}
.index-nav .nav-item:hover a{color:#FFF;}
.index-nav .nav-item1:hover span{background-position:0  -45px;color:#FFF;}	
.index-nav .nav-item2 span{background-position:-96px  top;}	
.index-nav .nav-item2:hover span{background-position:-96px  -45px;}	
.index-nav .nav-item3 span{background-position:-196px  top;}	
.index-nav .nav-item3:hover span{background-position:-196px  -45px;}	
.index-nav .nav-item4 span{background-position:-296px  top;}	
.index-nav .nav-item4:hover span{background-position:-296px  -45px;}	
.index-nav .nav-item5 span{background-position:-396px  top;}	
.index-nav .nav-item5:hover span{background-position:-396px  -45px;}	
.index-nav .nav-item6 span{background-position:-496px  top;}	
.index-nav .nav-item6:hover span{background-position:-496px  -45px;}	
.index-nav .nav-item7 span{background-position:-596px  top;}	
.index-nav .nav-item7:hover span{background-position:-596px  -45px;}	
.index-nav .nav-item8 span{background-position:-696px  top;}	
.index-nav .nav-item8:hover span{background-position:-696px  -45px;}	
.index-nav .nav-item9 span{background-position:-796px  top;}	
.index-nav .nav-item9:hover span{background-position:-796px  -45px;}	
.index-nav .nav-item10 span{background-position:-896px  top;}	
.index-nav .nav-item10:hover span{background-position:-896px  -45px;}	
.index-nav .nav-item11 span{background-position:-996px  top;}	
.index-nav .nav-item11:hover span{background-position:-996px  -45px;}	
.index-nav .nav-item12 span{background-position:-1096px  top;}	
.index-nav .nav-item12:hover span{background-position:-1096px  -45px;}	

/**/
.index-content{
	width:100%;
	padding-top:174px;
	padding-bottom: 80px;
	background:#FFF url('../images/content_bg.jpg');
}
.product-title{
	width:550px;
	margin:0 auto;
	padding-top:50px;
	font-size:65px;
	color:#3e3e3e;
	text-align: center;
	font-weight: lighter;
	letter-spacing: 2px;
	background: url('../images/title_bg.jpg') no-repeat center;
	background-position: center top;
}
.product-line{
	display: block;
	width:80px;
	height: 5px;
	margin:24px auto 0;
	border-radius: 2px;
	background: #efaf7d;
}
.index-content .product-items{
	width:1154px;
	height:236px;
	margin:52px auto 0;
	position: relative;
}	
.product-items .swiper-container{
	width:100%;
	height:100%;
}
.index-content .product-item{
	float: left;
	margin-right:14px;
}
.index-content .product-item:nth-child(3n){
	margin-right:0;
}
.product-nav{
	position: absolute;
	top: 100px;
	cursor: pointer;
}
.product-left{
	left:-50px;
}
.product-right{
	right:-50px;
}
.product-btn{
	width:236px;
	line-height: 35px;
	text-align: center;
	margin:70px auto 0;
	border:1px solid #cf996a;
}
.product-btn a{
	display: inline-block;
	width:100%;
	height:100%;
	font-size:24px;
	color:#cf996a;
}
.index-address{
	width:100%;
	height:550px;
	background: url('http://www.tysgmr.com/images/address_bg.jpg') no-repeat ;
	background-position:  center center;
	background-attachment: fixed;
}
.address-title{
	padding-top:66px;
	padding-bottom: 28px;
}
.address-title img{
	margin:0 auto;
}
.address-info{
	width:1036px;
	height:159px;
	margin:0 auto;
	padding:45px 45px 40px;
	border-radius: 18px;
	background: rgba(255,255,255,0.4);
	
}
.address-link{
	width:100%;
}
.link-tel{
	float: left;
}
.link-tel>div{
	float: left;
}
.tel-left{
	width:45px;
	height: 71px;
	background: url('../images/f_tel_icon.png') no-repeat left top;
	padding:14px 0 0 40px;
	color:#c01443;
	font-size: 22px;
	line-height: 24px
}
.tel-right{
	margin-left:14px;
	font-size:56px;
	line-height: 71px;
	color:#151515;
	font-weight: bold;
	letter-spacing: -2px;
}
.link-kefu{
	float: right;
}
.link-kefu>div{
	float: left;
}
.kefu-left{
	padding:6px 0 0 60px;
	height:62px;
	width:50px;
	color:#c01443;
	font-size: 22px;
	line-height: 24px;
	background: url('../images/f_kef_icon.png') no-repeat left top;
}
.kefu-right{
	font-size:30px;
	color:#151515;
	margin-left:16px;
	line-height: 36px;
	position: relative;
	top:-10px;
}

.link-dizhi{
	clear: both;
	margin-top:102px;
	height: 60px;
	line-height: 60px;
	font-size: 56px;
	color:#151515;
	font-weight: lighter;
}
.dizhi-icon{
	display: inline-block;
	height:100%;
	padding:0 0 0 42px;
	background: url('../images/f_address_icon.png') no-repeat left top;
	color:#c01443;
	font-size: 22px;
}

.index-footer{
	width:100%;
	padding:34px 0 30px;
	background:#990000;
	font-size:19px;
	color:#FFF;
	font-weight: lighter;
	text-align: center;
	line-height: 26px;
}
.footer-notice{
	margin-bottom:20px;
}
.index-footer a{
	color:#FFF;
}
/*鍙充晶瀵艰埅*/
.index-alert{
	width:76px;
	padding:30px 10px;
	background: #790023;
	border-radius: 46px;
	position: fixed;
	right:14px;
	top:242px;
	z-index: 20;
}
.alert-item{
	width: 100%;
	text-align: center;
	margin-bottom: 14px;
	border-bottom: 1px solid #a14d65;
	padding-bottom: 6px;
	cursor: pointer;
	position: relative;
}
.alert-item img{
	margin:0 auto 8px;
}
.alert-item p{
	color:#ffffff;
	font-size:18px;
}
/*鏄剧ず浜岀淮鐮�*/
.alert-qr-item:hover .alert-qr{
	left:-200px;
	transition: left 0.5s ease-in 0s;
}
.alert-qr{
	width:180px;
	height:180px;
	position: absolute;
	bottom:0;
	left:200px;
	background:#790023;
}
/*琛ㄥ崟寮圭獥*/
.index-form{
	display: none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:-100%;
	z-index: 30;
	background: rgba(0,0,0,0.8);
}
.index-form-content{
	width:480px;
	height: 500px;
	margin-left:-240px;
	margin-top:-250px; 
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	background: url('../images/alert_bg.jpg') no-repeat center top;
	border-radius: 12px;
	position: relative;
}
.form-title{
	padding-top:88px;
	color:#f78e9e;
	font-size:25px;
	text-align: center;
	
}
.form-title span{
	display: inline-block;
	width:28px;
	height:35px;
	background: url('../images/safe_icon.png') no-repeat;
	background-position: right top;
	margin-bottom: -6px;
}
.form-items{
	width:436px;
	margin:28px auto 0;
}
.form-item{
	width:100%;
	height:67px;
	margin-bottom: 6px;
}
.form-item:nth-child(1){
	margin-bottom: 18px;
}
.form-item input{
	width:100%;
	height:100%;
	border:none;
	outline: none;
	background: transparent;
	font-size:28px;
	color:#010101;
	text-indent: 64px;
}
.form-item input:placeholder{
	color:#afafaf;
}
#form-product{
	text-align: center;
	text-indent: 0;
}
.form-btn img{
	display: block;
	margin:24px auto 0;
	border-radius: 8px;
	box-shadow: 10px 10px 20px #53000f ;
	cursor: pointer;
}
.index-form-close{
	width:38px;
	height:38px;
	position: absolute;
	top:0;
	right:0;
	background: url('../images/form_close.png') no-repeat center;
	cursor: pointer;
}


.index_3{ width:100%; height:685px; display:block; background:#140f30; padding-top:46px;}
.index_3_1{ width:1200px; height:685px; display:block; margin:0 auto;}
.index_3_1_1{ width:100%; height:130px; display:block;}

.index_3_1_2{ width:100%; height:505px; display:block; margin-top:44px;}





.subNav a span:before{background:url(http://www.tysgmr.com/images/icon.png) no-repeat -295px -372px}

.bannerSlide .preBtn{margin-left:-608px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.menu{-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;-webkit-perspective:2000px;perspective:2000px;width:1199px;height:75px;left:50%;top:-49px;margin-left:-600px;z-index:30}
.menu ul{width:100%;height:105px;margin:0 auto;background-color:#a50716;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-moz-transition:-moz-transform .5s ease-in-out 0s;-ms-transition:-ms-transform .5s ease-in-out 0s;-o-transition:-o-transform .5s ease-in-out 0s;-webkit-transition:-webkit-transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s;opacity:0;border-radius:8px}
.menu ul.active{opacity:1;-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0)}
.menu li{width:109px;height:100%;float:left;position:relative;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:5000px;-ms-perspective:5000px;-o-perspective:5000px;-webkit-perspective:5000px;perspective:5000px}
.menu li:first-child a i{border-radius:8px 0 0 8px}
.menu li:last-child a i{border-radius:0 8px 8px 0}
.menu li a{display:block;width:100%;height:100%;z-index:21;position:relative}
.menu .subMenu{width:1199px;left:0;top:105px;z-index:20;padding:24px 0 23px 42px;overflow:hidden;display:none;background-color:#fff;border-radius:10px;border-bottom:1px solid #c0025a}
.menu li .subMenu.active{-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}
.menu li a i{display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;-webkit-animation:orangeOut .4s ease;animation:orangeOut .4s ease;background-color:##990000}
.menu li a:hover i{opacity:1;-webkit-animation:orangeIn .2s ease;animation:orangeIn .2s ease}
.menu li a span{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:10}
.menu li a span:before{content:'';position:absolute;left:50%;top:28px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.menu li a span:after{content:attr(data-txt);position:absolute;width:100%;bottom:20px;text-align:center;line-height:24px;font-size:14px;color:#fff}
.menu li a:hover span:after{color:#fff}
.subNav1 .subMenu{height:auto!important}
.subMenu{width:1199px;position:absolute;padding:0!important}
.subNav1 a span:before{width:38px;height:19px;background-position:0 -9px}
.subNav2 a span:before{width:25px;height:28px;background-position:-46px -4px}
.subNav3 a span:before{width:30px;height:22px;background-position:-80px -8px}
.subNav4 a span:before{width:24px;height:23px;background-position:-122px -7px}
.subNav5 a span:before{width:23px;height:28px;background-position:-158px -3px}
.subNav6 a span:before{top:16px;width:32px;height:18px;background-position:-190px -10px}
.subNav7 a span:before{width:24px;height:25px;background-position:-232px -4px}
.subNav8 a span:before{width:19px;height:27px;background-position:-269px -4px}
.subNav9 a span:before{width:24px;height:24px;background-position:-300px -6px}
.subNav10 a span:before{width:27px;height:23px;background-position:-329px -7px}
.subNav11 a span:before{width:26px;height:25px;background-position:-360px -5px}
.subNav12 a span:before{width:26px;height:25px;background-position:-360px -5px}


.header_h { height: 160px;  }
.header_h .topDateTell { height: 28px; line-height: 28px; background-color: #ededed; overflow: hidden; }
.englishTags { line-height: 28px; color: #848484; }
.topDateTell .openTime { font-size: 14px; color: #3d3f4b; margin-right: 40px; display: inline; }
.topDateTell .openTime a { margin: 0 5px }
.topDateTell .openTime .icomoon { margin: 0 3px }
.topLogo h1 { background: url(http://www.tysgmr.com/images/logo3.png) no-repeat; float: left; width: 525px; height: 75px; margin-top: 20px; }
.topLogo h1 a { display: block; width: 100%; height: 100% }
.topNav { height: 30px; line-height: 30px; margin-top: 37px; }
.topNav ul { float: left; }
.topNav ul li { margin: 0 auto; float: left; font-size: 16px; }
.topNav li a { color: #990000; text-decoration: none; display: block; padding: 0 15px; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; transition: all .3s linear 0s; }
.topNav li a:hover { color: #fff; text-decoration: none; background-color: #3d3f4b }

.index_main { width: 1300px; margin: 0 auto; color: #fff; position: relative }



#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:360px;
	max-width: 640px;
	vertical-align: top;
	border:none;
	overflow: hidden;
}


#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	background-color:#ffffff;
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0.5em;
	font-size: 0.8em;
	line-height: 1.15em;
	padding: 5px 20px;
}
#wowslider-container1 .ws-title span{
	font-size: 1.6em;
	padding: 10px 20px;
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 16s infinite;
	-moz-animation: wsBasic 16s infinite;
	-webkit-animation: wsBasic 16s infinite;
}
@keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%}  87.5%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%}  87.5%{left:-200%} }






@media all and (max-width:370px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:370px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}