@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; font-family:微软雅黑;}

.btleft{ font-size:2em; color:#0055a2; float:left; display:inline; margin-top:20px;}
.btright{ float:left; display:inline; margin-left:5px;}
.ch{ font-size:1em; margin-top:22px; height:22px; line-height:25px; color:#010101;}
.en{ font-size:0.8em; color:#0055a2; line-height:12px; height:12px;}
.btmore{position:absolute; right:3px; bottom:10px; font-size:0.9em; color:#8f8f8f;}
.grayline{ position:relative; background:#bcbcbc; height:1px; float:right;}
.blueline{ background:#0054a1; height:1px; float:left;}

body{ position:relative;}
a{ text-decoration:none; display:block; color:#000;}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
.cl{ clear:both;}
.top{ width:100%;}
.top .logo img{ height:70px; width:154px; margin-left:10px;}
#nav img{ width:30px; height:30px; border-radius:5px;}
.logo{ float:left; display:inline;}
#nav{ float:right; display:inline; margin-top:20px; margin-right:15px; cursor:pointer;}
#navclose{ cursor:pointer;}
.top ul{ list-style-position:inside; list-style-type:none; position:absolute; right:15px; top:15px; display:none; z-index:2;}
.top ul li a{ width:100px; height:25px; line-height:25px; text-align:center; background:#0054a1; color:#FFF; font-size:0.9em; border-radius:5px; margin-bottom:2px;}
.top ul li a:hover{ color:#0054a1; background:#FFF; text-decoration:none;}

.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;}
.owl-carousel .owl-item{float:left; display:inline;}
.pic img{ width:100%; height:100%; position:relative; z-index:1;}
.owl .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl .owl-wrapper-outer{overflow:hidden;position:relative;}
.owl .owl-item{float:left; display:inline;}
.box{ width:360px; margin:0 auto; position:relative; overflow:hidden; height:100%;}
.picbox img{ width:160px;}

.phone a{ text-decoration:none; display:block; width:300px; height:25px; line-height:25px; text-align:center; margin:0 auto; border-radius:50px; margin-top:20px; font-size:0.9em; background:#0054a1; color:#fff; border:#ffffff 1px solid;}
.phone a:hover{ background:#fff; border:#0054a1 1px solid; color:#0054a1;}

.product{ width:320px; margin:0 auto;}
/*.pro{ width:300px; margin:0 auto; overflow:hidden;}*/
.productsl{ width:120px; text-align:center; float:left; display:inline; margin:0 19px; position:relative;}
.productsl a{ font-size:0.8em; text-align:center; margin-top:5px; margin-bottom:10px;}
/*.productsr{ width:120px; text-align:center; float:left; display:inline; margin:0 20px 0 10px; position:relative;}
.productsr a{ font-size:0.8em; text-align:center; margin-top:5px; margin-bottom:10px;}*/
.productpicture{ width:120px; height:85px; border:1px solid #cdcdcd;}
.product .blueline{ width:115px;}
.product .grayline{ width:205px;}

.advantage{ width:320px; margin:0 auto;}
.advantage .blueline{ width:115px;}
.advantage .grayline{ width:205px;}
.advantages{ width:320px; margin:15px auto 0 auto; padding-bottom:15px; border-bottom:1px solid #0054a1;}
.advantagesbt img{ width:30px; height:26px; float:left; display:inline;}
.adbt{ float:right; display:inline; width:280px; height:26px; line-height:26px; font-size:0.9em; color:#0054a1; font-weight:700;}
.adcontent{ font-size:0.9em; color:#4d4d4d; margin-top:10px; line-height:20px;}
.adpictures{ width:320px; height:214px; margin:20px 0;}

.about{ width:320px; margin:0 auto;}
.about .blueline{ width:150px;}
.about .grayline{ width:170px;}
.aboutl{ width:95%; margin:0 auto;}
.aboutl img{ width:100px; height:88px; border:1px solid #0055a1;}



.aboutrbt{ font-size:0.9em; font-weight:700; color:#4d4d4d;}
.aboutrcontent{ font-size:0.8em; text-indent:2em; color:#4d4d4d;}
.aboutmore{ font-size:0.8em; color:#0055a1; text-align:center; margin-right:20px; width:100px; height:25px; border:1px solid #0055a1; line-height:25px; border-radius:50px; margin:10px auto;}
.aboutmore:hover{ background:#0055a1; color:#fff; text-decoration:none;}

#demo{ overflow:hidden; width:320px; height:410px; margin:0 auto; margin-top:20px;}
.cjwtst{ border-bottom:1px solid #dddddd; margin-top:12px; padding-bottom:12px;}
.cjwtst .cjwtwen img{ float:left; display:inline; width:27px; height:27px;}
.cjwtst .cjwtwen a{ float:right; display:inline; font-size:0.9em; line-height:27px; width:280px;}
.cjwtst .cjwtda img{ float:left; display:inline; width:27px; height:27px;}
.cjwtst .cjwtda a{ float:right; display:inline; font-size:0.9em; line-height:16px; width:280px;}
.cjwtda{ margin-top:16px;}

.cjwt{ width:320px; margin:0 auto;}
.cjwt .blueline{ width:200px;}
.cjwt .grayline{ width:120px;}

.blk_29 {	 PADDING-LEFT: 0px; 
	         OVERFLOW: hidden;  
	         ZOOM: 1; 
	         POSITION: relative;}					
.blk_29 .RightBotton {	 
	                    FLOAT: right; 
	                    WIDTH: 120px; 
						height:28px;
	                    CURSOR: pointer; 
	                    POSITION: absolute; 
	                    TOP: 0px;
						RIGHT: 0px;
						bottom:0px;
						left:0px; 
	                    HEIGHT: 26px;
						margin:0 auto;
						margin-top:120px;
						font-size:0.9em;
						text-align:center;
						background:#0055a1;
						border:1px solid #0055a1;
						color:#FFF;
						border-radius:10px;
                        }
.blk_29 .RightBotton:hover{ background:#FFF; color:#0055a1;}						
.next{ line-height:28px; height:28px;}				
.blk_29 .Cont {	OVERFLOW: hidden; 
	            PADDING-TOP: 5px;}
.blk_29 .picture {	FLOAT: left; 
	            WIDTH: 120px; 
	            TEXT-ALIGN: center; 
				margin:0 15px;
				height:150px;}
.blk_29 .picture img{ width:120px; height:90px;}				
.blk_29 .picture a{ text-decoration:none; color: #000; font-size:0.8em;}
.blk_29 .picture a:hover{ text-decoration:underline;}
.rollphotos {WIDTH:360px;}

.ryzz{ width:320px; margin:0 auto;}
.ryzz .blueline{ width:160px;}
.ryzz .grayline{ width:160px;}

.box{ width:320px; margin:0 auto; position:relative; overflow:hidden; height:100%;}
.picbox{ width:320px; height:188px; overflow:hidden; position:relative;}
.piclist{ height:168px;position:absolute; left:0px; top:0px}
.piclist ul{ width:360px;}
.piclist li{ float:left; list-style:none; list-style-position:inside;}
.piclist li a{ text-align:center; font-size:0.8em; margin-top:5px;text-decoration:none; color:#000;}
.piclist li a:hover{ text-decoration:underline;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_next{ width:120px; height:28px; background:#0055a1;border:1px solid #0055a1; border-radius:10px; position:absolute; z-index:99; cursor:pointer;left:0; top:0; right:0; right:0; text-align:center; line-height:28px; font-size:0.9em; color:#FFF; margin:150px auto 0 auto;}
.og_next:hover{ background:#fff; color:#0055a1;}
.picbox img{ width:160px; height:115px;}

.guanggao{ width:100%; height:180px; background:url(images/guanggaobj.jpg) no-repeat center; background-size:100%;  text-align:center; margin-top:10px;}
.zx{ float:left; display:inline; font-size:0.8em; color:#fff; width:70px;}
.zxphonenumber{ float:left; display:inline; font-size:0.9em; color:#fff; width:100px;}
.guanggaonr{ width:170px; margin:0 auto;}
.guanggao a{ width:120px; height:25px; border:1px solid #fff; margin:0 auto; color:#fff; line-height:25px; border-radius:50px; font-size:0.9em; margin-top:10px;}
.dbxkh{ width:320px; margin:0 auto;}
.dbxkh .blueline{ width:190px;}
.dbxkh .grayline{ width:130px;}
.kh{ float:left; display:inline; margin:4px 2px; width:156px;}
.kh a{ font-size:0.8em; width:140px; text-align:center; margin:5px auto 0 auto;}
.kh img{ width:154px; height:75px; border:1px solid #ccc;}

.news{ width:320px; margin:0 auto;}
.news .blueline{ width:150px;}
.news .grayline{ width:170px;}
.newstop{ margin-bottom:20px;}
.newstopl{ width:150px; float:left; display:inline; margin-right:8px;}
.newstopl img{ width:150px; height:116px;}
.newstopr{ width:150px; float:right; display:inline;}
.newstopr img{ width:150px; height:116px;}
.newstopbt{ font-size:0.9em; width:140px; margin-top:10px;}
.newstopbt:hover{ color:#0055a1; text-decoration:none;}
.newstopcontent{ font-size:0.8em; width:130px; margin-top:10px; color:#5d5d5d;}
.newsbottom{ width:320px; margin-top:5px;}
.date{ width:70px; height:61px; border:1px solid #ccc; text-align:center; float:left; display:inline;}
.day{font-size:1em; height:21px; line-height:21px; margin-top:12px;}
.year{font-size:0.8em; height:16px; line-height:16px;}
.newsbottomnr{ width:240px; float:right; display:inline;}
.newsbottombt{ font-size:0.9em; margin-top:2px;}
.newsbottombt:hover{ color:#0055a1; text-decoration:none;}
.newsbottomwz{ font-size:0.8em; color:#999; margin-top:3px;}
.bottom{ width:100%; background:url(images/bottombj.jpg) no-repeat; background-size:cover; overflow:hidden; padding:20px 0; margin-top:20px;}
.bottomcontent{ width:95%; margin:0 auto;}
.bottomewm{ width:100px; height:100px; float:left; display:inline;}
.bottomewm img{ width:100px; height:100px;}
.bottomright{ width:230px; float:right; display:inline; color:#fff;}
.bottomrightbt{ font-size:0.9em; font-weight:bold;}
.btunderline{ width:100px; height:2px; background:#fff; margin-left:5px; margin-top:10px;}
.lxfs{ overflow:hidden;}
.lxfs img{ float:left; display:inline; margin-top:15px; width:15px; height:15px;}
.lxfsnr{  margin-top:15px; margin-left:10px; font-size:0.8em; width:180px; color:#FFF;}
.lxfs p{color:#fff; float:left; display:inline; line-height:15px;}
.lxfs span{ font-weight:700;}

.copyright{ width:100%; background:#0055a1; padding:20px 0;}
.copyright p{ width:340px; margin:0 auto; color:#FFF; font-size:0.8em; text-align:center; line-height:20px;}
.copyright a{ color:#fff; display:inline;}









/*add*/

.fenlei_top{ width:95%; margin:10px auto;}
.fenlei_top ul li{ width:31%; float:left; display:inline; margin:8px 3px;}
.fenlei_top ul li a{ font-size:0.9em; text-align:center; background:#f0f0f0; width:100%; display:inline-block; height:30px; line-height:30px; color:#333; border-radius:5px;}

.aboutnr{ width:95%; margin:10px auto;}
.aboutnr img{ width:95%; height:auto;}




/*产品展示*/
.product_list{ width:95%; margin:10px auto;}
.product_list li{ width:130px; border:1px solid #ddd; padding:5px; float:left; display:inline; margin:10px;}
.product_list li .img img{ width:130px; height:70px;}
.product_list li .title{ text-align:center; font-size:0.9em; height:25px; line-height:25px; width:100%; overflow:hidden;}
.product_list li .aa{ text-align:center;}
.product_list li .aa a{ background:#f90; padding:5px 10px; color:#fff;}
.product_list li .aa a:hover{background:#f00;}




/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:28px;line-height:28px;text-align:center;letter-spacing:0;font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#f90;border:1px solid #f90;background:#fff;text-align:center;padding:0 10px;margin:0 2px;}
.page_list a:hover{color:#fff;border:1px solid #f90;background:#f90; text-decoration:none;}
.page_list a.on{color:#fff;border:1px solid #f90;background:#f90;}


/*大图样式*/
.picarr{position:relative;margin:20px auto; width:95%;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:95%;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}





.news_list2{}
.news_list2 li{ font-size:1.0em; border-bottom:1px solid #ddd; padding:15px 0; height:100px; width:100%; overflow:hidden;}
.news_list2 li:hover{ background:#f9f9f9;}
.news_list2 li:hover a{ color:#f00; text-decoration:underline;}
.news_list2 .liimg{ width:45%;float:left; display:inline-block;}
.news_list2 .liimg img{ width:150px; height:100px;}
.news_list2 .linrrt{ width:55%; float:right; display:inline-block;}
.news_list2 .time{ font-size:0.8em; color:#999;}
.news_list2 .dec{ font-size:0.8em; color:#666;}



/*列表内容页*/
.listConts{ width:90%; margin:0 auto;line-height:26px;color:#333; margin:0 auto; font-size:0.9em;}
.listConts .title{font-size:22px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:90%;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ddd;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}




.fuwurexian{ width:95%; margin:30px auto; text-align:center;}
.fuwurexian .abol{ }
.fuwurexian .abol a{padding:10px 22px; font-size:1.1em; background:#f90; color:#fff; border-radius:10px;}


/*留言栏目*/
.messages{ width:95%; margin:0 auto;}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:90%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:90%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#0055a2;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}