/*q_css*/
@charset "utf-8";

.wrapper{ width:1170px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

img{ max-width:100%;}

.bannerx{ height:230px; background:url(../images/bannerx01.jpg) no-repeat center;}

.bigtit{ padding:36px 0 0px; border-bottom:1px solid #d0dadc; margin-bottom:20px;font-family:microsoft yahei;}
.bigtit strong{ font-size:26px; color:#049fd8; font-family:microsoft yahei; display:inline-block; letter-spacing:3px; border-bottom:2px solid #000; padding-bottom:10px;}
.bigtit em{ font-style:normal; color:#666;font-family:microsoft yahei; font-size:16px; letter-spacing:3px;}
.bigtit .fr{ margin-top:10px; color:#666; font-size:13px;}
.bigtit a{ color:#666; text-decoration:none;}

.subnav ul{ list-style:none;padding:15px 0px 25px; border-bottom:1px solid #eee;}
.subnav li{ float:left; font-size:16px; border:1px solid #e8e8e8; border-radius:5px; background-color:#f9f9f9; padding:5px 3%; margin:0 10px;}
.subnav a{ text-decoration:none; font-family:microsoft yahei;}
.subnav .on{ background-color:#049fd8; color:#fff; border-color:#049fd8;}
.subnav .on a{ color:#fff;}

.contentcc{ padding:20px 0 40px;font-family:microsoft yahei; color:#666; line-height:36px; color:#666; font-size:14px;}
.contentcc ul,.contentcc li{ list-style:none; margin:0px; padding:0px;}
.contentcc a{ text-decoration:none; color:#666;}

.contentcc .network li{ float:left; width:33.3%; line-height:24px; margin-bottom:20px;}
.contentcc .network a{ display:block; margin:0 10px; background-color:#eee; border:3px solid  #cdcdcd;  padding:10px 8%; border-radius:20px; cursor:default; transition:.2s;}
.contentcc .network strong{ font-size:15px;}
.contentcc .network a:hover{ background-color:#049fd8; border-color:#63d2fa; color:#fff;}
.contentcc .network .em{ width:10px; height:10px; background-color:#049fd8; border-radius:10px; float:left; margin-top:6px; display:none;}

.contentcc .honor li{ float:left; text-align:center; width:25%; margin-bottom:20px;}
.contentcc .honor a{ display:block;margin:0 5px;}

.contentcc .pro li{ float:left; width:31.3%; margin:0 1% 40px; transition:.5s;}
.contentcc .pro .txt{ padding:10px 10px 20px; line-height:24px; border-bottom:4px solid #eee; }
.contentcc .pro .tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.contentcc .pro .conn{ color:#999;}
.contentcc .pro li:hover{ box-shadow:0 10px 10px #ccc; transform:translateY(-10px);}
.contentcc .pro li:hover .txt{ border-color:#049fd8;}

.contentcc .news{}
.contentcc .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.contentcc .news li a{ display:block; width:1170px; margin:0 auto;}
.contentcc .news .img{ float:left; transition:.2s; margin-right:40px;}
.contentcc .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.contentcc .news .txt{ transition:.5s; }
.contentcc .news .tit{ font-size:20px; color:#000; line-height:23px;}
.contentcc .news .time{ font-size:12px; color:#888; padding:5px 0;}
.contentcc .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.contentcc .news li:hover{ background:url(../images/cen01.jpg) no-repeat center top;}
/*.contentcc .news li:hover .img{transform:translateX(6px);}
.contentcc .news li:hover .txt{transform:translateX(-6px);}*/
.contentcc .news a:hover{ text-decoration:none;}

.contentcc .contact{ border:1px solid #eee;}
.contentcc .contactfl{ width:40%; float:left; padding:2%; background:url(../images/map.png) no-repeat right bottom;}
.contentcc .contactfr{ width:56%; float:right;}
.contentcc .contactfr img{ max-width:none;}


.leftside{ width:24%; float:right;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding-bottom:20px; font-size:23px;}
.leftside ul{ margin-top:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:42px; font-size:14px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:normal;}
.leftside a:hover,.leftside li.on a{ color:#049fd8;}

.leftsidem{ margin:-10px 0 20px; line-height:35px;  position:relative;  padding:5px 5px;background-color:#daf1f9;}
.leftsidem .boxfr{font-size:13px; text-indent:10px; font-size:15px; color:#049fd8; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:45px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #daf1f9; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative; font-size:14px; padding:0 10px;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px; height:30px; right:10px; top:0px; position:absolute;font-weight:bold; color:#049fd8; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}
.leftsidem li:hover{ background-color:#eee;}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 20px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block; color:#999;}
.concon .conpage a:hover{color:#ff0000;}

.protab{ width:100%; border-collapse:collapse;}
.protab td{ border:1px solid #cdcdcd; padding:3px;}
.protab tr:nth-child(1){background-color:#049fd8; color:#fff; font-size:15px; }

.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1170px){
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	.bannerx{ background-size:120% 100%;}
	
	.contentcc .network li{ width:50%;}
	
	.contentcc .news{ padding:0 2%;}
	.contentcc .news li a{ width:100%;}	
	
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:720px){	
	.bannerx{ height:150px; background-size:cover;}	
	
	.bigtit{ padding-top:20px;}
	.bigtit strong{ font-size:20px; letter-spacing:0px;}
	
	.subnav ul{ padding-top:0px;}
	.subnav li{ margin:0 5px; font-size:14px;}
	
	.contentcc{ line-height:30px; padding-top:0px;background-size:140% 100%;}
	
	.contentcc .pro li{ width:48%; margin-bottom:10px;}
	.contentcc .pro .txt{ background-color:#eee; padding:10px;}
	.contentcc .pro .conn{ display:none;}
	
	.contentcc .network li{  width:90%; float:none; margin:0 auto;}
	.contentcc .network a{ margin:0px; background:none; border:none; border-bottom:1px solid #ccc; border-radius:0px; }
	.contentcc .network .em{ display:block;}
	.contentcc .network .txt{padding-left:18px;}
	
	.contentcc .honor li{ width:50%;margin-bottom:10px;}
	.concon .contit{ font-size:18px; padding-bottom:10px; margin-bottom:20px;}
	
	.contentcc .news .img{ margin-right:10px;} 
	.contentcc .news .img img{ width:106px; height:80px;}
	.contentcc .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.contentcc .news span{ display:none;}
	.contentcc .news .time{ display:none; }
	.contentcc .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.contentcc .news li:hover .img{transform:translateX(0px);}
	.contentcc .news li:hover .txt{transform:translateX(0px);}
	
	.contentcc .contact{ border:none;}
	.contentcc .contactfl{ width:100%;}
	
	.protab td{ line-height:20px; font-size:12px;}
	
	.concon{ margin-right:0; padding-right:0px; border:none;}
	
	.hidden03{ display:none;}
	.show03{ display:block;}	
}