/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}
.layui-container{width:1230px;}

/*top*/
#top{height:40px;width:100%;line-height:40px;border-bottom: 1px solid #ccc;}
#top .top-left p{font-size:14px;color:#333;}
#top .top-right{height:40px;}
#top .top-right span a{display:inline-block;line-height:40px;background:url(../images/icon1.png) left center no-repeat;padding-left:25px;font-size:14px;color:#000;}
/*logobox*/
.logo-nav{height:100px;}
.logo-box{margin-top:7px;}
/*nav*/
#nav-box{height:100px;line-height: 100px;width:730px;}
#nav-box ul>li{float:left;width:12.5%;text-align: center;height:100px;position:relative;}
#nav-box ul li a{display:block;line-height:100px;font-size:16px;color:#333;font-weight:bold;}
#nav-box ul>li:hover{background:#2373c8;}
#nav-box ul>li:hover a{color:#fff;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
#nav-box ul .submenu1{position:absolute;width:1200px;height:60px;line-height:60px;top:100px;z-index:99;background:#3481d3;display:none;padding-left:91px;}
#nav-box ul .submenu1 li{line-height: 60px;float: left;}
#nav-box ul .submenu1 li a{text-align:left;font-size:14px;display:block;width:60px;line-height:60px;color:#fff;font-weight:bold;padding:0 20px;}
#nav-box ul .submenu1 li a:hover{color:#52e0ff;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:400px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:12px;height:12px;background:#fff;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#2153ab;}

/*公共标题*/
.title .title-lf{float: left;}
.title .title-lf h3{font-size:20px;color:#333;line-height:25px;font-weight:bold;}
.title .title-lf span{font-size:12px;color:#666;text-transform: uppercase;line-height:15px;}
.title .title-rt{float: right;line-height:53px;}
.title .title-rt a{font-size:12px;color:#2373c8;}

/*项目业绩*/
/*.xmyj{width:100%;}
.xmyj-box ul li{width:164px;float:left;position: relative;margin-right:8.66px;}
.xmyj-box ul li:nth-of-type(7){margin-right:0px;}
.xmyj-box ul li span{display:block;height:1.64rem;border-radius:10px;}
.xmyj-box ul li span>img{width:100%;height:100%;border-radius:10px;}
.xmyj-box ul li p{width:100%;height:30px;line-height: 30px;color:#fff;font-size:14px;text-align: center;background:rgba(0,0,0,.7);position: absolute;bottom:0;left:0;border-radius:0 0px 10px 10px;}*/
.xmyj{width:930px;float: left;}
.xmyj-box-body {position: relative;}
.xmyj-box-body .bd{overflow: hidden;}
.xmyj-box-body .bd li {float: left;width:33.3333%;}
.xmyj-box-body .bd li div.xmyj-item {margin: 0px 10px;position: relative;}
.xmyj-box-body .bd li div.xmyj-item p{width:100%;font-size:14px;color:#fff;background:rgba(0,0,0,.7);height:30px;line-height: 30px;position: absolute;bottom:0;left:0;padding:0 15px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;box-sizing: border-box;}
.xmyj-box-body a {display: block;text-align: center;height: auto;}
.xmyj-box-body a span{display:block;text-align: center;height:2.9rem;overflow:hidden;}
.xmyj-box-body a span img {height: 100%;width: 100%;}
.xmyj-box-body .prev,.xmyj-box-body .next {position: absolute;top: 109px;}
.xmyj-box-body .prev {left: 0px;}
.xmyj-box-body .next {right: 0px;}
.xmyj-box-body .prev>img,.xmyj-box-body .next>img{display:block;width:24px;height:38px;}

.knowledge-gyzs{float:right;width:244px;}
.knowledge-gyzs ul.knowledge li{width:100%;border:1px solid #e6e6e6;border-radius:10px;padding:17px 15px;box-sizing: border-box;}
.knowledge-gyzs ul.knowledge li a{font-size:20px;color:#333;display:block;}
.knowledge-gyzs ul.knowledge li a span{font-size:10px;color:#666;text-transform: uppercase;display:block;line-height:15px;margin-top:10px;}

.pic-banner{position: relative;}
.pic-banner .bd li{height:1.91rem;width:100%;overflow: hidden;}
.pic-banner .bd li a{display:block;}
.pic-banner .bd li a b{display:block;height:1.91rem;}
.pic-banner .bd li a b>img{width:100%;height:100%;}
.pic-banner .bd li span{display:block;position: absolute;bottom: 0;left: 0px;height: 30px;background: rgba(0,0,0,.5);z-index: 1;color: #FFF;line-height: 30px;font-size: 14px;width:100%;padding-left:15px;box-sizing: border-box;}
.pic-banner .hd {position: absolute;z-index: 1;right: 15px;bottom: 2px;text-align: center;}
.pic-banner .hd li {display: inline-block;width:8px;height:8px;border-radius:50px;background:#fff;overflow: hidden;margin: 0px 3px;cursor: pointer;}
.pic-banner .hd li.on {background:#2373c8;color:#fff;}
/*知识学堂以及项目工艺*/
/*.knowledge{width:1035px;float: left;}
.knowledge-lf{width:190px;float:left;background:#2373c8;height:190px;}
.knowledge-lf a{display:block;text-align: center;padding:40px 0;}
.knowledge-lf a p{font-size:20px;color:#fff;line-height: 20px;margin-top:35px;}
.knowledge-body{float:right;width:831px;}
.knowledge-body-lf{width:292px;float:left;}
.pic-banner{position: relative;}
.pic-banner .bd li{height:1.9rem;width:100%;overflow: hidden;}
.pic-banner .bd li a{display:block;}
.pic-banner .bd li a b{display:block;height:1.9rem;}
.pic-banner .bd li a b>img{width:100%;height:100%;}
.pic-banner .bd li span{display:block;position: absolute;bottom: 0;left: 0px;height: 30px;background: rgba(0,0,0,.7);z-index: 1;color: #FFF;line-height: 30px;font-size: 14px;width:100%;padding-left:15px;box-sizing: border-box;}
.pic-banner .hd {position: absolute;z-index: 1;right: 15px;bottom: 2px;text-align: center;}
.pic-banner .hd li {display: inline-block;width:8px;height:8px;border-radius:50px;background:#fff;overflow: hidden;margin: 0px 3px;cursor: pointer;}
.pic-banner .hd li.on {background:#ed850a;color:#fff;}
.knowledge-body-rt{width:539px;float:right;background:#f8f8f8;height:auto;padding:7px 10px 8px 10px;box-sizing: border-box;}
.knowledge-body-rt ul li{background:url(../images/list.png) left center no-repeat;padding-left:15px;margin-bottom: 7px;}
.knowledge-body-rt ul li a{display:block;width:80%;float:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:14px;color:#333;}
.knowledge-body-rt ul li span{display:block;width:20%;float: right;font-size:14px;color:#666;text-align: right;}
.knowledge-body-rt ul li a:hover{color:#2373c8;}
.gyzs{width:154px;float:right;background:url(../images/img2.jpg) top center no-repeat;height:190px;}
.gyzs a{display:block;text-align: center;padding:40px 0;}
.gyzs a p{color:#2373c8;font-size:20px;line-height: 20px;margin-top:35px;}*/
/*footer*/
.footer{width:100%;background:#f8f8f8;padding:15px 0;}
.footer p{font-size:14px;color:#333;text-align: center;}

.bohao{width:60px;height:60px;position:fixed;bottom:20px;right:20px;z-index:10000;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container{width:auto!important;}
	.banner .pic li{height:140px;}
	.logo-nav{text-align:center;height:1.3rem;}	
	.logo-nav .logo-box,.aboutus-cont .abtTxt{margin:0;}
	.logo-nav .logo-box img{width:4.5rem;margin-top:5px;float:left;margin-left:15px;}
	.logo-nav{padding:0;}
	.logo-nav button{display:block;margin-top:5px;}
	
	.logo-nav .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;margin-top:.2rem;}
	.logo-nav .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.jpg);}
	.head-icon.active span{width: .5rem;height: 0.37rem;background-image: url(../images/icon2.jpg);}
	/*主导航样式*/
	#nav-box{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav-box ul>li{width:100%;background:none;}
	#nav-box ul>li a{color:#666;font-size:14px;}
	#nav-box ul>li.active>a{line-height:.8rem;color:#fff;background:none;}
	#nav-box ul>li:hover a{color:#fff;font-weight:bold;}
	.navbar{position: fixed;display:none;top: 1.3rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.nav-box{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.nav-box ul{width:100%;height:auto;overflow:hidden;}
	.nav-box li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.nav-box li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.nav-box li a:hover{color:#149350;}
	#nav-box ul>li{height:45px;}
	#nav-box ul li a{line-height: 45px;height:45px;}
	
	#nav-box{width:100%;}
	#header{height:auto;}
	.logo-box{width:100%;}
	.banner .hd li{width:8px;height:8px;}
	 
	/*.xmyj-box ul li{width:48%;margin:0 1%;margin-bottom: 10px;}
	.xmyj-box ul li span{height:3.3rem;}
	.knowledge{width:100%;float:none;}
	.knowledge-lf{width:100%;float:none;}
	.knowledge-body{width:100%;float:none;}
	.knowledge-body-rt{width:100%;float:none;}
	.knowledge-body-rt ul li a{width:60%;}
	.knowledge-body-rt ul li span{width:40%;}*/
	.footer p{line-height: 25px;}
}

/*内页样式*/
#nav-position {border: 1px solid #ddd;padding: 3px 10px;margin-top: 30px;background: #fff;line-height: 40px;}
#main-box {margin-top: 30px;}
.submenu-box {border: 1px solid #ddd;background: #fff;}
.submenu-box h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}
.submenu-box li a span {float: right;}

/*#main-con img {max-width: 100%;}*/

.left-lianxi {border:1px solid #ddd;}
.left-lianxi h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;}
.left-lianxi ul {padding: 10px;line-height: 2;}


.mainLeft{width:240px;float:left;z-index:10000;}
.mainLeft .LeftCateg{background:#fff;border:1px solid #eee;}
.mainLeft .LeftCateg .LeftCateg-tit{background:url(../images/lefttit.png) no-repeat;;color:#fff;height: 78px;text-align: center;padding-top:20px;}
.mainLeft .LeftCateg .LeftCateg-tit h3{font-size:24px;line-height:38px;font-weight: bold;}
.mainLeft .LeftCateg .LeftCateg-tit p{font-size:.14rem;line-height:1.2;text-transform: uppercase;}
.mainLeft .LeftCateg ul li{background: linear-gradient(#fff, #ececec);line-height:44px;padding:4px 0;font-size:.16rem;border-bottom: 1px solid #e2e2e2;}
.mainLeft .LeftCateg ul li a{background:url(../images/list-ico2.png) left center no-repeat;display: inline-block;padding:0 14px;}
.mainLeft .LeftCateg ul li:hover a{background:url(../images/list-ico3.png) left center no-repeat;color:#F4952F;}
.mainLeft .LeftCateg ul li span{background:url(../images/Rc.png) right center no-repeat;width: 16px;height:16px;margin-top:12px;margin-right:10px;}
.LeftImg p{margin-top:15px;}

.leftContact{border:1px solid #eee;}
.leftContact p{color:#666;padding:0 5px;}
.leftContact p span{padding-right:4px;}

.mainRight{width:930px;float:right;}
.mainrightTit{border-bottom:2px solid #e8e8e8;}
.mainrightTit b{font-size:20px;display: inline-block;border-bottom:2px solid #2373c8;color:#2373c8;}




.reg_bg{background:#f1f1f1;padding:5px;}
.reg_div{border:solid 1px #e6e6e6;background: #fff;padding: 20px;overflow:hidden;}
.reg_div .xd_title{
    height: 50px;
    line-height: 50px;
    border-bottom: dashed 1px #e8e8e8;
    font-size: 18px;
    text-align: left;
    color: gray;}
.reg_div .xd_img li{float: left;width:130px;margin-left:10px;text-align: center;}
.reg_div .xd_img li img{margin-bottom: 12px;}
.div_dg01{width: 90px;height: 90px;background: url(../images/back_2.png) top center no-repeat;z-index: 100;position: absolute;margin-left: 20px;cursor: pointer;}
.xd_biaodan{width: 600px;margin:30px auto;}
.xd_biaodan .xd_bdItem{margin-bottom:20px;}
.xd_biaodan .xd_bdItem label{float: left;font-size: 16px;color:#000;line-height: 40px;margin-right:15px;margin-left: 15px}
.xd_biaodan .xd_bdItem .input_style{width: 390px;height: 34px;color:#888;border:solid 1px #2373C8;padding:2px 5px;border-radius:3px;}
.xd_biaodan .xd_bdItem .input_style2{width: 144px;float:left;}
.xd_biaodan .xd_bdItem .ui-select{float: left;width: 154px;border:solid 1px #2373C8;border-radius:3px;height: 38px;}

.uploader{position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: default;
    padding: 0;
    margin: 10px 0px;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
.uploader .filename{float: left;
    display: inline-block;
    outline: 0 none;
    height: 32px;
    width: 320px;
    margin: 0;
    padding: 8px 10px;
    overflow: hidden;
    cursor: default;
    border: 1px solid;
    border-right: 0;
    font: 9pt/100% Arial, Helvetica, sans-serif;
    color: #777;
    text-shadow: 1px 1px 0px #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
    border-color: #ccc;
    -moz-box-shadow: 0px 0px 1px #fff inset;
    -webkit-box-shadow: 0px 0px 1px #fff inset;
    box-shadow: 0px 0px 1px #fff inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
 
 .uploader input[type=file]{    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    height: 30px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;}
    .button{float: left;
    height: 32px;
    display: inline-block;
    outline: 0 none;
    padding: 8px 12px;
    margin: 0;
    cursor: pointer;
    border: 1px solid;
    font: bold 9pt/100% Arial, Helvetica, sans-serif;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    -moz-box-shadow: 0px 0px 1px #fff inset;
    -webkit-box-shadow: 0px 0px 1px #fff inset;
    box-shadow: 0px 0px 1px #fff inset;}
.blue .button{color: #fff;
    text-shadow: 1px 1px 0px #09365f;
    background: #064884;
    background: -moz-linear-gradient(top, #3b75b4 0%, #064884 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b75b4), color-stop(100%,#064884));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884',GradientType=0);
    border-color: #09365f;}
.reg_xyb{width: 237px;
    height: 40px;
    text-align: center;
    background: #007ca0;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    border: 0px;
    margin-left: 0px;
    font-family: "微软雅黑";
    font-weight: 500;
    font-size: 16px;}






@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner{height:160px;}
	.banner .pic li img{height:160px !important;width:100%}
	.banner .pic li {width:100%;height:160px;background-size: cover!important;}	
	.logobox button{display:inline-block; cursor:pointer;}
	#nav ul .submenu li{padding:0;}
	#nav{position:absolute; top:80px; width:100%; left:0; background:#43ae4f; display:none; z-index:999;height:auto;}
	/*#nav-box ul>li{width:100%;line-height:25px;}*/
	#nav ul>li{width:50%;line-height:25px;height:auto;border:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul>li.active>a{background:none;color:#FFF;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#50b75b;color:#FFF;border-bottom:none;}
	.logobox{height:80px;padding:0;}
	.logobox .logo,.company,.product,.shichang,.advant,.jidi{margin-top:15px;}
	.logobox .logo img{width:70%;}
	

	.company .company-r .company-list li a{padding:8px 10px;margin-right:5px;}
	.company .company-r .company-list li{width:20%;margin:0;}
	.company .company-r h3{font-size:20px;}
	.honorScroll a.prev,.honorScroll a.next{display:none;}
	.honorScroll li{width:100%}
	.honorScroll .tempWrap,.jidiScroll .tempWrap{width:100% !important}
	.product .product-list a span img,.shichang-right a img{height:180px;}
	.product .product-line a{padding:8px 15px;font-size:14px;}
	.advant .advant-list li{width:100%;}
	.advant .advant-list li .advant-item span,.advant .advant-list li .advant-item h3{margin:0;}
	.news-cont .news-body h3,.news-cont .news-body p,#footer dl{display:none;}
	#footer .contact{width:100%;}
	.contact-body {font-size: 12px}
	.copyright {font-size: 11px;}
    .xmyj{width:100%;float:none!important;}
    .xmyj-box-body .bd li{width:100%;}
    .knowledge-gyzs{width:100%;float:none!important;}
    .xmyj-box-body a span{height:5rem;}
    .pic-banner .bd li{height:4rem;}
    .pic-banner .bd li a b{height:4rem;}
    .gyzs{margin-top:20px;}

	#main-con {margin-top:10px;}

	.article_content iframe {width:100%;height:200px;}
	.article_content {min-height: auto!important;}




	.mainLeft .LeftCateg .LeftCateg-tit h3,.mainrightTit b{font-size:16px;line-height: 1.5;}
.article_title{font-size: 18px !important;line-height: 1.5;}
	.mainLeft,.mainRight{width:100%;}
	.mainLeft .LeftCateg ul li{line-height: 32px;float:left;width:33.3%;padding:0;font-size:15px;}
	.mainLeft .LeftCateg .LeftCateg-tit{background:#2056ad;padding:5px 10px;height:auto;display: none;}
	.mainrightTit .float-right{float:none !important;}
	.mainrightTit b{display:block;}
	.LeftImg p{width: 50%;float: left;padding: 0 10px;box-sizing: border-box;}
    .mainLeft .LeftCateg ul li span, .LeftImg p{display:none;}
}