@import url(css.css);
 body{
	margin:0;
}

.btn-orange:hover{
	color:#fff;
	background-image: linear-gradient(270deg, #ff6317 0, #ff6317 90%);
	box-shadow: 0px 5px 5px rgba(255,99,23,0.4);
}
.btn-orange:active,.btn-orange:focus{
	color:#fff;
}
.btn-line:active,.btn-line:focus{
	color: #ffa400;
}

.btn-gary{
	border:2px solid #868686;
	color:#666;
	display:inline-block;
	padding: 0px 40px;
	line-height:34px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
}
.btn-gary:hover,.btn-gary:foucs,.btn-gary:active{
	color:#ffa400;
	border:2px solid #ffa400;
}
.btn-glass{
	border:2px solid #868686;
	color:#666;
	padding: 8px 30px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
}
.btn-glass:hover{
	color:#ffa400;
	border:2px solid #ffa400;
}
.btn-whites{
	border:2px solid #fff;
	color:#fff;
	padding: 10px 40px;
	border-radius: 30px;
	font-size:18px;
	text-decoration: none;
}
.navbar-collapse{box-shadow:none}
.btntop{background-color:#666 !important;}
}
  .clearfix:after{
            display: block;
            content:'';
            clear: both;
            height:0;
  }
  
 .Calculation-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background:url(../image/Calculation-bg.jpg) top center no-repeat;
  -webkit-transition: background-position 0.5s ease-out;
  transition: background-position 0.5s ease-out;
  }
  .data-center2 .car-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:url(../image/car-bg.jpg) center center no-repeat;
  }
  .footer{background:#242425;padding-bottom: 60px;}
  .footer a{color:#aaa;text-decoration: none;}
  .footer a:hover{color:#ffa400;}
   .footer a:focus{color:#aaa;}
  .footer .title{color:#fff;font-size:18px;padding-top: 48px;}
  .footer ul{padding-top:60px;}
  
  .fa-check{background:url(../image/fa-check.png) center center no-repeat;
   height:20px;display:block;
  }
  .fa-pass{background:url(../image/fa-pass.png) center center no-repeat;
   height:20px;display:block;
  }
 .light-font{font-size:12px; color:#bbb;}
.icon-group .icon{
	width: 56px;
    height: 56px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-group .icon-computer{
    background-image: url(../image/icon-computer1.png);
}

.icon-size:hover .icon-computer{
    background-image: url(../image/icon-computer2.png);
}
.icon-group .icon-house{
    background-image: url(../image/icon-house1.png);
}
.icon-size:hover .icon-house{
    background-image: url(../image/icon-house2.png);
}
.icon-group .icon-car{
    background-image: url(../image/icon-car1.png);
}
.icon-size:hover  .icon-car{
    background-image: url(../image/icon-car2.png);
}
.icon-group .icon-money{
    background-image: url(../image/icon-money1.png);
}
.icon-size:hover .icon-money{
    background-image: url(../image/icon-money2.png);
}
.icon-group .icon-ad{
    background-image: url(../image/icon-ad1.png);
}
.icon-size:hover .icon-ad{
    background-image: url(../image/icon-ad2.png);
}
.icon-group .icon-data{
    background-image: url(../image/icon-data1.png);
}
.icon-size:hover .icon-data{
    background-image: url(../image/icon-data2.png);
}
.icon-group .icon-phone{
    background-image: url(../image/icon-phone1.png);
}
.icon-size:hover .icon-phone{
    background-image: url(../image/icon-phone2.png);
}
.icon-group .icon-people{
    background-image: url(../image/icon-people1.png);
}
.icon-size:hover .icon-people{
    background-image: url(../image/icon-people2.png);
}
 
.icon-size:hover{
	color:#fff;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
	box-shadow: 0px 0px 20px rgba(255,99,23,0.4);
}
h1,h2,h3,h4,h5,h6{
 font:inherit;
}
h1{
	font-size:48px;
}
h3{font-size:36px;}
h4{font-size:24px; }
h5{font-size:18px;}
 
.switcher .message_box{
background-color: #fff;
    padding: 5px 20px;
    position: absolute;
    color: #666;
    z-index: -1;
    top:6px;
    left:120px;
    border-radius: 4px;
    line-height: 30px;
    box-shadow: 0 0 10px rgba(0, 0 ,0 ,0.2);
    white-space: nowrap;
}
.switcher .call{
    position: fixed;
    right: 0;
    z-index:  99;
    bottom:100px;

}
 .call ul li{ 
    list-style: none;
    border-radius: 4px;
    margin-top: 10px;
    width:65px;
    cursor: pointer;}
.switcher ul .box1{background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);}
.switcher ul .box1 div{background:url(../image/icon-phone.png)center no-repeat;height:60px;}
.switcher ul .box2{background:#fff;}
.switcher ul .box2 div{background:url(../image/icon-qq.png)center no-repeat;height:60px;}
 

  .product-icon .changeicon {font-size:14px;padding-top:30px;padding-bottom:20px;}
  .product-icon .changeicon span{line-height:50px;}
  .product-icon .changeicon a{color:#333;}
  .product-icon .changeicon:hover a{color:#ffa400;}
  .product-icon .changeicon:hover .shop { background:url(../image/product_icon_shopy.png) center no-repeat;}
  .product-icon .changeicon:hover .magnifer { background:url(../image/product_icon_magnifiery.png) center no-repeat;}
  .product-icon .changeicon:hover .plane { background:url(../image/product_icon_planey.png) center no-repeat;}
  .product-icon .changeicon:hover .operate { background:url(../image/product_icon_operatey.png) center no-repeat;}
  .product-icon .changeicon:hover .hand { background:url(../image/product_icon_handy.png) center no-repeat;}
  .product-icon .changeicon:hover .gear { background:url(../image/product_icon_geary.png) center no-repeat;}
  .product-icon .changeicon:hover .adv { background:url(../image/product_icon_advy.png) center no-repeat;}
  
  .product-icon .shop{background:url(../image/product_icon_shop.png) center no-repeat;height:48px;}
  .product-icon .magnifer{background:url(../image/product_icon_magnifier.png) center no-repeat;height:48px;}
  .product-icon .plane{background:url(../image/product_icon_plane.png) center no-repeat;height:48px;}
  .product-icon .operate{background:url(../image/product_icon_operate.png) center no-repeat;height:48px;}
  .product-icon .hand{background:url(../image/product_icon_hand.png) center no-repeat;height:48px;}
  .product-icon .gear{background:url(../image/product_icon_gear.png) center no-repeat;height:48px;}
  .product-icon .adv{background:url(../image/product_icon_adv.png) center no-repeat;height:48px;}
  .product-icon .more{background:url(../image/product_icon_more.png) center no-repeat;height:48px;}
  
  
.text-light{
	color:#ddd;
}
.text-gray{
	color:#666;
}
 
.orange-bg{
	background:url(../image/orange-bg.jpg) top  center no-repeat;
    position: absolute;top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
 
  .logo-outer{
    background-image:url(../image/logo-w.png);
	background-position: center center;
    background-repeat: no-repeat;
    display:block;
    height:20px;width:122px;
}
.logo-outer-on{
	background-image:url(../image/logo-b.png);
	background-position: center center;
    background-repeat: no-repeat;
    display:block;
   height:20px;width:122px;
}
 
.view_area {
    max-width: 1200px;
    margin: 0 auto;
}
.white-box{
	background:#fff;
}
::-webkit-input-placeholder{
        color: #999;
        
}

.smrow {
    max-width:1200px;
    margin:0 auto;
}       


body{
    font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei !important;
}  
     
/*    @media screen and (min-width: 1440px){
    .computer_bg {
        background:url(../img/computer-bg_little.png)center center no-repeat;height:591px;width:973px;
        z-index: 1; position: relative;right:100px;top:20px;
    }
}
  @media screen and (max-width: 1440px){
    .computer_bg {
        background:url(../img/computer-bg_little.png)center center no-repeat;height:474px;width:780px;
        z-index: 1; position: relative;right:60px;top:60px;
    }
} */  

/*   @media screen and (min-width: 1440px){
    .fab_bg {
        background:url(../img/fab-bg_little.png)center center no-repeat;height:524px;width:934px;
        z-index: 1; position: relative;left:0px;top:80px;
    }
}
  @media screen and (max-width: 1440px){
    .fab_bg {
        background:url(../img/fab-bg_little.png)center center no-repeat;height:438px;width:780px;
        z-index: 1; position: relative;left:0px;top:60px;
    }
}  */ 

.services2{
	 background:url(../image/Calculation-bg.jpg) top center no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
}
.services3{
	margin-top:10px;
	background:none;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
}

@media screen and (min-width: 1440px){
	.services3{
	margin-top:10px;
	background:url(../image/car-bg.jpg) top center no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
}
} 
 @media screen and (min-width: 768px){
	.services3{
	margin-top:10px;
	background:url(../image/car-bg.jpg) top center no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
}
}
.services5{
	height: 600px;
	background:none;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
	
}
@media screen and (min-width: 1440px){
	.services5{
		height:500px;
	 background:url(../image/orange-bg.jpg)  center no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
	}
} 
 @media screen and (min-width: 768px){
	.services5{
	height:500px;
	background:url(../image/orange-bg.jpg)  center no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
    transition: background-position 0.5s ease-out;
    z-index: -1;
	}
}

 @media screen and (max-width:1199px){
       .margintop90{margin-top:30px!important;}
     .prostyle{color:#444!important;text-align:left}
      .profont{color:#666!important;text-align:left}
}
.btn-whites:focus,.btn-whites:hover,.btn-whites:active{
	background:rgba(255,255,255,0.2);color:#fff;
}
.footstext{
	margin-top: 20px;
	font-size: 14px;
	color: #aaa;
}

.btn-white{
	border:2px solid #ffc86d;
	padding: 8px 40px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none; 
	color:#fff;
} 
.btn-white:hover{
	color:#fff;
	background:rgba(255,255,255,0.1)
} 

.btn-orange{
	color:#fff;
	padding: 10px 36px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
}
@media screen and (min-width: 768px){
	.btn-orange{
		color:#fff;
	padding: 10px 40px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
	}
}
@media screen and (min-width: 1440px){
	.btn-orange{
		color:#fff;
	padding: 10px 40px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
	}
}

.btn-line{
	color:#ffa400;
	padding: 8px 36px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	border:2px solid #ffa400;
}

@media screen and (min-width: 768px){
	.btn-line{
	color:#ffa400;
	padding: 8px 40px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	border:2px solid #ffa400;
}
}
@media screen and (min-width: 1440px){
	.btn-line{
	color:#ffa400;
	padding: 8px 40px;
	border-radius: 30px;
	font-size:15px;
	text-decoration: none;
	border:2px solid #ffa400;
}
}


.btn-line:hover{
	border:none;
	padding: 6px 22px;
	color:#fff;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
	box-shadow: 0px 5px 5px rgba(255,99,23,0.4);
}

@media screen and (min-width: 1440px){
	.btn-line:hover{
	border:none;
	padding: 10px 42px;
	color:#fff;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
}
}
@media screen and (min-width: 768px){
	.btn-line:hover{
	border:none;
	padding: 10px 42px;
	color:#fff;
	background-image: linear-gradient(270deg, #ff6317 0, #ffa400 97%);
}
}


 .servicesCompany{
	background: none;
}
/* .serimg2{
	width: 350px; height:212px;margin-top: 40px;
} */
/* .serimg3{
	width:360px;height: 202px;margin-top: 40px;margin-right: 30px;
} */
/* .serimg4{
	margin-top:50px;width:360px; height:235px;
} */
/* .serimg5{
	margin-top:45px;width:360px; height:287px;
} */

@media screen and (max-width:1280px){
	.serimg2{
	width:100%;
}
@media screen and (max-width: 1280px){
	.serimg3{
	width:100%;
}
@media screen and (max-width:1280px){
	.serimg4{
	width:100%;
}
@media screen and (max-width: 1280px){
	.serimg5{
	width:100%;
}


@media screen and (max-width:1199px){
	.sertxt4{
		text-align: center;
	}
}