*{ padding:0px; margin:0px;}
html{ margin: 0; padding:0; height:100%; width: 100%; overflow-x: hidden;}

*:before, *:after {
    z-index: -1;
}
*,::before,::after{margin:0;padding:0;
-webkit-tap-highlight-color:transparent;/*清除点击高亮*/
-webkit-box-sizing:border-box; /*设置以边框计算宽度*/
box-sizing:border-box;
}
body{ margin:0; padding:0; height:100%; width:100%;Font-size:14px; color:#484848;min-width: 1280px;}
ul li{ padding:0px; margin:0px; list-style:none}
img{ border:none;font-size:0; padding:0px; margin:0px;vertical-align:top;}
a{ text-decoration:none; /*transition:all ease 0.5s;
-moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; */color:#484848;}
a:hover{ text-decoration:none; color:#f00;}
botton{outline:none;}
.red{ color:#d3120b}
:focus{
    outline: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:30px;
        line-height:30px;
    } 
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
    select {
        padding: 15px 0!important;
    }
}        
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */        
    select {
        height:30px;
        line-height:30px;
    }     
}

/**/
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.warp{ width:1200px; margin: 0px auto;}
.header{ height:130px; background: #fff; width: 100%;}
.header .tips{ height:30px; background: #434343; line-height: 30px;color: #FFFFFF; font-size: 12px;}
.header .warp{ position:relative;}

.header > .warp .logo,.header > .warp .slogin,.header > .warp .tel-search,.header .tips .welcome,.header .tips .topnav{ position:absolute;}
.header .tips .welcome{left: 0px; top: 0px;}
.header .tips .topnav{right: 0px; top: 0px;}
.header .tips .topnav a{display:inline-block; padding: 0px 20px; color: #FFFFFF}

.header > .warp .logo{left:0px; top: 20px;}
.header > .warp .slogin{ left: 182px; top: 25px; padding-left: 25px; background:url(../images/top-line.jpg) no-repeat left center; font-size:16px; color: #000}
.header > .warp .tel-search{ right:0px; top: 20px; font-size:13px; color: #000}
.header > .warp .slogin .b-r{color:#d1110e; font-size: 20px; font-weight: bold}
.header > .warp .tel-search .b-r{color:#d1110e; font-size: 24px; font-weight: bold; font-family: Arial;}
.header > .warp .tel-search .tel{ text-align:right}
.tel-search .search{ width:232px; height: 30px; background:url(../images/search.jpg) no-repeat right top;}
.tel-search .search .keyword{ background: none; border:none; width:188px; height:30px; padding:0px 5px;}
.tel-search .search .gets{background: none; border:none; width:40px; height:30px;}

.menu{ height: 50px; width:100%; background:url(../images/menu.jpg) repeat-x top center;}
.menu ul{ display: flex; flex-direction: row; align-items: center;}
.menu ul li{ float:left; line-height:50px; width: 170px; position:relative; background:url("../images/menu-list.jpg")  no-repeat right center; align-items: center}
.menu ul li:last-child{ background:none}
.menu ul li > a{ color:#fff; display:block; font-size:14px; text-align: center;}
.menu ul li > a:hover{ color:#fff;}
/*.menu ul li > dl{ position:absolute; left:0px; z-index:999; width:180%; text-align:center; background:rgba(0,0,0,0.8);  top:50px; display:none; }
.menu ul li:hover > dl{ display:block; text-align:left}
.menu ul li > dl dd{ width:100%; border-bottom:#e6aab1 solid 1px; height:40px; line-height:40px; position:relative; text-align:left}
.menu ul li > dl dd:hover{ background:#000}
.menu ul li > dl dd a{ color:#ccc; text-align:left; padding-left:10px;}
.menu ul li > dl dd a:hover{ color:#FFF}
.menu ul li:hover > dl dd:last-child{ border:none}*/
.menu ul li:hover,.header .menu ul li.curr{ height:50px; line-height:50px;color:#0456a3; background:url(../images/menu_hover.jpg) repeat-x top center;}
.menu ul li.curr{background:rgba(243,150,7,0.70);}
.menu ul li.curr a{ color:#fff;}
.menu ul li:hover > a{color:#fff;}
/*.header .menu ul li:nth-child(1){ background:none}*/
.map{ height:420px; background:url(../images/contact.jpg) no-repeat center top;}
.menu ul li > dl > dd > dl{ position:absolute; left:150px; top:0px; width:400px; background:rgba(0,0,0,0.8); display:none; text-align:left;}
.menu ul li:hover > dl > dd:hover dl{ display:block;}
.menu ul li > dl > dd > dl dd{ padding:0px 5px; width:390px;}
.menu ul li:hover > dl > dd > dl dd a{ color:#ccc}
.menu ul li:hover > dl > dd > dl dd a:hover{ color:#FFF}

.banner{ width:100%; background:url(../images/banner.jpg) no-repeat top center; height:500px;}
.banner a{display:block; width: 100%; height: 100%}
#solid{
	width:100%;
	height:500px;
	clear:both;

	position:relative;
	 margin:0px auto;
	 z-index:88
	 
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:500px;
	display:none;
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
/*#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:100%;
	height:560px;
	margin-left:-500px;
	display:none;
	cursor:pointer;
}*/
#solid ul li{
	position:absolute;
	/*left:50%;*/
	top:0px;
	width:100%;
	height:500px;
	/*margin-left:-452px;*/
	display:none;
	cursor:pointer;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat
}
#solid #btt{
	width:200px;
	height:25px;
	top:460px;
	left:calc(50% - 100px);
	position:relative;
	/*margin-left:-520px;*/
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:15px;
	height:15px;
	margin:0 15px;	
	text-align:center;
	background:#b90c06;
	z-index:1000;
	border-radius: 20px;
	cursor:pointer;
	filter:alpha(opacity=1); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
}
.layer1,.layer4{ padding:60px 0px; width: 100%; background: #fff}
.catlist{ width:250px; float:left;}
.catlist h2{ background:url(../images/index-cate2.jpg) no-repeat center top; height: 124px; font-size: 24px; color: #fff; text-align: center; padding-top: 40px;}
.catlist h2 p.enname{ font-size:12px; font-weight:normal; line-height: 32px;}
.catlist ul{ border:#e71713 solid 2px; border-top: 0;}
.catlist ul li:nth-child(2n){background:#f5f5f5;}
.catlist ul li a{ display: block; padding-left: 52px; line-height:50px; background: url("../images/arr.png") no-repeat 25px center; color: #676767; font-weight: bold; font-size:16px;}
.catlist ul li a:hover{ color:#e41915; background: url(../images/arr-hover.png) no-repeat 25px center}
.productlist,.product-show{ float:right; width: 935px;}
.productlist ul li{ float:left; width:299px; margin-right: 18px;}
.productlist ul li:nth-child(3n){ margin-right:0px;}
.productlist ul li .product-img{border:#dcdcdc solid 1px; height:189px; overflow: hidden}
.productlist ul li .product-img img{ width: 100%;}
.productlist ul li .productname{ line-height:50px; text-align: center}
.productlist ul li .productname a{ display:block;}
.layer2{ background:#f8f8fa; padding:40px 0px 60px 0px; width: 100%; }
.about-content{background:#fff; box-shadow: 0px 5px 10px #ccc}
.index-about .about-title,.news-title{ color: #373536; font-size: 42px; font-weight: bold; text-align: center; padding-bottom: 30px;}
.index-about .about-title .slogin{ font-weight: normal; font-size:18px;}
.index-about .about-content .about-img{ float:left; width: 780px; position: relative;}
.index-about .about-content .about-img .about-nav{ position:absolute; right: 0px; top: 35%; width: 160px;}
.index-about .about-content .about-img .about-nav a{ display:block; width: 100%; height: 44px; text-align: center; color: #fff; background: rgba(228,24,17,0.6); margin: 3px 0px; line-height: 44px; }
.index-about .about-content .about-img .about-nav a:hover{background: rgba(228,24,17,1)}
.index-about .about-content .about-text{ float:left; width: 420px; padding: 50px 40px; position:relative; height:483px; line-height: 28px;}
.index-about .about-content .about-text .more{position:absolute; bottom:50px; left:40px;}
.index-about .about-content .about-text h3{ font-size:24px; padding-bottom: 30px;}
.layer3.ad{background:url(../images/ad.jpg) no-repeat center top; height: 176px; width: 100%; background-color:#1c1b19 }
.layer3.ad a{display: block; width: 100%; height:100%;}
.news-nav{ text-align:center;}
.news-nav a{ display:inline-block; width: 151px; height: 40px; line-height: 40px; background: url(../images/nav.png) no-repeat center center; text-align:center; margin:10px 0px 50px 0px;}
.news-nav a:hover,.news-nav a.active{ background: url(../images/nav_hover.png) no-repeat center center; color:#fff}
.news-content .new-top{ width:50%; float:left}
.news-content .news-list{ width:50%; float:right;}
.top-new-list{ padding-top: 30px;}
.news-list{ padding-left:40px;}
.top-new-list .date,.news-list .nlist .date{ float:left; width: 90px; text-align:left; font-size: 14px; font-family: Arial; padding-top: 5px;}
.top-new-list .date span:first-child,.news-list .nlist .date span:first-child{ font-size:28px; font-weight: bold;display:block}
.top-new-list .news-text,.news-list .nlist .news-text{float:right; width: calc(100% - 90px); border-left: #c9c9c9 solid 1px; padding-left: 20px;}
.top-new-list .news-text a,.news-list .nlist .news-text a{color:#999;}
.top-new-list .news-text h3,.news-list .nlist .news-text h3{ line-height: 32px; width:95%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.top-new-list .news-text h3 a,.news-list .nlist .news-text h3 a{ color:#000;}
.news-list .nlist{ padding:25px 0px; border-bottom:#c9c9c9 solid 1px;}
.news-list .nlist:first-child{padding-top:0px;}
.news-list .nlist:last-child{border:0}


.newslist .nlist .date{ float:left; width: 90px; text-align:left; font-size: 14px; font-family: Arial; padding-top: 5px;}
.newslist .nlist .date span:first-child{ font-size:28px; font-weight: bold;display:block}
.newslist .nlist .news-text{float:right; width: calc(100% - 90px); border-left: #c9c9c9 solid 1px; padding-left: 20px;}
.newslist .nlist .news-text a{color:#999;}
.newslist .nlist .news-text h3{ line-height: 32px; width:95%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.newslist .nlist .news-text h3 a{ color:#000;}
.newslist .nlist{ padding:25px 0px; border-bottom:#c9c9c9 solid 1px; width: 49%; float: left; height: 121px;}
.newslist .nlist:nth-child(2n){ float:right}


.footer{ position:relative;}
.arr-down{ position:absolute; width: 21px; height: 11px; top: 45px; left:calc(50% - 10px); display: inline-block; z-index: 1}
.footer .bottom-menu{ height:45px; line-height: 45px; text-align: center; background:#d02c23}
.footer .bottom-menu a{ display:inline; padding: 0px 60px; border-right: #fff solid 1px; color: #fff}
.footer .bottom-menu a:last-child{border:0}
.footer .copy{background:#252b27; padding: 35px 0px; min-height: 100px}
.footer .copy .copytext{ min-height: 100px; width:578px; background: url(../images/logo-bottom.jpg) no-repeat left center; color: #a8a8a8; padding-left:210px; float: left; line-height: 24px; padding-right:20px;}
.footer .copy .bottom-contact{ padding:0px 50px; line-height: 24px; color: #a8a8a8; width:430px;min-height: 100px;float: left; background:url(../images/line.png) no-repeat left center;}
.footer .copy .code{ width:188px;min-height: 100px;float: right; background:url(../images/line.png) no-repeat left center; text-align: right; position:relative;}
.footer .copy .code span{ position:absolute; right: 110px; top: 10px; width:20px; color: #a8a8a8;}
.footer .copy .code img{width:100px;}


.page-content{ line-height:24px; min-height:500px;}
.pagetitle{ text-align:center; width:100%;}
.pagetitle h2{ line-height:46px; font-size:18px;}
.newspage{ padding:0px 20px; line-height:26px; min-height:500px;}
.pagelink{ border-top:#e4e4e4 solid 1px; margin-top:30px; line-height:30px; position:relative}
.pagelink .upd{ position:absolute; right:0px; top:0px;}
.contact-cont{ width:350px; line-height:30px;}
.contact-cont h2{ font-size:20px; line-height:50px;}
.contact-msg{ width:600px;}


.cban {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 300px;
}

.pagecontent{ width:100%; padding:30px 0px; min-height:500px;}
.pagecontent > .warp > .left{ width:200px;}
.pagecontent > .warp > .right{ width:780px;}
.sidenav h2{ background:#bf0d26; color:#FFF; text-align:center; width:100%; padding:20px 0px;}
.sidenav h2 p{ font-size:14px; font-weight:normal}
.sidenav ul{ padding:20px 0px; border:#f5f5f5 solid 1px;background:#f5f5f5; }
.sidenav ul li{ padding:0px; line-height:35px; background:#f5f5f5; border-bottom:#FFF solid 1px; text-align:center}
.sidenav ul li:last-child{ border:none}


.subnav{ height:40px; background:rgba(0,0,0,0.5); margin-top:-40px;}
.subnav .warp{ position:relative}
.subnav .right{ position:absolute; right:0px; top:0px; line-height:40px; font-weight:500px; color:#FFFFFF}
.subnav .right a{ color:#FFFFFF}
.subnav .left{ position:absolute; left:0px; top:0px;}
.subnav .left a{ display:inline-block; line-height:40px; height:40px; padding:0px 30px; font-size:16px;}
.subnav .left.ts a{ display: block;
    height: 40px;
    padding: 10px 20px;
    float: left;
    width: 180px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    word-wrap: break-word;}
.subnav .left a:hover{  background:#d02c23; font-weight:bold; color:#fff}
.subnav .left a.curr{ background:#d02c23; font-weight:bold; color:#fff}


.side-nav{ width:280px;}
.side-nav ul h2{ height:80px; line-height:80px; color:#fff; background:#09F; text-align:center; font-size:20px; font-weight:normal}
.side-nav ul li{ line-height:62px; margin-top:1px;}
.side-nav ul li a{ display:block; background:#f6f6f6; color:#000;width:240px; height:62px; overflow:hidden; padding:0px 20px; word-break:break-all; font-size:16px;}
.side-nav ul li a:hover{ background:#09F; color:#FFF}
.side-nav ul li dl{ background:#f1f1f1;}
.side-nav ul li dl dd a{ line-height:32px; height:32px; padding:0px 20px 0px 30px; width:230px; border-bottom:#fff dotted 1px; color:#666; font-size:14px;}
.side-nav ul li dl dd:nth-child(1) a{ border-top:#fff solid 1px;}
.side-nav ul li dl dd:last-child a{ border:none;}
.article h2.h2,.product-show h2.h2{ text-align:center; font-size:24px; font-weight:bold; line-height:100px; height:100px; background:url(../images/bottomline.png) no-repeat center bottom;}
.article,.product-show { background:#FFF; padding:20px;}
.err404{ width:256px; margin:0px auto; text-align:center; padding-top:110px;}
.err404cont{ font-size:18px; line-height:48px; color:#FFF}
.article .article-cont{ line-height:34px; font-size:16px; text-indent:35px;word-break:break-all; /*支持IE，chrome，FF不支持*/
word-wrap:break-word;/*支持IE，chrome，FF*/}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{ margin-top:0px;}
.article h3.h3{ text-align:center; font-size:30px; font-weight:bold; padding:20px 0px; border-bottom:#f2f2f2 solid 1px; margin-bottom:50px;}
.article h3.h3 span.en{ font-weight:normal; font-size:20px; opacity:0.8}
.article .article-cont.nix,.product-show .article-cont.nix{ text-indent:0px; padding:40px 0px;}

.pages{ height:77px; line-height:77px; text-align:center; position:relative; margin-top:50px;}
.pages a,.pages span.current{ display:inline-block; height:77px; padding:0px 5px; margin:0px 5px; line-height:77px;}
.pages a:hover{color:#005190; border-bottom:#005190 solid 1px; font-weight:bold;}
.pages span.current{color:#005190; font-weight:bold; border-bottom:#005190 solid 1px;}
.pages a.prev{ /*background:url(../images/page-arrow-left.png) no-repeat center center;*/ display:inline-block; width:100px; height:77px; position:absolute; left:0px; top:0px; border:none; padding:0px; margin:0px; font-size:18px;}
.pages a.prev:hover{background:#eeeeee /*url(../images/page-arrow-left.png) no-repeat center center*/;}

.pages a.next{ /*background:url(../images/page-arrow-right.png) no-repeat center center;*/ display:inline-block; width:100px; height:77px; position:absolute; right:0px; top:0px; border:none; padding:0px; margin:0px; font-size:18px;}
.pages a.next:hover{background:#eeeeee /*url(../images/page-arrow-right.png) no-repeat center center*/;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:580px; height:330px; margin:0px auto; background:#333; position:relative; overflow:hidden; border:#f2f2f2 solid 1px;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; position:relative; height:330px; overflow:hidden; width:580px;}
#playBox .oUlplay li h2{ position:absolute; left:0px; bottom:0px; background:#000; text-align:center; width:100%; color:#FFF; font-size:14px; height:30px; line-height:30px;}
#playBox .pre{ cursor:pointer;  width:60px; height:60px; background:url(../images/btns.png) no-repeat; position:absolute; top:120px; left:-60px; z-index:10; opacity:0.7; transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
-webkit-transition:all 0.4s;}
#playBox .next{ cursor:pointer;  width:60px; height:60px; background:url(../images/btns.png) no-repeat;background-position:-60px -0px; position:absolute; top:120px; right:-60px; z-index:10; opacity:0.7;transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
-webkit-transition:all 0.4s;}
#playBox .pre:hover{ background:url(../images/btn.png); opacity:1;}
#playBox .next:hover{ background:url(../images/btn.png); opacity:1;background-position:-60px 0px;}
#playBox .smalltitle {width:412px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
#playBox:hover .next{ right:0px;}
#playBox:hover .pre{ left:0px;}

p#back-to-top{
	 width:50px;
	 height:50px;
    position:fixed;
    display:none;
    bottom:100px;
    right:20px;
	background:#dce0e3;
}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#6a6a6a;
    display:block;
	 width:50px;
	 height:50px;
   
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
	 line-height:50px;
	 font-size:45px;
}
p#back-to-top a:hover{
    color:#6a6a6a;
}
p#back-to-top a span{
    border-radius:6px;
    display:block;
    height:64px;
    width:56px;
    margin-bottom:5px;
    
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
.product-content{ padding:50px 20px;}