/* CSS Document */
@media screen and (min-width: 1500px){
	.container{ max-width:1450px;}
}
@media screen and (min-width: 1650px){
	.container{ max-width:1600px;}
}
.top-1{ padding-top:34px; padding-bottom:26px;}
.top-logo{ float:left; padding-top:8px;}
.top-logo img{ float:left;}
.top-1-right{ float:right;}

.right-item{ float:left;}

.top-search{ margin-top:15px; margin-left:79px; width:253px;}
.top-search input{ background:url(../images/icon-search.png) no-repeat 15px 8px #e6e6e7; border:1px solid #75a5c7; border-radius: 3px; padding:3px 5px 3px 40px; font-size: 16px; color:#4c4948; width: 100%;}
.top-search input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #4c4948; 
} 
.top-search input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #4c4948; 
} 
.top-search input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #4c4948; 
} 
.top-search input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #4c4948; 
}

.btn-language{ position: relative; padding-left:27px; margin-left:16px; margin-top:14px;}
.btn-language .language-item{ display:inline-block; margin-right:5px;}
.btn-language .language-item:hover{ text-decoration:none;}
.top-language .language-icon{ position:absolute; left:0; top:4px; width:17px; height:23px; background:url(../images/icon-language.png) no-repeat; background-size:cover; display:block;}
.top-language .btn-language{ font-size: 16px; padding-top:3px; padding-bottom: 0;}
.top-language .btn-language:after{ display:none;}
.top-language .btn-language:focus {
    box-shadow: none;
}
.top-language .dropdown-item:focus, .top-language .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e6e6e7;
}

.top-nav{ background:#0060a3;}
.top-navbar{ padding:0; font-size: 16px;}
.top-nav .top-navbar .navbar-nav .nav-item{ text-align:center; margin-right:80px; padding:9px 3px;}
.top-nav .top-navbar .navbar-nav .nav-link{ color:#ffffff;}
.top-nav .top-navbar .navbar-nav .nav-link:hover{ font-weight:bolder;}
.top-nav .top-navbar .navbar-nav .nav-item.show .nav-link{ font-weight:bolder;}
.top-nav .top-navbar .navbar-nav .nav-link.dropdown-toggle::after{ display:none;}

.top-nav .top-navbar .navbar-toggler{ border:none;  width:100%; text-align:center;}
.top-nav .top-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.top-nav .top-navbar .top-navbar button:focus {
    outline: none;
}
.top-nav .top-navbar .dropdown-menu{ margin:0; border:none; border-top-left-radius:0; border-top-right-radius:0;background: rgba(0,96,163,0.8);}
.top-nav .top-navbar .dropdown-menu a{ background:none; color:#ffffff; opacity:0.8; }
.top-nav .top-navbar .dropdown-menu a:hover{ background:none; opacity:1; }

#banner{ position: relative;}

.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{position:relative; border-radius:0; width: 59px; height: 3px; background: #ffffff; margin:0 23px !important; opacity:1;}
.banner-pagination .swiper-pagination-bullet-active{  background: #e94709; }

.index-about-contaienr{ padding-left:28px; padding-right:28px;}
.index-about-title{ font-size:18px; margin-bottom:35px;}

.index-about-contaienr{ padding-top:45px;}
.about-p-title{ color:#0060a3; margin-bottom:50px;}
.about-p-l{ font-size: 16px; line-height:30px; float:left; width:68%;}
.about-18{ float:right; width:32%; text-align:center;}
.index-about-js{ margin-top:50px;}

#index-serise{ margin-top:40px;}
.index-serise-con{ margin-left:-3px; margin-right:-3px;}
.index-serise-item{ width:33.3%; float:left; padding:3px;}
.index-serise-item a:hover{ text-decoration:none;}
.serise-item-p{ padding:14px 15px; color:#898989; line-height:22px;}
.serise-item-p h4{ font-size:18px; font-weight:bolder; color:#4c4948;}

.index-adv-con{ position:relative; text-align:center;}
.index-adv-con img{ width:64%;}
.index-adv-p{ position:absolute; left:48px; top:0; text-align:left; line-height:30px; color:#06050a; font-size:24px;}
.index-adv-p h1{ color:#0060a3; margin-bottom:29px;}

.foot{background:url(../images/foot-bg_03.jpg) top repeat-x #0060a3; padding-top:90px; padding-bottom:56px; color:#ffffff;}
.foot a{ color:#ffffff;}

.foot-logo{ font-size:26px; line-height:35px;}
.foot-logo-img{ margin-bottom:23px;}

.foot-item{ float:left; padding:15px;}

.foot-logo-company{ margin-top:80px; font-size:18px; line-height:20px;}
.foot-logo-company span{ font-size:12px; font-weight:bolder;}

.foot-nav{ font-size:18px; line-height:30px;}
.foot-nav-title{ font-weight:bolder;}
.foot-nav ul li{ list-style:none;}

.foot-tel{ line-height:30px; font-size:24px; margin-top:74px;}

.foot-copyright{ color:#777777; padding:0 15px; margin-top:50px;}
.foot-copyright-l{ margin-right:5%; float:left;}
.foot-copyright-r{ float:left;}
.foot-copyright-r a{ color:#777777;}

#rightsead{ position:fixed; right:1%; top:30%;}
#rightsead ul li{ list-style:none; padding:1px; position:relative;}
#rightsead ul li:after{ content:""; display:block; clear:both;}
#rightsead .righticon{background-image:url(../images/icon-right.jpg); display:block; width:73px; height:73px; float:right;}
#rightsead ul li .right-hidden{ float:left; width:0; overflow:hidden; background:#0060a3; color:#ffffff; height: 73px;}
#rightsead ul li .right-hidden-con{ padding:25px;}
#rightsead ul li:hover .right-hidden{ width:auto;}
#rightsead ul li:hover .righticon{ background-position-x: 73px !important;}
#rightsead .righticon.icon-tel{background-position:0 0;}
#rightsead .righticon.icon-qqtech{background-position:0 -73px;}
#rightsead .righticon.icon-weixin{background-position:0 -146px;}
#rightsead .righticon.icon-feedback{background-position:0 -219px;}

#back-top{ cursor:pointer; position:fixed; right:calc(1% + 42px); top:calc(30% + 365px);}

.contain-con{ min-height:600px; padding-top:25px; padding-bottom:60px;}

.container-left{ float:left; width:20%;}
.container-right{ float:right; width:74%;}
.left-nav{ max-width:196px;}
.left-nav ul li:first-child{border-top:1px solid #9fa0a0;}
.left-nav ul li{ font-size: 16px; list-style:none; border-bottom:1px solid #9fa0a0;}
.left-nav ul li a{ display:block; padding:10px 26px;}
.left-nav ul li a span{ display:block; font-size:14px;}
.left-nav ul li a:hover,.left-nav ul li.cur a{ text-decoration:none; color:#0060a3;}

.left-video{ margin-top:68px;}
.left-video-con{ border:6px solid #0061a3; position:relative;}
.left-video-con:after{ content:""; display:block; width:55px; height:39px; background:url(../images/icon-video.png) no-repeat; background-size:cover; top:50%; left:50%; margin-left:-26px; margin-top:-20px; position:absolute;}

.container-about{ padding-top:40px;}
.about-con-p{ width:77%;  float: left;}
.about-con-18{ width: 20%; float: right;}
.about-icon-18{ max-height:137px;}

.about-con-p-h1{  color:#0060a3; line-height:46px; margin-bottom:56px; padding-top:15px;}
.about-con-p-h1 span{ font-size:40px; line-height:46px;}

.about-con-p{ font-size:18px; line-height:32px;}
.videolist:hover{ cursor: pointer; }

.videos{ display:none;background: rgba(0,0,0,0.9); position:fixed; left:0; right: 0; top:0; bottom: 0; width:100%;z-index: 10000; }
.videos-con{border: 1px solid #080808; position:fixed; width: 100%; height: 100%;}
.videos-con video{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }

.container-history{ margin-left:-25px; margin-right:-25px;}
.history-imgs-item{ float:left; width:25%; padding:15px 25px; text-align:center;}
.history-imgs-item .history-imgs-name{ font-size: 16px; font-weight:bolder; color:#0060a3; margin-top:10px;}

.history-list{ margin-top:120px;}
.history-list-title{ margin-bottom:90px;}
.history-list-title h1{ font-size:52px; color:#0060a3; }

.history-item-con{
	width:50%;
	padding-top: 10px;
	padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	}
.history-item-con .history-content{ width:80%; font-size:14px; line-height:24px; position: relative;}	


.history-item-con .point-con{
	position:absolute;
	right: -12px;
    top: 10px;
	
}
.point-dot {
    width: 24px;
    height: 24px;
    background: #0061a3;
	border-radius: 50%;
}
.history-item-con .point-con .point.point-dot{
	background:#0061a3;
}

.history-time{ font-size:24px; color:#0060a3; font-weight:bolder; margin-bottom:10px;}
.history-item-l .history-item-con{ text-align:right; float:left; border-right: 1px solid #a3a4a4;}
.history-item-r .history-item-con{ float:right; border-left: 1px solid #a3a4a4; padding-left: 10%; margin-right: 1px;}

.history-item-r .history-item-con .point-con{
	left: -12px;
	right:auto;
	
}

.about-num-con{ padding-right:3%; font-size: 16px;}
.about-partner-con{font-size:18px; line-height:32px;}
.honor-img-3{ margin-left:-40px;}

.service-con-p-h1{ margin-bottom:26px;}

.news-items{ margin-top:23px; margin-bottom:23px;}
.news-img{ width:42%; float:left;}
.news-conner{ width:52%; float:right;}
.news-more{ margin-top:30px;}
.news-more a{ display:inline-block;  cursor: pointer; background:#0060a2; min-width:150px; color:#ffffff; text-align:center; border-radius:5px; padding:2px;}
.news-more a:hover{ text-decoration:none; color:#ffffff;}
.download-conner{ padding-top:40px;}

.techo-steel-con{ position:relative;}
.techo-steel-con:before{content:""; background:url(../images/steel-icon.png) no-repeat; background-size:cover; display:block; width:304px; height:537px; position:absolute; top:-320px; right:0;}

.techo-design-con{ position:relative;}
.techo-design-con:before{content:""; background:url(../images/design-icon.png) no-repeat; background-size:cover; display:block; width:153px; height:181px; position:absolute; top:-100px; right:5%;}

#allmap{ width:100%; height:600px;}

.contact-con{ padding:0 1.2%;}
.contact-conner{ margin-top:60px;}
.contact-right{ width:50%; float:right; padding-left:54px; padding-top:50px;}
.contact-left{ width:50%; float:left; padding-right:54px;}

.contact-feedback{ margin-top:10px;}
.contact-feedback .form-check{ margin-bottom:0;padding-left: 2rem;}
.contact-feedback .form-check-label{ font-size:14px; line-height:26px; color:#898989;}
.contact-feedback-form .form-control,.contact-feedback-form .form-textarea{ border-radius:0; margin-bottom:24px; border-color:#d3d3d3;}
.contact-feedback-form .form-textarea{ min-height:220px;}
.contact-feedback-form .form-check-input{ margin-left: -1.8rem; width:20px; height:20px; border:1px solid #e1e1e1;  -webkit-appearance:none; background-color:#ffffff;}
.contact-feedback-form .form-check-input:checked{ background:url(../images/check-icon.png) no-repeat; background-size:cover;}
.feedback-submit{display:inline-block; background:#0060a2; min-width:150px; color:#ffffff; text-align:center; border-radius:5px; padding:4px; font-weight:bolder; margin-top:46px;}

.download-form{font-size:14px !important;}
.download-form  .form-control, .download-form  .form-textarea{ margin-bottom:10px; font-size:14px !important;}
.contact-feedback-form .form-textarea{ min-height:100px;}
.contact-feedback-form .modal-layer-ui{ font-size:14px !important;}
.products-nav{ padding-top:142px;}
.pro-nav-item{ margin-bottom:120px;}
.pro-nav-title{ font-weight:bolder; font-size:28px; margin-bottom:15px;}
.pro-nav-item ul li{ list-style:none; font-size:18px; padding:4px 24px 4px 24px; position:relative;}
.pro-nav-item ul li:before{ position:absolute; content:">"; left:0; }
.pro-nav-item ul li a{ color:#4c4948; }
.pro-nav-item ul li a:hover,.pro-nav-item ul li.cur a{ text-decoration:none; color:#0060a3;}
.pro-nav-item ul li.menu_dropdown:hover ul.left_snav_ul{ display: block; }
/*
.pro-nav-item ul li.menu_dropdown:hover:before{ transform:rotate(90deg);
-ms-transform:rotate(90deg); 	
-moz-transform:rotate(90deg); 	
-webkit-transform:rotate(90deg); 
-o-transform:rotate(90deg); 	}
*/
.pro-nav-item ul li .menu_head{ display: none; }

/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px;}
ul.left_snav_ul > li > a,.pro-nav-item ul li.cur ul.left_snav_ul > li > a{border:0;color:#4c4948;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#0060a3 !important;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #0060a3;}

ul.left_snav_ul > li:before{display:none;}


.pro-con-p{ width:90%; margin:auto; float:none;}
.pro-list{ margin-left:-15px; margin-right:-15px; margin-top:2rem;}
.pro-item{ float:left; width:25%; padding:35px 15px;}
.pro-item a .pro-img{ background:#eef4f7; overflow:hidden; }
.pro-item a .pro-img img{ transition: all 0.3s ease-out;}
.pro-item a:hover .pro-img img{transform: scale(1.2); }
.pro-item a .pro-name{ text-align:center; font-size:16px; /*font-weight:bolder;*/ padding:15px; margin-top:6px;}
.pro-item a:hover{ text-decoration:none;}

.news-view-con{ border-top:2px solid #a3a4a4; margin-top:50px; padding-top:50px;}
.news-view-title{ color:#0060a3;}

.news-view-info{ margin-top:30px;}
.news-view-info-item{font-size:18px; padding: 10px 10px 10px 0; display:inline-block; min-width:32%;}
.news-view-info-zw h2{ font-size:55px; line-height:60px;}

.news-view-conner{ margin-top:30px; font-size:14px; line-height:26px;}
.pro-view-img{ position:relative;}
.pro-view-img-con{ text-align:center; padding-left:30%; padding-right:30%;}
.pro-view-img-tz{ position:absolute; right:0; bottom:10%; max-width:30%;}

.pro-view-cs{ background:#eef4f7; padding:18px 30px;}
.pro-view-cs-title{ color:#0060a3;}

.pro-view-cs-list ul li{ list-style:none; float:left; width:33.3%;}

.pro-view-xh{ background:#eef4f7; margin-top:30px;}
.pro-view-xh-title{ padding:18px 30px;}

.pro-view-cs-table th,.pro-view-cs-table td{ padding-left:30px; border:none; padding-top:5px; padding-bottom:5px;}
.pro-view-cs-table thead th,.pro-view-cs-table thead td{ border:none; font-size:18px; color:#0060a3; padding-bottom:20px; font-weight:bolder;}
.pro-view-cs-table thead th{position:absolute; min-width:120px;}
.pro-view-cs-table thead th{ background-color:#eef4f7;}
.pro-view-cs-table tbody th{ font-weight:normal; position:absolute; min-width:120px; background-color:#eef4f7;}
.pro-view-cs-table tbody td{ }
.pro-view-cs-table .table-striped tbody{ color:#4c4948;}
.pro-view-cs-table .table-striped tbody tr:nth-of-type(odd){background-color:#bfc0c0;}
.pro-view-cs-table .table-striped tbody tr:nth-of-type(odd) th,.pro-view-cs-table .table-striped tbody tr:nth-of-type(odd) td{background-color:#bfc0c0;}
.pro-view-cs-table td.kon{ min-width:120px;}

#modal-layer-container{width:50%; max-width:720px;}

.font20{ font-size: 16px; line-height:30px;}
.clear1{ display:block;}
.clear2{ display:none;}
.clear3{ display:none;}
@media screen and (max-width: 1650px){
	#allmap{ height:542px;}
}
@media screen and (max-width: 1550px){
	.top-navbar {font-size: 16px;}
	.top-nav .top-navbar .navbar-nav .nav-item{margin-right:56px;}
	.foot-nav{ font-size:16px; line-height:26px;}
	.foot-item {padding: 5px;}
	.foot-tel{ font-size: 16px;}
	.foot-copyright{ padding: 0 5px;}
	.left-nav ul li{ font-size:14px;}
	.left-nav ul li a{ padding: 6px 26px;}
	
	.about-con-p { font-size: 16px; line-height: 30px;}

	.history-list-title h1{ font-size:36px;}
	.honor-img-3{ margin-left:0px;}
	
	.about-partner-con{font-size: 16px; line-height:30px;}
	
	.techo-steel-con:before{width:200px; height:353px; position:absolute; top:-180px;}
	
	.about-con-p-h1 span {font-size: 38px; line-height: 40px;}
	
	#allmap{ height:424px;}
	
	.pro-nav-title{ font-size:24px;}
.pro-nav-item ul li{ font-size: 16px;}
.pro-list{ margin-left:-10px; margin-right:-10px;}
.pro-item{ padding:10px;}
	.pro-item a .pro-name{ font-size:22px;}
	
	.pro-view-cs-table thead th,.pro-view-cs-table thead td{font-size:16px;}
	.font20{ font-size:16px; line-height:26px;}
	}
@media screen and (max-width: 1200px){
	.top-logo img{ height: 35px;}
	.top-search {margin-left: 38px; width:200px;}
	.top-nav .top-navbar .navbar-nav .nav-item{margin-right:36px;}
	.index-adv-con img{ width:80%;}
	.index-adv-p{ position:relative; left:0; padding-left:15px;}
	.techo-design-con:before{width:100px; height:118px; top:-70px;}
	#allmap{ height:355px;}
	
	.pro-item{ width:33.33%;}
	
	#modal-layer-container{width:80%; max-width:720px;}
	
	.clear1{ display:none;}
.clear2{ display:block;}
.clear3{ display:none;}
	}
@media screen and (max-width: 992px){
	.top-logo img{ height: 24px;}
	.top-18 img{ height: 40px;}
	
	.top-search {margin-left: 28px; width:150px; margin-top: 4px;}
	.top-search input{font-size:18px;}
	.top-language .btn-language{ margin-top: 8px; font-size:18px;}
	.top-language .language-icon{ top:1px;}
	.top-nav .top-navbar .navbar-nav .nav-item{ margin-right:0;}
	.foot-item{ float:none; text-align:center;}
	.foot-nav{ display:none;}
	.foot-logo-company{ margin-top:20px;}
	.foot-tel{ margin-top:20px;}
	.foot-copyright{ text-align:center;}
	.foot-copyright-l{ float:none; margin-left:0;}
	.foot-copyright-r{ float:none;}
	
	.container-left{ float:none; width:100%; margin-top:60px;}
	.container-right{ float:none; width:100%;}
	.left-nav{ max-width:unset;}
	
	.container-history {
    margin-left: 0px;
    margin-right: 0px;
}

.download-conner{ padding-top:20px;}

#allmap{ height:263px;}

.contact-right{ padding-left:15px;}
.contact-left{ padding-right:15px;}

.pro-view-cs-list ul li{ width:50%;}

.pro-nav-item ul li .menu_head{ display: block; }
}
@media screen and (max-width: 768px){
	.top-logo img.top-logo-adv{ display:none;}
	.top-18 img{ height: 38px;}
	.top-language .btn-language{ margin-top: 8px;}
	.top-search {margin-left: 10px;width: 86px;}
	.btn-language {margin-left: 10px;}
	.about-p-l{ float:none; width:100%;}
	.about-18{ float:none; width:100%;}
	.about-p-title h1{ font-size:30px;}
	.index-serise-item{ float:none; width:100%;}
	.index-adv-con img{ width:90%;}
	.index-adv-p h1{ font-size:30px;}
	.index-adv-p{font-size: 16px;}
	
	.about-con-p{ width:100%;  float: none;}
	.about-con-18{ width: 100%; float: none; margin-top:30px;}
	.history-imgs-item{width:50%;}
	
	.history-item-l .history-item-con{ text-align:left; float:left; border-left: 1px solid #a3a4a4; border-right:0;padding-left: 10%; }
.history-item-r .history-item-con{ float:left; border-left: 1px solid #a3a4a4; padding-left: 10%; margin-right: 0px;}
.history-item-con .point-con {
    position: absolute;
    left: -12px;
    top: 10px;
}
.history-item-con{ width: 100%;}
.history-item-con .history-content {
    width: 100%;
}

.news-img{ width:100%; float:none;}
.news-conner{ width:100%; float:none;}

	.techo-steel-con:before{width:100px; height:177px; position:absolute; top:-130px;}

	.techo-design-con:before{width:50px; height:59px; top:-50px;}
	#allmap{ height:195px;}
	
	.contact-right{ width:100%; float:none; padding-left:0; padding-top:20px;}
.contact-left{ width:100%; float:none; padding-right:0; margin-top:30px;}
	
	.pro-item{ width:50%;}
	
	.pro-view-cs-table{ overflow-x:scroll;}
	.cs-table{ min-width:768px;}
	
	#modal-layer-container{width:90%;}
	
	.clear1{ display:none;}
.clear2{ display:none;}
.clear3{ display:block;}
	}
@media screen and (max-width: 680px){
	#rightsead{display:none;}
	
}
@media screen and (max-width: 460px){
	.top-search{ width:80px;}
	.top-search input{ padding-left:30px; background-position:4px;}
	.top-logo img{ height: 22px;}
	.top-18{ display:none;}
	.top-search input{font-size:16px;}
	.top-language .btn-language{ margin-top: 8px; font-size:16px; padding-right:3px;}
	.banner-pagination{ display:none;}
	.pro-view-cs-list ul li{ width:100%;}
	
	
	}
@media screen and (max-width: 360px){
	.top-search {width: 42px;}
	.pro-item{ width:100%; float:none;}
}