/* CSS Document */


@import url(gstar_global.css);
@media print {
  .no-print {
    display: none;
  }
}


body {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}
  body, html {
    margin: 0;
    padding: 0;
    height: 100%;
  }
#video-container {
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


.g_body { float:left;width:100%;   margin-top:660px; z-index:990; position:relative;  text-align:center;}
.service { float:left; width:420px;  height: auto; padding-bottom:40px;text-align:center; color: #4a4a4a; background-color:#fff; margin-right:30px; margin-top:30px; border-radius:20px; -webkit-box-shadow:0 0 10px #9d9d9d; 
  -moz-box-shadow:0 0 10px #9d9d9d;  
  box-shadow:0 0 10px #9d9d9d;}
.service span { float:left; margin-left:20px; margin-top:20px; width:90%; text-align:center; font-size:13px;  }

.service h1 { float:left; margin-left:30px; margin-top:13px; width:90%; height:50px; text-align:center; font-size:18px; font-weight:bold;  display:inline; color:#00a97a;   }
.service p { float:left; width:70px;  height:10px; border-bottom:1px solid #cacaca;   margin-left:80px;  display:inline;  }


.service:hover { background-color:#00a97a; color:#FFF; } 

.pro_position { float: left; position: absolute; transition: opacity 1s;}

.pro_position:hover img {  transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;}





.about_div {float:left; width:100%; margin-top:50px;}
.about_img { float:left; width:50%;}
.about_img img { float:left; width:100%; height:auto;}

.about_img1 { float:left; width:45%;}
.about_img1 img { float:left; width:100%; height:auto;}

.about_content {float:right; width:45%; color: #4c4c4c;}




.button_font{ margin:0 auto; margin-top:20px; width:300px; height:55px; background-color:#aeaeae; line-height:55px; font-size:20px; margin-top:20px; }
.button_font:hover {  -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;

background-color:#e2490d; color:#FFF;}

.tabmenu{width:96%; margin:0 auto; padding-top:50px;}
.tabmenu ul{ width:100%; text-align:center;}
.tabmenu ul li{display: inline-block;text-align:center; width:230px; height:auto;  border-radius: 5px; padding:3px;}
.tabmenu ul li img{ width:100%; height:auto;}
.tabmenu_off { color:#666666; font-weight: normal; width:230px; text-align:center;}
.tabmenu_on {  COLOR: #ffffff;  font-weight:bold;  width:230px; text-align:center;border: #ea5432 3px solid; }





.case_show{ margin:0 auto; width:100%; margin-top:30px; color:#00a97a;}
.case_show ul{ margin:0 auto;   text-align:center;}
.case_show   li:a{ color:#5f5f5f;  }

.case_show li:hover{ background-color:#00a97a; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;}
.case_show ul li p { float:left;width:100%; overflow:hidden;}
.case_show ul li h1 { float:left;width:100%;  height:50px; line-height:50px; text-align:  font-size:14px; }


.case_show A li img{ float:left; width:100%; height: auto;}
.case_show li img{ float:left; width:100%; height: auto;}
.case_show A:hover IMG {    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;}


.case_show   li{ display: inline-block; width:23%; margin-right:0.75%; margin-left:0.75%; height: auto;  margin-top:10px; border-radius:10px; overflow:hidden; background-color:#ededee; color:#5f5f5f;border: #dddddd 1px double;   }

@media screen and (min-width: 1280px) and (max-width:1599px){
.case_show   li{ float:left;margin-top:20px; padding-bottom:30px; margin-right:1%;width:24%; height: auto; display:inline;overflow:hidden; border-radius:10px;background-color:#ededee; color:#5f5f5f;   }
}

@media screen and (min-width: 768px) and (max-width:1279px){
.case_show   li{ float:left;margin-top:20px; padding-bottom:30px; margin-right:1%;width:32%; height: auto; display:inline;overflow:hidden;border-radius:10px; background-color:#ededee; color:#00a97a; }
}
@media screen and (max-width:768px){
.case_show  li{ float:left;margin-top:20px; padding-bottom:0px; margin-left:1.5%;width:48%;margin-right:0; border: #dddddd 1px double;  height: auto; display:inline;overflow:hidden; border-radius:10px; background-color:#ededee; color:#5f5f5f;   



 }
 
 
 .case_show ul li h1 {  height:30px; line-height:30px; text-align:  font-size:14px; }
}








.risk { float:left; margin-top:20px; width:100%;font-size:13px;  text-align:justify;text-justify:inter-ideograph; line-height:30px; color:#666; height:300px;}



.index_image{width:96%; margin:0 auto;}
.index_image ul{ width:100%; margin-top:50px; text-align:center;}
.index_image li{ display: inline-block;text-align:center;  width:23.6%; height:auto;border-bottom: #dddddd 1px double; padding:10px; }
.index_image li span{ float:left; width:100%; height:auto; text-align:center; overflow:hidden; }
.index_image li h1{ float:left;margin-top:20px; width:100%; text-align:center; font-size:18px; height:70px; line-height:30px;background:url(../images/pro_image_icon.png) center bottom no-repeat;}
.index_image li img{ float:left; width:100%; height:auto;
 -webkit-filter:grayscale(100%);
        -o-filter:grayscale(100%);
        -moz-filter:grayscale(100%);
        -ms-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
}
.index_image li:hover{  
background-color:#ea5432; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;
 }   
  
.index_image  li:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;
	
	-webkit-filter:grayscale(0%);
        -o-filter:grayscale(0%);
        -moz-filter:grayscale(0%);
        -ms-filter:grayscale(0%);
        filter:grayscale(0%);
        filter:none;
}



.index_about {width:100%; height: auto;  height:800px;text-align:center; background:url(../images/index_about_bg.jpg) center bottom no-repeat; background-attachment:fixed;background-size:cover; text-align:center;}
.index_about h1 { padding-top:50px; color:#FFF; font-size:30px; height:100px;}


 .index_about span { float:left;  padding-top:50px; width:100%; text-align:center; font-size:18px; color:#FFF; line-height:35px;}

.index_about img { float:left; width:100%; height:auto;}
.index_application {width:100%; height: auto; padding-bottom:50px; background-color:#f3f3f3;  text-align:center; }


.index_pro_bg{ float:left; margin-top:50px; width:100%; height:578px;background:url(../images/index_pro_bg.jpg) center bottom no-repeat;background-size:cover;}


.index_news{width:100%;  margin-top:50px; height:737px; text-align:center; }

.yy_news_wap { display:none;}
.we_news_pc{ margin:0 auto; width:96%; margin-top:30px; color:#464646;}
@media screen and (min-width: 1600px) and (max-width:2570px){
.we_news_pc   li{ float:left; padding:40px;width:25%; height: auto; display:inline; border-left: #dddddd 1px double;   }
}
@media screen and (min-width: 1280px) and (max-width:1599px){
.we_news_pc   li{ float:left;margin-top:20px;  padding:40px; width:25%; height: auto; display:inline;  border-left: #dddddd 1px double;   }
}

@media screen and (min-width: 769px) and (max-width:1279px){
.we_news_pc   li{ float:left;margin-top:20px; padding-bottom:30px; margin-left:1%;width:48%; height: auto; display:inline; background-color:#ededee;   }
}
@media screen and (max-width:768px){

.we_news_pc li{ display: inline-block;text-align:center;  width:100%; height:auto;border-bottom: #dddddd 1px double; padding:10px; }
}

.we_news_pc   li h1{ float:left;  font-size:15px; margin-top:10px;  display:block;  width:100%; height:56px; line-height:24px; text-align:left; color:#4d4d4d; }
.we_news_pc   li span {overflow:hidden; }
.we_news_pc  li p{ float:left; margin-top:10px;width:100%; line-height:25px; display:inline; height:100px;  text-align:justify;text-justify:inter-ideograph;}
.we_news_pc  li img{ float:left; width:100%; height: auto;}

.we_news_pc li:hover{  
background-color:#ea5432; color:#FFF;
  -webkit-box-shadow:0 0 10px #666666;  
  -moz-box-shadow:0 0 10px #666666;  
  box-shadow:0 0 10px #666666;   -webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;
 }   
.we_news_pc li:hover h1{  
 color:#FFF;
 
 }  
.limitless_news  li:hover img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
}

.index_num{float:left; width:100%; height:auto;}
.index_num_tel{ display:none;}
@media screen and (max-width: 820px) {
	
	.service { width:100%; margin-right:0px; }
.service span { float:left; margin-left:17px; margin-top:20px; width:90%; text-align:center; font-size:13px;   display:inline;  }
.service span img { width:100%; height:auto; }
.service h1 { float:left; margin-left:17px; margin-top:13px; width:90%; text-align:center; font-size:18px; font-weight:bold;  display:inline; color:#00a97a;   }
.service p { float:left; width:70px;  height:10px; border-bottom:1px solid #cacaca;   margin-left:80px;  display:inline;  }
	
	
	
	.we_body { float:left;width:100%; left:0;   margin-top:0px; position:relative;}
	
	.g_body {float:left; width:100%;margin-top:20px;}
	.index_about h1 { padding-top:50px; color:#FFF; font-size:18px; height:100px;}


 .index_about span { float:left;  padding-top:50px; width:100%; text-align:center; font-size:13px; color:#FFF; line-height:35px;}
 
 .case h1 { float:left;  width:100%; height:80px; font-size:20px; color:#ea5432;background:url(../images/index_pro_h1_bg.png) left bottom no-repeat;}
.case p { float:left; width:100%;  font-size:13px; line-height:30px; color:#4c4c4c; }
.case span { display:none;}
 .case b { float:left; width:200px; text-align:center; height:45px; background-color:#aeaeae; line-height:45px; font-size:14px; margin-top:20px; }
	
	
.index_image li{ display: inline-block;text-align:center;  width:48%; height:auto;border-bottom: #dddddd 1px double; padding:10px; }
	
	.about_div{ float:left;width:100%;margin-top:20px;}
	.about_img { float:left;  width:100%; height:auto;}

.about_content { width:100%; margin:0 auto; color: #4c4c4c; margin-top:40px;}

.about_img1 { float:left; width:100%;}
.index_news{width:100%;  margin-top:50px; height: auto; background-color:#FFF; text-align:center; }

.yy_news_wap { display:block; margin:0 auto; width:90%; margin-top:30px; color:#464646;}
.yy_news_wap li{ float:left;margin-top:20px; padding-bottom:30px; width:100%; height: auto; display:inline;   }
.yy_news_wap   li h1{ float:left;  font-size:15px; margin-top:10px;  display:block;  width:100%; height:56px; line-height:24px; text-align:left; color:#4d4d4d; }
.yy_news_wap   li span {overflow:hidden; }
.yy_news_wap  li p{ float:left; margin-top:10px;width:100%; line-height:25px; display:inline; height:100px;  text-align:justify;text-justify:inter-ideograph;}
.yy_news_wap  li img{ float:left; width:100%; height: auto;}

.tabmenu ul li{display: inline-block;text-align:center; width:24%; height:auto;  border-radius: 5px; padding:2px;}
.tabmenu_off { color:#666666; font-weight: normal;  text-align:center;}
.tabmenu_on {  COLOR: #ffffff;  font-weight:bold;   text-align:center;border: #da4a03 3px solid; }

	}