/* CSS Document */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,button,img,cite,strong,em,div{margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6{ font-size:12px;}

img,embed{ border:none;}

select,input{font-size:12px;}

ul, ol, li{ list-style-type:none; padding:0;}

a{color:#000; text-decoration:none;}

a:hover{ color:#1560ac; text-decoration: underline;}

a:visited{text-decoration:none;}

body{ font-family: "微软雅黑";font-size:12px; color:#000;margin:0px; background:url(../images/bg.png) no-repeat top;min-width:1200px}

body a:hover{ text-decoration: none; color:#1560ac}

.clearit{clear:both; line-height:0; height:0; font-size:0;}


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


.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
.pageinfo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}


/*----------------首页-----------*/
.top{ width:100%; height:32px; line-height:32px; background:#f8f8f8; float:left}
.top_left{ float:left}
.top_right{ float:right}
.top_right a{ padding:0 5px;}

.logo{ float:left; height:80px; overflow:hidden}
.logo img{ height:80px;}
.menu{ float:right; height:80px;}
.menu a{ font-size:16px; line-height:80px; padding:0 15px; float:left}
.menu a:hover{ background:#1560ac; color:#fff}
.thisclass{ background:#1560ac; color:#fff}

.banner{ width:100%; height:340px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:340px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:340px; float:left;}
.b-list{ height:50px; padding-top:300px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #1560ac;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:120px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:120px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*info_about*/
.info_about{ width:600px; float:left; margin-top:60px;}
.info_about .title{ font-size:28px; background:url(../images/title_line.jpg) no-repeat bottom; padding-bottom:15px; float:left;}
.info_about .content{ width:600px; float:left; line-height:2; font-size:14px; margin-top:40px;}

.more{ float:left; margin-top:60px;}
.more a{ font-size:14px; border-radius:30px; border:solid 1px #1560ac; color:#1560ac; padding:10px 50px;}
.more a:hover{ background:#1560ac; color:#fff}

.info_about_img{ float:right; margin-top:60px;}

/*info_pro*/
.info_pro{ width:100%; background:#f9f9f9; float:left; margin-top:60px;}
.info_pro .title{ font-size:28px; background:url(../images/title_line.jpg) no-repeat bottom; padding-bottom:15px; margin-top:60px; text-align:center}

.scrollBox{ width:1200px; margin-top:40px; margin-bottom:60px;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1200px;height:375px; overflow:hidden;}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:380px; height:375px;background:#fff;margin-right:10px;padding:5px; overflow:hidden;}
.scrollBox .piclist li p{width:380px; height:267px; overflow:hidden;}
.scrollBox .piclist li img{ width:380px; height:267px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.scrollBox .piclist li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.scrollBox .piclist li span{ width:350px;height:100px;line-height:100px; float:left;font-size:16px; background:url(../images/ico.jpg) no-repeat right; text-align:left; margin-left:15px;} 

/*.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:20px;background-position:-11px -84px ;}
.scrollBox .pageBtn .next{right:20px;background-position:-53px -84px ;}*/
.scrollBox .pageBtn{ width:100%; text-align:center; margin-top:30px;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:0 auto; }
.scrollBox .pageBtn .list li{ background:#666666;border-radius:50%; width:15px; height:15px; display:inline-block; cursor:pointer; margin:0 5px;}
.scrollBox .pageBtn .list li.on{ background:#1560ac; border-radius:50%}


/*info_news*/
.info_news{ width:100%; float:left; margin-top:60px;}
.info_news .title{ font-size:28px; background:url(../images/title_line.jpg) no-repeat bottom; padding-bottom:15px; text-align:center}

.info_news_left{ width:572px; float:left; margin-top:40px; height:415px; overflow:hidden;}
.info_news_left h1{ width:572px; line-height:50px; font-size:16px; font-weight:normal}
.info_news_left h1 span{ float:right; color:#999}
.info_news_left h2{ font-weight:normal; font-size:14px; line-height:2; color:#999}

.info_news_right{ width:578px; height:415px; overflow:hidden; float:right;margin-top:40px;}
.info_news_right li{ width:100%; float:left; margin-bottom:60px;}
.info_news_right li span{ width:90px; height:90px; overflow:hidden; font-size:67px; float:left; border-right:solid 1px #999; padding-right:15px;}
.info_news_right li h3{ float:right; font-weight:normal; width:440px; font-size:16px;}
.info_news_right li h3 p{ float:right; color:#999; font-size:14px;}
.info_news_right li h4{ float:right; font-weight:normal; width:440px; line-height:2; color:#999; margin-top:20px;}

.more2{ float:left; margin-top:60px; text-align:center; width:100%}
.more2 a{ font-size:14px; border-radius:30px; border:solid 1px #1560ac; color:#1560ac; padding:10px 50px;}
.more2 a:hover{ background:#1560ac; color:#fff}

/*info_case*/
.info_case{ width:100%; background:#f9f9f9; float:left; margin-top:60px; padding-bottom:60px;}
.info_case .title{ font-size:28px; background:url(../images/title_line.jpg) no-repeat bottom; padding-bottom:15px; margin-top:60px; text-align:center}

.scrollBox{ width:1200px; margin-top:40px; }
.scrollBox .piclist2{ overflow:hidden; zoom:1;}
.scrollBox .ohbox2{overflow:hidden; position:relative;width:1200px;height:275px; overflow:hidden;}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist2 li{float:left; display:inline; width:280px; height:275px;background:#fff;margin-right:10px;padding:5px; overflow:hidden;}
.scrollBox .piclist2 li p{width:280px; height:200px; overflow:hidden;}
.scrollBox .piclist2 li img{ width:280px; height:200px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.scrollBox .piclist2 li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.scrollBox .piclist2 li span{ width:250px;height:70px;line-height:70px; float:left;font-size:16px; background:url(../images/ico.jpg) no-repeat right; text-align:left; margin-left:15px;} 


/*底部*/
.foot_menu{ width:100%; background:#044c96; height:50px; line-height:50px; float:left; text-align:center}
.foot_menu a{ display:inline-block; padding:0 35px; background:url(../images/menu_line.jpg) no-repeat right; color:#fff; font-size:14px;}
.foot_menu a:hover{ color:#fff}

.copyright{ width:100%; line-height:3; color:#000; background:#f9f9f9; float:left; text-align:center; padding:30px 0}


/*-----------------------------------内页---------------------*/
.main{ width:1200px; float:left;margin-top:60px; padding-bottom:60px;}
.main .title{ font-size:28px; background:url(../images/title_line.jpg) no-repeat bottom; padding-bottom:15px;  text-align:center}
.sub_menu{ width:100%; text-align:center; float:left; margin-top:40px;}
.sub_menu a{ font-size:14px; margin:0 15px; border:solid 1px #f3f3f3; padding:10px 30px;}
.sub_menu a:hover{ background:#1560ac; color:#fff}
.sub_menu .active{ background:#1560ac; color:#fff}
.mainbody{ width:100%; margin-top:40px; font-size:14px; line-height:2; float:left}

.nbanner{ width:100%; height:350px; float:left}
.page{ width:100%; font-size:14px; text-align:center; float:left; margin-top:30px;}
.where{ width:1200px; height:46px; line-height:46px; background:#f9f9f9; margin:0 auto;font-size:14px;}

/*产品展示*/
.left_menu{ width:280px; float:left; background:#f0f0f0;}
.left_menu .left_menutitle{ width:280px; height:60px; float:left; text-align:center; color:#fff; font-size:18px; line-height:60px; background:#1560ac}
.left_menu .left_menutitle a{ color:#fff}

.list_leftmenu{ width:280px; float:left;}
.list_leftmenu h1{ width:100%; font-weight:normal; float:left; border-bottom:dotted 1px #CCC}
.list_leftmenu h1 a{ width:250px; padding:10px 15px;  float:left; font-size:14px;}
.list_leftmenu h1 a:hover{ background:#f36910; color:#fff}
.list_leftmenu h1 span{ float:right}

.list_dt{
    background: #e9e9e9;
    color: #000;
    width: 220px;
    padding: 0 40px 0 20px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px dotted #CCC; font-size:14px;
}
.list_dt:hover{
    background: #f36910;color:#fff
}
.list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
#open{
    background: #f36910; color:#fff
}
#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
.list_dt_icon{
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/off.png") no-repeat;
}
#open .list_dt_icon{
    background: url("../images/open.png") no-repeat;
}
.list_dd{
    display: none;
}
.list_li{
    background: #f8f7f7;
    list-style-type: none;
    color:#000;
   
    cursor: pointer;
    border-bottom: 1px dotted #ccc; float:left
}
.list_li a{ 
	color:#000; 
	width: 220px;
    padding: 0 30px;
    height: 38px;
    line-height: 38px; float:left}
.list_li a:hover{
    background: #f36910; color:#fff
}
.list_li a:hover a{ color:#fff;}




.list_pro{ width:900px; float:right;}
.list_pro li{float:left; display:inline; width:280px; height:265px;background:#f9f9f9;margin:0 5px 10px 5px;padding:5px; overflow:hidden;}
.list_pro li p{width:280px; height:217px; overflow:hidden;}
.list_pro li img{ width:280px; height:217px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.list_pro li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.list_pro li span{ width:250px;height:50px;line-height:50px; float:left;font-size:16px; background:url(../images/ico.jpg) no-repeat right; text-align:left; margin-left:15px;} 

/*产品详细*/
.mainnr{ width:890px; float:right}
.mainnr img{ max-width:890px;}

.pro_show_left{ width:860px; float:left}
.pro_show_right{ width:290px; float:right}
.pro_show_right .titles{ width:290px; background:#1560ac;font-size:24px; line-height:50px; color:#fff; text-align:center; margin-bottom:10px;}

.list_pro2 li{float:left; display:inline; width:280px; height:265px;background:#f9f9f9;margin:0 0 10px 0;padding:5px; overflow:hidden;}
.list_pro2 li p{width:280px; height:200px; overflow:hidden;}
.list_pro2 li img{ width:280px; height:200px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.list_pro2 li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.list_pro2 li span{ width:250px;height:70px;line-height:70px; float:left;font-size:16px; background:url(../images/ico.jpg) no-repeat right; text-align:left; margin-left:15px;} 

/*新闻中心*/
.list_news{ width:860px; float:left}
.list_news li{ width:100%; float:left; border-bottom:solid 1px #f3f3f3; padding-bottom:15px; margin-bottom:15px;}
.list_news li h1{ font-size:18px; width:100%; float:left}
.list_news li h2{ font-size:14px; font-weight:normal; width:100%; float:left; color:#999}
.list_news li h3{ font-size:14px; font-weight:normal; width:100%; float:left; color:#999}

.news_tj{ width:290px; float:right}
.news_tj .news_tj_title{ font-size:18px; width:100%; float:left; margin-bottom:10px;}
.news_tj .news_tj_content{ width:288px; border:solid 1px #f0f0f0; float:left}
.news_tj .news_tj_content li{ width:100%; border-bottom:solid 1px #f0f0f0; float:left; padding:10px 0}
.news_tj .news_tj_content li a{ padding-left:15px;}

/*新闻详细*/
.news_left{ width:860px; float:left}
.news_title{ width:100%; font-size:20px; text-align:center; float:left; font-weight:bold}
.news_date{ width:100%;  float:left; border-bottom:solid 1px #f0f0f0; text-align:center; color:#999; padding:15px 0; margin-bottom:35px;}
.news_content{ width:100%; float:left}

.news_up{ width:100%;border-top:solid 1px #f0f0f0; float:left; padding-top:15px; margin-top:35px;}
.up{ float:left}
.next{ float:right}

/*工程案例*/

.list_case li{float:left; display:inline; width:280px; height:265px;background:#f9f9f9;margin:0 5px 10px 5px;padding:5px; overflow:hidden;}
.list_case li p{width:280px; height:200px; overflow:hidden;}
.list_case li img{ width:280px; height:200px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.list_case li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.list_case li h1{ width:280px; float:left;font-size:16px; text-align: center;font-size:14px; font-weight:normal; margin-top:8px;} 
.list_case li h2{ width:280px;float:left;font-size:16px; text-align: center; font-size:12px; font-weight:normal; color:#666} 

.case_title{ padding:15px 0; font-size:20px; text-align:center; font-weight:bold; float:left; width:100%}

/*资质*/
.list_case2 li{float:left; display:inline; width:280px; height:465px;background:#f9f9f9;margin:0 5px 10px 5px;padding:5px; overflow:hidden;}
.list_case2 li p{width:280px; height:400px; overflow:hidden;}
.list_case2 li img{ width:280px; height:400px;
transform: scale(1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1);  
                -webkit-transform: all 1s ease 0s;
}
.list_case2 li img:hover{
	 transform: scale(1.1);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.1);  
                -webkit-transform: all 1s ease 0s; 
	}
.list_case2 li span{ width:250px;height:70px;line-height:70px; float:left;font-size:16px; background:url(../images/ico.jpg) no-repeat right; text-align:left; margin-left:15px;} 

.case_title{ padding:15px 0; font-size:20px; text-align:center; font-weight:bold; float:left; width:100%}

/*在线留言*/

/*在线留言*/
.user_mesg{width:650px;float:left; margin-left:250px; margin-top:40px; margin-bottom:30px;}
.user_mesg input, .user_mesg select, .user_mesg textarea{border:1px solid #1560ac;color:#666;}
.user_mesg .star{color:#dd2218;display:inline-block;padding:0 5px;vertical-align:middle;}
.user_mesg .star1{color:#FFF;display:inline-block;padding:0 5px;vertical-align:middle;}
.user_mesg .quick_liuyan_con{overflow:hidden;}
.user_mesg .quick_liuyan_con p{margin-bottom:10px;}
.user_mesg .item-right input{padding:5px 2px;}
.user_mesg .btn-mesSubmit{float:left;line-height:36px;}
.user_mesg textarea{font:14px "Microsoft Yahei";padding:5px;color:#666;resize:none;height:148px;width:465px;border-radius:5px;background-color:#f9f9f9;}
.user_mesg .item{margin-bottom:16px;_height:31px;text-align:left }
.user_mesg .item span{display:block;float:left;width:128px;margin-right:10px;text-align:right;line-height:30px;font-size:16px;color:#333333;}
.user_mesg .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.user_mesg .item input[type="text"]{padding:10px;width:300px;font-size:14px;border-radius:5px;background-color:#f9f9f9;}
.user_mesg .item input[type="text"]:focus{outline:1px solid #1560ac;border-color:#1560ac;}
.user_mesg .item textarea:focus{outline:1px solid #1560ac;border-color:#1560ac;}
.user_mesg .item input:disabled, .user_mesg .item textarea:disabled, .user_mesg .item select:disabled{background:#eee;}
.user_mesg .item-right{float:left;}

.user_mesg .item .btn-mesSubmit{display:block;width:180px;height:40px;border:1px solid #1560ac;background:#1560ac;color:#fff;border-radius:5px;line-height:30px;float:left;font-size:18px;margin-left:139px;_margin-left:37px;margin-right:30px;font-family:Microsoft Yahei;cursor:pointer }
.user_mesg .item .btn-mesSubmit:hover{background:#fff;color:#1560ac;}
.user_mesg .item .btn-mesSubmit:disabled{background:#ccc;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#078ed7;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; font-size:22px; color:#F00}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/* ----- PB分页数字条效果 ----- */

.pagebar{ margin-top:20px; display: inline-block; float:left; width:100%;}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  text-align:center;width:100%;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 2px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 2px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #044c96;
  border: 1px solid #044c96;
}
.pagination a.page-num-current {
  color: #fff;
  background: #044c96;
  border: 1px solid #044c96;
}
/* ----- PB分页数字条效果 结束 ----- */