/* CSS Document */
@font-face {
    font-family: 'impact';
    src:    url('../fonts/impact.eot');
    src:    url('../fonts/impact.eot') format('embedded-opentype'),
        url('../fonts/impact.ttf') format('truetype'),
        url('../fonts/impact.woff') format('woff'),
        url('../fonts/impact.svg') format('svg');
}

#top{}

.top-1{ padding-top: 24px; position:relative; z-index:10;}
.top-1-r{ float: right;}
.top-1-r-con { display:inline-block;}
.top-1-r-con a{ color:#333333;}
.top-1-r-con a:hover{ text-decoration:none; color:#20396f;}
.top-1-r-icon{ margin-right:10px;}
.top-1-about:after,.top-1-contact:after{content:"|"; color:#727272; margin-left:6px;}
.top-1-about a,.top-1-contact a{ font-size: 12px;}
.top-l-ico{ font-size: 18px; margin-right: 10px;}
.toper-1-language{ margin-right: 10px;}
.toper-1-language .btn-language, .toper-1-search .btn-search{ color: #20396f; border: none; border-radius:0; font-size: 16px; padding: 0; }
.toper-1-language .btn-language:hover,.toper-1-search .btn-search:hover{ background:none; }
.toper-1-language .btn-language.active, .toper-1-language .btn-language:active, .toper-1-language .btn-language:focus, .toper-1-search .btn-search:active, .toper-1-search .btn-search:focus, .open>.dropdown-toggle.btn-language {
    color: #20396f;
    border:none;
	background: none;
    box-shadow: none;
	outline:none;
}
.btn-language.active.focus,.btn-language.active:focus,.btn-language.active:hover,.btn-language:active.focus,.btn-language:active:focus,.btn-language:active:hover, .open>.btn-language.focus, .open>.btn-language:focus, .open>.btn-language:hover {
    color: #20396f !important;
    background: none !important;
	box-shadow: none;
    border:none;
}

.toper-1-language .btn-language .icon-earth{ margin-right: 10px;}
.toper-1-language{ font-size: 12px;}
.toper-1-language .dropdown-menu {
	left: auto;
	right: 0;
	margin-top:0;
    font-size: 12px;
	background: rgba(255,255,255,0.6);
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.toper-1-language .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: inherit;
    color: #333;
    white-space: nowrap;
}
.toper-1-language .language-ico{
	margin-right: 10px;
}
.toper-1-language .dropdown-menu>li>a:focus, .toper-1-language .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #da0011;
}
.top-1-r-con{ margin-left: 6px; margin-right:6px;}

.top-nav{ min-height: none; margin-bottom: 0; background: none; border: none;}
.top-nav .navbar-brand{ height: auto; padding: 10px 0;}
.top-nav .navbar-right { margin-top: 12px; }
.top-nav .nav-right { padding:0;}
.top-nav .navbar-nav>li{padding-left:15px; padding-right:15px;}
.top-nav .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; padding-left:3px; font-size: 16px; padding-right:3px; border-bottom: 3px solid #ffffff; color: #333333;}
.top-nav .navbar-right .dropdown-menu{ left:-50%;}
.top-nav .nav>li>a:focus, .top-nav .nav>li>a:hover {
    text-decoration: none;
    background: none;
	border-bottom-color: #f39800;
	color: #333333;
}
.top-nav .nav .open>a, .top-nav .nav .open>a:focus, .top-nav .nav .open>a:hover {
    text-decoration: none;
    background: none;
	border-bottom-color: #f39800;
	color: #333333;
}

.top-nav .dropdown-menu>li>a {
	text-align: center;
	padding: 5px 15px;
}
.top-nav .navbar-toggle {
    border-color: #ddd;
    margin-top: 24px;
}
.navbar-brand{ margin-top: -42px;}

#banner .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ bottom:0; top:auto;}
#banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#f39800;}

.index-about-con{ padding-top:80px; padding-bottom:80px;}
.index-about-left{ float:left; width:46%; padding-right:90px; padding-top:36px;}
.index-about-img{ float:right; width:54%;}
.index-about-title{ margin-bottom:20px;}
.index-about-title h1{ font-family:"impact"; color:#20396f; text-transform:uppercase;}
.index-about-title span{ font-weight:bolder; font-size:24px; color:#111111;}

.container-title{ text-align:center; position:relative; padding-top:18px; margin-bottom:24px;}
.container-title h1{ color:#dbdbdb; font-family:"impact"; text-transform:uppercase; position:absolute; width:100%; top:0; margin-top:0; z-index:-1;}
.container-title h2{ color:#20396f; font-weight:bolder; text-transform:uppercase; margin-top:0;}

.index-pro-con{ padding-top:68px; padding-bottom:68px; overflow:hidden;}
.index-pro-p{ text-align:center; max-width:900px; margin:auto;}

.index-pro-adv-list{ margin-left:-8px; margin-right:-8px; margin-top:20px;}
.pro-adv-item{ float:left; width:25%;}
.pro-adv-item-con{padding:8px;}
.pro-adv-item-con a{ display:block; background:#f6f6f6; color:#333333;transition: all cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.5s;}
.pro-adv-item-con a:hover{ background:#20396f; text-decoration:none; color:#ffffff;}
.adv-item-con{ padding:12px 5px 20px;}
.adv-item-con .adv-item-name{ font-weight:bolder; margin-bottom:3px;}
.adv-item-con .adv-item-p{ font-size:10px; line-height:20px;}
.pro-adv-item-con a .adv-item-img img{
	width:100%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 0.5s, -webkit-transform 0.5s;}
	.pro-adv-item-con a:hover .adv-item-img	img{-webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);}
.index-about-con{ background: #f6f6f6; background-size: cover;}
.index-news-con{ background: #eeeeee;}

.index-more-con{ padding-top:68px; padding-bottom:68px; background: url(../images/pro-bg.jpg) no-repeat; background-size: cover;}
.index-more-title{ text-align:center;}
.index-more-title h2{ font-weight:bolder; color:#ffffff; margin-top:0;}

.more-item{ float:left; height:330px; position:relative; overflow:hidden;}
.more-item a .bg{ position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:center; -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 0.5s, -webkit-transform 0.5s;}
.more-item a:hover .bg{-webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);}
.more-item a{ color:#ffffff;
	height:100%;
	text-align:center;
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
.more-item a:hover{ text-decoration:none;}
.more-item .more-text{ position:relative; z-index:10;}
.more-item .more-text .more-btn{margin-top:30px; padding:10px 30px; border:1px solid #ffffff; border-radius:3px;}
.more-item .more-text h4{ font-size:24px;}
.index-more-pro{ width:67%;}
.index-more-pro a .bg{ background-image:url(../images/more-pro-bg.jpg);}
.index-more-case{ width:33%;}
.index-more-case a .bg{ background-image:url(../images/more-case-bg.jpg);}
.index-more-download{ width:33%;}
.index-more-download a .bg{ background-image:url(../images/more-down-bg.jpg);}
.index-more-news{ width:67%; float:right}
.index-more-news a .bg{ background-image:url(../images/more-news-bg.jpg);}


.index-partner-con{padding-top:68px; padding-bottom:68px; overflow:hidden;}
.index-partner-imgs-con{ position:relative; margin-top:36px;}
.partner-btns{ text-align:right; padding-bottom:1.5rem; position:absolute; top:50%; width:100%; margin-top:-15px;}
.partner-btns .partner-btn{ border-radius:50%; width:30px; height:30px; color:#ffffff; background:#20396f; padding: 1px 10px; font-size:20px; margin-left:10px; cursor:pointer; position:absolute; opacity:0.5;}
.index-partner-imgs-con .partner-btns{opacity:0;}
.index-partner-imgs-con .partner-btns .partner-btn:focus{ outline:none;}
.index-partner-imgs-con:hover .partner-btns{opacity:1;}
.index-partner-imgs-con:hover .partner-btns .partner-btn{z-index:10;}
.index-partner-imgs-con .partner-btns .partner-btn.swiper-button-disabled,.index-partner-imgs-con:hover .partner-btns .partner-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.partner-btns .partner-btn.partner-but-next{ left:-50px;}
.partner-btns .partner-btn.partner-but-prev{ right:-40px;}
.partner-btns .partner-btn:hover{opacity:1;}
.partner-item{ text-align:center;}

.partner-item a{ display:block; position:relative; padding:0 6px 6px; width:100%; background:#ffffff; border:1px solid #ffffff;}
.partner-item a .partner-item-img{position:relative; z-index:10;}
.partner-item a .partner-item-img img{ width:100%;}
.partner-item a:after{ position:absolute; background:#20396f; content:""; left:6px; right:6px; top:6px; bottom:6px; transition: all 0.5s;}
.partner-item a:hover:after{ bottom:0px; right:0px; left:12px; top:12px;}



#foot{ background: url(../images/foot-bg.jpg) no-repeat;  background-size: cover; border-top: 5px solid #f39800; color:#ffffff;}
#foot a{ color:#ffffff;}

.foot-1{ padding-top:68px; padding-bottom:68px;}
.foot-title{ font-size:26px; margin-bottom:16px;}
.foot-nav-con{ padding-left:3px;}
.foot-nav-con ul{ list-style-position:inside;}

.foot-logo{ float:left; width:37%; padding-right:30px;}
.foot-contact{ float:left; width:calc(63% - 184px); padding-right:30px;}
.foot-nav{ float:right; width:184px;}

.foot-2{ border-top: 1px solid #344b7c; padding-top:10px; padding-bottom:10px;}
.foot-copyright{ float:left; padding-top:12px;}
.foot-link{ float:right;}
.foot-link ul li{ list-style:none; display:inline-block; font-size:26px; padding:10px;}

.contain-con{ padding-top:68px; padding-bottom:100px;}
.about-contain-con{padding-bottom:68px;}
.about-img{ width:50%; float:left; padding-right:20px;}
.about-p{ width:50%; float:right; padding-left:20px;}

.contain-about-equip{ border-bottom:1px solid #e4e4e4;}
.equip-imgs-con{ position:relative;padding-top:68px; padding-bottom:68px; overflow:hidden;}
.equip-item-name{ padding:5px 0; font-size:16px;}

.about-partner-conner{ overflow:hidden; margin-left:-15px; margin-right:-15px;}
.about-partner-item{ float:left; width:20%; padding:15px;}

.about-partner-con{ padding-bottom:100px;}

.news-item a{ display:block; position:relative; font-size:16px; color:#333333; padding-left:158px; padding-top:20px; padding-bottom:20px; padding-right:137px; border-bottom:1px solid #ececec;}
.news-item a:hover{text-decoration:none; color:#333333;}
.news-item a .news-lx{position:absolute; left:20px;  top:20px; display:inline-block; background:#dbdbdb; font-size:14px; padding:0px 15px; border-radius:20px;}
.news-item a:hover .news-lx{ background:#20396f; color:#ffffff;}
.news-item a .news-time{position:absolute; right:10px; top:20px; }
.news-item a .news-name{
			white-space: nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
}

.news-con-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.contain-download{ max-width:987px; margin:auto;}

.download-item{ margin-bottom:24px;}
.download-item a { display:block; color:#333333; padding-right:100px; position:relative; background:#efefef; border-bottom:4px solid #dbdbdb; padding: 26px 30px; font-size:18px;}
.download-item a:hover{ text-decoration:none; border-bottom-color:#f39800; color:#333333;}
.download-item a .download-name{
			white-space: nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
}
.download-icon{ position:absolute; right:0; top:26px; right:30px;}
.download-item a .download-icon .xiazai-icon{ margin-right:15px; display:inline-block; width:21px; height:18px; background:url(../images/xiazai-icon.png);background-size:cover;}

.contain-case-p{ max-width:900px; margin:auto; text-align:center;}
.contain-case{ margin-top:36px;}
.case-item{ padding:1px; width:25%; float:left;}
.case-item-img{ cursor:pointer; overflow:hidden;}
.case-item-img img{ width:100%; -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 0.5s, -webkit-transform 0.5s;}
.case-item-img:hover img{ -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case-pro-title{ text-align:center; position:relative;}
.case-pro-title:after{content:""; width:100%; border-bottom:1px solid #e4e4e4; position:absolute; top:50%; left:0; z-index:-1;}
.case-pro-title h2{ display:inline-block; padding:15px 60px; background:#ffffff; margin-top:0; margin-bottom:0; font-weight:bolder; color:#20396f;}
.case-pro-con{ overflow:hidden; padding-bottom:120px;}
.pro-item a{ display:block; background:#ececec; text-align:center; color:#333333;}
.pro-item a:hover{ text-decoration:none;}
.pro-item a .pro-item-name{ padding:10px 10px 16px; font-weight:bolder; font-size:16px;}
.pro-item a:hover .pro-item-name{ color:#20396f;}
.pro-item a .pro-item-img{overflow:hidden; }
.pro-item a .pro-item-img img{ 
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 0.5s, -webkit-transform 0.5s;
	}
.pro-item a:hover .pro-item-img img{ 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}

.pro-nav{ border-bottom:1px solid #e4e4e4;}
.pro-nav-container .swiper-slide{ width:auto !important;}
.pro-nav-container .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 10px; color:#333333; font-size:16px;}
.pro-nav-container .swiper-wrapper .swiper-slide a:hover,.pro-nav-container .swiper-wrapper .swiper-slide a.active{ text-decoration: none; color:#333333;  font-weight:bolder;}
.pro-nav-container .swiper-wrapper .swiper-slide a:hover:after,.pro-nav-container .swiper-wrapper .swiper-slide a.active:after{border-bottom: 4px solid #20396f; width: 100%;}
.pro-nav-container .swiper-wrapper .swiper-slide a:after{ content: ""; position: absolute; left: 0; bottom: 0;}
.contain-conner{ overflow:hidden;}
.contain-pro{ margin-left:-20px; margin-right:-20px; padding-top:36px;}
.pro-items{ width:25%; float:left; padding:20px;}

#pro-view{background:#ececec;}
.pro-view-jj-container{ padding-top:36px; padding-bottom:36px;}
.pro-view-bread{position:relative; top:0; left:0; color:#333333;}
.pro-view-bread .fa{color:#20396f; margin-right:10px; font-size:16px;}
.pro-view-bread a{color:#333333;}
.pro-view-bread a:hover{ text-decoration:none; color:#20396f;}

.pro-view-jj{ margin-top:26px; margin-bottom:26px}
.pro-view-jj-left{ width:50%; float:left; padding-top:66px; padding-left:20px; padding-right:20px;}
.pro-view-jj-img{ width:48%; float:right; text-align:center;}
.pro-view-name{ color:#20396f; margin-bottom:1.5rem;}
.pro-view-name hr{margin:0; padding:0; width:75px; border-bottom:6px solid #f39800; margin-top:24px;}
.pro-view-name h1{ font-size:30px; font-weight:bolder; word-break: break-word;}
.pro-view-name h2{ font-size:24px; font-weight:bolder; margin-top:10px;}
.pro-view-p{}

.pro-view-more{ margin-top:36px;}
.pro-view-more a{ display:inline-block; background:#d8d8d8; padding:12px 15px; min-width:160px; text-align:center; color:#333333; margin-right:15px; margin-bottom:5px; transition: all .5s;}
.pro-view-more a i{margin-right:15px; }
.pro-view-more a.more{  color:#ffffff; background:#20396f; }
.pro-view-more a:hover{  color:#ffffff; background:#f39800; text-decoration:none; }

.pro-view-details{padding-top:20px;}
.pro-view-cs #tags{ margin-top:16px; margin-bottom:16px;}
.pro-view-cs #tags{ padding:0; overflow:hidden; list-style: none; text-align:center;}
.pro-view-cs #tags li{ display:inline-block; margin:0.6%; }
.pro-view-cs #tags li a{ color:#333333; padding:6px 20px; display: block;border:solid 1px #e4e4e4; background: #ffffff;border-radius:6px; min-width:120px; text-align:center; }
.pro-view-cs #tags .selectTag a{background:#20396f; color: #ffffff; text-decoration: none;border:solid 1px #00548b;  }
.pro-view-cs #tags li a:hover{ background:#20396f; color: #ffffff; text-decoration: none;border:solid 1px #00548b;  }

.pro-view-cs .tagContent {PADDING: 10px; margin-top:1rem;}


.tagContent{ display: none;}
.selectTag{ display: block;}

.clear1{ display:block;}
.clear2{ display:none;}
@media screen and (max-width: 992px){
	.index-about-left{ float:left; width:60%; padding-right:30px; padding-top:0px;}
	.index-about-img{ float:right; width:40%;}
	.index-about-title h1{ padding-top:0; margin-top:0; font-size:30px;}
	.index-about-title span{font-size:20px;}
	
	.pro-adv-item{ width:50%;}
	
	.more-item{ float:none;}
	.index-more-pro{ width:100%;}
	.index-more-case{ width:100%;}
	.index-more-download{ width:100%;}
	.index-more-news{ width:100%;}

	.foot-logo{ float:left; width:27%;}
	.foot-contact{ float:left; width:calc(73% - 184px);}
	.foot-nav{ float:right; width:184px;}
	
	.foot-2{ text-align:center;}
	.foot-copyright{ float:none; padding-top:10px;}
	.foot-link{ float:none;}
	
	.about-img{ width:100%; float:none; padding-right:0px;}
	.about-p{ width:100%; float:none; padding-left:0px; margin-top:20px;}
	
	.about-partner-item{ width:33.3%;}
	.case-item{width:50%;}
	
	.pro-items{ width:50%; float:left;}
	
	.pro-view-jj-left{ width:100%; float:none; padding-top:0px; padding-left:0px; padding-right:0px;}
	.pro-view-jj-img{ width:100%; float:none; margin-top:10px;}

	.clear1{ display:none;}
	.clear2{ display:block;}
}
@media screen and (max-width: 767px){
	.navbar-brand { margin-top: -10px; max-width: 180px; }
	.top-1 { padding-top: 10px; }
	
	
	.index-about-left{ float:none; width:100%; padding-right:0px; padding-top:0px;}
	.index-about-img{ float:none; width:100%; margin-top:20px;}
	
	
	.foot-logo{ float:none; width:100%; max-width:190px;}
	.foot-contact{ float:none; width:100%; margin-top:26px;}
	.foot-nav{ float:right; width:100%; margin-top:26px;}
	.foot-nav ul{ list-style-position:outside;}
	.foot-nav ul li{ display:inline-block; margin-right:15px; }
	
	.news-item a{padding-left:100px;padding-right:100px;}
	.news-item a:hover{text-decoration:none; color:#333333;}
	.news-item a .news-lx{left:5px;}
	.news-item a .news-time{right:5px; }
	
	.contain-pro{ margin-left:-10px; margin-right:-10px; padding-top:20px;}
	.pro-items{ width:50%; float:left; padding:10px;}
	
}