/* Css Banner */
.banner{ padding-top:100px; height:1150px;}
.slider{ margin:0 auto; width:100%; height:1050px; position:relative;}
.sliderContent{ float:left; width:100%; height:1050px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a{ display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../images/index_14.png); width:56px; height:45px; position:absolute; top:50%; margin-top:-23px;}

.sliderContent div:nth-of-type(1){ background:url(../Images/index_11.jpg) no-repeat center; z-index:2; background-position:initial initial; background-repeat:initial initial; background-size:cover;}
.sliderContent div:nth-of-type(2){ background:url(../Images/index_12.jpg) no-repeat center; z-index:2; background-position:initial initial; background-repeat:initial initial; background-size:cover;}
.sliderContent div:nth-of-type(3){ background:url(../Images/index_13.jpg) no-repeat center; z-index:2; background-position:initial initial; background-repeat:initial initial; background-size:cover;}

.prev{ left:0; background-position:0 0;}
.prev:hover{ background-position:0 -49px;}
.next{ right:0; background-position:-60px 0;}
.next:hover{ background-position:-60px -49px;}
.sliderContent .item{ position:absolute; width:100%; height:1050px; background:#fff; text-align:center; background-size:cover;}

.sliderBullets{ position:absolute; bottom:20px; left:50%; z-index:50; margin-left:-27px;}
.sliderBullets a{ display:block; float:left; text-indent:-9999px; outline:none; margin-left:8px; width:10px; height:10px; background:#fff; border-radius:50%; transition:all 0.5s;}
.sliderBullets .active{ background:#f13438;}
.sliderContent a{ outline:none;}
.slider a{ color:#fff;}
.slider a img{ border:none;}

@media screen and (max-width:2048px){
.banner{ height:950px;}
.slider{ height:850px;}
.sliderContent{ height:850px;}
.sliderContent .item{ height:850px;}
}
@media screen and (max-width:1920px){
.banner{ height:900px;}
.slider{ height:800px;}
.sliderContent{ height:800px;}
.sliderContent .item{ height:800px;}
}
@media screen and (max-width:1680px){
.banner{ height:800px;}
.slider{ height:700px;}
.sliderContent{ height:700px;}
.sliderContent .item{ height:700px;}
}
@media screen and (max-width:1440px){
.banner{ height:700px;}
.slider{ height:600px;}
.sliderContent{ height:600px;}
.sliderContent .item{ height:600px;}
}
@media screen and (max-width:1280px){
.banner{ padding-top:80px; height:630px;}
.slider{ height:550px;}
.sliderContent{ height:550px;}
.sliderContent .item{ height:550px;}
}
@media screen and (max-width:1024px){
.banner{ height:530px;}
.slider{ height:450px;}
.sliderContent{ height:450px;}
.sliderContent .item{ height:450px;}
}
@media screen and (max-width:800px){
.banner{ padding-top:60px; height:410px;}
.slider{ height:350px;}
.sliderContent{ height:350px;}
.sliderContent .item{ height:350px;}
}
@media screen and (max-width:640px){
.banner{ height:445px;}
.slider{ height:385px;}
.sliderContent{ height:385px;}
.sliderContent div:nth-of-type(1){ background-image:url(../Images/index_11_mob.jpg);}
.sliderContent div:nth-of-type(2){ background-image:url(../Images/index_12_mob.jpg);}
.sliderContent div:nth-of-type(3){ background-image:url(../Images/index_13_mob.jpg);}
.sliderContent .item{ height:385px;}
}
@media screen and (max-width:480px){
.banner{ height:360px;}
.slider{ height:300px;}
.sliderContent{ height:300px;}
.sliderContent .item{ height:300px;}
}
@media screen and (max-width:414px){
.banner{ height:310px;}
.slider{ height:250px;}
.sliderContent{ height:250px;}
.sliderContent .item{ height:250px;}
}
@media screen and (max-width:375px){
.banner{ height:285px;}
.slider{ height:225px;}
.sliderContent{ height:225px;}
.sliderContent .item{ height:225px;}
}
@media screen and (max-width:320px){
.banner{ height:260px;}
.slider{ height:200px;}
.sliderContent{ height:200px;}
.sliderContent .item{ height:200px;}
}

/* Css Class */
.products-menu-bg{ background:#f5f5f5; padding:100px 0;}
.products-menu-left{ float:left; width:40%; max-width:500px; height:350px; background:url(../Images/index_21.jpg) no-repeat center; background-size:cover;}
.products-menu-left a{ display:block; width:100%; height:100%;}
.products-menu-right{ float:left; width:60%;}
.products-menu-right dl{ font-size:24px; font-weight:bold; color:#333; margin:10px 0 20px 80px;}
.products-menu-right ul{ padding-left:80px;}
.products-menu-right li{ padding:12px 0;}
.products-menu-right li a{ font-family:"HORATIOM"; font-size:18px; color:#cf000e; line-height:24px;}
.products-menu-right li a:hover{ color:#333;}

@media screen and (max-width:1440px){
.products-menu-bg{ padding:80px 0;}
}
@media screen and (max-width:1024px){
.products-menu-left{ height:280px;}
.products-menu-right dl{ font-size:20px; margin-left:50px;}
.products-menu-right ul{ padding-left:50px;}
.products-menu-right li{ padding:7px 0;}
.products-menu-right li a{ font-size:15px;}
}
@media screen and (max-width:800px){
.products-menu-bg{ padding:50px 0;}
.products-menu-left{ display:none;}
.products-menu-right{ width:100%;}
.products-menu-right dl{ margin-left:0;}
.products-menu-right ul{ padding-left:0;}
.products-menu-right li{ padding:5px 0;}
}
@media screen and (max-width:480px){
.products-menu-bg{ padding:30px 0;}
.products-menu-right dl{ margin:5px 0 10px 0;}
.products-menu-right li{ padding:3px 0;}
}

/* Css About */
.about-bg{ width:100%; height:1265px; background-color:#cf000e; background-image:url(../Images/index_31.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.about-lb{ max-width:1200px; margin:auto;}
.about-txt{ float:right; width:52.5%; height:600px; padding:80px; margin-top: 665px; background:rgba(207,0,14,0.5);}
.about-txt div{ width:100%; height:100%; position:relative;}
.about-txt div dl{ font-size:24px; font-weight:bold; color:#fff; margin:0;}
.about-txt div p{ margin:45px 0; color:#fff;}
.about-txt div a{ position:absolute; left:0; bottom:0; display:block; width:120px; height:32px; line-height:32px; color:#fff; border:1px solid #fff; text-align:center; border-radius:16px;}
.about-txt div a:hover{ background-color:#fff; color:#cf000e;}

@media screen and (max-width:2048px){
.about-bg{ height:1000px;}
.about-txt{ height:600px; margin-top: 400px;}
}
@media screen and (max-width:1920px){
.about-bg{ height:950px;}
.about-txt{ height:600px; margin-top: 350px;}
}
@media screen and (max-width:1680px){
.about-bg{ height:830px;}
.about-txt{ height:600px; margin-top: 230px;}
}
@media screen and (max-width:1440px){
.about-bg{ height:700px;}
.about-txt{ height:700px; margin-top: 0;}
.about-txt div p{ margin:25px 0;}
}
@media screen and (max-width:1280px){
.about-bg{ height:630px;}
.about-lb{ max-width:inherit; margin:0 25px;}
.about-txt{ height:630px;}
}
@media screen and (max-width:1024px){
.about-bg{ height:500px;}
.about-lb{ margin:0 3.5%;}
.about-txt{ height:500px; padding:40px;}
.about-txt div dl{ font-size:20px;}
.about-txt div p{ margin:15px 0;}
.about-txt div a{ width:100px; height:28px; line-height:28px; border-radius:14px;}
}
@media screen and (max-width:800px){
.about-bg{ height:400px;}
.about-lb{ margin:0;}
.about-txt{ width:100%; height:400px; padding:3.5%;}
}
@media screen and (max-width:640px){
.about-bg{ height:300px;}
.about-txt{ height:300px;}
}
@media screen and (max-width:480px){
.about-bg{ height:250px;}
.about-txt{ height:250px;}
.about-txt div dl{ margin-top:20px;}
.about-txt div p{ margin:10px 0 15px;}
.about-txt div p font{ display:none;}
.about-txt div a{ position:inherit;}
}
@media screen and (max-width:414px){
.about-bg{ height:225px;}
.about-txt{ height:225px;}
}

/* Css Company */
.company-bg{ width:100%; height:auto; padding:62px 0 52px; background:url(../Images/index_51.jpg) no-repeat center; background-size:cover;}
.company-bg dl{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:43px;}
.company-bg dl span{ margin-left:20px; font-size:14px; font-weight:normal; color:#fff;}
.certificate{ float:left; width:35.65%;}
.certificate img{ max-width:100%}
.workshop{ float:right; width:55%;}
.workshop li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.workshop li:nth-of-type(2n){ margin-right:0;}

@media screen and (max-width:1024px){
.company-bg{ padding:50px 0 45px;}
.company-bg dl{ font-size:20px; margin-bottom:35px;}
}
@media screen and (max-width:480px){
.company-bg{ padding:35px 0;}	
.company-bg dl{ margin-bottom:20px;}
.company-bg dl span{ display:block; margin-left:0; margin-top:5px; font-size:12px;}
.certificate{ float:inherit; width:80%; margin:auto;}
.workshop{ float:inherit; width:100%; margin-top:20px;}
.workshop li{ width:48.5%; margin-right:3%; margin-top:3%; margin-bottom:0;}
}

/* Css Advantage */
.advantage-bg{ padding:100px 0;}
.advantage-img{ float:left; width:45%; max-width:550px; height:430px; background:url(../Images/index_63.jpg) no-repeat center; background-size:cover;}
.advantage-img a{ display:block; width:100%; height:100%;}
.advantage{ float:right; width:48%;}
.advantage dl{ font-size:24px; font-weight:bold; color:#333; margin:5px 0 30px;}
.advantage li{ margin-bottom:20px;}
.advantage li a span{ display:block; font-family:"HORATIOM"; font-size:18px; color:#cf000e; margin-bottom:5px;}
.advantage li a p{ color:#888;}
.advantage li a:hover p{ color:#333;}

@media screen and (max-width:1440px){
.advantage-bg{ padding:80px 0;}
}
@media screen and (max-width:1024px){
.advantage-img{ height:330px;}
.advantage dl{ font-size:20px; margin:5px 0 20px;}
.advantage li{ margin-bottom:10px;}
.advantage li a span{ font-size:15px;}
}
@media screen and (max-width:800px){
.advantage-bg{ padding:50px 0;}
.advantage-img{ height:280px;}
}
@media screen and (max-width:640px){
.advantage-img{ float:inherit; width:100%; max-width:inherit; height:450px;}
.advantage{ float:inherit; width:100%; margin-top:30px;}
.advantage dl{ margin:5px 0 15px;}
}
@media screen and (max-width:480px){
.advantage-bg{ padding:30px 0;}
.advantage-img{ height:360px;}
}
@media screen and (max-width:414px){
.advantage-img{ height:310px;}
}
@media screen and (max-width:375px){
.advantage-img{ height:280px;}
}
@media screen and (max-width:320px){
.advantage-img{ height:230px;}
}

/* Css Products */
.pro-bg{ padding:80px 0;}
.pro-bg dl{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}
.pro-bg dl font{ font-size:14px; font-weight:normal; margin-left:20px; color:#888;}
.pro-bg ul li{ float:left; width:23.5%; margin-right:2%; margin-top:2%;}
.pro-bg ul li:nth-of-type(4n){ margin-right:0;}
.pro-bg ul li:nth-of-type(4n+1){ clear:both;}
.pro-bg ul li a{ display:block; width:100%; height:100%; background-color:#f5f5f5; padding:15px;}
.pro-bg ul li a img{ width:100%;}
.pro-bg ul li a div{ width:100%; color:#cf000e; line-height:22px; margin:0; padding-top:10px; overflow:hidden;}
.pro-bg ul li a div span{ display:block; line-height:20px;}
.pro-bg ul li a:hover{ background-color:#cf000e;}
.pro-bg ul li a:hover div{ color:#fff;}
.pro-bg ul li a:hover div span{ color:#fff;}

@media screen and (max-width:1024px){
.pro-bg dl{ font-size:20px;}
.pro-bg ul li{ width:31.4%; margin-right:2.9%; margin-top:2.9%;}
.pro-bg ul li:nth-of-type(4n){ margin-right:2.9%;}
.pro-bg ul li:nth-of-type(4n+1){ clear:inherit;}
.pro-bg ul li:nth-of-type(3n){ margin-right:0;}
.pro-bg ul li:nth-of-type(3n+1){ clear:both;}
}
@media screen and (max-width:800px){
.pro-bg{ padding:50px 0;}
.pro-bg dl{ margin-bottom:10px;}
}
@media screen and (max-width:640px){
.pro-bg ul li{ width:48.5%; margin-right:3%; margin-top:3%;}
.pro-bg ul li:nth-of-type(4n){ margin-right:3%;}
.pro-bg ul li:nth-of-type(3n){ margin-right:3%;}
.pro-bg ul li:nth-of-type(3n+1){ clear:inherit;}
.pro-bg ul li:nth-of-type(2n){ margin-right:0;}
.pro-bg ul li:nth-of-type(2n+1){ clear:both;}
}
@media screen and (max-width:480px){
.pro-bg{ padding:35px 0;}
.pro-bg dl font{ display:block; font-size:12px; margin-top:5px; margin-left:0;}
.pro-bg ul li a{ padding:10px;}
}