@charset "utf-8";
/* CSS Document */
html { display:block; padding:0px; 
       margin:auto;
}
body {margin:0px; padding:0px; color:#333; font-family:Tahoma,"微软雅黑"; font-size:14px; background-color: #fff;  overflow-y:scroll; text-align:center;   
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;  }
img { border:0px;}
a { color:#333; text-decoration:none;   outline: none; star:expression(this.onFocus=this.blur());}
a:hover { color:#FF7900;   outline: none; star:expression(this.onFocus=this.blur());}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

   .not-select{
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}

.sjzhu { width:100%; height:100%; display:block; padding:0px; margin:auto;
}
.usermodule { width:100%; max-width:1200px; text-align:left; margin:auto;
}
.usermodulet { width:100%; max-width:1200px; text-align:center; margin:auto;
}

.sjtop { height:70px; box-shadow:0px 0px 5px #666;
}
.sjlogo { float:left; width:180px; margin-top:22px;
}
    .sjlogo img { width:100%;
    }

.sjmenu {float:right; width:620px;margin-top:18px; 
}
    .sjmenu ul { display:block; padding:0px; margin:auto;
    }
        .sjmenu ul li { float:left; width:120px; text-align:left; line-height:30px; color:#333;
        }
            .sjmenu ul li a { cursor:pointer; padding:2px 15px;  text-align:center; display:inline-block;  font-size:16px; border-radius:8px; 
            }
                .sjmenu ul li a:hover {
                    color: #fff;
                    background-color: #FF7900;
                }






.encn { float:right; margin-top:18px; 
}
    .encn select {
        border: 1px #FF7900 solid;
        color: #FF7900; font-weight:bold;
        border-radius: 8px;
        height: 35px;
        line-height: 35px;
        padding: 0px 5px;
        outline: none;
        cursor: pointer;
    }

.ind_1 {position:absolute; margin:auto; width:100%; 
}
.ind_1_1 { background-color:#d6392b; border-radius:20px; height:100%;
}
.ind_1_1 li { float:left;  width:30%; float:left; padding:30px 0px; position:relative;    height:auto;
}
    .ind_1_1 li img { width:100%;
    }
   .xianind { height:100%;
}


.ind_2 { display:block; height:1024px;  border-top:1px #D9D9D9 solid;  min-height:500px; background-image:url(/skin/ind2bg1.png?xx);   background-size:cover;  background-position:center center; background-repeat:no-repeat;
}
.ind_2_1 { margin-top:150px;
}

.ind_2_2 { width:600px;  margin:50px auto auto auto;
}
    .ind_2_2 ul li { float:left; width:150px;  font-size:16px; font-weight:bold; 
    }
              .ind_2_2 ul li span { cursor:pointer; padding:2px 15px;  text-align:center; display:inline-block;  font-size:16px; border-radius:8px;  height:30px; line-height:30px;
            }
            .ind_2_2 ul li span:hover { color:#fff; background-color:#d6392b; 
            }

.ind_2_2_1 { font-size:50px; font-weight:bold; display:block; margin-top:70px;
}
.ind_2_2img { width:29%;
}
.morex2 { margin-top:40px;
}

.proindlist { width:200px; border-radius:6px;  margin-top:80px;
}
    .proindlist ul { display:block; padding:0px;margin:0px; 
    }
        .proindlist ul li { width:100%; font-size:16px; padding:0px 15px; line-height:40px; height:40px; margin-bottom:1px ; background-color:#ccc;  color:#fff; cursor:pointer;
        }
            .proindlist ul li:hover { background-color:#d6392b;  font-weight:bold;
            }


.ind3 { padding:50px 0px;  min-height:150px;
}
.ind4 { padding:50px 0px;  min-height:150px; background-color:#f7f7f7; 
}
.ind5 { 
}
.indexnew { background-color:#fff; padding:50px 0px 80px 0px; margin-top:20px;
}
.newslist { width:100%; min-height:300px; margin-top:30px;
}
.newslistleft { width:61%; float:left;
}
.newslistleftlist { width:calc(50% - 20px ); float:left; font-size:12px; line-height:25px; margin:0px 10px auto 10px;
}
    .newslistleftlist img { width:100%; margin-bottom:5px;
    }


.newsindx {width: 25%; margin: auto;
}

.newslistright { width:30%; float:right; border-left:1px #ccc solid; padding-left:4%;margin-left:4%;
}
.newslistrightlist { width:100%; line-height:35px;; margin:5px auto; height:35px; font-size:14px;
}
.newslistrightlist:hover { cursor:pointer; color:#FF7900;
}
.newslistrightlist_1 {float:left;
}
.newslistrightlist_2 {float:right;
}

.morexind { background-color:#808080; color:#fff; display:inline-block; padding:10px 10px; text-align:center; font-size:16px;  letter-spacing:2px; min-width:150px; border-radius:6px; cursor:pointer; margin-top:40px;
}
    .morexind:hover { background-color:#d6392b; 
    }
.nycon { width:100%; display:block; text-align:center;
}
.promenu { margin:30px auto;  width:1018px;
}
    .promenu ul li { width:150px; float:left;  line-height:30px; border-radius:8px; border:1px #333 solid;  color:#333;  padding:2px 10px; margin:auto 15px; cursor:pointer;
    }
        .promenu ul li:hover { border:1px #d6392b solid; background-color:#d6392b; color:#fff; 
        }

.prolistx {   min-height:500px; display:block;    text-align:center; 
}
.prolistx img { border-radius:15px;
}
.nybanner { height:400px; background-position:center center ; background-repeat:no-repeat; background-size:cover; position:relative;
}
 


.about1 {   background-position:bottom center;  padding:50px 0px;  background-repeat:no-repeat;
}
.about1_left { width: 50%; float: left;
}
.about1_right { font-size: 16px; text-indent: 2em; text-align: left; margin: 10px auto auto auto; line-height: 36px; width: 50%; float: right;
}

.about2 { padding:50px 0px;
}

.about_img { width:30%; 
}

.aboutry img { width:22%; margin:15px 1.5%; float:left;
}
.about2 { height: 500px;
}

.honor_img { width:33%;
}

.contact1 { width:100%; display:block; margin-top:80px;
}
    .contact1 ul li {width:calc(20% - 4px); margin:auto 2.5%; display:block;  float:left;  border:1px #fff solid; 
                     line-height:36px;
                     border-radius:10px; text-align:center; line-height:20px; padding-bottom:30px; cursor:pointer; background-color:#fff;
    }
        .contact1 ul li img { display:block;    width:60%; margin:50px auto;
        }
        .contact1 ul li span { font-size:24px; font-weight:bold; 
        }
        .contact1 ul li:hover { border:1px #eee solid; color:#FF7900;
        }

.formlist { width:100%; display:block; padding:0px; margin: 80px auto 0px auto;
}
    .formlist ul li { width:33%; float:left; line-height:40px;  height:40px; margin-bottom:30px;
    }
.but1x { background-color:#d6392b; width:200px; line-height:40px; border-radius:10px; text-align:center; color:#fff; font-weight:bold; letter-spacing:2px; margin:auto;  cursor:pointer;
}
.but1x:hover { background-color:#333;
}
.inputdiv { line-height:40px; display:block; width:90%; border-bottom:1px #ccc solid; font-weight:bold; text-align:left; margin:auto;
}
    .inputdiv input { border:0px; outline:none; margin-left:10px;
    }
.listselect { width:90%; text-align:left; margin:auto; padding:0px 5%; border:1px #ccc solid; background-color:#f7f7f7; outline:none; height:40px; line-height:40px;
}
    .listselect option { line-height:40px; height:40px;
    }
.servicecss { font-size:24px;  text-align:left; line-height:65px;  padding-top:50px;
}
    .servicecss span { color:#d6392b; font-size:26px; font-weight:bold;
    }


.newslists { width:90%; margin:10px auto;  line-height:30px; height:200px;
}
.newslistsleft { float:left; width:30%; overflow:hidden; cursor:pointer;
}
    .newslistsleft img { width:100%; overflow:hidden;
    }
      .newslistsleft img:hover {
                    transform: scale(1.3, 1.3);
                    -webkit-transform: scale3d(1.3,1.3);
                    transition: .8s transform;
                    -webkit-transition: .8s transform;
                }

.newslistsright { width:65%; float:right;
}
.newslistsright_1 { font-size:18px; font-weight:bold; cursor:pointer;
}
.newslistsright_2 {  height:30px;  min-width:80px;  line-height:30px; color:#ccc; 
}
.newslistsright_5 {border-bottom:3px #FF7900 solid; margin-bottom:2px; margin-top:3px;  width:30px; height:0px;
}
.newslistsright_3 { margin-top:0px; line-height:25px; display:inline-block; margin-bottom:10px; color:#808080;
}

.morer { display:inline-block; width:80px; height:25px; border:1px #FF7900 solid; color:#FF7900; margin-top:260px; line-height:25px; font-size:13px; cursor:pointer; border-radius:8px;
}
    .morer:hover { background-color:#FF7900; color:#Fff;
    }

.prolistcon { width:100%;  position:relative;
}
    .prolistcon ul { display:block; padding:0px; margin:auto;
    }
    .prolistcon ul li { width:40%; margin:30px 5%; float:left;
    }
        .prolistcon ul li img { width:100%; cursor:pointer;
        }
         .prolistcon ul li  img:hover {
                    transform: scale(1.1, 1.1);
                    -webkit-transform: scale3d(1.1,1.1);
                    transition: .8s transform;
                    -webkit-transition: .8s transform;
                }



.ind8 {padding:50px 0px; background-color:#ff7900;
}
.ind8p { max-width:100%;
}
.ind8left { float:left; width:50%; text-align:left; color:#fff;
}
.ind8right { float:right; width:50%;  text-align:center;
}
.ind8left_1 { font-size:50px;  font-weight:bold;
}
    .ind8left_1 span {  background-color:#fff; border-radius:10px; margin-left:20px; color:#FF7900;display:inline-block; padding:0px 20px; font-size:30px; cursor:pointer;
    }
.ind8left_2 { line-height:30px; font-size:16px; margin:15px auto;
}
.ind8left_3 { font-weight:bold; font-size:50px;
}
.ind8right_con { width:80%; margin:auto; 
}
.ind8right_con input { border:0px;  border-bottom:1px #fff solid; text-align:left; line-height:40px; margin-top:20px; margin-bottom:20px; font-size:18px; width:100%; background-color:#FF7900; 
                       color:#fff;
                       outline:none;
}
input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #fff;   
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
     color: #fff;    
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #fff;    
}

.ind8right_but { border-radius:25px; height:50px; text-align:center; font-size:24px; color:#fff;  border:1px #fff solid;  cursor:pointer; margin-top:30px; line-height:50px;
}
    .ind8right_but:hover { background-color:#fff; color:#fff; border:1px #fff solid;  color:#FF7900;
    }



.ind7 { margin:0px auto 0px auto;position:relative;   background-color:#F2F2F2;
}
.ind7tt { width:100%;  display:block; padding:50px 0px;
}
    .ind7tt ul { display:block; padding:0px; margin:auto;
    }
        .ind7tt ul li { width:40%;  background-color:#Fff;  line-height:150px;  font-size:36px;  letter-spacing:2px;  float:left;  display:block; height:150px; border-radius:15px; text-align:center;
        }
            .ind7tt ul li:hover { background-color:#FF7900; color:#fff; cursor:pointer;
            }
.ind7_2 { width:100%; position:relative; text-align:center;
}
.ind7_img { width:100%;
}
.ind7_2 span{ width:150px; position:absolute; bottom:15%; left:10%;   background-color:#FF7900; color:#fff;  display:block; height:35px; line-height:35px; text-align:center; border-radius:16px;
}
    .ind7_2 span:hover { background-color:#fff; color:#333; cursor:pointer;
    }


.ind7_title { width: 30%; margin: 80px auto 50px auto;
}

.ind7_3 { margin:50px auto;  height:auto;

}
    .ind7_3 ul { display:block; padding:0px; margin:auto;
    }
        .ind7_3 ul li { width:30%; float:left;   margin:10px 1.5%; border-radius:20px; background-color:#fff; overflow:hidden;
        }
            .ind7_3 ul li img { width:100%;  border-radius:20px 20px 0px 0px; display:block; cursor:pointer;
            }
                     .ind7_3 ul li  img:hover {
                    transform: scale(1.3, 1.3);
                    -webkit-transform: scale3d(1.3,1.3);
                    transition: 1s transform;
                    -webkit-transition: 1s transform;
                }
            .ind7_3 ul li a {  height:50px; line-height:50px; display:block; text-align:center;  cursor:pointer; float:left;
            }
                .ind7_3 ul li a:hover { background-color:#FF7900; color:#fff; 
                }
.ind7_listm { border-top:1px #eee solid; 
}
               
.lefta { border-radius:0px 0px 20px 0px; border-left:1px #eee solid;  width:calc(50% - 1px);
}

.righta { border-radius:0px 0px 0px 20px;  width:50%;
}



.ind10_3 { margin:50px auto;  height:auto;

}
    .ind10_3 ul { display:block; padding:0px; margin:auto;
    }
        .ind10_3 ul li { width:97%; float:left;   margin:10px 1.5%; border-radius:20px; background-color:#fff; overflow:hidden;
        }
            .ind10_3 ul li img { width:100%;  border-radius:20px 20px 0px 0px;  display:block; cursor:pointer;
            }
                     .ind10_3 ul li  img:hover {
                    transform: scale(1.3, 1.3);
                    -webkit-transform: scale3d(1.3,1.3);
                    transition: 1s transform;
                    -webkit-transition: 1s transform;
                }
            .ind10_3 ul li a {  height:50px; line-height:50px; display:block; text-align:center;  cursor:pointer; float:left;
            }
                .ind10_3 ul li a:hover { background-color:#FF7900; color:#fff; 
                }




.proshop { position:absolute; left:50%; margin-left:-500px; bottom:40%;
}
.proshop_1 { margin-bottom:20px; width:200px; border:1px #fff solid; color:#fff; border:1px #fff solid; 
           height:30px; padding:5px 15px; border-radius:30px; text-align:left; line-height:30px; font-size:18px; position:relative; cursor:pointer;
}
.proshop_1font { z-index:99; width:calc(100% - 30px); height: calc(100% - 10px); position:absolute; left:0px; top:0;padding:5px 15px;
}
    .proshop_1font img {height:100%; float:right; 
    }
    .proshop_1:hover { border:1px #FF7900 solid; 
    }
     .proshop_1:hover .proshop_1bg { background-color:#FF7900;
    }
.proshop_1bg { position:absolute; left:0; top:0px; background-color:#ddd; opacity:0.4; width:100%; height:100%; border-radius:30px; z-index:0;
}
    .proshop_1 img { height:100%; float:right;
    }

















.sjbottom {    color:#fff;
}
.sjbottom_con { background-color:#666; padding:30px 0px 10px 0px;
}
.sjbottom_friend {  
}
.btxian { height:8px; width:100%; background-image:url(/skin/xian.png?x);
}
.btfriend_left {float:left; width:100px; font-size:18px; font-weight:bold; line-height:40px; margin-top:8px;
}
.brfriend_right { float:right; width:calc(100% - 200px); text-align:right;  line-height:40px; margin-top:8px;
}
    .brfriend_right A { color:#FFF;
    }
.btfriend_mess { color:#eee; text-align:left; line-height:30px; font-size:13px;
}
.sjbottomzhi { width:100%; display:block; margin:30px auto 50px auto;
}
.sjbottomzhi_left { float:left; width:60%;
}
    .sjbottomzhi_left dl { width:20%; float:left; text-align:left;
    }
        .sjbottomzhi_left dl dt {  font-weight:bold; font-size:20px; margin-bottom:20px; 
        }
        .sjbottomzhi_left dl dd { line-height:45px; font-size:16px;
        }
            .sjbottomzhi_left dl dd img {float:left; margin-right:9px; display:block; 
            }
            .sjbottomzhi_left dl dd span:hover { color:#FF7900; cursor:pointer;
            }

.sjbottomzhi_right { float:right;  width:20%;
}
    .sjbottomzhi_right img { width:75%; padding-left:20%;
    }

.sjbottom_copyright { background-color:#f2f2f2; line-height:30px; text-align:center;  color:#333;
}
    .sjbottom_copyright table {  margin:auto; float:left;
    }
      .sjbottom_copyright img {  margin-top:8px;
    }
.sjbottom_copyright a{ color:#333;
}

.sjbottom_copyright  span{ line-height:30px; display:block; margin-top:4px;
    float:right;
}















/*.indexcon1 {   animation: leftxoncz 1.4s alternate forwards;
}  
 .indexcon2 {   animation: rightxoncz 1.4s alternate forwards;
}  
@keyframes leftxoncz {
  0% {  opacity: 0;  margin-left:-50px; }
 100% {  opacity: 1;  margin-left:4%; } 
}
@keyframes rightxoncz {
0% {  opacity: 0;  margin-right:-50px; }
 100% {  opacity: 1;  margin-right:4%; } 
}*/



@keyframes bannertextx {
  0% {  opacity: 0;  padding-top:100px; }
 
 100% {  opacity: 1;  padding-top:0px; }
   


}
   .div1 { position:absolute;  min-height:50px; line-height:50px;  background-color:#eee; opacity:0.8; display:block; width:100%; font-size:16px; 
    }
   .div2 { position:absolute;  min-height:60px; line-height:60px;  background-color:#fff; opacity:0.8; z-index:999; display:none; width:100%; font-size:16px;  
    }
.nymenux { width:400px;  margin:auto; height:60px; line-height:60px; position:absolute; left:0px; right:0px; display:none; 
}
.nymenux ul li { width:90px; margin:0px 20px;  float:left; font-size:16px;   text-align:center; cursor:pointer;
}
    .nymenux ul li:hover {
        border-bottom: 3px #FF7900 solid;
        color: #FF7900;
    }

.nymenux2 { width:350px;  margin:auto; height:60px; line-height:60px; position:absolute; left:0px; right:0px; display:none;
}
.nymenux2 ul li { width:130px; margin:0px 20px;  float:left; font-size:16px;   text-align:center; cursor:pointer;
}
    .nymenux2 ul li:hover {
        border-bottom: 3px #FF7900 solid;
        color: #FF7900;
    }
.nymenux3 {
    width:570px;
    margin: auto;
    height: 60px;
    line-height: 60px;
    position: absolute;
    left: 0px;
    right: 0px;
    display: none;
}

    .nymenux3 ul li {
        width: 100px;
        margin: 0px 20px;
        float: left;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }

        .nymenux3 ul li:hover {
            border-bottom: 3px #FF7900 solid;
            color: #FF7900;
        }





.aaaa { cursor:pointer; 
}
    .aaaa:hover { color:#d6392b;
    }


  #NcBanner {  width:100%;   height:100%; position:relative;  margin:0px auto;
        }

        #Bannerchange { width:100%;  height:100%; 
        }
            #Bannerchange .div1 { display:none; padding:0px; margin:0px; width:100%; height:100%;  position:absolute;
                                 background-repeat:no-repeat; background-size:contain;    background-position:center center;

            }
#bannerbiao { position:absolute;  bottom:10px;  left:0%;  right:0px;  z-index:999; margin:auto; width:80%;   max-width:1200px;  display:block; text-align:center; 
}
    #bannerbiao table {   padding:0px;  border-collapse:collapse;  text-align:center;   margin:auto;
                       
    }
    #bannerbiao table tr {  margin:0px; padding:0px;
    }
        #bannerbiao table tr td { width:24px; height:24px;  padding:5px;   cursor:pointer; background-image:url(/skin/dotx.png); background-repeat:no-repeat;
        }



        .sjbanner { display:block; border:0px;  
}
    .sjbanner img { display:block;outline:none; 
    }

        
  #NcBanner {  width:100%;   height:100%; position:relative;  margin:0px auto; z-index:555;
        }

        #Bannerchange { width:100%;  height:100%; 
        }
            #Bannerchange .div1 { display:none; padding:0px; margin:0px; width:100%; height:100%;  position:absolute;
                                 background-repeat:no-repeat; background-size:contain;    background-position:center center;

            }
#bannerbiao { position:absolute;  bottom:10px;  left:0%;  right:0px;  z-index:999; margin:auto; width:80%;   max-width:1200px;  display:block; text-align:center; 
}
    #bannerbiao table {   padding:0px;  border-collapse:collapse;  text-align:center;   margin:auto;
                       
    }
    #bannerbiao table tr {  margin:0px; padding:0px;
    }
        #bannerbiao table tr td { width:24px; height:24px;  padding:5px;   cursor:pointer; background-image:url(/skin/dotx.png); background-repeat:no-repeat;
        }