﻿/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
 
body{ font-family: 'Arial',sans-serif ; border-radius:0;}

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

.web-clr{ clear:both; font:0; height:0; line-height:0;}


.web-backbg-color
{
	height:600px;
}

.web-backbg-color
{
	height:600px;
}
.web-backbg-color3
{
	height:480px;
}

.web-backbg-color2
{
	
background-color: rgba(73, 73, 73, 0.67);
}

.web-header
{ background:url(../img/h-b1.jpg) center center no-repeat;
	background-size:cover ;
	
}
.web-header2
{ background:url(../img/h-b2.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-header3
{ background:url(../img/h-b3.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-365bg-1
{ background:url(../img/s-1.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-ax-1
{ background:url(../img/ax-1.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-ax-2
{ background:url(../img/ax-2.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-sever-1
{ background:url(../img/s1.jpg) center center no-repeat;
	background-size:cover ;
	
}
.web-sever-2
{ background:url(../img/s2.jpg) center center no-repeat;
	background-size:cover ;
	
}
.web-sever-3
{ background:url(../img/s3.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-365bg-2
{ background:url(../img/s-2.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-solubg
{ background:url(../img/s3.jpg) center center no-repeat;
	background-size:cover ;
	
}

.web-header .pad-t20{ padding-top:20px;}

.web-border-r0{ border-radius:0 !important;}/**圆角为0无效**/

.web-c1{ color:#fff}

.web-c-a1{ color:#fff; }
.web-c-a1:hover{ color:#c0c0c0; text-decoration:none;}

.web-c-a2{ color:#699202; }
.web-c-a2:hover{ color:#75a204; text-decoration:underline;}

.web-c2{ color:#a4a4a4}

.web-c3{ color:#888}

.web-font-wr{ font-family:}

.web-banner-padd20{padding:20px 20px;}

.boxoff30{ height:30px; line-height:30px; font-size:0;}

.web-pt-50{ padding-top:50px;}

.web-style1-img{ border:radius;8px; overflow:hidden; padding-top:20px; width:100%; }

.web-style1-img { width:100%; height:auto;}

.web-radiu-8{ border-radius:10px; overflow:hidden;}

.web-h-Services{ width:100%; background:#212121; padding-bottom:30px; padding-top:30px;}

.web-h-morml{ font-weight:normal !important;}

.web-h-pt20{ padding-top:25px;}



.web-box-1{ padding-bottom:30px; padding-top:30px; width:100%; }

.web-box-3{ padding-bottom:30px;  width:100%; }
.web-mt100{ margin-top:100px;}

.web-box-2{ padding-bottom:30px; padding-top:30px; padding-left:200px; padding-right:200px;}

.web-h-Cases{}
.web-h-Cases .box-1{ padding-top:20px; padding-left:20px;  padding-right:20px; overflow:hidden; padding-bottom:20px;}

.web-h-Cases .box-1 .img{ border-radius:8px; overflow:hidden; width:100%;  text-align:center; background:#f8f8f8}

.web-h-Cases .box-1 .img img{ }

.web-h-Cases .box-1  .p1{ padding-top:15px; color:#333; font-size:14px; font-family:Verdana, Geneva, sans-serif; height:45px; overflow:hidden; text-emphasis:}

.web-h-Cases .box-1  a{ color:#333;}


.web-h-Cases .box-1  a:hover{ color:#000; text-decoration:none;}

.web-h-Customers{ 
	width:100%; 
	background:#212121; 
	padding-bottom:30px; 
	padding-top:10px;
}

.web-h-Customers .box-1{ 
	height:120px; 
	overflow:hidden;
}

.web-h-Customers .box-1 .img{ 
	text-align:center;
	height:120px; 
	overflow:hidden;
	width:100%;
}

.slideshow ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	list-style:none;
	position:absolute;
}
.slideshow > ul > li{
	width: 100%;
	height: 100%;
	list-style:none;
	position:absolute;
}
.slideshow{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.web-foot{width:100%;  padding-bottom:30px; padding-top:30px;}

.web-foot .lin-r{ border-right:1px solid #8089b3; box-sizing:border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }


.web-foot .lin-l{ border-left:1px solid #8089b3; box-sizing:border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }

.web-foot .t_box{ width:100%; height:150px; }

.web-foot .t_box .p1{ padding-top:35px; text-align:center; font-family:Verdana, Geneva, sans-serif;}

.web-foot .t_box .p2{text-align:center; overflow:hidden; height:130px;  }

.web-foot .t_box .p2 .gif{ height:100%; width:auto;}

.web-foot .t_box .p3{ padding-top:40px; color:#fff; font-family:Verdana, Geneva, sans-serif; font-weight:200; }




.web-foot .wrap2{background:url(../img/f-bg.png) center center ; background-size: cover; padding-top:20px; padding-bottom:5px;}


.web-foot .wrap3{ padding-top:30px;}

.web-foot .wrap3 .tit{ color:#333; font-family:Verdana, Geneva, sans-serif; }


.web-foot .wrap3 .menu{}

.web-foot .wrap3 .menu li{ padding-bottom:3px; font-family:Arial, Helvetica, sans-serif}

.web-foot .wrap3 .menu li a{ color:#666;}
.web-foot .wrap3 .menu li a:hover{ color:#666; text-decoration:underline;}

.web-foot-2 .menu1{}

.web-foot-2 .menu1 li{ padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; color:#696969;}

.web-foot-2 .menu1 li a{ color:#696969;}
.web-foot-2 .menu1 li a:hover{text-decoration:underline;}

.web-lg{text-transform:uppercase}

.web-banner-btn{ padding-left:5px; padding-top:10px; padding-bottom:10px;}


.web-foot-2{width:100%; background:#212121; padding-bottom:20px; padding-top:20px;}

.web-foot-2 .logo-f{ text-align:center; height:91px; overflow:hidden;}

.web-foot-2 .logo-f img{ height:100%; width:auto;}

.web-foot-2 .f-list{ color:#666; text-align:center; padding-top:20px;}

.web-foot-2 .f-list a{ color:#fff; padding-right:5px; padding-left:5px;}
.web-foot-2 .f-list a:hover{ text-decoration:none; color:#CCC;}

.web-foot-2 .ff{ padding-top:20px;}

.web-foot-2 .ff a{ color:#fff; font-size:16px;}

.web-foot-2 .ff a:hover{ color:#f2f2f2;}

.web-foot-3{width:100%; background:#2e2e2e; padding-top:20px; padding-bottom:20px; color:#585858}

.web-foot-3 a{ color:#585858;}


.web-foot-3 .f-list2{ color:#3a3a3a; text-align:center;}

.web-foot-3 .f-list2 a{ color:#585858; padding-right:8px; padding-left:8px;}
.web-foot-3 .f-list2 a:hover{ text-decoration:none; color:#fff;}

.ff2{ padding-top:20px;}

.ff2 a{ color:#fff;padding-right:10px; padding-left:10px; font-weight:normal;}
.ff2 a:hover{ color:#b4b4b4;}
.ff2  .f20{ font-size:20px;}

@font-face {font-family: "iconfont";
  src: url('../img/iconfont.eot'); /* IE9*/
  src: url('../img/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../img/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../img/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../img/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jts:before { content: "\e71c"; }

.icon-youjian:before { content: "\e61f"; }

.icon-twitter:before { content: "\e640"; }

.icon-facebook:before { content: "\e62a"; }

.icon-linkedin:before { content: "\e92a"; }

.icon-google-plus:before { content: "\e6ad"; }

.icon-dianhua1:before { content: "\e6c0"; }



.icon-five-star-flag:before { content: "\e603"; }

.logo-top{}

.logo-top img{ height:100%; min-width:102px;}

.web-nav{ padding-top:30px;}

.web-nav-xl{}

.web-nav-xl li{}

.web-nav-xl li a{ color:#bababa} 

.web-nav-xl li a:hover{ color:#fff; background:#3c3c3d}


.img-f img{  
	cursor: pointer;  
	transition: all 0.6s;  
            }  
.img-f img:hover{  
	transform: scale(1.4);  }
	
.div-showdon{}

.div-showdon:hover{ box-shadow:0px 0px 10px 5px #ddd;}

.web-banner-p80{ padding-top:80px;}

.web-banner-p150{ padding-top:170px;}

.web-nav-bg{ background:#252630}

/***************************banner动画效果图开始****************************/
#container-js {
			width: 100%;
			/*height: 600px;*/
			overflow: hidden;
			/*border: 1px solid red;*/
	}
	.sections,.section {
		height:100%;
	}
	#container-js,.sections {
		position: relative;
	}
	.section {
		background-color: #000;
		background-size: cover;
		background-position: 50% 50%;
	}
	#section0 {
		/*background-image: url(../img/banner-1.jpg);*/
	}
	#section1 {
		/*background-image: url(../img/banner-2.jpg);*/
	}
	#section2 {
		/*background-image: url(../img/banner-3.jpg);*/
	}
	#section3 {
		/*background-image: url(../img/banner-4.jpg);*/
	}
/*****************banner动图效果结束******************/
.web-nav-logo{ padding-left:345px; padding-right:300px;}

.web-nav-t40{ padding-top:40px;}
.web-nav-m40{ margin-left:40px; margin-right:40px;}

.web-b-40{ margin-left:50px;}

.web-r-40{ margin-right:20px;}




.nav-china{ padding-right:350px;}

.web-pr-banner{  background:url(../img/pr-jpg.jpg) center bottom no-repeat; background-size: cover; }

.web-ax-banner{  background:url(../img/b4-1.jpg) center center no-repeat; background-size: cover; }

.web-video-banner{  background:url(../img/bg5.jpg) center center no-repeat; background-size: cover; }

.web-con-banner{  background:url(../img/Con-1.jpg) center center no-repeat; background-size: cover; }

.b1{ padding-top:150px;}

.web-pb0{ margin-bottom:0px !important;}

.web-font-f1{ font-family:SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}

.web-pb10{padding-bottom:10px;}

.web-nav-wrap{ height:101px;  background:#49494a;  position:fixed; left:0px; right:0px; top:0px; z-index:777; border-top:2px solid #b7b7b7}

.web-nav-wrap2{ height:101px;  background:#49494a;  position:fixed; width:100%;}

.web-mt140{ margin-top:140px;}

.web-a-green{ background:#8aa34b!important;  text-shadow:none!important; border:none!important;}

.web-a-green:hover{ background:#79903e!important;}

.web-a-yellow{ background:#f4bf21!important;  text-shadow:none!important; border:none!important;}

.web-a-yellow:hover{ background:#daab1d!important;}

.web-h-contact{ height:166px; width:40px; background:url(../img/contact.png) center 0px no-repeat #8aa34b; position:fixed; right:0; top:50%; margin-top:-80px; display:block; cursor:pointer; z-index:999;}

.web-h-contact:hover{ background:url(../img/contact.png) center 0px no-repeat #7a913f; }

.web-hc-wrap{ 
	width:300px; 
	background:#2a2a2a; 
	padding:10px 40px;
	position:fixed; 
	left:0; 
	top:0; 
	
	z-index:1001;
	
	overflow: scroll;
	height: 100%;
	-webkit-transform: translateX(-380px);
	-moz-transform: translateX(-380px);
	-ms-transform: translateX(-380px);
	-o-transform: translateX(-380px);
	transform: translateX(-380px);
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.web-hc-wrap.on-display {
	
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.black_overlay {
	position: fixed;
	z-index:1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: alpha(opacity=80);
	opacity: 0.8;
	overflow: hidden;
	background-color: #000;
}

.web-hc-bo{ border-radius:0!important; height:26px!important; line-height:26px!important; width:100%;}

.web-hc-b1{ border-radius:0!important;  width:100%;}

.web-c3{ color:#6c6c6c; line-height:26px;}

.web-c3-2{ color:#6c6c6c;}

.web-lh26{ color:#ececec; line-height:26px;}

.web-lh32{  line-height:32px; background:#8aa34b; color:#fff}

.web-s-bg2{ background:url(../img/ss2.jpg) center center no-repeat; background-size:cover; padding-top:60px;}

.web-c-bg1{ background:#f2f2f2}

.web-s-d1{ width:45%; padding-right:5%; float:left;}

.web-s-d2{ height:200px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; overflow:hidden;}

.web-s-box1{ padding-top:20px; padding-left:20px;  padding-right:20px; overflow:hidden; padding-bottom:20px;}

.pl200{ padding-left:190px;}

.web-pr5{ padding-right:10px; }










