@charset "utf-8";
/*all*/.animated{animation-duration: 1s;animation-delay: 0.6s;}
.inewlist li:nth-child(2),.iprig{animation-delay: 1.2s;}
.fonav,.fopic{animation-delay: 1s;}

/*banner*/
.hbanner{position:relative;/*padding-left:150px;*/}
.hbshare {position:absolute;left:62px;bottom:20px;}
.hbshare li a i{color:#595959;font-size: 26px;margin-top: 40px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbshare li a:hover i{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);color:#c6102a;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.rslides li:first-child {position:relative;display:block;float:left;}
.slide_container {position:relative;width:100%;}
.slide {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.slide li {position:absolute;width:100%;left:0;top:0;}
.slide img {display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.slide .caption {display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.slide_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(../images/themes.gif) no-repeat left top;margin-top:-45px;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.slide_container:hover .slide_nav {opacity:0.6;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.slide_container .slide_nav:hover {opacity:1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.slide_nav:active {opacity:1.0;}
.slide_nav.next {left:auto;background-position:right top;right:0;}
@media screen and (max-width:1260px){
	.hbanner{padding-left:60px;}
	.hbshare {left:17px;}
}
@media screen and (max-width:450px){
	.hbanner{padding-left:0;}
	hbshare {display:none;}
}

/*iabout*/
#iabout{padding-bottom:100px;position: relative;z-index: 9;}
#iabout:after{content:'';display: block;height:0;clear: both;visibility: hidden;}
.iablf{float:left;width:52%;padding:110px 80px 0 260px;}
.ibtit{line-height: 62px;text-transform: capitalize;font-family: latobold;font-size:57px;position:relative;padding-bottom:100px}
.ibtit:before{content:'';width:66px;height:4px;background:#fff;position:absolute;left:0;bottom:60px}
.ibwor{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;font-size:18px;line-height:35px;color:#fff;max-height:210px;}
.iabtn{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;color:#fff;text-transform: capitalize;font-family:latobold;font-size:20px;display: inline-block;line-height:34px;margin-top:50px}
.iabtn i{color:#fff;font-size:38px;margin-left:110px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;display: block;
    margin-top: -31px;}
.iabtn:hover,.iabtn:hover i{color:#c6102a;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.iabrg{width:45%;float:right;padding-right:70px;}
.iabrg img{width:100%;display: block;    margin-top: 111px;}
@media screen and (max-width:1750px){
	.iablf {padding: 70px 50px 0 230px;}
	.ibtit {padding-bottom: 60px;}
	.ibtit:before{bottom:45px;}
	.iabtn {margin-top: 25px;}
}
@media screen and (max-width:1500px){
	.iablf {padding: 50px 20px 0 190px;}
	.ibtit {padding-bottom: 32px;}
	.ibtit:before{bottom:20px;}
	.iabtn {margin-top: 15px;}
	.iabrg img {margin-top: 46px;}
}
@media screen and (max-width:1260px){
	.iablf {padding-left:100px;}
	.ibtit {font-size:47px}
	.ibwor {max-height:150px;font-size: 17px;line-height: 30px;}
	.iabtn {font-size:18px;}
	.iabrg {padding-right: 40px;}
	.iabrg img {margin-top: 77px;}
}
@media screen and (max-width:1050px){
	.iabrg img {margin-top: 77px;}
}
@media screen and (max-width:900px){
	.iablf{width:100%;padding-right:40px;}
	.ibtit {font-size:37px}
	.ibtit:before{width:40px;height:3px}
	.ibwor{max-height:inherit;}
	.iabtn,.iabtn i {font-size:16px;}
	.iabrg{display: none;}
}
@media screen and (max-width:450px){
	.iablf{padding-left:40px;}
	.ibtit {line-height:40px;}
}

/*iproduct*/
#iproduct{padding-bottom:80px;}
#iproduct:after,.iprig:after,.iprlist:after{content:'';display: block;clear: both;visibility: hidden;height: 0;}
.iprone{width:68.2%;float:left;overflow: hidden;}
.iprlist li{float:left;margin-right:20px;}
.iprlist li a{display: block;}
.iprlist li .ippic{width:400px;height:260px;display: table-cell;vertical-align: middle;overflow: hidden;}
.iprlist li .ippic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;max-width:100%;max-height:100%;margin:0 auto;display: block;}
.ipword{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;text-align: center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:54px;font-size:18px;line-height:28px;margin-top:10px;padding:0 8px;}
.iprlist li:hover .ippic img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.iprlist li:hover .ipword{color:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.iprig{float:left;margin-left: 70px;padding-top: 120px;}
.iprig span{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;float:left;margin-left:20px;;cursor:pointer;display: block;width:94px;height:55px;border-radius: 4px;border:2px solid #fff;text-align: center;line-height:51px;}
.iprig span i{color:#fff;}
.iprig span:hover{border-color:#c6102a;background:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
@media screen and (max-width:1500px){
	.iprlist li .ippic{height:220px;}
}
@media screen and (max-width:1260px){
	.iprlist li .ippic{height:210px;}
	.iprig span{width: 84px;height: 45px;line-height: 41px;}
	.iprig {margin-left: 50px;}
}
@media screen and (max-width:900px){
	.iprone{width:86%;margin-left:7%;}
	.iprlist li .ippic{height:310px;}
	.iprig span{width: 78px;}
	.iprig {float:right;margin-right:7%;padding-top: 50px;}
}
@media screen and (max-width:700px){
	.iprlist li .ippic{height:240px;}
}
@media screen and (max-width:540px){
	.iprlist li .ippic{height:200px;}
}
@media screen and (max-width:440px){
	.iprig span {width: 70px;height: 38px;line-height: 34px;}
}

/*iwhy*/
#iwhy{margin-top: 80px;position:relative;width:100%;height:670px;background:url(../images/whatpic.jpg) center center no-repeat;background-size:cover;}
.iwhycent{width:504px;background:#fff;position:absolute;right:70px;top:-70px;padding:70px 60px;}
.iwhtit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom: 28px;font-size:40px;color:#000;line-height: 50px;text-transform: capitalize;font-family: latobold;}
.iwhwor{font-size:18px;line-height:35px;color:#010101;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden;max-height:378px;}
.iwhbtn{color:#000;text-transform: capitalize;font-family:latobold;font-size:20px;display: inline-block;line-height:34px;margin-top:35px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.iwhbtn i{color:#000;font-size:20px;margin-left:7px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.iwhbtn:hover,.iwhbtn:hover i{color:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
@media screen and (max-width: 1260px){
	.iwhycent {right: 40px;}
}
@media screen and (max-width: 900px){
	#iwhy {height: 530px;}
	.iwhycent {width:86%;right:7%;padding: 50px 40px;}
	.iwhtit{font-size:32px;line-height:40px;}
	.iwhwor{-webkit-line-clamp:10;line-height:28px;font-size:17px;max-height:276px;}
	.iwhbtn{font-size:16px;}
}


/*inews*/
#inews{padding:80px 70px 210px;position: relative;background: #fff;}
.inewbtn{display: block;width:122px;height:214px;line-height:214px;padding:23px 0 0 16px;border:5px solid #c6102a;color:#fff;text-transform: uppercase;font-family:latobold;font-size:23px;position:absolute;right:0;top:0;}
.inewbtn i{display: block;position:absolute;bottom:0;right:65px;margin-bottom:26px;height:10px;line-height:10px;}
.inewbtn:before {content:'';width:70px;height:4px;background:#c6102a;position:absolute;left:-75px;bottom:30px;z-index:2;border-radius:2px 0px 0px 2px;}
.inewbtn span:first-child {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.inewbtn span:first-child:before {content:'';width:100%;height:100%;background:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;display:block;position:relative;top:0%;}
.inewbtn span.col{position:relative;z-index:1;}
.inewbtn:hover span::before {-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;top:100%;}
.inewbtn:hover {border-color:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.inewbtn:hover span.col{color:#c6102a;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.inewtit{color:#fff;padding-left:37px;border-left:5px solid #c6102a;margin-bottom:70px;}
.insm{color:#000;font-family:latobold;text-transform: uppercase;font-size:20px;line-height:20px;}
.inlar{font-size:76px;color:#000;text-transform: capitalize;line-height:60px;margin-top:16px;font-family: latoblack;}
.inewlist li:after{content:'';display: block;visibility: hidden;height:0;clear: both;}
.inpic{float:left;width:50%;height:265px;overflow: hidden;}
.inpic img{display:block;max-width:inherit;height:100%;float:right;}
.inbox{float:right;width:50%;height:265px;position: relative;}
.inewlist li:nth-child(2) .inpic{float:right;}
.inewlist li:nth-child(2) .inbox{float:left;}
.intop{padding:10px 60px;width:100%;position: absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}
.intime{display:block;color:#7f7f7f;line-height: 36px;}
.intit{margin-bottom:8px;font-family:latobold;font-size:30px;color:#1e1e1e;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.inword{line-height:32px;color:#6c6c6c;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:92px;}
.intop .iabtn{margin-top:10px;font-size:17px;color:#222}
.intop .iabtn i{color:#222;font-size:38px;}
.intop .iabtn:hover,.intop .iabtn:hover i{color:#c6102a}
@media screen and (max-width: 1260px){
	#inews {padding:80px 40px 180px;}
	.inlar {font-size: 62px;line-height: 50px;}
	.inewbtn {font-size: 21px;width: 100px;height: 190px;padding: 0px 0 0 6px;}
	.inewbtn i {right: 14px;font-size: 15px}
	.inewbtn:before {bottom: 31px;}
	.inpic,.inbox {height:210px;}
	.intop{padding:10px 30px;}
	.intit {font-size: 24px;}
	.inword {line-height: 24px;font-size: 17px;}
}
@media screen and (max-width: 900px){
	#inews {padding: 50px 40px 20px;}
	.inewtit {margin-bottom: 50px;}
	.insm {font-size: 17px;}
	.inlar {font-size: 38px;line-height: 30px;margin-top: 8px;}
	.inewbtn i,.inewbtn:before{display: none;}
	.inewbtn {font-size: 17px;width: 80px;height: 80px;padding:0;line-height: 70px;text-align: center;}
	.inpic,.inbox{width:100%;height: auto;}
	.inpic{height:auto;}
	.inpic img{height:auto;width:100%;}
	.intop {padding:10px 15px;position: static;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);}
	.intit{white-space: normal;line-height: 34px;}
	.inword {-webkit-line-clamp: inherit;max-height:inherit;}}
@media screen and (max-width: 500px){
	.inewtit {padding-left: 20px;margin-bottom: 30px;}
	.inewbtn {width: 110px;height: 36px;line-height:30px;position: relative;margin-bottom: 35px;/*float: right;*/border-width: 3px;}
}


/* index_2  categories */
.incate .iprone {margin:0 auto;float:none;width:80%;}
.incate .iprlist:after {content:'';display:block;visibility:hidden;height:0;clear:both;}
.incate .iprlist li {width:25%;margin:0;padding:10px;}
.incate .iprlist li .ippic {height:320px;width:440px;}
@media screen and (max-width:1366px){.incate .iprlist li .ippic{height:250px;}}
@media screen and (max-width:992px){.incate .iprone{width:90%}
.incate .iprlist li{width:50%;}
.incate .ipword{height:54px;}
.incate .iprlist li .ippic{height:270px;}}
@media screen and (max-width:520px){.incate .iprlist li{width:100%;}
.incate .iprlist li .ippic{height:auto;}
.incate .ipword{height:auto;}}