﻿*{

	padding:0;

	margin:0;

	text-decoration:none;

	list-style:none;

	outline:none;

	border:0;

	font-family:微软雅黑;

}

h1,h2,h3,h4,h5,b{

	font-weight:normal;

}



.header{

	width:100%;



}

.header div.welcome-bg{

	width:100%;

	background-color:#5c5c5c;

}

.header div.welcome-box{

	width:1200px;

	margin:0 auto;

	height:35px;

	line-height:35px;


	font-size:14px;

	color:#ffffff;

}

.header div.welcome-box p.left{

	float:left;

}

.header div.welcome-box p.right{

	float:right;

}

.menu-box{

	width:1200px;

	margin:0 auto;


	height:95px;

	line-height:95px;

}

.menu-box div.logo{

	float:left;

	height:95px;

	display:flex;

	align-items:center;

	justify-content:center;

}

.menu-box div.logo img{

	max-height:95px;

}

.menu-box ul{

	float:right;


}

.menu-box ul li{
	float:left;
	width: 120px;
	text-align: center;
	font-size:16px;
	position:relative;

}

.menu-box ul li a{

	color:#5a5a5a;

	display:block;

}

.menu-box ul li.active a{

	color:#00569f;

}

.menu-box ul li dl{width: 120px; z-index: 100;position: absolute;top:95px;left: 0px; background: #fff; display: none;}
.menu-box ul li dl dd{height: 45px;line-height: 45px;}
.menu-box ul li dl dd a{height:45px;line-height: 45px; color: #5a5a5a !important;font-size: 14px;}
.menu-box ul li dl dd a:hover{background: #0075BC; color: #fff !important;}
.menu-box ul li:hover dl{display: block;}

.index-case-bg{

	width:100%;

	background-color:#f6f6f6;

}

.index-case-box{

	width:1200px;

	margin:0 auto;

	padding:45px 0;

}

.index-case-box h3{

	font-size:20px;

	font-weight:bold;

	color:#00569f;

	display:flex;

	align-items:center;

}

.index-case-box h3:before{

	content:"";

	width:3px;

	height:20px;

	display:block;

	background-color:#00569f;

	margin-right:10px;

}

.index-case-box .box-show ul{

	overflow:hidden;

	width:1200px;

	margin-top:30px;

}

.index-case-box .box-show ul li{

	width:280px;

	float:left;

	margin-right:25px;

}

.index-case-box .box-show ul li:nth-of-type(4n){

	margin-right:0;

}

.index-case-box .box-show ul li div.img{

	height:170px;

	display:flex;

	align-items:center;

	justify-content:center;

	overflow:hidden;

}

.index-case-box .box-show ul li div.img img{

	display:block;

	transition:500ms ease-out;

	-webkit-transition:500ms ease-out;

	-ms-transition:500ms ease-out;

	-moz-transition:500ms ease-out;

	-o-transition:500ms ease-out;

}

.index-case-box .box-show ul li div.img:hover img{

	transform:scale(1.16);

	-webkit-transform:scale(1.16);

	-moz-transform:scale(1.16);

	-ms-transform:scale(1.16);

}

.index-case-box .box-show ul li p{

	font-size:16px;

	line-height:45px;

	height:45px;

	color:#ffffff;

	background-color:#00569f;

	text-align:center;

}



.index-company{

	width:1200px;

	margin:0 auto;

	padding:40px 0;

}



.index-company .index-about{

	width:100%;

	display:flex;

	align-items:center;

}

.index-company .index-about div.left{

	width:220px;

	overflow:hidden;

}

.index-company .index-about div.left img{

	width:100%;

}

.index-company .index-about div.left  img{

	display:block;

	transition:500ms ease-out;

	-webkit-transition:500ms ease-out;

	-ms-transition:500ms ease-out;

	-moz-transition:500ms ease-out;

	-o-transition:500ms ease-out;

}

.index-company .index-about div.left:hover img{

	transform:scale(1.16);

	-webkit-transform:scale(1.16);

	-moz-transform:scale(1.16);

	-ms-transform:scale(1.16);

}

.index-company .index-about div.center{

	width:490px;

	margin-left:40px;

}

.index-company .index-about div.center h5{

	font-size:22px;

	color:#5a5a5a;

	padding-bottom:10px;

	border-bottom:1px solid #e5e5e5;

}

.index-company .index-about div.center h5 span{

	display:block;

	margin:5px 0;

	font-size:16px;

	color:#cccccc;

}

.index-company .index-about div.center div.ct{

	font-size:14px;

	color:#666666;

	line-height:32px;

	margin:10px 0;

}

.index-company .index-about div.center  a.more{

	color:#00569f;

	font-size:16px;

}

.index-company .index-about div.right{

	width:390px;

	margin-left:60px;

	overflow:hidden;

}

.index-company .index-about div.right img{

	width:100%;

}

.index-company .index-about div.right  img{

	display:block;

	transition:500ms ease-out;

	-webkit-transition:500ms ease-out;

	-ms-transition:500ms ease-out;

	-moz-transition:500ms ease-out;

	-o-transition:500ms ease-out;

}

.index-company .index-about div.right:hover img{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

}

.index-company .index-about div.right p{

	height:90px;

	padding:0 18px;

	font-size:14px;

	color:#ffffff;

	line-height:24px;

	background-color:#00569f;

	display:flex;

	align-items:center;

	justify-content:center;

	position:relative;

}

.index-service ul{

	width:1200px;

	margin:40px auto;

	overflow:hidden;

}

.index-service ul li{

	float:left;

	width:278px;

	border:1px solid #d7d7d7;

	height:155px;

	float:left;

	display:flex;

	align-items:center;

	justify-content:center;

	text-align:center;

	margin-right:25px;

}

.index-service ul li:nth-of-type(4n){

	margin-right:0;

}

.index-service ul li h4{

	font-size:20px;

	margin:5px auto;

	color:#353535;

}



.index-service ul li p{

	font-size:14px;

	color:#353535;

}



.index-news{

	width:1200px;

	overflow:hidden;

	padding-bottom:50px;

}

.index-news div.left{

	float:left;

	width:440px;

	height:385px;

	overflow:hidden;

}

.index-news div.left ul li{

	height:385px;

}

.index-news div.left ul li a{

	display:block;

}

.index-news div.left ul li div.img{

	width:440px;

	height:285px;

}

.index-news div.left ul li div.img img{

	width:100%;

	height:100%;

}

.index-news div.left ul li div.js{

	height:100px;

	background-color:#00569f;

	padding:14px 20px;

	color:#ffffff;

	font-size:14px;

}

.index-news div.left ul li div.js h4{

	font-size:18px;

	margin-bottom:5px;

}



.index-news div.right{

	width:710px;

	float:right;

}

.index-news div.right h2{

	display:flex;

	align-items:center;

	font-size:24px;

	color:#333333;

	padding:10px 0 15px;

	border-bottom:1px solid #eaeaea;

}

.index-news div.right h2 img{

	margin:0 15px;

}

.index-news div.right ul li{

	height:60px;

	padding:10px 0;

	border-bottom:1px solid #eaeaea;

}

.index-news div.right ul li a{

	display:flex;

	align-items:center;

}

.index-news div.right ul li div.date{

	float:left;

	width:80px;

	text-align:center;

	color:#b0b0b0;

	border-right:1px solid #eaeaea;

}

.index-news div.right ul li div.date span{

	display:block;

	font-size:30px;

	color:#b0b0b0;

}

.index-news div.right ul li div.js{

	width:515px;

	margin-left:20px;

	font-size:14px;

	color:#666666;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

.index-news div.right ul li div.js h4{

	font-size:16px;

	color:#333333;

	margin-bottom:5px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

.index-news div.right ul li div.more{

	margin-left:55px;

	width:35px;

	height:35px;

	background-image:url(../images/p14.jpg);

	background-size:100% 100%;

}

.index-news div.right ul li:hover div.date{

	color:#00569f;

}

.index-news div.right ul li:hover div.date span{

	color:#00569f;

}

.index-news div.right ul li:hover div.js{

	color:#00569f;

}

.index-news div.right ul li:hover div.js h4{

	color:#00569f;

}

.index-news div.right ul li:hover div.more{

	background-image:url(../images/p14-hover.jpg);

}



.footer{

	width:100%;

	background-color:#333333;

	overflow:hidden;

}

.footer div.foot-box{

	width:1200px;

	padding:50px 0 40px;

	margin:0 auto;

	overflow:hidden;

}

.footer div.foot-box div.left{

	float:left;

	overflow:hidden;

}

.footer div.foot-box div.left ul{

	float:left;

	padding:0 50px;

	border-right:1px solid #484848;

}

.footer div.foot-box div.left ul:last-child{

	border-right:none;

}

.footer div.foot-box div.left ul li a{

	font-size:14px;

	color:#999999;

	line-height:30px;

}

.footer div.foot-box div.left ul li:nth-of-type(1) a{

	font-size:16px;

	color:#ffffff;

	line-height:38px;

}

.footer div.foot-box div.left ul:nth-of-type(1){

	padding-left:0;

}



.footer div.foot-box div.right{

	float:right;

}

.footer div.foot-box div.right dl{

	display:flex;

	align-items:center;

}

.footer div.foot-box div.right dl dt img{

	width:134px;

}

.footer div.foot-box div.right dl dd{

	margin-left:16px;

	font-size:14px;

	color:#999999;

}

.footer div.foot-box div.right dl dd div.top{

	display:flex;

	align-items:center;

}

.footer div.foot-box div.right dl dd div.top img{

	margin-right:5px;

}

.footer div.foot-box div.right dl dd div.bottom{

	margin-top:25px;

}

.footer div.foot-box div.right dl dd div.bottom span{

	display:block;

	font-size:24px;

	font-weight:bold;

}

.copyright{

	width:100%;

	background-color:#262626;

}

.copyright-box{

	height:50px;

	width:1200px;

	margin:0 auto;

	overflow:hidden;

	font-size:14px;

	color:#ffffff;

	line-height:50px;

}

.copyright-box div.left{

	float:left;

}

.copyright-box div.right{

	float:right;

}

.copyright-box div.right a{

	color:#ffffff;

}







.fr {

	display: inline;

	float:right;

}



.fl {

	display: inline;

	float:left;

}



.clear {

	clear:both;

	font-size:0;

	height: 0;

	line-height:0;

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}

.banner{ width:100%;}

.banner img{ display:block; width:100%;}

.dqwz_bg{ background:#f0f0f0; width:100%;}

.dqwz{ width:1200px; margin:0 auto;}

.dqwz p{background:url(../images/about5.png) left center no-repeat; padding-left:22px; float:right; color:#999; font-size:13px; line-height:40px;}

.dqwz p a{ color:#999; font-size:13px; line-height:40px;}

.dk{ display:none;}

.dis{ display:block;}



.w1200{ width:1200px; margin:0 auto;}

.w1200_l{ width:230px; float:left; position:relative;}

.w1200_l .dqlm{width:230px; background:#0075bc; z-index:10;}

.w1200_l .dqlm p{ padding-top:50px; padding-bottom:47px; line-height:20px; font-size:24px; text-align:center;color:#fff;}

.w1200_l .dqlm p span{ font-size:13px; padding-bottom:8px; text-transform:uppercase;}

.w1200_l .xjlm{ border:1px solid #e6e6e6; background:#f6f6f6; padding:5px 0 20px;}

.w1200_l .xjlm li{ width:202px; height:38px; line-height:38px; border-radius:19px; border:1px solid #dedede; margin:0 auto; margin-top:15px;}

.w1200_l .xjlm li a{ display:block; font-size:16px; line-height:38px; padding-left:30px; color:#333; background:url(../images/product1.png) no-repeat center right 20px;}

.w1200_l .xjlm li:hover{ background:#0075bc; border:1px solid #0075bc;}

.w1200_l .xjlm li:hover a{ color:#fff; background:url(../images/product2.png) no-repeat center right 20px;}

.w1200_l .xjlm li.hover{ background:#0075bc; border:1px solid #0075bc;}

.w1200_l .xjlm li.hover a{ color:#fff; background:url(../images/product2.png) no-repeat center right 20px;}

.w1200_l .xjlm p{width:202px; height:38px; line-height:38px;margin:0 auto;  border-bottom:1px dashed #dedede;}

.w1200_l .xjlm p a{ display:block; font-size:14px; line-height:38px; padding-left:30px; color:#333;}

.w1200_l .xjlm p:hover a{ color:#0075bc;}

.w1200_l .xjlm p.hover2 a{ color:#0075bc;}

.w1200_l .lxwm{width:100%; position:relative; margin-bottom:30px;}

.w1200_l .lxwm p{ font-size:20px; position: absolute; bottom:20px; right:10px; font-family:Arial; color:#585858;}



.w1200_r{ width:920px; float:right;}

.w1200_r .dqlm{ width:100%; padding-top:36px; padding-bottom:26px; }

.w1200_r .dqlm p{color:#333; font-size:28px; line-height:36px;}

.w1200_r .dqlm p span{ color:#666; font-size:16px; line-height:18px; text-transform:uppercase;}

.w1200_r .product_list{ width:100%;}

.w1200_r .product_list dl{ width:293px; float:left; margin-right:20px; margin-bottom:20px;}

.w1200_r .product_list dl:nth-child(3n){margin-right:0px;}

.w1200_r .product_list dl dt{ border:1px solid #e6e6e6; overflow:hidden;}

.w1200_r .product_list dl dt img{ width:100%;display:block;transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}

.w1200_r .product_list dl dt:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}

.w1200_r .product_list dl .title{ text-align:center; font-size:16px; color:#333; line-height:32px; padding-top:10px;}

.w1200_r .product_list dl .title a{  font-size:16px; color:#333;}

.w1200_r .product_list dl .des a{font-size:14px; color:#505050; line-height:24px;}

.w1200_r .product_list dl:hover a{ color:#0075bc}

.showcontent{ font-size:14px; color:#333; line-height:30px; padding-bottom:60px;}
.showcontent strong,
.showcontent b{display:block;font-weight:600;}
.showcontent h2,
.showcontent h3{font-weight:600}
.showcontent img{max-width:100%;}



.w1200_r .news_lists{ width:100%;}

.w1200_r .news_lists li{ height:44px; line-height:44px; border-bottom:1px dashed #c2c2c2; background:url(../images/news1.png) no-repeat left center; padding-left:30px;}

.w1200_r .news_lists li a{ color:#333; font-size:14px; }

.w1200_r .news_lists li a span{ color:#666; font-size:13px; float:right;}

.w1200_r .news_lists li:hover{background:url(../images/news2.png) no-repeat left center;}

.w1200_r .news_lists li:hover a{ color:#0075bc;}

.w1200_r .news_lists li:hover a span{ color:#0075bc;}



.con_tit{ text-align:center; font-size:20px; line-height:52px;}

.dsxx{ text-align:center; font-size:14px; line-height:40px; margin-bottom:15px; border-bottom:1px dashed #ccc; color:#999;}





.w1200_r .case_list{ width:100%;}

.w1200_r .case_list li{ width:293px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; position:relative;}

.w1200_r .case_list li:nth-child(3n){margin-right:0px;}

.w1200_r .case_list li img{ width:100%;display:block;transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}

.w1200_r .case_list li:hover img{}

.w1200_r .case_list li p{ width:100%;  line-height:38px; height:38px; text-align:center; color:#555; font-size:16px;}

.w1200_r .case_list li:hover p{}







.pages01 { font-size: 14px; padding: 1.5em 0;text-align:center; }

.pages01 a { font-size: 14px; color: #000; margin: 0px ;padding:3px 9px;border:1px #cccccc solid;}

.pages01 a.active, .pages a:hover { color: #fff; 	background-color:#008bdf; }



.fy{border-top: 1px dashed #ccc; margin-top: 10px; padding-top: 10px;}

.fy a{color: #555; text-decoration: none; display: block;}



/*在线留言*/

.shenqing{border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; margin:20px 0;}

.strong1{ font-size:14px; height:30px; line-height:30px;}

.shenqing input{ width:200px; height:28px;border:1px solid #ccc;}

.shenqing tr{ padding:0px; margin:0px;}

.shenqing tr{ border:1px solid #ccc; }

.shenqing tr td{ padding:0px; margin:0px; border-top: solid 1px #ccc; border-right: solid 1px #ccc;  padding-left:10px;}

.shenqing textarea{ border:1px solid #ccc;}

/*分页*/
.page {
    margin: 40px 0 40px 0;
    text-align: center;
    padding: 5px
}

.page ul li {
    display: inline
}

.page ul li a {
    display: inline-block;
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 9px;
    text-decoration: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e3e3e3;
    padding: 0 12px;
    color: #333
}

.page.page ul li a:hover {
    background-color: #008bdf;
    color: #FFF
}

.page.page ul li a:active {
    background-color: #008bdf;
    color: #FFF
}

.page ul li.active a {
    background-color: #008bdf;
    border: 0 none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-left: 9px;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #008bdf;
}

.page ul li.disabled a {
    border: #eee 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #ddd
}
/*分页*/

