@charset "utf-8";
.page-banner {
    min-width: 1200px;
    height: 400px;
    background: url(../images/other_banner.jpg) center no-repeat;
}
.page-banner-about{
	min-width: 1200px;
    height: 400px;
    background: url(../images/about_background.jpg) center no-repeat;
}
.page-banner-service{
	min-width: 1200px;
    height: 400px;
    background: url(../images/service_background.jpg) center no-repeat;
}
.page-banner-product{
	min-width: 1200px;
    height: 400px;
    background: url(../images/service_product.jpg) center no-repeat;
}
.page-banner-news{
	min-width: 1200px;
    height: 400px;
    background: url(../images/news_background.jpg) center no-repeat;
}
.page-banner-case{
	min-width: 1200px;
    height: 400px;
    background: url(../images/case_background.jpg) center no-repeat;
}
.page-banner-join{
	min-width: 1200px;
    height: 400px;
    background: url(../images/join_background.jpg) center no-repeat;
}
.page-banner-contacus{
	min-width: 1200px;
    height: 400px;
    background: url(../images/contacus_background.jpg) center no-repeat;
}
.page-con {
    margin-top: 40px;
    margin-bottom: 20px;
}
.left-part {
	width: 220px;
	float: left;
}
.right-part {
	width: 960px;
	float: right;
}
.left-part-item {
	width: 100%;
	padding-bottom: 15px;
	/*height: 330px;*/
}
.left-part-item .nav-list{
	line-height: normal;
    height: auto;
}
.left-part-item .item-tit {
	height: 60px;
	line-height: 60px;
	text-indent: 30px;
	font-size: 16px;
	background: -webkit-linear-gradient(bottom, #8316c8, #8316c8); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #8316c8, #8316c8); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #8316c8, #8316c8); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #8316c8, #8316c8); /* 标准的语法 */
}
.left-part-item .item-tit a {
	display: block;
	color: #fff;
	background-color: #065399;
	
}
.left-part-item .nav-list li{
	width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-indent: 30px;
    font-size: 14px;
    background-color: #FFF;
    text-align: left;
}
.left-part-item .nav-list li.son a {
    padding-left: 20px;
} 
.left-part-item .nav-list li a {
	width: 100%;
    height: 60px;
    display: block;
    color: #575757;
    font-weight: bold;
    border: 1px solid #eee;
    border-top: 0;
}
.left-part-item .nav-list li a:hover,.left-part-item .nav-list li.cur a{
    color: #fff;
    background-color: #5080ff;
}
.left-part-item .contact {
	background: #f4f4f4;
	line-height: 22px;
	padding: 15px 10px;
}
.left-part-item .contact .pic img {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}
.left-part-item .contact dt {
    font-size: 14px;
    font-weight: bold;
}
.left-part-item .contact dd {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
}
.left-part-item .contact dd b {
    display: inline-block;
    margin-right: 10px;
}


.right-part .right-part-tit{
	box-sizing: content-box;
	height: 28px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    /*padding-top: 10px;*/
    overflow: hidden;
}
.right-part .right-part-tit .tit-name{
    position: relative;
	width: 220px;
    height: 24px;
    line-height: 24px;
    text-indent: 12px;
    font-size: 16px;
    color: #262626;
}
.right-part .right-part-tit .tit-name:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color:  #065399;
}
.right-part .right-part-tit .fr {
	width: 560px;
    text-align: right;
    padding-top: 4px;
}
.right-part .right-part-tit .position{
	font-size: 12px;
}
.right-part .proClass-desc p{
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}
/* 文章列表 */
.right-part .news-list {
	overflow: hidden;
}
.right-part .news-list li{
	padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.right-part .news-list li h6 {
    margin: 10px 0;
    height: 24px;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
}
.right-part .news-list li h6 a{
	font-weight: bold;
    font-size: 14px;
    color: #000;
}
.right-part .news-list li h6 a:hover {
    color: #014cc9;
}
.right-part .news-list li h6+div {
    line-height: 22px;
    font-size: 12px;
}
.right-part .news-list li h6+div .news-link {
	color: #da251c;
}

/* 图片(产品)列表 */
.productsBJTOP{
    width: 100%;
    margin-bottom: 50px;
}
.right-part .pic-list {
    margin-top: 15px;
    width: 890px;
    display: inline-block;
}
.proClass-desc{
	width: 300px;
	margin-top: 15px;
	display: inline-block;
    vertical-align: top;
    float: left;
}
.proClass-desc ul{
	
}
.proClass-desc ul li{
	line-height: 65px;
    border-bottom: 1px solid #ddd;
    margin-right: 60px;
}
.proClass-desc ul li a{
	
}
.right-part .pic-list:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}
.right-part .pic-list li {
    width: 32%;
    background-color: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 25px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    box-shadow: 0 0 3px rgba(212,212,212,0.8);
    position: relative;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.right-part .pic-list li:hover a .pic img{
	opacity: 0.6;
}
.right-part .pic-list li:nth-of-type(3n){
	margin-right: 0px;
}
.right-part .pic-list li:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    top: -2px;
}
.right-part .pic-list a {
    display: block;
}
.right-part .pic-list .pic {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}
.right-part .pic-list .pic img {
	width: 100%;
padding: 15px;	

}
.right-part .pic-list .txt {
	text-align: center;
    padding-top: 21px;
    line-height: 48px;
}
.right-part .pic-list li a:hover {
	color: #0075c3;
}
.news-list-box{
    width: 70%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3%;
    padding-top: 40px;
}
.news-list-box h6{
	font-size: 20px;
    padding-bottom: 15px;
}
.news-list-box p{
	    font-size: 15px;
    line-height: 27px;
    letter-spacing: 1px;
}
.news-list li{
    cursor: pointer;
    border-bottom: 1px dotted #0075c3;
    margin-bottom: 40px;
}
.news-list li:hover{
	color: #0075c3;
}
/* 产品详情 */
.right-part .product-introduce .pro-images{
    width: 100%;
    padding: 10px;
    /*margin-bottom: 16px;*/
    border: 1px solid #ededed;
    text-align: center;
}
.right-part .product-introduce .pro-images img {
    max-width: 100%;
}
.right-part .product-introduce .pro-tit {
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #ededed;
    color: #333;
}
.right-part .product-introduce .product-type{
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
}
.right-part .product-introduce .pro-show{
    
    padding-bottom: 20px;
}
.right-part .product-introduce .pro-show img {
    max-width: 100%;
    height: auto !important;
}

/* 文章详情 */
.right-part .news-show .news_tit {
	text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
}
.right-part .news-show .news_mes {
	margin-top: 14px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    color: #9e9e9e;
    border: 1px dotted #ccc;
    border-width: 1px 0;
}
.right-part .news-show .news_con {
    padding: 14px 10px;
	line-height: 24px;
    font-size: 14px;
    text-align: justify;
    background-color: #fff;
}
/*在线留言*/
.form_box {padding: 10px 0; margin-top: 25px;}
.form_box form label {display: block;margin: 10px auto;color: #333;line-height: 30px;width: 100%;overflow: hidden;font-size: 14px;}
.form_box form label span {display: block;height: 30px;width: 130px;text-align: left;font-size: 14px;float: left;}
.form_box form label input { width: 100%; line-height: 26px; float: right; padding: 2px 4px; border: 1px solid #12669d; border-radius: 4px;}
.form_box form label textarea {width: 100%; float: right;font-size: 14px;padding:4px;line-height: 20px; border: 1px solid #12669d; border-radius: 4px;}
.form_box form .btn {margin: 20px auto;text-align: center;width: 580px;}
.form_box form .btn input {display: inline-block;margin:0 20px;font-size: 14px; width: 140px;height: 30px;border: none;border-radius: 2px;cursor: pointer;}


/* 页码 */
.pagelist {
	margin: 20px 0;
	text-align: center;
}
.pagelist li {
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 14px;
}
.pagelist li a{
	padding: 0 10px;
	font-size: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: -webkit-linear-gradient(bottom, #fcfcfc, #f5f5f5); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #fcfcfc, #f5f5f5); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #fcfcfc, #f5f5f5); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #fcfcfc, #f5f5f5); /* 标准的语法 */
    color: #787878;
}
.pagelist li a{
	display: block;
	color: #787878;
}
.pagelist li a:hover {
	background: -webkit-linear-gradient(bottom, #0075c3, #0075c3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #0075c3, #0075c3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #0075c3, #0075c3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #0075c3, #0075c3); /* 标准的语法 */
    color: #fff;
}
.pagelist li.thisclass {
	padding: 0 10px;
	height: 30px;
    line-height: 30px;
	border: 1px solid #0075c3;
	background: -webkit-linear-gradient(bottom, #0075c3, #0075c3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #0075c3, #0075c3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #0075c3, #0075c3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #0075c3, #0075c3); /* 标准的语法 */
	color: #fff;
}

/* 上下篇 */
.prevnext {
	width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-width: 1px 0;
    /*margin: 15px 0 0;*/
    background: #fff;
    font-size: 14px;
}
.prevnext .fr {
	text-align: right;
}

/* 搜索 */
/*.right-part .news-list.ss-result .ss-tit {
    font-size: 16px;
    color: #333;
    text-align: center;
}*/
.right-part .news-list.ss-result li h6+div {
    overflow: hidden;
}
.right-part .news-list.ss-result li h6+div span {
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: left;
}
.right-part .news-list.ss-result li h6+div span a {
    color: inherit;
}
.wtn{

}
.wtn img{
	width: 100%;
	margin-bottom: 60px;
}
.wtn p{
	display: inline-block;
    font-size: 22px;
    color: #000;
    line-height: 60px;
	padding-top: 50px;
}

.imagesbox-contact{
	margin-bottom: 40px;
}
.imagesbox-contact ul{
	
}

.imagesbox-contact ul li{
	display: inline-block;
    width: 19%;
}
.imagesbox-contact ul li p{
	padding-top: 20px;
	color: #ff0000;
}
.leavingmassage{
	text-align: center;
	margin-top: 90px;
}
.nav-list li {
    display: inline-block;
    width: 14%;
    text-align: center;
    letter-spacing: 2px;
    font-size: 18px;
	
}
.product-f{
	background-color: #f1f1f3;
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 100;
}
.nav-list li.cur{
	background-color: #FFF;
	color: #0075c3;
}
.nav-list {
    line-height: 50px;
    height: 50px;
    text-align: center;
}
.news-list li img{
	width: 240px;
}
.moreproducts{
	display: block;
    margin: 0 auto;
    width: 100px;
    height: 38px;
    line-height: 38px;
    color: #979797;
    font-size: 13px;
    border: 1px solid #0075c3;
    background-color: #0075c3;
    border-radius: 7px;
    transition: all 0.5s ease;
    text-align: center;
    margin-bottom: 30px
	cursor: pointer;
    background-color: #0075c3;
    color: #fff;
	margin-top: 15px;
    margin-bottom: 15px;
}
/*相关产品*/
.wrap{
	
}
.wrap .list{
	margin-top: 15px;
}
.wrap .list li{
	width: 24.1%;
    background-color: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 25px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    box-shadow: 0 0 3px rgba(212,212,212,0.8);
    position: relative;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.wrap .list li a{
	    display: block;
}
.wrap .list li a img{
	    width: 100%;
    padding: 15px;
}
.wrap .list li a .txt{
	text-align: center;
    padding-top: 21px;
    line-height: 48px;
}
.xiangsichanpin{
	margin-top: 50px;
    font-size: 20px;
}
.pro-tit{
    text-align: center;
    line-height: 80px;
    font-size: 25px;
}
.product-type{
	font-size: 22px;
    line-height: 70px;
    text-align: center;
}
.join-h6{
	padding-top: 76px;
    font-size: 48px;
    color: #d18a22;
    padding-bottom: 10px;
    text-align: center;
}
.join-p{
	font-size: 24px;
    color: #333333;
    text-align: center;
}
#zhaopin{
	    display: inline-block;
}
#zhaopin tr{
	display: block;
}
#zhaopin tr td{
	display: block;
	width: 1200px !important;
}
#zhaopin tr td .imgheads{
    display: inline-block;
    padding-top: 50px;
    vertical-align: top;
    padding-left: 100px;
    padding-right: 50px;
}
#zhaopin tr td p{
	display: inline-block;
	padding-left: 60px;
}
/*产品详情*/
.prodct-created{
	width: 800px;
	display: inline-block;
}
.prodct-created .pc-slide{
	
}
.prodct-created .pc-slide .view{
	
}
.prodct-created .pc-slide .view .swiper-container{
	
}
.prodct-created .pc-slide .view .swiper-container .swiper-wrapper{
	
}
.prodct-created .pc-slide .view .swiper-container .swiper-wrapper .swiper-slide{
	
}
.prodct-created .pc-slide .view .swiper-container .swiper-wrapper .swiper-slide img{
	width: 100%;
}
.pc-slide{
	
}
.pc-slide .preview{
	
}
.pc-slide .preview .swiper-container{
	background-color: #FFF;
}
.pc-slide .preview .swiper-container .swiper-wrapper{
	
}
.pc-slide .preview .swiper-container .swiper-wrapper .swiper-slide{
	padding-left: 0;
	margin: 20px 0;
}
.pc-slide .preview .swiper-container .swiper-wrapper .swiper-slide img{
	width: 100%;
}
.view .swiper-container { height: 650px;width: 100%; }
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }
.view .arrow-left {background: url("../images/culture/pre.png") no-repeat center; left: 10px;}
.view .arrow-right {background: url("../images/culture/next.png") no-repeat center; right: 10px;}
.preview {
	padding: 0px;
    width: 500px;
    margin-top: 10px;
    position: absolute;
    margin: 10px auto;
    bottom: 0px;
    left: 0;
}
.preview .swiper-slide {padding: 0 12px;width: 23%;height: 100%;}
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
.preview .arrow-left {left: 10px;}
.preview .arrow-right {right: 10px;}
.preview img {padding: 1px;}
.preview .active-nav img {}
.preview .active-nav img {opacity: 1 !important;}
.preview .swiper-slide img{opacity: 0.8;}
.preview .swiper-slide-midder{margin: 0 15px;}
.pc-slide{
	position: relative;
}
.pc-slide{
	width: 500px;
	display: inline-block;
    margin-left: 30px;
}
.pc-slide .preview .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{
	
}
.smallproduct{
	width: 380px;
	display: inline-block;
	float: right;
	padding-left: 30px;
    background: #f0f0f0;
    height: 525px;
}
.smallproduct .product-type{
	text-align: left;
	font-size: 15px;
    line-height: 50px;
}
.smallproduct .pro-tit{
	text-align: left;
    font-size: 17px;
}
.product-son{
	display: none;
}
.product-son.cur{
	display: block;
}
.product-son li{
	border-bottom: 0px solid #ddd !important;
    line-height: 35px !important;
}
.product-son li a{
	font-size: 14px;
}
.proClass-desc ul li:hover,.proClass-desc ul li.cur{
	color: #d18a22;
}
.ProductBody{
    text-align: center;
    margin-top: 80px;
    width: 950px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}
/*通用左侧*/
.chanpinfenlei{
    width: 100%;
    text-align: center;
    font-size: 20px;
    height: 56px;
    letter-spacing: 10px;
    font-weight: 1000;
    background: url(../images/bj-in-nav.png) center;
    color: #FFF;
    line-height: 56px;
    
}
.contact .nav-list p{
	padding-bottom: 10px;
	font-size: 15px;
	padding-left: 10px;   
	color: #9f050c;
	text-align: left;
	color: #065399;
}
.contact .nav-list p:nth-of-type(1){
	text-align: left;
    font-size: 18px;
    padding-top: 15px;
    padding-left: 0;
    font-weight: bold;
}
.contact .nav-list p a{
	
}
.contact .nav-list p.newsNeiye{
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    padding-left: 18px;
    border-bottom: 1px dashed;
    margin-top: 15px;
    background: url(../images/icoNews.png) no-repeat 5px 9px;
    padding-top: 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    width: 100%;
}
.contact .nav-list p.newsNeiye:hover{
	color: #ffa200;	
}
.keyWorldSreach{
    font-size: 15px;
    color: #0075c3;
    line-height: 36px;
    padding: 0 15px;
}
.wrap{
	
}
.wrap .xiangsichanpin{
    height: 56px;
    background: url(../images/bj-in-nav.png) left center no-repeat;
    line-height: 56px;
    width: 234px;
    text-align: center;
    color: #fbf3bc;
    letter-spacing: 10px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 15px;
}
.wrap .list{
	
}
.wrap .list li{
	display: inline-block;
    width: 23%;
    text-align: center;
    border: 1px solid #0075c3;
    padding-bottom: 20px;
    margin-left: 1%;
}
.wrap .list li:nth-of-type(1){
margin-left: 0;	
}
.wrap .list li a{
	
}
.wrap .list li a img{
	width: 100%;
    padding: 5px;
}
.wrap .list li .txt{
    margin: 15px 0;
    color: #0075c3;
}
.wrap .list li .moreproducts{
    font-size: 14px;
    background-color: #FFF;
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #0075c3;
}
.wrap .list li:hover .moreproducts{
	background-color: #0075c3;
	color: #FFF;
}