@import url("basic.css");
@import url("common.css");

.obanner{
	height: 403px;
	overflow: hidden;
}

.home{
	width: 100%;
	
}

/*首页banner*/
.home .banner{
	height: 450px;
	overflow: hidden;
	position: relative;
	margin-top: 74px;
}
.home #slides { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:relative}
.home #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.home #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
.home #pagination { display:block; list-style:none; position:absolute; left:50%; bottom:5px; z-index:990;  padding:5px 15px 5px 0; margin:0}
.home #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF}
.home #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.home #pagination li.current { background:#0092CE}



/*首页产品*/
.goods-box{ margin-top: 75px; margin-bottom: 80px;}
.goods-box .heading{ margin-bottom: 30px;}
.goods-box .heading .t{ float: left; height: 40px; }
.goods-box .heading .t .big{ font-size: 25px;letter-spacing:2px;color: #1e1e1e; line-height: 40px;}
.goods-box .heading .t .sm{ font-size: 12px;letter-spacing:2px;color: #1e1e1e;opacity:0.5;}
.goods-box .heading .line{ border-bottom: 1px solid #1e1e1e;opacity:0.5; float: left; width: 810px; margin-left: 10px; padding-top: 25px;}
.goods-box .heading .sort{ float: right;}
.goods-box .heading .sort .item{ display: block; float: left; line-height: 40px;color: #ebebeb; width: 80px; text-align: center; background: #dbdbdb;}
.goods-box .heading .sort .item:hover{ background: #fad000; color:#ebebeb; }
.goods-box .heading .sort .item a{ line-height: 40px;color: #fff; display: block; }
.goods-box .heading .sort .item a:hover{color: #000;}
.goods-box .item{float:left; margin-right: 20px; }
.goods-box .item-pic{ width: 330px; height: 330px; text-align: center; box-shadow:3px 2px 5px #ececec,3px -2px 5px #ececec,-3px 2px 5px #ececec,-3px -2px 5px #ececec}
.goods-box .item-pic img{max-height: 330px; max-width: 330px; margin: 0 auto;}
.goods-box .item-t{text-align: center;height: 50px; line-height: 50px; background: #fad000;  color: #000; }
.goods-box .more{	background: #fff;height: 35px; text-align: center; margin: 0 auto; line-height: 35px;	width: 110px;	margin-top: 20px;border-radius:20px; }
.goods-box .more:hover{ background: #fad000;}
.goods-box .more a{font-size: 12px;line-height: 35px;	color: #7f7f7f;}
.goods-box .more a:hover{ color: #000000;}



/*首页关于*/

.about-box{ background: url(../images/a-bj.jpg) no-repeat center;height: 609px;}
.about-box .about-con{ width: 560px; float: right;}
.about-box .about-con .heading{ padding-top: 160px; color: #fff; }
.about-box .about-con .heading img{ padding-right: 20px;}
.about-box .about-con .heading .big{ font-size: 25px;}
.about-box .about-con .heading .sm{ font-size: 13px;}
.about-box .about-con .nr .head{ color: #e3c634; font-size: 20px;}
.about-box .about-con .nr{ line-height: 40px;font-size: 13px; padding-top: 20px; color: #010101; }


.about-box .about-con .a-more{height: 35px; text-align: center; line-height: 35px;	width: 110px;	margin-top: 50px;border-radius:5px; border: solid 1px #010101; }
.about-box .about-con .a-more:hover{ background: #fad000;}
.about-box .about-con .a-more a{font-size: 12px;line-height: 35px;	color: #7f7f7f;}
.about-box .about-con .a-more a:hover{ color: #000000;}
.about-box .a-about{ background: url(../images/i-about.png) no-repeat; float: left; height: 420px; width: 518px; margin-top: 150px; }


/*首页新闻*/
.news-box{margin-top: 100px;}
.news-box .left{background: url(../images/i-news.jpg) no-repeat; width: 634px; height: 448px; float: left; margin-top: 20px;}
.news-box .middle{ background: url(../images/i-newssz.jpg) no-repeat; width: 125px; height: 448px; float: left; margin-top: 20px;}
.news-box .right{ width:640px; float: right; }
.news-box .right .item{ width: 640px; height: 120px; margin-bottom: 8px;}
.news-box .right .item .news-con{ padding-top: 20px; padding-left: 10px; height: 90px;}
.news-box .right .item .news-con .sz{ float: left; width: 100px;}
.news-box .right .item .news-con .news-t{ float: left;}
.news-box .right .item .news-con h6{ font-size: 20px; padding-bottom: 8px;}
.news-box .right .item .news-con:hover{background-color: #e1e1e1; color: #fff;}


/*首页技术支持*/
.jszc-box{ margin-top: 60px;}
.jszc-box .heading .big{ font-size: 25px;letter-spacing:2px;color: #bebebe; line-height: 40px;}
.jszc-box .heading .sm{ font-size: 12px;letter-spacing:2px;color: #606060;}
.jszc-box .con{ width: 480px; height: 450px; background: #101010; float: left; color: #f1f1f1; margin-top: 50px;}
.jszc-box .con .head{ margin:55px 0 0 35px; color: #f1f1f1;}
.jszc-box .con .head p{ font-size: 15px;}
.jszc-box .con .head span{ font-size: 9px;}
.jszc-box .con .nr{ margin: 30px 40px 45px  30px;  }
.jszc-box .con .nr p{ line-height: 30px;}
.jszc-box .con .tb{ background: url(../images/jszc.png) no-repeat; width: 105px; height: 65px; float: right; margin-right: 10px;}
.jszc-box .zc{background: url(../images/jszc.jpg) no-repeat; width: 920px; height: 450px; float: right; margin-top: 50px;}




/*关于我们*/
.n-banner{ background: url(../images/n-banner.jpg) no-repeat center; height: 340px; margin-top: 74px;}
.about{
	padding-top: 60px;
	padding-bottom: 100px;
	
}
.about .heading{
	padding-top: 25px;
	color: #fff;
}
.about .heading .t { text-align: center;}

.about .heading .t .big{ font-size: 25px;letter-spacing:2px;color: #2a2a2a; line-height: 40px;}
.about .heading .t .sm{ font-size: 12px;letter-spacing:2px;color: #606060;}

.about .con{
	margin-top: 50px;
	color: #4b4b4b;
	line-height: 2;
}



/*新闻列表*/
.news{ margin-top: 60px;}
.news .con .item{
	float: left;
	width: 370px;
	height: 350px;
	overflow: hidden;
	margin-right: 30px;
	/*! background: #f9f9f9; */
}
.news .con .item .news_pic{ width: 370px; height: 260px;}
.news .con .item .news_t{ margin-top: 10px;}
.news .con .item .news_t span{ font-size: 16px; }
.news .con .item .news_t span a{color: #565656;}
.news .con .item .news_t p{ font-size: 12px; margin-top: 5px; color: #8b8b8b;}
.news .con .item .news_t p a{color: #8b8b8b;}

/*新闻详情*/
.article-view{ padding-bottom: 60px; }
.view{text-align: center;padding-top: 45px;padding-bottom: 20px;}
.view h1{font-size: 20px;color: #746969; margin-bottom: 30px;}
.view .time{color: #999;padding: 15px 0;}
.view .time span{display: inline-block;padding: 0 15px;}
.cont_img{width: 100%;}
.cont_img img{max-width: 100%;margin: 10px 0;}
.view .next{padding-top: 20px;border-top: 1px solid #e1e1e1; margin-top: 50px;margin-bottom: 25px;}
.view .next a{text-transform: capitalize;color: #666; font-size: 12px;}
.view .next a:hover{color: #fad000;}
.training{width: 600px;height: 530px;display: block;}
.contents{ text-align: left;}



/*产品列表*/
.pro{ margin-top: 60px;}
.pro .heading{	
	color: #fff;}
.pro .heading .t { float: left; }
.pro .heading .t .big{ font-size: 25px;letter-spacing:2px;color: #bebebe; line-height: 40px;}
.pro .heading .t .sm{ font-size: 12px;letter-spacing:2px;color: #606060;}
.pro .heading .headline{ border-bottom: 1px solid #606060; float: right; width: 1050px; padding-top: 25px;}
.pro .con{ margin-top: 30px;}
.pro .con .left{
	position: relative;
	float: left;
	width: 240px;
	
	background: #292929;
	
}


 .accordion {
 	width: 100%;

 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #fefefe;
	font-size: 16px;
	
	
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}



.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	
 	font-size: 12px;
 }

 .submenu li {
 	
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	
 	padding: 12px;
 	padding-left: 50px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #f9d000;
 	color: #000;
 }



.pro .right{
	float: right;
	width: 1100px;
	
}

.pro .right .item{float:left; margin-right: 20px; margin-bottom: 40px; }
.pro .right .item-pic{ width: 250px; height: 250px; text-align: center; box-shadow:3px 2px 5px #ececec,3px -2px 5px #ececec,-3px 2px 5px #ececec,-3px -2px 5px #ececec}
.pro .right .item-pic img{max-height: 250px; max-width:250px; margin: 0 auto;}
.pro .right .item-t{text-align: center;height: 50px; line-height: 50px; background: #fad000;  color: #000; }




/*产品详情*/
.prod{ margin-top: 60px;}
.prod .heading{	
	color: #fff;}
.prod .heading .t { font-size: 15px;}
.prod .heading .t .wz{ color: #595757;}
.prod .heading .t .jt{ color: #595757;}
.prod .heading .t .big{ font-size: 25px;letter-spacing:2px;color: #bebebe; line-height: 40px;}
.prod .heading .t a{color: #595757;}
.prod .headline{ border-bottom: 1px solid #dddddd; padding-top: 10px;}
.prod .con{ margin-top: 30px;}
.prod .con .left{
	position: relative;
	float: left;
	width: 240px;
	
	background: #292929;
	
}

.prod .right{
	float: right;
	width: 1100px;
	
}

.prod .right h2{text-align: center;
	font-size: 20px;
	margin-bottom: 20px; }
.prod .con .conpic{
	text-align: center;
	margin-bottom: 50px;
}
.prod .con .conpic img{
	max-width: 600px;
}
.prod .con .context{ width: 640px;float: right;}
.prod .con .context .head p{ font-size: 25px;}
.prod .con .context .head span{ font-size: 15px;display: block; margin-bottom: 5px;}
.prod .con .context .heading{ background: url(../images/pro.jpg) no-repeat; height: 41px; widows: 640px; line-height: 41px; padding-left: 25px; font-size: 14px; margin-top: 20px;}
.proroom {
    /*! height: 440px; */
    width: 440px;
    float: left;
}
#preview {
    height: 510px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    float: left;
}
#spec-n1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e6e6e6;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e6e6e6;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 400px;
    z-index: 5;
}
#spec-n1 .o-img {
    height: 430px;
    text-align: center;
}
#spec-n1 .switch {
    height: 540px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
#spec-n1 img {
    max-height: 400px;
    max-width: 400px;
}
#spec-n5 {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    height: 430px;
    padding-bottom: 40px;
    /*! padding-left: 44px; */
    padding-right: 0;
    padding-top:0 ;
    position: relative;
}
#spec-list {
    width: 440px;
    overflow-x: hidden;
    overflow-y: hidden;
}
#spec-list ul {
    height: 490px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}
#spec-list li {
    height: 90px;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    width: 90px;
    float: left;
    margin-right: 10px;
}
#spec-list img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #e8e8e8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e8e8e8;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e8e8e8;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e8e8e8;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 85px;
    height: 85px;
}
#spec-list .curr img, #spec-list img:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #49b2e3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #49b2e3;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #49b2e3;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #49b2e3;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#spec-n5 .control {
    cursor: pointer;
    height: 96px;
    left: 0;
    position: absolute;
    width: 44px;
}
#spec-top {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/a1.png");
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-repeat: repeat;
    background-size: auto auto;
    top: 0;
}
#spec-bottom {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/a.png" no-repeat );
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: center;
    background-repeat: repeat;
    background-size: auto auto;
    float: right;
	padding-left:440px;
}
#spec-bottom.disabled {
    background-position-x: -139px;
    background-position-y: -61px;
}
#intro {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 16px;
    width: 720px;
    z-index: 999;
}
#foward {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    float: left;
    height: 400px;
    opacity: 0;
    width: 200px;
}
#foward.disabled, #next.disabled {
    cursor: default;
}
.next{ margin-bottom: 20px;padding-bottom: 20px;}

#content { width: 500px; height: 170px; margin: 100px auto; }
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }






/*荣誉列表*/
.honors-box{ padding-top: 50px;
	padding-bottom: 100px;}

.honor-box>ul{
	border-bottom: solid 1px #e9eaec;
}
.honor-box .item{width: 280px;float:left; text-align: center;margin-left: 20px;padding-bottom: 40px;overflow: hidden;height: 350px;}
.honor-box .item h5{color: #959595;font-size: 14px;text-transform: capitalize;margin-top: 32px;}
.honor-box .item .imgbox{width: 280px;height: 280px;position: relative;}
.honor-box .item:hover h5{color: #07e107;}


/*荣誉详情*/
.honor-box h1{ text-align: center; font-size: 20px; margin-bottom: 20px;}


/*联系我们*/
.map{width: 540px;height: 450px;}
.contact{padding-top: 60px; padding-bottom: 80px;}
.contact .heading{
	
	color: #fff;
}

.contact .heading .t { float: left; }

.contact .heading .t .big{ font-size: 25px;letter-spacing:2px;color: #bebebe; line-height: 40px;}
.contact .heading .t .sm{ font-size: 12px;letter-spacing:2px;color: #606060;}
.contact .heading .headline{ border-bottom: 1px solid #606060; float: right; width: 980px; padding-top: 25px;}
.contact .con{ margin-top: 50px;}
.address{width: 560px;}
.address h3{font-size: 30px;color: #9A9898;}
.address-info{margin-top: 20px;color: #666666;font-size: 14px;line-height: 15px;}
.address-info p{margin-bottom: 15px;position: relative;/*! padding-left: 30px; */}