
/* CSS Document */
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1180px;margin:0 auto;}
.pgbanner{margin:0 auto;
	width:100%;
	height:300px;
	position:relative;
	}
.pgbanner .img{margin:0 auto;
	width:100%;
	height:300px;
	overflow:hidden;
	}
.pg-nav{
	width:1180px;
	height:46px;
	background-color:#005bac;
	position:absolute;
	left:50%;
	bottom:-20px;
	z-index:99;
	margin-left:-590px;
	border-radius:5px;
	overflow:hidden;
	}
.pg-nav .fl a{
	display:block;
	float:left;
	width:180px;
	height:46px;
	font-size:16px;
	line-height:46px;
	text-align:center;
	color:#6CB6FF;
	border-right:1px solid #6CB6FF;
	}
.pg-nav .fl a:hover{
	color:#fff;
	}
.pg-nav .fl a.cur{
	color:#fff;
	background-color:#D90000;
	border-right:1px solid #D90000;
	}
.pg-nav .back{
	display:block;
	width:34px;
	height:34px;
	font-family:'宋体';
	line-height:34px;
	color:#006CD8;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	border-radius:100%;
	background-color:rgba(255,255,255,.8);
	position:absolute;
	right:10px;
	top:6px;
	}
.pg-nav .back:hover{
	transform: rotateY(180deg);
	background-color:rgba(255,255,255,1);
	}

.pg-main{
	margin-top:60px;
	padding-bottom:40px;
	line-height:2em;
	}
/**************公司简介****************/
#pg-about p,#pg-culture p{
	margin-bottom:10PX;color: #333;line-height:32px;font-size: 15px;
	}
	
/**************公司简介 END****************/

/*当前位置 start*/
.w1200{width: 1180px;height: auto;margin: 0 auto;}
.box1{}
.current-address {
	font-size: 14px;
	color: #999;
	line-height:40px;
	overflow: hidden;margin-top:35px
}
.current-address a{color: #666666;}
.main-icon{
	width: 12px;
	height: 14px;
	background: url(http://www.chyuli.com/Templates/web/images/current-icon.png) no-repeat;
	position: relative;
	top:1px;
	margin: 0 3px;
}
.current-address>a:hover {color: #666666;}
.current-address>.line {margin: 0 3px;}
.current-address>.now {color: #01299d;}
/*当前位置 end*/
/**************荣誉资质****************/
.honor-list{
	width:1200px;
	}
.honor-list li{
	float:left;
	width:260px;
	height:360px;
	padding:1px;
	margin-left:25px;
	margin-bottom:30px;
	border:1px solid #ddd;
	background-color:#fff;
 	position:relative;
	overflow:hidden;
	}
.honor-list li a{
	display:table-cell;
	width:360px;

	vertical-align:middle;
	overflow:hidden;
	}
.honor-list li a p{
	width:260px;
	height:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background-color:rgba(0,0,0,.7);
	position:absolute;
	left:1px;
	bottom:1px;
	transition:all ease .3s;
	}
.honor-list li a img{
	width:100%;
	height:360px;
	}
.honor-list li a:hover p{
	background-color:rgba(0,0,0,.9);
	}

/**************荣誉资质 END****************/

/**************新闻资讯****************/
.news-list{
	width:1220px;
	}
.news-list li{
	float:left;
	width:570px;
	height:200px;
	margin-right:40px;
	margin-bottom:40px;
	position:relative;
	}
.news-list li a{
	display:block;
	width:530px;
	height:160px;
	padding:20px;
	border-radius:5px;
	background-color:#f5f5f5;
	}
.news-list li a h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;	
	margin-top:5px;
	}
.news-list li a p{
	color:#999;
	transition:all ease .3s;
	}
.news-list li a .date{
	position:absolute;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#fff;
	position:absolute;
	bottom:15px;
	right:20px;
	}
.news-list li a:hover{
	background-color:#D90000;
	background: linear-gradient(to bottom, #D90000, #9D0000); 
	color:#fff;
	}
.news-list li a:hover p{
	color:#fff;
	}
.news-list li a:hover .date{
	color:#D90000;
	border-radius:0 0 5px 0;
	}

.news_con .title{
	font-size:22px;
	color:#006CD8;
	text-align:center;
	margin-top:10px;
	}	
.news_con .subhd{
	color:#999;
	text-align:center;
	margin-top:10px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
	}
.news_con .text{
	margin-top:20px;
	padding:0 20px;
	line-height:2em;
	overflow:hidden;
	}
.news_con .text p{
	margin-bottom:10px;
	}
.news_con .text img{
	max-width:100%;
	}
#pg-newsview .back a{
	display:block;
	text-align:center;
	padding:8px 0px;
	margin-top:20px;
	border-top:1px solid #ddd;
	}
#pg-newsview .back a:hover{
	color:#D90000;
	background-color:#eee;
	}
.news_ft{
	border-top:1px solid #ddd;
	padding:15px 0;
	color:#999;
	}
.news_ft a:hover{
	color:#D90000;
	}
/**************新闻资讯 END****************/
/**************产品中心****************/
.breadcrumb{
	background-color:#f5f5f5;
	margin-bottom:20px;
	padding:10px 15px;
	border:1px solid #ddd;
	}
.procate{
	height:290px;
	border:1px solid #ddd;
	margin-bottom:20px;
	border-radius:0 0 5px 0;
	transition:all ease-in .3s;
	position:relative;
	overflow:hidden;
	}
.procate a.fl{
	display:block;
	width:300px;
	min-height:260px;
	height:100%;
	color:#fff;
	text-align:center;
	padding:15px;
	border-right:3px solid #ccc;
	background-color:#006CD8;
	}
.procate .fl p{
	padding:0 10px;
	}
.procate .fl span{
	display:block;
	width:300px;
	height:180px;
	margin-bottom:15px;
	overflow:hidden;
	}
.procate .fl span img{
	width:300px;
	height:180px;
	}
.procate .fr{
	width:840px;
	padding:10px 30px 0 0;
	box-sizing:border-box;
	}
.procate .fr a{
	display:block;
	float:left;
	width:23%;
	padding:0 5%;
	margin-top:10px;
	position:relative;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}
.procate .fr a:before{
	display:block;
	width:4px;
	height:4px;
	border-radius:100%;
	background-color:#666;
	content:"";
	position:absolute;
	left:25px;
	top:11px;
	}
.procate .more{
	width:100px;
	height:40px;
	text-align:center;
	line-height:40px;
	position:absolute;
	right:-100px;
	bottom:15px;
	opacity:0;
	color:#fff;
	background-color:#D90000;
	border-radius:0 0 5px 0;
	}
.procate .more:hover{
	background-color:#fff;
	color:#D90000;
	}
.procate:hover{
	background-color:#f5f5f5;
	}
.prolist{
	width:1210px;
	}
.prolist li{
	float:left;
	width:210px;
	margin-right:32px;
	margin-bottom:20px;
	}
.prolist li a{
	display:block;
	width:180px;
	height:190px;
	text-align:center;
	padding:15px;
	border:1px solid #ddd;
	border-radius:5px;
	}
.prolist li a span{
	display:block;
	width:180px;
	height:140px;
	margin-bottom:10px;
	background-color:#000;
	overflow:hidden;
	}
.prolist li a img{
	width:180px;
	height:140px;
	transition:all ease-in .3s;
	}
.prolist li a:hover{
	background-color:#f5f5f5;
	border-color:#006CD8;
	transform:translateY(-6px);
	}
.prolist li a:hover img{
	opacity:.7;
	}
/**************产品详情****************/
#pg-proview .pro-left{
	float:left;
	width:250px;
	}
#pg-proview .side-cate dt,.side-contact dt{
	font-size:16px;
	padding-bottom:10px;
	padding-left:8px;
	border-bottom:1px solid #ddd;
	}
#pg-proview .side-cate dd a{
	display:block;
	background-color:#f8f8f8;
	margin-bottom:2px;
	padding:8px 10px;
	}
#pg-proview .side-cate dd a.cur{
	background-color:#59ACFF;
	color:#fff;
	}
.side-contact{
	margin-top:20px;
	}
.side-contact dd{
	padding:15px 15px 15px 60px;
	background-color:#f8f8f8;
	color:#666;
	line-height:2em;
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position:15px center;
	transition:all ease .3s;
	}
.side-contact dd:hover{
	background-color:#fff;
	}
.side-contact dd.d1{background-image:url(http://www.chyuli.com/Templates/web/images/sdcon1.gif)}
.side-contact dd.d2{background-image:url(http://www.chyuli.com/Templates/web/images/sdcon2.gif)}
.side-contact dd.d3{background-image:url(http://www.chyuli.com/Templates/web/images/sdcon3.gif)}


#pg-proview .pro-right{
	float:right;
	width:890px;
	}
#pg-proview .pro-right .pro-img{
	float:left;
	width:330px;
	}
#pg-proview .pro-right .pro-det{
	float:right;
	width:540px;
	}
#pg-proview .pro-right .det1{
	padding:20px 15px;
	background-color:#f5f5f5;
	}
#pg-proview .pro-right .det1 h3{
	font-size:20px;
	font-weight:normal;
	color:#006CD8;
	margin-bottom:15px;
	}
#pg-proview .pro-right .det1 p{
	font-style:italic;
	}
#pg-proview .pro-right .det1 a:hover{
	color:#D90000;
	}
#pg-proview .pro-ft{
	margin-top:30px;
	}
#pg-proview .pro-ft #tags_title{
	background-color:#f5f5f5;
	}
#tags_title a{
	margin:0px !important;
	padding:5px 15px !important;
	border:none !important;
	background-color:#f5f5f5 !important;;
	}
#pg-proview .pro-ft #tags_content{
	min-height:300px;
	}
#tags_title a.A{
	background-color:#006CD8 !important;
	color:#fff !important;
	font-weight:normal !important;
	}
#pro_btm{
	border-top:1px solid #ddd;
	padding-top:10px;
	}
#pro_btm ul li{
	float:left;
	width:50%;
	height:42px;
	line-height:40px;
	overflow:hidden;
	}
#pro_btm ul li img{
	width:100%;
	height:auto;
	}
#pro_btm ul li .img{
	float:left;
	display:table-cell;
	width:50px;
	height:40px;
	border:1px solid #ddd;
	vertical-align:middle;
	margin-right:10px;
	}
/**************产品中心 END****************/


/**************服务与支持****************/
.down_list{
	width:1220px;
	min-height:300px;
	}
.down_list li{
	float:left;
	width:570px;
	height:60px;
	margin-bottom:25px;
	margin-right:34px;
	}
.down_list li a{
	display:block;
	width:475px;
	height:60px;
	padding-right:15px;
	padding-left:80px;
	background:url(http://www.chyuli.com/Templates/web/images/indfl1.png) no-repeat 20px center;
	background-size:44px 44px;
	color:#999;
	line-height:60px;
	border:1px solid #ddd;
	border-radius:5px;
	overflow:hidden;
	}
.down_list li a .title1{
	float:left;
	width:200px;
	font-size:16px;
	color:#333;
	margin-bottom:8px;
	margin-right:15px;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.down_list li a .title2{
	float:right;
	}
.down_list li a:hover{
	background-color:#D90000;
	border-color:#D90000;
	color:#fff;
	}
.down_list li a:hover .title1{
	color:#fff;
	}

.textstyle{
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
.textstyle:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.btn{
	  display: inline-block;
	  padding: 6px 12px;
	  margin-bottom: 0;
	  font-weight: normal;
	  line-height: 1.42857143;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  cursor: pointer;
	  border: 1px solid transparent;
	  border-radius: 4px;
	  color: #fff;
	  background-color: #CF002C;
	  border-color: #d43f3a;
	  
	}
.btn:hover {
	color: #fff;
	background-color: #A92825;
	border-color: #ac2925;
}
#pg-feedback .fr{
	width:750px;
	}
#pg-feedback .fr .fr-t{
	padding:20px;
	margin-bottom:30px;
	line-height:2em;
	border-bottom:1px solid #ddd;
	padding-left:110px;
	background: url(http://www.chyuli.com/Templates/web/images/pgservice3.png) no-repeat 10px center;
	}
#pg-feedback table.fmtable td{
	padding:5px 8px;
	}

/**************服务与支持 END****************/

/**************联系我们****************/
#pg-contact{
	font-size:14px;
	}
.pagemap{
	float:left;
	width:450px;
	height:600px;
	border:3px double #ddd;
	border-right:4px solid #006CD8;
	box-sizing:border-box;
	}

/**************联系我们 END****************/

.pagewrap{
	margin-top:20px;
	padding-bottom:10px;
	padding-top:20px;
	border-top:1px solid #ddd;
	}
.pageright{
	width:250px !important;
	}
.pagebtn {
    width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}
.pagebtnA{
	background:#006CD8 !important;
	color:#FFF !important;
	border:0px none !important;
	font-weight:normal !important;
	width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
	border-radius:4px;
}
