html, body {  
    margin: 0px;
    padding: 0px;    
	 background: #fff;
    font-family: "Micosoft Yahei","Arial";
	font-family: "微软雅黑"!important;
	overflow-x:hidden;
}


.row{overflow:hidden;}
	a{color:#666;}
	a:hover{color:#DC1428}
a:hover{text-decoration:none;}
li{list-style-type:none;}
#content{overflow:hidden;}
*{margin: 0; padding: 0;  }
.homes{position: absolute; width:100%;}        
.home{position:relative; width:100%; height:100vh; background: #fff;  overflow: hidden;}            
        
#index-banner {background:#DC1428; width:100%;position:relative;top:0;left:0;z-index:99990;height:100vh; overflow: hidden;}
#site-name {position:relative;width:100%;margin-left:0px;margin-top:0px;top:0%;left:0%;z-index:1; line-height:1;text-align:center;transform:translate(0,-20px);transition:transform 1s ease-out;cursor:pointer;  overflow: hidden;}
        
#site-name span {float:left;}
#site-name span img {height:59px;width:auto;}
#site-name span {display:inline-block;opacity:0;margin-right:0.4em;transform:scale(1.9,1.9);transition:opacity .5s ease-out,transform .5s ease-out;}
#site-name span:last-child {margin-right:0;}
#site-name span.c3 {margin-right:1.6em;}
#site-name span.c1s {margin-right:1.2em;}
#site-name.show {transform:translate(0,0);}
#site-name.show span {opacity:1;transform:scale(1,1);}
        
.banner {position:relative;padding:0 18px 0 18px;transition:opacity 200ms ease-out 200ms;opacity:0}
.banner.show {opacity:1}
.index-video {position:absolute;z-index:10;top:0;right:18px;bottom:0;left:18px;overflow:hidden;}
.bg-video {position:absolute;top:0;right:0;bottom:0;left:0;}
#background_video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%;width:100%;}
#video_cover {position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.bgvideo-overlay {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0);}



.swiper-container {width:100%;margin-left:auto;margin-right:auto;}
.swiper-slide {text-align:center;font-size:10px;background:#b7b7b7;/* 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;}
.swiper-pagination-bullet {width:10px;height:10px;background:#b7b7b7;}
.swiper-pagination-bullet-active{background:#fff;}


.indexnews{width: 90%; margin:0 auto; }
.indexnews .indexnewslist{width:33%; float: left; overflow: hidden; line-height: 30px; display: inline-block; margin-bottom: 15px;}
.indexnews .indexnewslist a{color:#666; font-weight: bold;}
.indexnews .indexnewslist a:hover{color:#DC1428}

.indexnews .indexdesc{width: 95%; padding-right: 5%; line-height: 24px;}
.indexnews .indexdesc:hover{color:#dc1428;}

@media(max-width: 1440px){
    .indexnews .indexnewslist{width:50%; }
}


.maizi-icon{
        background: rgb(64,210,177);
    color: fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
}

}
/**公共区域***/


.navbar-default {
    background-color: #DC1428;
   border-color:rgba(0,0,0,0);   
}

.navbar-default {
    background-color: #DC1428;
   height:120px;
   overflow:hidden;
   border-color:rgba(0,0,0,0);
}

.navbar-default .navbar-brand {
    color: crimson;
    font-size: 28px;
    font-weight: bold;
    height: 120px;
    line-height: 120px;
	padding-top:38px;
}
.nav{margin-top:4px;}
.navbar{margin-bottom:0;}

.navbar-default .navbar-nav>li>a{    color:#FFF;    height: 120px;    line-height: 90px;    font-size:16px;}

.navbar-default .navbar-nav>li>a:hover{    color:#9a0010;   }

.teltop{ color:#FFF;    height: 120px;    line-height: 120px;    font-size:16px; font-weight:bold;}

.navbar-right { float: right!important;    margin-right: 0px;  margin-left:50px; text-align:right; }

@media (max-width: 1280px){	.navbar-right { float:left!important;    margin-right: 0px;  margin-left:35px; text-align:right; }}

.navbar-collapse{padding-right:0px;}

.footer{height:380px; min-width:1200px; background:#c8c8c8; padding-top:60px; }
.footer .gs_name{font-size:22px; color:#4b4847; font-weight:normal; line-height:40px; padding-top:50px; padding-bottom:10px;}
.footer .address{color:#595757; font-size:14px; line-height:25px;}
.footer .icos{width:100%; margin-bottom:26px;}
.footer .icos .ico{width:25%; float:left;}
.footer .weixing{margin:0; padding:0; padding-top:35px; border-right:2px solid #fff; border-left:2px solid #fff; height:205px; margin-top:5px; overflow:hidden;}
.footer .weixing .wx1{width:130px; height:160px;  float:left; margin-left:40px; text-align:center; overflow:hidden;}
.footer .weixing .wx1 img{width:130px; margin-bottom:10px;}

.footer .pingjia_title{font-size:16px; color:#6e6e6e;}
.footer .pingjia{height:170px; width:100%; background:#c9c9ca; margin-top:18px; overflow:hidden; padding:5px 10px; }
.footer .pingjia .p_title{font-weight:bold;}

 .scroll ul { width:100%; position:relative; left:0; top:0; }

 .scroll li { height:165px; line-height:22px; overflow:hidden; }
.scroll li p{ margin:0; padding:0;}


.footer .copyright{color:#595757; text-align:center; padding-top:15px;}
.footer .copyright a{color:#595757; }

.footer .yqlj{color:#595757; text-align:left; padding-top:20px;}
.footer .yqlj a{color:#595757;  font-size:12px}


.footer2{height:120px; background:#DC1428; text-align:center; line-height:120px;}
.footer2 img{display:inline; text-align:center;}


.index_f4{height:160px; overflow:hidden;}

.index_four{color:#c8c8c8; font-size:30px; text-align:center; margin-top:40px; margin-bottom:40px;    border-right: 1px solid #c8c8c8; }
.index_four:nth-child(4){ border-right:none; }
.index_four span{display:block; font-size:20px;}
.index_four a{color:#c8c8c8;}
.index_four a:hover{color:#DC1428;}

.index_pic{margin:0;padding:0; float:left; width:25%; max-height:300px; overflow:hidden;}
.index_pic img{   width:100%; height:100%;  transition: all 1s;    -moz-transition: all 1s;    -webkit-transition: all 1s;-o-transition: all 1s;}
.index_pic img:hover{	transform: scale(1.2);    }
    	
	
.parter{width:100%; margin:0; padding:0;overflow:hidden;}
.parter_title{text-align:center; color:#dadbdb; font-size:30px; line-height:100px;}
.client{display:block;}

.container-fulid{overflow:hidden;}
.container{overflow:hidden;}

/*********新闻************/

.news_list{ max-width:1200px;  margin:0 auto;  margin-top:62px; margin-bottom:50px; }
.news_post{ width:32%; height:305px; overflow:hidden; float:left; margin-right:2%; margin-bottom:40px; border-bottom:1px solid #979898; }
.news_post:nth-child(3n){margin-right:0px;}
.news_post .img{width:100%; height:200px; overflow:hidden;}
.news_post img{width:100%; height:200px;  transition: all 1s;    -moz-transition: all 1s;    -webkit-transition: all 1s;-o-transition: all 1s;}
.news_post  img:hover{	transform: scale(1.2);    }
.news_post .title{font-size:18px; color:#666; font-weight:300; margin-top:15px; margin-bottom:5px; height:50px; line-height:25px; overflow:hidden;}
.news_post .news_data{color:#a3a3a4;}

.masonry-brick{margin:0; padding:0;}


.news_post:hover{border-bottom:1px solid #DC1428;}
.news_post:hover img{ -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%);    
 filter: gray; 
}
.news_post:hover .title{color:#DC1428;}
.news_post:hover .news_data{color:#DC1428;}

#pages{height:40px; text-align:center; overflow:hidden; margin-bottom:50px;}

.a2m_a{display: inline-block;width: 240px; height: 40px; border-radius:5px; border: 1px solid #DC1428; text-align: center; line-height: 40px;font-size: 14px; background: #DC1428; color: #FFFFFF; overflow:hidden;}
.a2m_a:hover{background: #DC1428; color: #FFFFFF;transition-duration: 0.5s;}


.news_info{margin-top:62px; margin-bottom:50px; color:#595757;}
.news_info .left_img img{width:100%;}
.news_info .title{font-size:20px; font-weight:300; line-height:50px;}
.news_info .news_data{font-size:14px; font-weight:300; line-height:30px; }
.news_info .news_content{border-top:1px solid #595757;line-height:25px; padding-top:10px;}
.news_info .news_content p{line-height:25px;}
.news_info .news_content img{width:100%; max-width:100%;}


/**********案例**************/
.img_list{max-width:1200px;  margin:0 auto;   margin-bottom:50px; overflow:hidden;}
.img_list .sec_menu{height:68px; overflow:hidden; }
.img_list .sec_menu li{list-style:none; float:left; font-size:20px; }
.img_list .sec_menu li a{color:#c8c8c8; padding:0 20px; line-height:68px; border-left:1px solid #c8c8c8; font-weight:normal;}
.img_list .sec_menu li:first-child a{padding-left:0; border-left:none;}
.img_list .sec_menu li a:hover{color:#DC1428;}
.img_list .sec_menu .thisclass{color:#DC1428;}
.img_list .listpic{width:33.33%;float:left; margin:0; padding:0; overflow:hidden;}
.img_list .listpic img:hover{transform: scale(1.2);   }
.img_list .listpic img{   transition: all 1s;    -moz-transition: all 1s;    -webkit-transition: all 1s;-o-transition: all 1s; }
.img_list .listpic  .front {transform:perspective(500px) rotateX(0deg);backface-visibility:hidden;transition:transform 2s;width:100%;height:100%;margin-right:-100%;float:left;  overflow:hidden;}
.img_list .listpic  .backface {transform:perspective(500px) rotateX(180deg);backface-visibility:hidden;transition:transform 2s;width:100%;height:100%;background-color:#000; overflow:hidden;}
           
.img_list .listpic:hover   .backface {transform:perspective(500px) rotateX(0deg); position:relative; }
.img_list .listpic:hover   .backface img{opacity:0.2; 	}
.img_list .listpic:hover .title{ position:absolute; top:40%; width:100%; text-align:center; font-size:20px; color:#FFF; font-weight:600; z-index:999999;} 




.cases{margin:0 auto;display:block; width:100%;}
.case_li{width:32.5%; margin-right:1.1%; margin-bottom:1.1%;  height:250px; float:left; overflow:hidden; position:relative;}
.case_li:nth-child(3n){margin-right:0;}
.case_li img{width:100%;height:250px;   transition: all 1s;    -moz-transition: all 1s;    -webkit-transition: all 1s;-o-transition: all 1s;}
.content-wrap section{width:100%;}
.case_li .front {transform:perspective(500px) rotateX(0deg);backface-visibility:hidden;transition:transform 2s;width:100%;height:100%;margin-right:-100%;float:left; overflow:hidden;}
.case_li .backface {transform:perspective(500px) rotateX(0deg);backface-visibility:hidden;transition:transform 2s;width:100%;height:100%;background-color:#000; overflow:hidden;}
.case_li:hover .front {transform:perspective(500px) rotateX(0deg);}
.case_li:hover .backface {transform:perspective(500px) rotateX(0deg); position:relative; }
.case_li:hover .backface img{opacity:0.2; transform: scale(1.2);  }

.case_li:hover .title{ position:absolute; top:40%; width:100%; text-align:center; font-size:20px; color:#FFF; font-weight:300; z-index:999999;     transition: opacity ease-out 2s}
.case_li:hover .title2{ position:absolute; top:55%; width:100%; text-align:center; font-size:15px; color:#FFF; font-weight:300; z-index:999999;     transition: opacity ease-out 2s}


   

/*********服务*************/
.server_container{color:#595757; padding:0; max-width:1200px; overflow:hidden; margin:40px auto; margin-bottom:100px;}
.server_list{width:49%;  height:350px; overflow:hidden; background:#fff; border:12px solid #c8c8c8; margin-right:2%; margin-top:24px; overflow:hidden; float:left; padding-top:25px;}
.server_list:nth-child(2n){margin-right:0;}
.server_list:hover{background:#c8c8c8;}

.biaozi{text-align:center; height:100%;}
.neirong{}
.neirongtitle{font-size:28px; color:#e50012; font-weight:bold;}
.neirongdesc{font-size:12x!important; color:#595757; font-weight:300; margin:20px 0;}
.neirongservers{ font-size:16px; color:#595757; }
.ul1{float:left; padding-left:0;  padding-right:0;}
.ul1 li{ line-height:30px;}
.ul2{ float:left; padding-left:0; padding-right:0;}
.ul2 li{ line-height:30px;}



/*********关于*************/
.aboutus{margin-top:60px; margin-bottom:60px;}
.about_r{line-height:24px;}
.about_menu{ color:#c8c8c8; overflow:hidden;}
.about_menu li{ height:70px; list-style:none; border-bottom:1px solid #c8c8c8; overflow:hidden; padding-top:10px; }
.about_menu li a{color:#c8c8c8; font-size:20px; line-height:30px;}
.about_menu li a:hover{color:#DC1428;}
.about_menu li:hover {border-color:#DC1428;}
.about_menu .thisclass{color:#DC1428; border-bottom:1px solid #DC1428;}
.about_menu .thisclass a{color:#DC1428;}
/*********联系*************/
.contactus{max-width:1200px; margin:0 auto;    padding-right: 0px;    padding-left: 0px;    margin-right: auto;    margin-left: auto; margin-top:60px; margin-bottom:60px; overflow:hidden; }
.contact_r{line-height:24px; position:relative;}
.contact_r .contact_centent img{width:100%; max-width:100%;}
.contact_ico{position:relative;}
.contact_ico{ width:330px; height:280px; margin-top:30px;   position:absolute; right:0; top:0;  text-align:right;}
.contact_ico .ico1{ float:left; padding-right:30px; }
.contact_ico .ico1 .img_gray{  -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%);    
 filter: gray; 
 }

.wwxing{display:none;height:150px;position:absolute; z-index: 10000;  margin-left: 60px;  background:#fff; margin-top:60px; }
.wwxing img{width:150px; padding:10px; }

.wwxing2{display:none;height:150px;position:absolute; z-index: 10000;  margin-left: 40px;  background:#575757; margin-top:60px; }
.wwxing2 img{width:150px; padding:10px; }



.container{width:1200px;padding-left:0; padding-right:0; }

/*atart myModal*/


#myModal{top:50%;margin-top:-270px;}
#myModal-2{top:50%;margin-top:-250px;}
#modal .form-control{
border:1px solid #eee;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0rgba(0,0,0,.075);
}
#modal .modal-dialog{max-width:400px;}
#modal .modal-header,#modal .modal-footer{border: none;}
#modal .modal-title{color:#DC1428;text-align:center;font-size:14px;}
#modal .form-control{
  background-color: #f2f2f2;
    line-height: 40px;
    height: 40px;
    display: block;
    padding: 0%;
    border-radius: 5px;
    border: 1px solid transparent;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-property: border-color, background-color;
    -webkit-transition-property: border-color, background-color;
    -webkit-transition-property: border-color, background-color;
    -ms-ttransition-property: border-color, background-color;
}
#modal .form-control:focus,#modal .form-control:hover{
  border: 1px solid #ddd;
  background-color: #fff;
}
#modal .qw-cm-form-value{padding:20px 20px 0px;}
#modal .qw-cm-min-font{
    color: #333;
    font-size: .7rem;
    line-height: 1em;
    padding-bottom: 10px;
  }
#modal button.btn{border:1px solid #ff3e7b;}
#modal .qw-cm-groupView {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}
#modal .qw-cm-groupView .qw-cm-groupMian {
    height: 100px;
    position: relative;
    overflow: hidden;
}

#modal .qw-cm-groupMian .qw-cm-form-radio {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
#modal .qw-cm-form-radio {
    padding-left: 30px;
    background: url(../images/icon_radio.png) no-repeat left center;
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
    font-size:.8rem;
}
#modal .checked{background: url(../images/icon_radio_ed.png) no-repeat left center;}
#modal .modal-footer{text-align:center;
}
#modal .modal-footer .btn-primary{
    background-color: #fe3364;
    color: #fff;
    cursor: pointer;
}


/*End myModal*/




/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 0px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 100000000;
	
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #DC1428;
    border-radius: 0;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
}
.aside-nav-one-img img{
    width: 54px;
}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -112px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 52px;
    background: #DC1428;
    color: #DC1428;
    border-radius: 0px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 10px;
}

.aside-nav-one-desc .qq-name i{
  width: 33px;
  height: 54px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #e00012;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.qq-name-box{
    position: absolute;
    right: 0px;
}
.more-width:hover .aside-nav-one-desc {
    width: 125px;
    color: #fff;
    transition: .3s;
}
.more-width-call:hover .aside-nav-one-desc {
    width: 176px;
}

.more-width-qq:hover .aside-nav-one-desc {
    width: 100px;
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}

.more-width-qq:hover .aside-nav-one-img{
    left: -223px;
}

.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}

/*------------------------------- 侧边栏end -------------------------------------*/