@charset "utf-8";
/* CSS Document */
.breader{ border-bottom:1px #CCCCCC solid; height:100px;}
.bread{width:1280px; margin:0px auto; position:relative;height:100px;}
.breadcrumb{ display:inline-block;line-height:35px; font-size:14px; background:#FFF; width:30%;}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "> ";
    padding: 0 5px;
}
.breadcrumb > li img{margin-right:10px;}

.anlibanner{background:url(../images/anli_02.jpg) no-repeat center; height:282px;}
.servicebanner{background:url(../images/service_02.jpg) no-repeat center; height:282px;}
.contactbanner{background:url(../images/contact_02.jpg) no-repeat center; height:282px;}
.xinghaobanner{background:url(../images/xinghao_02.jpg) no-repeat center; height:282px;}
.videobanner{background:url(../images/video_02.jpg) no-repeat center; height:282px;}
/*关于我们*/
.banner{background:url(../images/company_02.jpg) no-repeat center; height:282px;}
.content{ width:100%;}


#myTab{display:inline-block; position:absolute; right:0px; bottom:0px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border:0px; border-bottom:2px solid #06F;}

#myTabContent{width:1280px; margin:40px auto;}

#myTabContent .left{ float:left;width:700px;}
#myTabContent .left p{line-height:34px;}
#myTabContent .right{ float:left; width:570px; text-align:center; margin:0px auto; }

#myTabContent .danye{ width:100%;}
#myTabContent .danye p{line-height:34px;}
/*新闻列表*/
.newbanner{background:url(../images/news_02.jpg) no-repeat center; height:282px;}
.newlist .list{ list-style:none; margin:0px; padding:5px;}
.newlist .list li{ margin:10px 0px; padding:10px; box-sizing:content-box;}
.newlist .list>li:nth-child(odd){ background:#f6f6f6;}
.newlist .list li .newlist-img{  display:inline-block; width:25%; *display: inline; *zoom: 1;}
.newlist .list li .newlist-img img{ width:100%; height:100%;}
.newlist .list li .newlist-weizi{  position:relative;display:inline-block; vertical-align:top; width:70%; margin-left:4%;*display: inline; *zoom: 1;}
.newlist .list li .newlist-weizi h3{ font-size:20px; margin-bottom:15px;}
.newlist .list li .newlist-weizi p{font-size:14px; color:#666666; line-height:26px;}
.newlist .list li .newlist-weizi span{ display:block; margin:15px 0px; font-size:14px; color:#929292;}

.pagination{ text-align:center;margin:0px auto; position:relative; left:46%; }

 .pagination .thisclass a{ background-color:#06C !important; color:#FFF;}
 

/*新闻内容*/

.main{ width:1280px; text-align:center; margin:10px auto;}
.main h2{ line-height:30px; font-size:30px;}
.main span{ /*display:inline-block; margin:10px; padding-left:30px;*/}
.main span:nth-child(2){/*background:url(../images/newsShow_03.jpg) no-repeat left center;*/}
.main span:nth-child(3){/*background:url(../images/newsShow_05.jpg) no-repeat left center;*/}
.main span:nth-child(4){/*background:url(../images/newsShow_07.jpg) no-repeat left center;*/}
.main .newshow{margin-top:40px;}
.main .newshow p,.main .newshow div{text-align:left; line-height:24px;}
.main .newshow  img{ /*max-width:620px;*/}

/*产品列表*/
.productbanner{background:url(../images/pro_02.jpg) no-repeat center; height:282px;}
.product{list-style:none; margin:0px; padding:5px; } 
.product  li{display:inline-block; width:23%; margin:20px 5px; vertical-align:text-top;}
.product  li h3{ font-size:18px;}
.product  li p{font-size:12px;}
.product  li .newlist-img{ border:1px #EAEAEA solid; padding:5px; background:#F5F5F5; }
.product  li .newlist-img img{}
.product  li .newlist-weizi .btn{width:100px;}
.product  li .newlist-weizi .btn a{ font-size:12px;}

.productshow{width:1280px; text-align:center; margin:40px auto;}
.pro-top{text-align:left;}
.pro-top .img{display:block; margin:0px auto; text-align:center; vertical-align:top; width:366px; height:280px;}
.pro-top .img img{width:100%; height:100%;}
.pro-top .title{display:block;}
.pro-top .title h2{ display:none; font-size:24px; color:#004ea2;}
.pro-top .title p{ display:none; font-size:12px; color:#666666; margin-top:20px; margin-bottom:40px;}
.pro-top .title ul{ list-style:none; margin:0px; padding:0px;     text-align: center;}
.pro-top .title ul li{ display:inline-block; width:124px; height:96px; border:1px #E7E8E9 solid; padding:3px; margin:10px 5px;}
.pro-top .title ul li img{ width:100%; height:100%; cursor:pointer;}
#myTab2{margin-top:40px; background:#f6f6f6;}
#myTab2 li{margin-right:40px;}
#myTab2 li a{color:#333;}
#myTab2 .active a{background:#004ea2; color:#fff;}
.ph{display:none;}
.productshow .tab-pane{ padding:10px; text-align:left;}
.productshow .tab-pane img{/*width:100% !important; height:100%;*/max-width: 100%;}


.pageBanner{ background:url(../images/20170915041130989.jpg) no-repeat center; height:500px;}
/*anli*/
.anli-top{ width:1280px; margin:0px auto; text-align:center;  }
.anli-top ul{ text-align:left;}
.anli-top ul li{ display:inline-block; background:#F5F5F5;margin:10px; color:#900; padding:5px 10px;}
.anli-top ul li a{color:#333;}
.crrtr{ background:#09F !important; }
.crrtr a{color:#FFF !important;}
.anli{ position:relative;}

.anli .pagination{ margin:30px auto;}
#dowebok { width: 100%; margin: 0 auto; font-size: 0;}
#dowebok li { display: inline-block; width: 18%; margin-left: 1%; padding-top: 1%; cursor:pointer;}
#dowebok li img { width: 100%;}
.anli ul li span{display:block; text-align:center; line-height:30px; color:#333; font-size:14px;}

@media screen and (max-width:1280px){
	.banner{background:url(../images/company_02.jpg) no-repeat 80% center;}
	.bread,.main{width:100%;}
	#myTabContent{width:100%;}
	#myTabContent .left{width:49%;}
	#myTabContent .danye{width:100%;}
	#myTabContent .right{width:49%;}
	.tab-pane{ padding:10px;}
    .productshow{ width:100%;}
.pro-top .title{margin-left:20px;}

.anli-top{width:100%;}
#dowebok{}
#dowebok li{width:30%;}
}
@media screen and  (max-width:1024px){
	
	.banner{background:url(../images/company_02.jpg) no-repeat 80% center;}
	.bread,.main{width:100%; padding:10px;}
	.breadcrumb{ line-height:inherit;}
	#myTabContent,.productshow{width:100%;}
	#myTabContent .left{width:100%;}
	#myTabContent .left img,#myTabContent .right img{width:100%; height:100%;}
	#myTabContent .right{width:100%;}
	#myTabContent .right img{width:100%; height:100%;}
	.tab-pane{ padding:10px;}
	.newlist .list li .newlist-weizi p{ display:none;}
	#myTab2 li{ margin:0px;}
	
	.pro-top{ text-align:center;}
	
}
@media screen and  (max-width:640px){
	.banner{background:url(../images/company_02.jpg) no-repeat 70% center;}
	    .bread,.breader{height:auto; border:0px;}
	 .breadcrumb{ display:block; line-height:inherit;}
	 #myTab{position:inherit;}
	.newlist .list li .newlist-weizi span{display:none;}
	.newlist .list li .newlist-weizi .btn{display:none;}
	.pagination{ left:0; }
	.main img{width:100%; height:100%;}
	.product  li{width:45%;}
	.product  li .newlist-weizi .btn{display:none;}
	.product  li p{display:none;}
	.product  li h3{font-size:14px;}
	.product  li .newlist-img img{ width:100%; height:100%;}
	.pro-top .title{margin:0px;}
	.pro-top .title ul{display:none;}
	#dowebok li{width:45%;}
	}

@media screen and  (max-width:420px){
	  body{min-width:320px;}
	.banner{background:url(../images/company_02.jpg) no-repeat 67% center;}
	.newlist .list li .newlist-img{display:block; width:100%; text-align:center;}
	.newlist .list li .newlist-weizi{display:block; width:100%; margin:0px;}
	.pro-top .title ul li{margin-top:}
	.pro-top{display:none;}
		.pro-top .title ul{display:none;}
	.ph{display:block;}
}