/* CSS Document */

body{ font-size:12px; color:#707070; font-family:"宋体，Arial";margin:0; padding:0;}

ul{ margin:0; padding:0;}

li{ list-style-type:none;}

h1,h2,h3,h4,h5{ margin:0; padding:0;}

img{ border:none;}

p{ margin:0; padding:0;}



a{ color:#707070; text-decoration:none;}

a:hover{ color:#FF0000; text-decoration:none;}



#top{ width:100%; height:86px; background:url(top_bg.jpg) repeat-x;margin:auto;}

   .top-cotent{ width:1000px; height:86px; margin:auto;}

   .company-logo{ width:130px; height:63px; padding-top:10px;float:left;}

   .company_name{ width:400px; height:66px; padding-top:20px;margin:0 0 0 10px; display:inline; float:left;}

   .company_name h1{ width:400px; height:25px; line-height:25px; font-weight:bold; font-size:16px;  float:left;}

   .company_name h2{ width:400px; height:15px; font-size:12px; font-weight:normal; line-height:15px; float:left;}

 

   .top-right{ width:290px; height:86px; float:right;}

   

   .four{ width:288px; height:30px; margin-top:13px; float:right;}

.four p{ margin:0; padding:0}

   .seach{ width:197px; height:31px; line-height:31px; padding-left:10px; background:url(seach.jpg) no-repeat; margin-top:5px; float:right;}

   .text{ width:125px; height:31px; padding-left:20px; line-height:31px; border:none; background:none; float:left;}

   .button{ width:42px; height:31px; margin-left:10px; display:inline; border:none; background:none; cursor:hand; float:left;}

#Menu{ width:100%; height:35px;border-bottom:#FFF solid 1px; background:#0F1727; margin:auto;}

   .Menu-content{ width:1000px; height:35px; line-height:35px; margin:auto;}

   .Menu-content li{ float:left;}

   .Menu-content li a{ color:#F5F2F2; text-decoration:none; width:auto; padding:0 10px;display:block;} 

   .Menu-content li a:hover{ color:#FFF; text-decoration:none; background:#800000;}

   

#Banner{ width:100%; height:396px; margin:auto;}

#Banner img{

	margin-right: auto;

	margin-left: auto;

}  

  





#info_banner1{ width:100%; height:233px; background:url(banner1.jpg) center no-repeat;margin:49px 0 0 0;}

#info_banner2{ width:100%; height:233px; background:url(banner2.jpg) center no-repeat;margin:auto;}

#info_banner3{ width:100%; height:233px; background:url(banner3.jpg) center no-repeat;margin:auto;}

#info_banner4{ width:100%; height:233px; background:url(banner4.jpg) center no-repeat;margin:auto;}

#info_banner5{ width:100%; height:233px; background:url(banner5.jpg) center no-repeat;margin:auto;}

#info_banner6{ width:100%; height:233px; background:url(banner6.jpg) center no-repeat;margin:auto;}

#info_banner7{ width:100%; height:233px; background:url(banner7.jpg) center no-repeat;margin:auto;}













#Main{ width:100%; height:auto; background:url(Main-bg.jpg) repeat-x #FFF; padding-bottom:30px; margin:auto;}

   .Main-content{ width:1000px; height:auto; padding-top:12px;margin:auto;}

   

   .company-news{ width:282px; height:200px; overflow:hidden;float:left;}

   .company-title{ width:282px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-title ul{ display:inline; float:left;}

   .company-news-content{ width:282px; height:auto; padding-top:15px; float:left;}

   .news-list{ width:282px; height:17px; line-height:17px; margin:1px 0; float:left;}

   .news-list ul{ display:inline; float:left;}

   .news-ico{ margin-top:8px; margin-right:5px;}

   

   

   .company-pro{ width:395px; height:200px; margin-left:20px; display:inline;overflow:hidden; float:left;}

   .company-pro-title{ width:395px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-pro-title ul{ display:inline; float:left;}

   .company-pro-content{ width:395px; height:auto; padding-top:15px; float:left;}

  

   

   .company-video{ width:277px; height:200px; margin-left:20px; display:inline;overflow:hidden; float:left;}

   .company-video-title{ width:277px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-video-title ul{ display:inline; float:left;}

   .company-video-content{ width:277px; height:auto; padding-top:15px; float:left;}

   .video-list{ width:277px; height:17px; line-height:17px; margin:1px 0; float:left;}

   .video-list ul{ display:inline; float:left;}

   .video-ico{ margin-top:8px; margin-right:5px;}



   

   .company-Introduction{ width:282px; height:200px; margin-top:10px;overflow:hidden; float:left;}

   .company-Introduction-title{ width:282px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-Introduction-title ul{ display:inline; float:left;}

   .company-Introduction-content{ width:282px; height:auto; padding-top:15px; float:left;}

   .company-Introduction-content p{ margin:0; padding:0; line-height:22px;}

   

   

   

   .company-cp{ width:395px; height:200px; margin-left:20px; margin-top:10px; display:inline;overflow:hidden; float:left;}

   .company-cp-title{ width:395px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-cp-title ul{ display:inline; float:left;}

   .company-cp-content{ width:395px; height:auto; padding-top:15px; float:left; overflow:hidden;}

  

   

   .company-contact{ width:277px; height:200px; margin:10px 0 0 20px; display:inline;overflow:hidden;float:left;}

   .company-contact-title{ width:277px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-contact-title ul{ display:inline; float:left;}

   .company-contact-content{ width:277px; height:auto; padding-top:15px; float:left;}

   .company-contact-content p{ margin:0; padding:0; line-height:23px;}





   .cp{ width:150px; height:145px; margin:0 5px; display:inline; float:left;}

   .cp-img{ width:146px; height:116px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .cp-font{ width:150px; height:25px; line-height:25px; text-align:center; float:left;}

   

   .al_cp{ width:120px; height:155px; margin:0 5px; display:inline; float:left;}

   .al_cp-img{ width:116px; height:131px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .al_cp-font{ width:120px; height:20px; line-height:20px; text-align:center; float:left;}

   

   .info-cp{ width:200px;margin:20px 15px; display:inline; float:left;}

   .info-cp-img{ width:200px; height:145px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .info-cp-img img{width:100%;height:auto;}

   .info-cp-font{ width:150px; height:25px; line-height:25px; text-align:center; float:left;}
 
   .info-cp-font a{ font-size:14px;}
   

#bottom{ width:100%; height:auto; background:#070707;;overflow:hidden; margin:auto;}

   .bottom-content{ width:1000px;  overflow:hidden;margin:auto;}
   .bottom2{width:700px; float:left; height:auto; margin-left:200px;}

   .friend{ width:1000px; height:50px; line-height:5px; margin:20px 0 0 0; float:left;}

   .friend li{ float:left;}

   .friend a{ color:#707070;width:auto; padding:0 5px;height:25px;}

   .friend a:hover{ color:#FF0000; text-decoration:none;}

   .adress{ width:1000px; height:auto; line-height:23px; float:left;}
   
    .weixin{width:245px;padding-top:20px;text-align:center;float:right;display:inline;color:#333;margin-right:200px}

   

    .weixin img{margin:20px 0}



   

   

   .sidebar-left{ width:230px; height:auto; float:left;}

   .sidebar-menu{ width:230px; height:auto; float:left;}

   .sidebar-menu-title{ width:230px; height:29px; line-height:29px; border-bottom:#DFDFDF solid 1px; float:left;}

   .sidebar-menu-title h2{ color:#900006; font-size:16px; font-weight:bold; height:29px; line-height:29px; float:left;}

   .sidebar-menu-title h1{ color:#900006; font-size:16px; font-weight:bold; height:29px; line-height:29px; float:left;}

   .sidebar-menu-content{ width:230px; height:auto; padding-top:2px;float:left;}

   .sidebar-list{ width:230px; height:29px; line-height:30px; border-bottom:#DFDFDF solid 1px; float:left}

   .sidebar-list ul{ display:inline; float:left;}
  
   .sidebar-list ul a{ font-size:14px;}
   

   

   .sidebar-contact{ width:230px; margin-top:20px; display:inline;overflow:hidden; float:left;}

   .sidebar-contact-title{ width:230px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .sidebar-contact-title ul{ display:inline; float:left;}

   .sidebar-contact-content{ width:230px; height:auto; padding-top:15px; float:left;}

   .sidebar-contact-content p{ margin:0; padding:0; line-height:23px;font-size:14px;}

   

  

   

   

   

   .sidebar-right{ width:725px; height:auto; float:right;}

   .sidebar-right-title{ width:725px; height:29px; line-height:30px; border-bottom:#DFDFDF solid 1px; float:left;}

   .sidebar-right-title ul{ float:left;}

   

   .sidebar-right-content{ width:725px; height:auto; padding-top:10px; line-height:24px;float:left;}

   

   

   .pro-title{ width:725px; text-align:center; font-size:20px; color:#333; font-weight:bold; margin-top:15px; float:left;}

   .adress-from{ width:725px; height:20px; line-height:20px; text-align:center; color:#666; margin: 14px 0 20px; float:left;
font-size:14px;}

   .information{ width:725px; height:auto; margin-top:10px; float:left;}

   

   .info-news-list{ width:725px; height:29px; border-bottom:#DFDFDF dotted 1px; line-height:17px; margin:7px 0; float:left; 
font-size:14px;}

   .info-news-list ul{ display:inline; float:left;}


   .info-news-ico{ margin-right:5px;}

   

   

   

   

   .next{ width:725px; height:25px; line-height:25px; text-align:center; margin:10px 0; float:left;}







#demoLeft {

float:left;

overflow:hidden;

border: 0px dashed #CCC;

width: 990px;

height:145px;

}



#demoLeft .indemo {

float: left;

width: 500%;

}



#demoTop .indemo {

float: left;

width: 100%;

}





#demo1,#demo3 {

float: left;

}



#demo2,#demo4 {

float: left;

}

   

   /*======共用样式======*/

   .clear{ clear:both}

   .title-font{ font-family:"微软雅黑"; color:#900006; font-size:16px; font-weight:bold; margin-right:5px;}

   .menu-list-ico{ margin:0px 10px 0 53px;}

   .sidebar-title-font{ font-size:16px; font-weight:bold; color:#900006;}

   


   

   

   

.banner_div{height:420px;margin:1px auto 0px auto;overflow:hidden;position:relative;}



#flash { width:100%; height:420px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}

#flash a {width:100%; height:420px; display:none;}

#flash img {/*width:100%; height:407px; display:none;*/}

.flash_bar { width:130px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; bottom:55px;text-align:center;margin:0 auto;position:relative; }

.flash_bar .dq { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;

background:url(tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p.png" ,sizingMethod="crop"); }

.flash_bar .no { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;

background:url(tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p2.png" ,sizingMethod="crop"); }

#flashBg { height:420px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}

#flashLine {height:420px; width:100%; clear:both;}
@media screen and (max-width: 999px){
		.Main-content{width:100%;}
		.sidebar-left{display:none;}
		.sidebar-right{width:100%;}
		.sidebar-right-title{width:100%;}
		.sidebar-right-content{width:100%;}
		.info-news-list{width:100%;padding-left:1em;}
		.info-news-list ul{margin-right:1em;}
		.sidebar-title-font{padding-left:1em;}
		.sidebar-right-title ul:nth-child(2){padding-right:1em;}
		.next{width:100%;}
		.adress-from,.pro-title{width:100%;}
		.bdsharebuttonbox{margin-left:1em;margin-right:1em;}
		.bdsharebuttonbox img{max-width:80%;}
		.info-cp{    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    height: auto;}
		.info-cp-img{
			    width: 100%;
    height: auto;
    box-sizing: border-box;
		}
		.info-cp-img img{width:100%;height:auto;height:auto;}
		.info-cp-font{width:100%;text-align:center;}
}

@media screen and (max-width: 600px){
	.info-cp{width:30%;}
}

@media screen and (max-width: 450px){
	.info-cp{width:50%;}
}

@media screen and (max-width: 500px){
		.info-news-list ul:last-child{display:none;}
		.info-news-ico{display:none !important;}
		.info-news-list{padding-right:1em;}
		.info-news-list ul:nth-child(2){width:100%;
			white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
		}
		.sidebar-title-font{display:none;}
		.sidebar-right-title ul:nth-child(2){float:left !important; padding-right:0;padding-left:1em;}
}