@charset "utf-8";
/* CSS Document */

body{ font-size:14px; font-family:"微软雅黑","宋体",Arial;
color:#414446;}
*{ margin:0 auto; padding:0;}
li{list-style-type: none;}
a{}

.head{ width:100%; height:3px; background-color:#04338b;}
.top{ width:1100px; margin-top:20px; overflow:hidden;}
.top .logo{ float:left; width:500px;}
.top  .tel{ float:left; background:url(../img/tel.png) no-repeat 20px; margin-left:300px;}
.top  .tel span{ font-size:25px; margin-left:80px; color:#666; font-weight:400;}
.top .tel p{ font-size:20px; margin-left:80px; }

.topnav{ width:100%; background-color:#00428e;overflow:hidden; margin-top:20px;}
.nav{ width:1100px; height:40px; line-height:40px;overflow:hidden;}

.topnav .nav ul li{ float:left; width:120px; text-align:center; font-size:13px; color:#FFF;}
.topnav .nav ul li a{ color:#FFF;}
.topnav .nav ul li a:hover{
	text-decoration: underline;
	font-weight: bold;
}
img{ border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}

/*banner样式*/
.banner {
	width:100%;
	height:450px;
	position:0;
	margin:0 auto;
	z-index:2;
	overflow:hidden;
	position:relative
}
.banner .d1 {
	width:100%;
	height:450px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.banner .d2 {
	width:100%;
	height:20px;
	clear:both;
	position:absolute;
	z-index:100;
	right:100px;
	top:430px;
}
.banner .d2 ul {
	float:left;
	position:absolute;
	left:55%;
	top:0;
	display:inline;
}
.banner .d2 li {
	width:9px;
	height:9px;
	overflow:hidden;
	cursor:pointer;
	background:url(../img/ico.jpg) no-repeat center;
	float:left;
	margin:0 5px;
	display:inline;
}
.banner .d2 li.nuw {
	background:url(../img/ico1.jpg) no-repeat center;}


/*首页产品样式*/
.sypr{ width:1100px; margin-top:50px;overflow:hidden;}
.syprbt{ width:1100px;}

.syprbt{ font-size: 24px; color: #333333; margin:20px 0; }
.syprbt span{ color:#999999; font-size: 12px; text-transform: uppercase; margin-left: 5px;}
.syprbt a{ background-image:url(../img/more1.png); display: block; width:40px; height:25px; background-size: contain; background-repeat:no-repeat; background-position: center; float: right; color:#999999; font-size: 12px; padding-right:10px;}
.syprbt a:hover{  background-image:url(../img/more2.png);}

.BulkCon li{float: left;border:solid 1px #e4e3e3;list-style:none;width: 22%;margin-right: 2.4%;text-align: center;padding:4% 0;}
.BulkCon li:nth-child(4n){ margin-right:0;}
.BulkCon li .title{ font-size: 18px; color:#666666; margin:20px 0; position: relative; padding:0 35px;}
.BulkCon li .title::before,.BulkCon li .title::after{position:absolute; content:''; width:20px; height:1px; background:#999999; background-size:contain; top:50%;}
.BulkCon li .title::before{ left:0;}
.BulkCon li .title::after{ right:0;}
.BulkCon li figure{ display:block; position: relative; max-width:175px; max-height: 107px; overflow: hidden; margin:9% auto; }
.BulkCon li figure span{border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; display:block; width:100%; height:100%; overflow:hidden; margin-left: -9px; padding-left: 9px; padding-right: 9px; margin-right: -9px; position:relative; z-index:1;}
.BulkCon li figure img{ display:block;transition: all 0.6s;}
.BulkCon li figure i{position:absolute; z-index:3; width:100%; height:100%; /*background:url(../img/BulkBG.png) no-repeat center center; background-size:100% 100%;*/  left:0; top:0;}
.BulkCon li:hover figure img{transform: scale(1.4);}
.BulkCon li:hover{ border:solid 1px #00a5e3; }
.BulkCon li:hover .title{ color:#00a5e3}
.BulkCon li:hover .title::before,.BulkCon li:hover .title::after{ background:#00a5e3; }


.zqmny{ width:100%; background-color:#f5f5f3;margin-top:50px;}
.zqmny2{ width:1100px;  overflow:hidden; padding-top:50px; padding-bottom:50px;}
.zqmny2leftimg{ float:left; width:242px; margin-top:20px; margin-right:20px;}
.zqmny2left{ float:left; width:360px;}
.zqmny2bt{ font-size: 24px; color: #333333; margin:15px 0; }
.zqmny2bt span{ color:#999999; font-size: 12px; text-transform: uppercase; margin-left: 5px;}
.zqmny2bt a{ background-image:url(../img/more1.png); display: block; width:40px; height:25px; background-size: contain; background-repeat:no-repeat; background-position: center; float: right; color:#999999; font-size: 12px; padding-right:10px;}
.zqmny2bt a:hover{  background-image:url(../img/more2.png);}
.zqmny2left p{ font-size:14px; line-height:200%;}

.zqmny2right{ float:left; width:450px; margin-right:28px;}
.zqmny2right ul li{ font-size:14px; line-height:30px;}

.ValueList li{ width:27%; height:130px; float: left; text-align: center; margin-right:6%; position: relative; list-style: none;}
.ValueList li:nth-child(4n){ margin-right:0;}
.ValueList li .out{ padding-top: 27px; position: absolute; left: 0; top: 0; width:100%;}
.ValueList li .in{ padding-top: 27px; position: absolute; left: 0; top: 0; width:100%;}
.ValueList li h3{color: #444444; font-size: 16px; font-weight:inherit; height:35px; margin:0; line-height: 35px;}
.ValueList li p{ font-size: 14px; line-height: 18px;}
.ValueList .in a:hover{color: #2782be;}
.ValueList li:hover{border-color: #60a2ce;}
.ValueList li .in {
    opacity: 0;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -ms-transform: rotateY(-180deg);
    -ms-transform-style: preserve-3d;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transform: rotateY(-180deg);
    -o-transform-style: preserve-3d;
    -o-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-transition: all 0.6s ease-in-out 0s;
}
.ValueList li:hover .in {
    opacity: 1;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -ms-transform: rotateY(0deg);
    -ms-transform-style: preserve-3d;
    -ms-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-transition: all 0.6s ease-in-out 0s;
    -o-transform: rotateY(0deg);
    -o-transform-style: preserve-3d;
    -o-transition: all 0.6s ease-in-out 0s;
    height: auto;
    z-index: 9999;
}
.ValueList li .out {
    opacity: 1;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transform: rotateY(0deg);
    -ms-transform-style: preserve-3d;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transform: rotateY(0deg);
    -o-transform-style: preserve-3d;
    -o-transition: all 0.6s ease-in-out 0s;
}
.ValueList li:hover .out {
    opacity: 0;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transform: rotateY(-180deg);
    -ms-transform-style: preserve-3d;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transform: rotateY(-180deg);
    -o-transform-style: preserve-3d;
    -o-transition: all 0.6s ease-in-out 0s;
}


.news{ width:1100px; overflow:hidden; margin-top:50px;}
.box{ float:left; width:500px;}
.zqmnews{
	float: left;
	width: 550px;
	margin-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 15px; padding-top:15px;overflow:hidden;}
.zqmnews .date{ float:left; width:80px; border:solid #CCC 1px;text-align:center; font-size:14px;overflow:hidden;}
.date span{ display:block; height:25px;font-size:18px;  background-color:#f0f2f3; line-height:25px;width:80px;}
.zqmnews .date i{ font-style:normal; line-height:20px; display:block;width:80px;}

.newslist{ float:left; margin-left:50px; font-size:14px;overflow:hidden; width:400px; }

.gd{ width:1100px; overflow:hidden; margin-top:50px;}
#demo {
	width:1100px;
	height:170px;
	margin:13px auto 0;
	overflow:hidden;
	position:relative
}
.fk {
	padding:0 6px;
	text-align:center
}
.fk img {
	border:1px solid #c7c7c7;
	margin-bottom:15px;
}

.foot{ width:100%; background-color:#505c69; overflow:hidden;}
.footer{ width:1100px; padding-top:70px;overflow:hidden; padding-bottom:50px;}
.footer1{ float:left; color:#FFF; width:150px;}
.footer1 span{ font-size:14px; font-weight:bold;}
.footer1 ul{ margin-top:30px;}
.footer1 ul li{ line-height:30px;}
.ewm{ float:right; margin-right:100px; width:120px;}
.ewm span{ text-align:center; width:120px; display:block; font-size:14px; color:#FFF; margin-top:10px;}

.bottom{
	width: 100%;
	background-color: #475564;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;}
.bootomer{ width:1100px; padding-top:20px; padding-bottom:20px; color:#FFF;}
.foot .footer .footer1 ul li a{ color:#FFF;}


/*内页样式开始*/
.abbanner {
	width:100%;
	height:250px;
	position:0;
	margin:0 auto;
	z-index:2;
	overflow:hidden;
	position:relative}

.abny{ width:1100px; overflow:hidden;}
.ablist{ margin-top:30px; width:1100px;overflow:hidden;}
.ablist ul .ablist1{ float:left; width:130px; height:45px; line-height:45px; background-image:url(../img/nylist1.png);text-align:center; font-size:14px;}
.ablist ul .ablist1 a{ color:#FFF; }

.ablist ul .ablist2{float:left; width:130px; height:40px; line-height:40px;background-image:url(../img/ablist2.jpg); margin-left:1px;text-align:center; font-size:14px;}
.ablist ul .ablist2 a{ color:#FFF;display:block; width:130px; height:45px; }
.ablist ul .ablist2 a:hover{background-image:url(../img/nylist1.png); }

.aboutny{ width:1100px;overflow:hidden; margin-top:50px;}
.abouttitle{
	width: 1100px;
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; padding-bottom:15px;}
.abjs{ margin-top:15px;}
.abjs p{ line-height:200%; font-size:14px; margin-bottom:15px; margin-top:15px;}
.aboutny .abjs p img{ float:right; margin-left:15px;}

/*产品展示页样式*/
.prny{ width:1100px; overflow:hidden; margin-top:50px;}
.prpr{ float:left; width:350px; background-color:#fbfbf7; margin-right:16px; margin-bottom:30px;}
.primg{width:330px; padding:10px;}
.prtitle{width:330px; height:50px; line-height:50px; font-size:16px; font-weight:bold;}

.prnytitle1{width: 1100px;
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; padding-bottom:15px;}
.prde{ margin-top:30px;width: 1100px; overflow:hidden; }
.prdeimg{ margin-top:30px; float:left;width:500px;}
.prprjs{float:left; margin-left:50px; width:500px;}

.xgpr{width:1100px; overflow:hidden;margin-top:50px;}
.relevant-title{width:1100px; font-weight:bold;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; }
.pro-3{ margin-top:10px; float:left; width:200px; margin-right:10px;text-align:center; margin-left:10px; }
.pro-3 img{ border:none;}
.pro-3 a{ color:#666;}
a.pic {width: 100%;height:150px;overflow: hidden;display: block;border:1px solid #dcdcdc;}

.xgnewlist{width:1100px; overflow:hidden; margin-top:15px; margin-bottom:50px;}
 .xgnewlist ul li{
	line-height: 250%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;}
.xgnewlist ul li span{ float:right;}
.prsxlist{ width:1100px; margin-top:50px;}
.prsxlist1{ float:left;}
.prsxlist2{ float:left; margin-left:100px;}

/*新闻页样式*/
.nynewsny {
	width: 1098px;
	overflow: hidden;
	margin-bottom: 25px;
	border: 1px dotted #d7d5d5; font-size:12px;}
.aboutny .nynewsny .newspr{ float:left; overflow:hidden; padding:10px; width:300px;}
.aboutny .nynewsny a .newstitle{ float:left; margin-left:50px;overflow:hidden; margin-top:15px; width:500px;}
.aboutny .nynewsny a .newstitle p{ line-height:40px; }
.aboutny .nynewsny a .tubiao{
	float: left;
	width: 160px;
	height: 130px;
	margin-top: 20px;
	background: url(../img/tubiao.png) no-repeat center center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #e4e3e3;
	margin-left: 50px;}

.newsdetitle{
	width: 1100px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC; line-height:40px;}
.newsdetitle h2{ font-size:16px;}
.newsnyny{ width:1100px; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.newsnyny p{ line-height:200%; margin-top:10px; text-indent:20px;}
.newslistny{ width:1100px; margin-bottom:30px;}
.newslistny ul li{ line-height:200%;}

/*联系我们样式*/
.abny .aboutny .txt dl dt{ background:url(../img/tb4.png) no-repeat 10px 0px; padding-left:50px; height:30px; padding-bottom:30px;}
.aboutny .txt dl .dd_1{background:url(../img/tb1.png) no-repeat 10px 0px; padding-left:50px; height:30px; float:left; width:300px; }
.aboutny .txt dl .dd_2{background:url(../img/tb2.png) no-repeat 10px 0px; padding-left:50px; height:30px; float:left;width:300px;}
.aboutny .txt dl .dd_3{background:url(../img/tb3.png) no-repeat 10px 0px; padding-left:50px; height:30px; float:left;width:300px;}

.abny .prny .pages{ padding-bottom:20px; overflow:hidden; width:1100px;}
.flink{margin-top:50px;width:100%}
.flink .flink_tit{width:100%;position:relative}
.flink .flink_tit p{height:12px;width:100%;background:url(../img/dian.png);position:absolute;top:15px}
.flink .flink_tit span{height:42px;background:#fff;color:#1c4587;font-size:14px;border:1px solid #1c4587;position:relative;z-index:2;display:block;width:115px;text-align:center;line-height:42px;margin-left:10px}
.flink .flink_list{width:100%;margin-top:30px;margin-left:10px}
.flink .flink_list ul li{float:left;margin-right:28px}
.flink .flink_list ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.flink .flink_list ul li a:hover{color:#47cdff}


/*地图样式*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*首页地区样式*/
.indexdq{ width:1100px; overflow:hidden;}
.flink_list ul li{float:left;margin-right:28px}
.flink_list ul li a{font-size:14px;line-height:28px;color:#fff}
.flink_list ul li a:hover{color:#fff}
.flink_list span{ font-weight:bold; font-size:15px; color:#FFF;}

.foot .link{ width:1100px;overflow:hidden; margin-top:15px; margin-bottom:20px;color:#FFF;}
.foot .link a{ color:#FFF;}


.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}