@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: "Microsoft YaHei"; font-size: 16px; color: #000; position: relative; min-height: 100%;}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea{outline: none; border: none; -webkit-appearance: none; border-radius: 0;}
select{outline: none; border: none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.container{width: 90%; max-width: 1400px; margin: 0 auto;}
/*scroll bar*/
::-webkit-scrollbar {width:6px;height:6px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ccc}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#d6000f;)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#d6000f;)}
::-webkit-scrollbar-thumb:vertical:active {background-color:#d6000f;)}
@font-face{font-family: 'Reznor'; src: url('../images/Reznor Downward Spiral.ttf');}
/*common*/
.common_tit{padding: 60px 0px 10px 0px; text-align: center;}
.common_tit h3{position: relative; font-size: 36px; color: #444; display: inline-block; padding-bottom: 25px;}
/*.common_tit h3:before{content: ''; width: 56px; height: 2px; background: #d91826; position: absolute; left: -65px; top: 25px;}*/
.common_tit span{position: absolute; left: 0; bottom: 0; width: 100%; display: block; font-size: 14px; color: #777; text-transform: uppercase;}
/* index */
.index_main .section1{position: relative;}
.index_main .section1 img{width: 100%; display: block;}
.index_main .section1 a{display: block; width: 100%; height: 100%;}
.index_main .section1 .slick-dots{position: absolute; bottom: 90px; left: 50%; margin-left: -700px;}
.index_main .section1 .slick-dots li{width: 10px; height: 10px; text-align: center; display: inline-block; margin-right: 5px; border-radius: 5px; background: #b8bdbe; cursor: pointer;}
.index_main .section1 .slick-dots .slick-active{background: #d6000f;}
.index_main .section1 .slick-dots li button{font-size: 0;}
.index_main .section1 .scroll{position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; background: rgba(0,0,0,.6); z-index: 999;}
.index_main .section1 .content{width: 90%; max-width: 1400px; margin: 0 auto; padding: 8px 0 0 70px; position: relative;}
.index_main .section1 .content i{position: absolute; top: 12px; left: 0; line-height: 22px; background: #d6000f; padding: 0 5px; font-size: 12px; color: #fff; border-radius: 3px;}
.index_main .section1 .content ul{height: 30px; overflow: hidden;}
.index_main .section1 .content li a{font-size: 12px; line-height: 30px; color: #fff; display: block;}
.index_main .section1 .control{position: absolute; right: 0; top: 3px; color: #fff;}
.index_main .section1 .control .common_btn{width: 8px; height: 15px; display: inline-block; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.index_main .section1 .control .left_btn{background-image: url(../images/left_icon1.png); margin-right: 10px;}
.index_main .section1 .control .right_btn{background-image: url(../images/right_icon1.png); margin-left: 10px;}
.index_main .section1 .control .left_btn:hover{background-image: url(../images/left_icon2.png);}
.index_main .section1 .control .right_btn:hover{background-image: url(../images/right_icon2.png);}
.index_main .section1 .control span{margin: 0 5px;}
.index_main .section1 .control span.active{font-size: 30px;}
.index_main .section1 .control span.all{font-size: 22px;}
.index_main .section2{/*background: #f5f5f5;*/ padding-bottom: 50px;}
.index_main .section2 .items{margin: 0 -10px; overflow: hidden;}
.index_main .section2 .item{width: 33.33%; float: left; padding: 0 10px;}
.index_main .section2 .item .img_block{overflow: hidden;}
.index_main .section2 .item .img_block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .item .txt_block{margin-top: 40px; border-top: 1px solid #ccc;}
.index_main .section2 .item .txt_block h3{margin: 30px 0; padding-right: 100px; position: relative; font-size: 22px; color: #444;}
.index_main .section2 .item .txt_block h3 .more{width: 100px; line-height: 30px; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -16px; font-size: 12px; border: 1px solid #cccccc; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .item .txt_block h3 .more{ background-color:#d6000f; color:#FFF;}
.index_main .section2 .item .txt_block h3 .more:before{content: ''; width: 6px; height: 11px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; background-position: center; background-repeat: no-repeat; background-size: 6px 11px; background-image: url(../images/index_icon2.png); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section2 .item .txt_block p{font-size: 18px; color: #666;}
.index_main .section2 .item:hover .img_block img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.index_main .section2 .item:hover .txt_block h3 .more{background: #d6000f; color: #fff; border-color: #d6000f;}
.index_main .section2 .item:hover .txt_block h3 .more:before{background-image: url(../images/index_icon2.png);}
.index_main .section3{background: url(../images/index_bg1.jpg); padding-bottom: 50px;}
.index_main .section3 .items{position: relative;}
.index_main .section3 .item{ display: block; border-radius: 3px; overflow: hidden;}
.index_main .section3 .item:nth-of-type(1){width: 66%; position: relative;}
.index_main .section3 .item:nth-of-type(2){width: 32%; position: absolute; right: 0; top: 0;}
.index_main .section3 .item:nth-of-type(3){width: 32%; position: absolute; right: 0; bottom: 0;}
.index_main .section3 .item .img_block{overflow: hidden;}
.index_main .section3 .item .img_block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section3 .item .txt_block{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255,255,255,.7); padding: 10px 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section3 .item .txt_block p{color: #444; font-size: 18px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section3 .item .txt_block i{position: absolute; right: 15px; top: 50%; margin-top: -13px; font-size: 14px; color: #d70918; line-height: 26px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section3 .item .txt_block i:before{content: ''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 22px; height: 22px; border-radius: 50%; background-color: #d70918; background-repeat: no-repeat; background-position: center; background-size: 10px; background-image: url(../images/index_icon3.png); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section3 .item:nth-of-type(1) .txt_block{padding: 15px 130px 15px 20px;}
.index_main .section3 .item:nth-of-type(1) .txt_block p{font-size: 22px;}
.index_main .section3 .item:hover .img_block img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.index_main .section3 .item:hover .txt_block{background: rgba(214,0,15,.66);}
.index_main .section3 .item:hover .txt_block p{color: #fff;}
.index_main .section3 .item:hover .txt_block i{color: #fff;}
.index_main .section3 .item:hover .txt_block i:before{background-image: url(../images/index_icon4.png); background-color: #fff;}
.index_main .section4{background: url(../images/index_bg2.jpg) center no-repeat; background-size: cover; padding-bottom: 80px;}
.index_main .section4 .common_tit h3{color: #fff;}
.index_main .section4 .common_tit span{color: #fff;}
.index_main .section4 .items{margin: 0 -10px 0; overflow: hidden;}
.index_main .section4 .item{display: block; width: 25%; float: left; padding: 0 10px;}
.index_main .section4 .block{background: rgba(255,255,255,.7); border-bottom: 6px solid #d6000f; text-align: center; padding: 80px 30px 40px;}
.index_main .section4 .block .icon{width: 108px; height: 108px; margin: 0 auto; border: 2px solid #d70917; border-radius: 50%; overflow: hidden; -webkit-transition: all 800ms ease; transition: all 800ms ease;}
.index_main .section4 .block .icon i{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: auto 45px;}
.index_main .section4 .item:nth-of-type(1) i{background-image: url(../images/index_icon5.png);}
.index_main .section4 .item:nth-of-type(2) i{background-image: url(../images/index_icon6.png);}
.index_main .section4 .item:nth-of-type(3) i{background-image: url(../images/index_icon7.png);}
.index_main .section4 .item:nth-of-type(4) i{background-image: url(../images/index_icon8.png);}
.index_main .section4 .item:nth-of-type(5) i{background-image: url(../images/index_icon9.png);}
.index_main .section4 .block h3{font-size: 18px; color: #333; font-weight: 600; margin-top: 30px;}
.index_main .section4 .block span{width: 27px; height: 2px; background: #d6000f; display: block; margin: 20px auto;}
.index_main .section4 .block p{font-size: 14px; color: #444; line-height: 24px; height: 72px; overflow: hidden;}
.index_main .section4 .block:hover .icon{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.index_main .section5{background: url(../images/index_bg3.jpg) center no-repeat; background-color: #f5f5f5; background-size: cover; padding-bottom: 50px;}
.index_main .section5 .tab_tit{text-align: center;}
.index_main .section5 .tab_tit a{display: inline-block; line-height: 32px; font-size: 16px; color: #666; padding: 0 15px; border-radius: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section5 .tab_tit a:hover{color: #d6000f;}
.index_main .section5 .tab_tit a.active{background: #d6000f; color: #fff;}
.index_main .section5 .tab_content{margin-top: 40px;}
.index_main .section5 .tab_content .child{position: relative; display: none;}
.index_main .section5 .tab_content .img_block{overflow: hidden;}
.index_main .section5 .tab_content .img_block img{width: 100%; display: block;}
.index_main .section5 .tab_content .txt_block{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); color: #fff; padding: 15px 20px 15px 30px;}
.index_main .section5 .tab_content .txt_block:before{content: ''; width: 4px; height: 50px; background: #d6000f; position: absolute; left: 20px; top: 50%; margin-top: -25px;}
.index_main .section5 .tab_content .txt_block h3{font-size: 20px; color: #fff;}
.index_main .section5 .tab_content .txt_block h3 a{float: right; width: 30px; height: 30px; border-radius: 50%; background-color: #b81122; background-image: url(../images/index_icon10.png); background-position: center; background-repeat: no-repeat; background-size: 13px 7px;}
.index_main .section5 .tab_content .txt_block p{font-size: 14px; color: #fff; line-height: 20px; height: 20px; overflow: hidden;}
.index_main .section5 .tab_content .txt_block p.active{height: auto;}
.index_main .section6{padding-bottom: 50px;}
.index_main .section6 .item{overflow: hidden;}
.index_main .section6 .tab_tit{width: 34%; float: left;}
.index_main .section6 .tab_tit a{width: 270px; margin: 20px auto; display: block; line-height: 80px; font-size: 18px; color: #333;}
.index_main .section6 .tab_tit a:before{content: ''; display: inline-block; vertical-align: middle; margin: -2px 20px 0 0; width: 80px; height: 80px; border: 1px solid #d6000f; border-radius: 50%; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: auto 28px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section6 .tab_tit a:nth-of-type(1):before{background-image: url(../images/index_icon11.png);}
.index_main .section6 .tab_tit a:nth-of-type(2):before{background-image: url(../images/index_icon12.png);}
.index_main .section6 .tab_tit a:nth-of-type(3):before{background-image: url(../images/index_icon13.png);}
.index_main .section6 .tab_tit a:nth-of-type(4):before{background-image: url(../images/index_icon14.png);}
.index_main .section6 .tab_tit a:hover:before,.index_main .section6 .tab_tit a.active:before{background-color: #d6000f;}
.index_main .section6 .tab_tit a:nth-of-type(1):hover:before,.index_main .section6 .tab_tit a:nth-of-type(1).active:before{background-image: url(../images/index_icon11on.png);}
.index_main .section6 .tab_tit a:nth-of-type(2):hover:before,.index_main .section6 .tab_tit a:nth-of-type(2).active:before{background-image: url(../images/index_icon12on.png);}
.index_main .section6 .tab_tit a:nth-of-type(3):hover:before,.index_main .section6 .tab_tit a:nth-of-type(3).active:before{background-image: url(../images/index_icon13on.png);}
.index_main .section6 .tab_tit a:nth-of-type(4):hover:before,.index_main .section6 .tab_tit a:nth-of-type(4).active:before{background-image: url(../images/index_icon14on.png);}
.index_main .section6 .tab_content{width: 66%; float: left;}
.index_main .section6 .tab_content .child{position: relative; display: none;}
.index_main .section6 .tab_content h3{font-size: 36px; color: #666; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #cccccc; position: relative;}
.index_main .section6 .tab_content h3:before{content: ''; width: 25px; height: 2px; background: #d6000f; position: absolute; bottom: -1px; left: 0;}
.index_main .section6 .tab_content p{font-size: 14px; color: #777; line-height: 24px; margin: 20px 0 30px;}
.index_main .section6 .tab_content .img_block{border-radius: 3px; overflow: hidden; position: relative;}
.index_main .section6 .tab_content img{display: block;}
.index_main .section6 .tab_content img.big{width: 100%;}
.index_main .section6 .tab_content .fixed{position: absolute; right: 0; top: 0; bottom: 0; background: rgba(214,0,15,.8); padding: 20px;}
.index_main .section6 .tab_content .fixed h4{font-size: 16px; color: #fff; padding: 15px 0; position: relative;}
.index_main .section6 .tab_content .fixed h4:before{content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.index_main .section6 .tab_content .fixed span{font-size: 25px; color: #fff; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;}
.index_main .section7{background: url(../images/index_bg4.jpg) center no-repeat; background-size: cover; padding-bottom: 50px;}
.index_main .section7 .tab_tit{text-align: center;}
.index_main .section7 .tab_tit a{display: inline-block; width: 96px; line-height: 36px; font-size: 16px; color: #444; border-radius: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section7 .tab_tit a.active,.index_main .section7 .tab_tit a:hover{background: #d71725; color: #fff;}
.index_main .section7 .tab_content{margin-top: 25px;}
.index_main .section7 .tab_content .child{display: none;}
.index_main .section7 .tab_content .items{margin: 0 -12px 0; overflow: hidden;}
.index_main .section7 .tab_content .item{width: 33.33%; float: left; padding: 0 12px; margin-top:24px;}
.index_main .section7 .tab_content .item .img_block{overflow: hidden;}
.index_main .section7 .tab_content .item .img_block img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section7 .tab_content .item .txt_block{padding: 20px; background: #fff;}
.index_main .section7 .tab_content .item .txt_block h3{font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index_main .section7 .tab_content .item .txt_block h3 a{color: #444;}
.index_main .section7 .tab_content .item .txt_block p{font-size: 14px; color: #666; line-height: 20px; height: 40px; overflow: hidden; margin: 20px 0;}
.index_main .section7 .tab_content .item .txt_block a.more{font-size: 14px; color: #d70918; line-height: 26px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section7 .tab_content .item .txt_block a.more:before{content: ''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 22px; height: 22px; border-radius: 50%; background-color: #d70918; background-repeat: no-repeat; background-position: center; background-size: 10px; background-image: url(../images/index_icon3.png); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section7 .tab_content .item:hover h3 a{color: #d70918;}
.index_main .section7 .tab_content .item:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.index_main .section7 .tab_content .item:hover .txt_block a.more{margin-left: 10px;}
#top_btn{
	position: fixed;
	top: 50%;
	margin-top: -35px;
	right: 4%;
	width: 70px;
	height: 70px;
	background-color: #d6000f;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 36px;
	cursor: pointer;
	background-image: url(../images/news_icon4.png);
	background-repeat: no-repeat;
	background-position: center 15px;
	z-index: 99;
	display: none;
}	
@media screen and (max-width: 1200px){
	#top_btn{
		right: 0;
	}
}
@media screen and (max-width: 992px){
	#top_btn{
		right: 0;
		width: 35px;
		padding-top: 30px;
		background-position: center 10px;
	}
}

.index_main .mCommon_items{display: none;}
.index_main .section4 .m_items{display: none;}
*{margin: 0; padding: 0; border: 0; box-sizing: border-box;}
.fixed_right{position: fixed; right: 0; bottom: 20px; z-index: 999; /*display: none;*/}
.fixed_right .block{width: 54px; height: 54px; display: block; position: relative; margin-bottom: 1px; background: rgba(0,0,0,.3); padding: 7px 0;}
.fixed_right i{display: block; width: 23px; height: 23px; margin: 0 auto; background-position: center; background-repeat: no-repeat; transition: all 500ms ease;}
.fixed_right p{font-size: 12px; color: #fff; text-align: center; line-height: 18px; margin: 0; transition: all 500ms ease;}
.fixed_right .block:nth-of-type(1) i{background-image: url(/templates/cn/html/images/fixed_icon1.png);}
.fixed_right .block:nth-of-type(2) i{background-image: url(/templates/cn/html/images/fixed_icon2.png);}
.fixed_right .block:nth-of-type(3) i{background-image: url(/templates/cn/html/images/fixed_icon3.png);}
.fixed_right .block.tel .hover{width: 220px; right: -220px;position: absolute; top: 0; background: #fff; line-height: 54px; padding: 0 10px 0 50px; font-family: 'Reznor'; font-size: 26px; color: #d51120; background-position: 15px center; background-repeat: no-repeat; background-image: url(/templates/cn/html/images/fixed_icon2on.png); transition: all 500ms ease;}
.fixed_right .block.tel .hover span{margin-left: 10px; font-size: 18px; color: #333;}
.fixed_right .block.tel:hover .hover{right: 0;}
.fixed_right .block:hover{background: #fff;}
.fixed_right .block:hover p{color: #d51120;}
.fixed_right .block:nth-of-type(1):hover i{background-image: url(/templates/cn/html/images/fixed_icon1on.png);}
.fixed_right .block:nth-of-type(2):hover i{background-image: url(/templates/cn/html/images/fixed_icon2on.png);}
.fixed_right .block:nth-of-type(3):hover i{background-image: url(/templates/cn/html/images/fixed_icon3on.png);}
@media screen and (max-width: 992px){
	.fixed_right{bottom:60px;}
	.fixed_right a:nth-child(1),.fixed_right a:nth-child(2){display:none;}
}