@import url("./frame.css");


.head{ height: 120px; }

.head_left{ width:  228px; height: 120px; float: left; background: url("../images/logo.png"); }

.head_text{ float: left;  height: 48px; padding-top: 36px; }

.head_text_top{ height: 32px; line-height: 32px; font-size: 28px; color: #00b2f1; font-family: "Microsoft Yahei"; }

.head_text_bot{ height: 16px; line-height: 16px; font-size: 12px; font-family: "Arial"; color: #7d7d7d; }

.nav{ float: right;}

.nav a{ display: block;  padding-left: 16px; padding-right: 16px; height: 120px; float: left; line-height: 120px; font-size:15px;

color: #555;
 }


.nav a:hover{ color: #00b2f1;  }
.nav a.hover_a{ background: #00b2f1; color: #fff; }

.banner{ height: 420px; background: url("../images/banner.png") no-repeat center center; }

.sort_item{ width: 294px;  display: block; margin-right: 8px; margin-bottom: 8px; position: absolute; }

.product_wrap .sort_item:nth-of-type(1){
	left: 0;
	top:40px;
}
.product_wrap .sort_item:nth-of-type(2){
	left: 302px;
	top:40px;
}

.product_wrap .sort_item:nth-of-type(3){
	left: 604px;
	top:40px;
}

.product_wrap .sort_item:nth-of-type(4){
	right: 0;
	top:40px;
    margin-right: 0;
}


.product_wrap .sort_item:nth-of-type(5){
	left: 0;
	top:472px;
}
.product_wrap .sort_item:nth-of-type(6){
	left: 302px;
	top:532px;
}

.product_wrap .sort_item:nth-of-type(7){
	left: 604px;
	top:472px;
}

.product_wrap .sort_item:nth-of-type(8){
	right: 0;
	top:532px;
    margin-right: 0;
}

.h1{ height: 424px; }
.h2{ height: 484px; }

.item_bg1{ position: absolute; z-index: 1; left: 0; top: 0;  width: 100%; height: 100%; }

.item_logo1{ position: absolute; left: 12px; top: 12px; width: 97px; height: 264px; z-index: 2; }

.product_wrap{ position: relative;  height: 996px; }

.company_bg{ height: 418px; background: url("../images/company.png") no-repeat center center; padding-top: 107px; padding-bottom: 107px; }

.company_banner{  height: 418px; width: 1200px; background: rgba(0,178,241,0.7); border-radius: 6px;  }

.company_left{ width:522px; height: 357px; float: left; padding-left: 30px; padding-top: 30px; padding-bottom: 30px; }

.company_right{ width: 584px; height: 357px; float: right; line-height: 24px; color: #fff; font-size: 14px; padding-top:50px ; padding-right: 30px;  position: relative;}

.btns_a{ height: 36px; width: 130px; text-decoration: center; line-height: 36px; display: block; font-size: 14px; color: #555;  background: #fff; transition:0.5s all linear;
text-align: center; border-radius:6px;
}
.company_right p{ text-indent: 28px; }
.company_right p{ padding-bottom: 20px; }

a.btns_a:hover{ background: #f13a3a; color: #fff; }


.cs_img{ width: 126px; height: 126px;  position: absolute; right: -63px; top: -63px;  }

.news_left{ width: 720px; float: left; }

.info_right{
	width: 450px; float: right;
}

.title_wrap{ height: 70px; line-height: 70px; padding-left: 20px; background: url("../images/line.png") no-repeat;  border-bottom: 1px solid #a5a5a5; }

.title_wrap a{ font-size: 20px; color: #555555;  }

.news_icontent{ padding-top: 20px; }

.imga{  width: 350px; height: 175px; }
.imga img{  width: 350px; height: 175px; }

.news_title{ height: 56px; line-height: 56px; font-size: 16px; color: #000000; overflow: hidden; }



.news_ul li{ width: 350px; float: left;  margin-right: 20px; margin-bottom: 20px;}

.news_ul li:nth-of-type(2n){
	margin-right: 0;
}

.imask{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0;z-index: 3; display: none; }
.itext{ width: 120px; height: 40px; position: absolute; left: 87px; z-index: 4; display: none; color: #fff; font-size: 16px;
text-align: center; border-top:1px solid #fff;border-bottom:1px solid #fff;line-height: 40px;
 }

.h1 .itext{ top:191px;  }
.h2 .itext{ top:231px;  }


.product_wrap a:hover .imask{ display: block; }
.product_wrap a:hover .itext{ display: block; }

.rongyu_con{ margin-top: 20px;  border:10px solid #ccc; width:430px ; height: 345px;}

.message_box{
	padding-top: 16px;
}

.input_text{ height: 28px; width: 436px; border:1px solid #efefef; box-sizing: content-box;  padding-left: 12px; border-radius: 6px; margin-bottom: 10px; display: block; }

.text_area{ width:424px ;padding: 12px;  border-radius: 6px; box-sizing: content-box; border:1px solid #efefef; margin-bottom: 10px; display: block; }

.input_submit{ width: 130px; height: 36px; display: block; box-sizing: content-box; background:#f13a3a ; border-radius: 6px; font-size: 14px;
color:#fff; 
 }


 .bottom_wrap{ height: 254px; background: #00b2f1; }

 .bttom_center{ height: 254px; }

 .bottom_left{ padding-top: 60px;  float: left;
width: 326px;
 }

.bottom_left img{ display: block;  } 

.title2{padding-top: 17px; height: 37px; line-height: 37px; font-size: 27px; color: #fff;}
.title3{ height: 22px; line-height: 22px; font-size: 16px; color: #fff;}

.bottom_centers{ width: 628px; float: left; padding-top: 60px; }

.bottom_texts{ padding-left: 65px; border-left: 1px solid #fff;border-right: 1px solid #fff; line-height: 28px; color: #fff; font-size: 14px; }

.bottom_right{ width: 131px; padding-top: 60px; padding-left:115px ; float: left;}

/* neiya */

.zhongmei_class {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 10px solid #e6e6e6;
}

.zhongmei_class h2 {
   	float: left;
    margin-top: 30px;
    line-height: 38px;
    height: 60px;
    color: #404040;
    font-size: 30px;
    font-weight: normal;
}

.inner_content {
    min-height: 400px;
    font-size: 14px;
    color: #555;
    line-height: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.zhongmei_class ul{ float:right; margin-top:30px; margin-bottom:20px;}
.zhongmei_class ul li{ float:left;line-height:38px;font-size:16px;}
.zhongmei_class ul li a{float:left;line-height:38px; padding:0 28px;font-weight:normal; margin-left:10px; border:1px solid #dcdcdc; color:#404040; }
.zhongmei_class ul li a:hover{float:left;line-height:38px;font-size:16px; padding:0 28px;font-weight:normal; background:#00b2f1; border:1px solid #00b2f1; color:#fff;}
.zhongmei_class ul .thisclass{float:left;line-height:38px;font-size:16px; padding:0 28px;font-weight:normal; background:#00b2f1; border:1px solid #00b2f1; color:#fff;}


.imgas{  width: 380px; height: 212px; }

.imgas img{ width: 100%; height: 100%; }

.news_title{ height: 56px; line-height: 56px; font-size: 16px; color: #000000; }

.news_desc{
	color: #666666;
    font-family: 微软雅黑;
    font-size: 14px;
    text-align: justify;
    line-height: 26px;
    margin-bottom: 16px;
    height: 78px;
    overflow: hidden;

}

.news_uls li{ width: 380px; float: left;  margin-right: 30px;}

.news_uls li:nth-of-type(3n){
	margin-right: 0;
}

.pro_ul li{
	width: 294px;
	height: 480px;
	float: left;
	margin-right:8px;
	


}

.pro_ul li:nth-of-type(4n){
	margin-right:0;
}

.pro_ul li a{ display: block; overflow: hidden;}
.sort_items{  }

.sort_items{ height: 440px; overflow: hidden; }
.sort_texts{ height: 40px; line-height: 40px; font-size: 14px; color: #404040; text-align: center; display: block; }

.Amsg{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.allnews{width:1200px ;overflow:hidden; padding-top: 30px; padding-bottom: 30px;}
.allnews li{width:1200px;height:35px; font-weight:normal;line-height:35px; border-bottom:1px dotted #ccc;background:url(../images/dian1.jpg) no-repeat left 15px}
.allnews li span.time{float:right;}
.newstit{margin-top:10px;text-align:center;width:1200px;height:45px; margin-top:20px;font-size:30px; line-height:45px;font-weight:500;color:#333;}
.news_stit{text-align:center;width:1200px;height:33px; margin-left:5px;line-height:33px;padding-top:5px;font-size:12px;color:#333;
padding-bottom:5px; border-bottom: 1px solid #ccc;
 }
.news_content{float:left;width:1200px; margin-left:5px;font-size:14px;overflow:hidden; margin-top:10px; line-height:26px;}
.news_content p{padding:0px;}
.return{margin:0 auto;width:82px;height:25px;}
.news_intro{ float:left;width:1110px; padding:15px; line-height:25px;font-size:14px;color:#333; border:1px solid #F3F3F3; background:#EFEFEF; }


.newmore{float:left;width:1200px ;overflow:hidden; margin-top:20px;}
.newmore ol{float:left;width:1200px ; line-height:40px; height:45px; border-bottom:1px solid #CCC; font-size:18px;}
.newmore ul{float:left;width:1200px ;overflow:hidden;}
.newmore ul li{float:left;width:370px; margin-right:10px; overflow:hidden; line-height:40px; font-size:14px; border-bottom:1px dotted #CCC;}

.xw_page {
    padding: 30px 0 30px;
    border-top: 1px solid lightgray;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.xw_page .pagess a{line-height: 30px;font-weight: initial;font-size: 14px; color: #333;}
.xw_page .pagess a:hover{color:#015AAA}
.xw_page .pagess{ float: left;  font-size: 14px; color: #333; line-height: 30px;}


.fullSlide {width:100%;position:relative;height:420px; overflow: hidden;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:420px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:420px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}


.center_url{ position: absolute; z-index: 2; width: 100%; height: 45px; top: 187px; left: 0; 
	background: url('../images/url.png') no-repeat center center; }



/*资质轮播*/

.focus{ position:relative; width:430px; height:345px; background-color: #000; float: left;}  
.focus img{ width: 430px; height: 345px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; width: 100%; height: 100%;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;   background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:0px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}     



#pageud{ padding-top: 30px; padding-bottom: 30px; }
#pageud a{ text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}
#pageud a:hover{ text-decoration:none; font-size:12px;font-weight:bold; color:#cf211a;}
#pageupdn{border:1px solid #d1d1d1; background-color:#f3f3f3; float:left; padding:5px 10px;margin:0px 4px 0px 4px;overflow:hidden;cursor:pointer;}
#pageupdn strong{color: #cf211a; }
#pageupdn_wz{float:left;padding:5px;margin:0 auto;overflow:hidden;font-family:Arial;}


.contactUsList li{ width:71px; height:66px; width:265px; float:right; background:#fff; margin-bottom:5px; border-radius:4px 0 0 4px; }
.ctactQQ a{ background:url(../images/contact.png) no-repeat; background-position:-18px -70px;}
.ctactPhone a{ background:url(../images/contact.png) no-repeat; background-position:-18px -140px;}
.ctactScene a{ background:url(../images/contact.png) no-repeat; background-position:-18px -210px; position:relative;}
.ctactZj a{ background:url(../images/contact.png) no-repeat; background-position:-18px 0px;}
.contactUsList .backtop{ background:url(../images/contact.png) no-repeat; background-position:-18px -280px; display:none;}
.contactUs{ position:fixed; top:50%; right:-195px; z-index:1111111; margin-top:-220px; width:265px;}
.contactUsList li a{ display:block; width:71px; height:69px; margin:-1px 0 0 -1px; float:left;}
.rightewm{ width:240px; height:240px; background:url(../images/ewm.png) no-repeat; position:absolute; top:0px; left:-244px;}
.sq,.sh{ padding:0px 0 0 10px; font-size:14px; margin-top:9px; }
.phoneinfo{ float:left;}