@charset "gb2312";
a{border:none;text-decoration: none;}
a:hover{text-decoration: none}
body{margin:0 auto;padding:0;font-family:"siyuan",arial;}
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(/html/class/template/images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "siyuan"; color: #8F9DA4; line-height: 21px;}

.section1{background:rgba(255,255,255,0.2);}
.section2{background:url(/html/class/template/images/jiejuebg.jpg) bottom center no-repeat;}
.section3{background:url(/html/class/template/images/productsbg.jpg) bottom center no-repeat;}
.section4{background:url(/html/class/template/images/newsbg.jpg) bottom center no-repeat;}
.section5{background:url(/html/class/template/images/customus.jpg) bottom center no-repeat;}
.container-fluid{width:1136px;margin:9px auto;}
.navbar-brand{padding:0;}
.navbar-nav{margin-top:25px;}
.w50{margin-left:50px;}
.search{width:40px;height:40px;background:url(/html/class/template/images/search.png) center center no-repeat;}
.navbar-header .logotxt{font-family: "宋体";font-size:12px;color:#666; position: absolute;  margin-top: -22px;  margin-left: 122px;padding-top:5px;}
.searchinput{border:none;margin-left:-120px;}
.tel{ position:absolute;width:1080px;text-align:right }
.tel span{font-style:italic;font-weight:bold;color:#333;font-size: 21px; }
.navbar-default .navbar-nav>li>a{color:#333;}
.navbar-default .navbar-nav>.active>a{background:none;color:#333}
.navbar-default .navbar-nav>li>a:hover{background:rgba(0,0,0,0.1)}
.js-silder{position:relative;min-width:320px;margin-top: 25px;z-index: 20}
.silder-scroll{width:100%;overflow:hidden}
.silder-main{position:relative;width:100%;overflow:hidden}
.silder-main-img{position:absolute;top:0;left:0;width:100%}
.silder-main-img img{width:100%}
.js-silder-ctrl{width:100%;text-align:center;}
.silder-ctrl-prev,.silder-ctrl-next{position:absolute;top:0;width:8%;height:100%;vertical-align:middle;cursor:pointer;color:#fff;font-size:82px;font-weight:600;text-shadow:#666 2px 2px 5px;/*opacity: 0.5;*/}
.silder-ctrl-prev{left:0;text-align:left}
.silder-ctrl-next{right:0;text-align:right}
.silder-ctrl-prev>span,.silder-ctrl-next>span{position:absolute;top:50%;}
.silder-ctrl-prev>span{left:0}
.silder-ctrl-next>span{right:0}
.silder-ctrl-con{display:inline-block;width:4% !important;height:3%!important;padding: 4px 0;margin:0 10px;cursor:pointer;/*position:absolute;margin-top:-100px;z-index: 100*/}
.silder-ctrl-con>span{display:block;line-height:0;width:40px;text-indent:-9999px;overflow:hidden;padding:5px 0;cursor:pointer;background-color:#e4e4e4}
.silder-ctrl-con.active>span{background-color:#ff0000}
#myCarousel{margin-top:25px;}
.carousel-indicators{bottom:26px !important;}
.carousel-indicators li{border-radius: 1px;background-color:#e4e4e4;}
.carousel-indicators .active{background-color: #ff0000}
.carousel-control{opacity:0.7}
.carousel-control.left,.carousel-control.right{ background-image: none}
.controlArrow.prev,.controlArrow.next{border:none;}
.contentbody{margin:0 auto;/*padding-top:9%;*/width:1136px;text-align: center; position: relative;top:18%; }
.contentbody strong{font-size: 28px;color:#333;}
.contentbody h2{font-size: 28px;color:#333;font-weight:700;}
.contentbody table{margin-top: 30px;text-indent: 1em;}
.fangan{width:1136px;height:420px;margin-top:3%;}
.fangan1{width:1136px;height:420px;margin-top:3%;}
.line{width:44px;border:2px solid #333;height:3px;margin-left:48%;margin-top:2%; border-radius: 20px;}
.nav>li>a:focus, .nav>li>a:hover{background:none;border:none;}
.navleft{width:189px;height:420px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border:1px solid #6d6d6e;
    background: -webkit-linear-gradient(180deg, #4c4e50, #6d6d6e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(180deg,#4c4e50, #6d6d6e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(180deg,  #4c4e50, #6d6d6e); /* Firefox 3.6 - 15 */
    background: linear-gradient(180deg, #4c4e50, #6d6d6e); /* 标准的语法（必须放在最后） */}
.navleft>li{height:25%;}
 .col-md-4,.col-md-8{padding-right:0px;}
.navleft>li>a{height:100%;display:block;padding:40px 0 0 0;}
.navleft>li:nth-child(2)>a,.navleft>li:nth-child(3)>a,.navleft>li:nth-child(4)>a{background:url(/html/class/template/images/leftline.png) top center no-repeat;}
.navleft>li>a:active{height:100%;display:block;border:none;}
.navleft .active{background:#bb0000 url(../images/ico3.png) right center no-repeat;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.navleft>li:hover{width:100%;background:#bb0000 url(../images/ico3.png) right center no-repeat;border-top-left-radius: 0px;border-top-left-radius: 10px;}
.navleft>li:hover:nth-child(4){background:#bb0000 url(../images/ico3.png) right center no-repeat;border-top-left-radius: 0px;border-bottom-left-radius: 10px;border:none;}
/*.navleft>li:nth-child(2),.navleft>li:nth-child(3),.navleft>li:nth-child(4){background:url(/html/class/template/images/leftline.png) top center no-repeat;}*/
.navleft>li>a{color:#fff;}
.navright{background:rgba(255,255,255,0.8);height:420px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border: 1px solid #fff;}
.navright .zhutu{margin:2.2% 0 0 0;}
.navright .wenben{margin:3% 0 0 0;text-align: left;}
.navright .wenben h3{font-size:18px;color:#bb0000;font-weight:bold;border-left:3px solid #bb0000;padding-left:15px;}
.navright .wenben p{font-size:15px;color:#666;background:url(/html/class/template/images/ico.png) left center no-repeat;padding:15px 15px 0px 20px;}
.prolist{width:90%;margin-top:95px;text-align:center;}
.prolist ul{height:100%;position: absolute;width:100%;padding:0;}
.prolist li{ float:left; width:20%;padding-top:315px; list-style-type:none;    transition: all 0.5s;height:100%; }
.prolist li>img{opacity: 0; transition: all 0.5s;}
.prolist li .imgbox{min-height:246px;width:100%}
.prolist li .imgbox img{width:auto;}
.prolist li:hover{  padding-top:240px;   background:#bb0000;   transition: all 0.5s;}
.prolist li:hover>img{opacity: 1; }
.prolist p { font-size: 24px;  color: rgb( 0, 0, 0 );}
.prolist em { font-style: normal; font-size: 24px;  color: rgb( 0, 0, 0 );}
.prolist li:hover p{color: #fff;}
.prolist li>a>img{ filter:Invert(1);}
.prolist li:hover>a>img{ filter:Invert(0);}
.news{text-align: center;width:300px;margin:0 auto;}
.news li{float:left;width:130px;height:40px;background:#fff;}
.news li a{color:#666;display: block}
.news li:nth-child(1){margin-right:20px;}
.news li:hover,.news .active{background:#bb0000;}
.news .active a,.news>li>a:hover{color:#fff;}
.newslist{margin-top:3%;width:100%;list-style:none;padding:0;height: 363px; overflow: hidden;}
.newslist li{float: left;width:31%;height:363px;background:#fff;margin:0 1.1%;}
.newslist li:hover{background:#bb0000;color:#fff;}
.newslist>li>a>img{height:203px; width: auto;}
.newscontent{padding:5% 5% 0 5%;text-align: left;}

.newscontentl{float: left;width:70%;height:142px;border-right:1px solid #e3e3e3;word-break: break-word;box-sizing: content-box; padding:0 2%;}
.newscontentl h3{font-size:15px;line-height:20px;height:40px;overflow:hidden}
.newscontentl h4{font-size:15px;line-height:20px;height:40px;overflow:hidden}
.newscontent p{font-size:12px;display:block}
.newscontentr{float: left;width:18%;padding:5% 0% 0 6%;box-sizing: content-box;text-align:center}
.newscontentr span{font-size:16px;font-weight:bold;margin-top:20px;}
.newscontentr p{margin-top:3%}
.conustus{width:100%;background:rgba(255,0,0,0.8);height:500px;padding-top:3.5%;text-transform:uppercase;font-size:16px;}
address{color:#fefefe;line-height:25px;}
.conustus span{font-size:36px;color:#fff;}
.conustus h2{font-size:16px;color:#fff;padding-top:10px;}
.conustus .line2{width:100%;height:2px;background:url(/html/class/template/images/line.png) left center no-repeat;}
.conustus dl{padding:7% 0;color:#fff;font-size:14px;margin-left:-15px;}
.conustus dl dt{width:10%;float:left;padding-top:3%;}
.conustus dl dd{width:90%;float:left;padding-left:15px;text-transform:none;}
.p50{width:50%;padding:7% 0; float:left;color:#fff;font-size:14px;}

.coryright{background:#f1f1f1;min-height:80px;line-height:40px;width:100%;margin:0 auto;bottom:0; position:absolute;}
.coryright a{color: #666}





.facetube1{  margin-left:50% !important; margin-bottom:5% !important; margin-top:-90px;list-style:none;}
	.facetube1 ul li{width:40px; height:40px; float:left;margin-left:10px;}
	.facetube1 ul li a{ width:40px; height:40px; display:block; }
		#facebook1{ background:url(/html/class/template/images/facebook.png) no-repeat; background-size:100%;}
		#youtube1{ background:url(/html/class/template/images/youtube.png) no-repeat; background-size:100%;}

.facetube{  margin-left:50% !important; margin-bottom:10% !important; margin-top:-90px;}
	.facetube ul li{width:40px; height:40px; float:left;margin-left:10px;}
	.facetube ul li a{ width:40px; height:40px; display:block;}
		#facebook{ background:url(/html/class/template/images/facebook.png) no-repeat; background-size:100%;width:60px;height:55px;display: inline-block;}
		#youtube{ background:url(/html/class/template/images/youtube.png) no-repeat; background-size:100%;width:60px;height:55px;display: inline-block;}

@media screen and (max-width:1440px){
    .navbar-default{background:#fff;margin:0 auto;height:95px;box-shadow: 0px 0px 12px rgba(58, 56, 56, 0.32);}
    .carousel-inner{margin-top:5%;}
    .carousel-indicators{bottom:12px !important;}

}
@media screen and (max-width:768px) {
    .section2{height:700px !important;}
    .section3{height:820px !important;}
    .section4{height:1270px !important;}
    #fullPage-nav{display:none;}
    .navbar-brand{padding-left:10px;width:260px;}
    .navbar-default{height:60px;}
    .navbar-default .navbar-nav>.active>a{background-color: #e7e7e7;}
    .navbar-header .logotxt{font-family: "宋体";font-weight: bold;color:#666; position: absolute;  margin-top: -32px;  margin-left:30%;padding-top:5px;}
    .container-fluid{width:auto;background:#f3f3f3;}
    /*.pull-right{float:none!important;}*/
    .navbar-brand>img{width:60%;}
    .navbar-nav{margin:0 auto; padding: 0;width:100%;overflow: hidden}
    
    .js-silder{margin-top:20%;}
	.js-silder-ctrl {margin-top: -20px;  position: absolute;    z-index: 200;}
    .silder-ctrl-prev,   .silder-ctrl-next{      width: 10%;     font-size: 26px;     margin-top: -30px;   }
	
    .silder-ctrl-con{      width: 14px;      height: 14px;      padding: 0;      margin: 0 5px;  }
    .silder-ctrl-con>span{      display: block;       width: 100%;      height: 100%;     border-radius: 50%;      padding: 0;}
    .contentbody{width:100%;top:5%;}
	.contentbody strong{font-size:20px;}
    .fangan{width:100%;height:342px;}
    .fangan1{width:100%;height:702px;}
    .navleft{width:100%;height:80px;border-bottom-right-radius:10px;border-top-right-radius:10px;}
    .navleft>li{float: left;width:25%;height:80px;}
    .navleft>li>a{height:100%;display:block;padding:20% 0 0 0;}
    .navleft>li:nth-child(2)>a,.navleft>li:nth-child(3)>a,.navleft>li:nth-child(4)>a{background:url(/html/class/template/images/leftline2.png) left center no-repeat;}
    .navleft>li>a:active{height:100%;display:block;border:none;}
    .navleft .active{width:25%;background:#bb0000 url(../images/ico7.png) bottom center no-repeat;border-radius: 10px;}
    .navleft>li:hover{width:25%;background:#bb0000 url(../images/ico7.png) bottom center no-repeat;border-radius: 10px;}
    .navleft>li:hover:nth-child(4){background:#bb0000 url(../images/ico7.png) bottom center no-repeat;border-top-left-radius: 0px;border-bottom-left-radius: 10px;border:none;}
    /*.navleft>li:nth-child(2),.navleft>li:nth-child(3),.navleft>li:nth-child(4){background:url(/html/class/template/images/leftline.png) top center no-repeat;}*/
    .navleft>li>a{color:#fff;}
	.line{margin-left:44%;}
    .navright{height:553px;}
    .navright .wenben{margin:0;}
    .navright .wenben p{padding:0px 0px 0 20px;font-size: 13px;}
	.navright .wenben h3{margin-top:10px;}
    .navright>.active>.col-xs-4{width:100%;padding:0;}
    .navright>.active>.col-xs-8{width:100%}
	.prolist{margin-top:15px;width:100%;}
	.newslist{height:auto;}
	.prolist ul{padding:2%;}
    .prolist li{width:49%;height:auto;padding-top:0px; display:block; overflow:hidden}
	.prolist li .imgbox{min-height:150px;height:180px;line-height:180px}
	.prolist li .imgbox img{width:99%;}
	.prolist li:hover{padding-top:0px; background:#bb0000}

	.prolist li>a>img{width:20%}
       .prolist p { font-size: 14px;  color: rgb( 0, 0, 0 );}
	   .newslist li{width:90%; text-align:center; float:none;   display: flex;margin:1% auto;    flex-wrap: wrap;box-sizing: content-box;}
    .footmenu{width:100%;text-align:center;border-top:1px solid #DDDDDD;background:#f8f8f8;color:#666; vertical-align:middle; line-height:40px;position:fixed;bottom:0; box-shadow: 0px 0px 12px rgba(58, 56, 56, 0.32)}	
    .footmenu .fmenu{width:25%;display:block;float:left}
    address{margin-top:40px;}
	.coryright{line-height: 40px;}
}
@media screen and (max-width:360px){
    .section5{height:644px !important; }
}