@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:#f60;   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;
}
.contactx { margin: 10px auto 10px auto; width: 168px; cursor: pointer;
}
.mainbody { 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;
}
.menu_760 { display:none;
}
.cxwtop {  width:100%; height:200px; text-align:center; margin:auto;  color:#333;
}
.cxwtop1 { width:100%; border-bottom:1px #ccc solid; line-height:36px; height:36px;  display:inline-block; 
}
.top1_1 { float:left;
}
.top1_2 { float:right; margin-right:5px;
}
.cxwtop2 { width:100%; height:100px;  display:block;  
}
.logo { float:left; height:100%;  width:160px;   
}
.logoimg { width:100%;  margin-top:10px; display:block;
}
.cxwpp { margin:auto; width:calc(100% - 300px); float:right;  text-align:right; 
}
    .cxwpp img { display:block;margin-right:10px; margin-top:10px; max-height:80px;  float:right;
    }
.cxwtel { float:right;  width:380px;   display:none;
}
    .cxwtel img { width:100%; display:block; margin-top:15px;
    }
.cxwmenu { height:64px; width:100%; background-color:#005AAB;
}
.menu { float:left; 
}
    .menu ul { display:block; margin:0px; padding:0px;
    }
        .menu ul li { width:120px; line-height:64px; text-align:center; font-size:16px; color:#fff; float:left; 
        }
            .menu ul li span { cursor:pointer; width:100%; line-height:64px;
            }
                .menu ul li span:hover { color:#ccc;
                }
.prosearch { width:30%; float:right;
}
.prosearch_1 { width:80%; line-height:30px; padding:2px 10px; border-radius:30px; height:30px; text-align:left;  float:right; border:0px; margin-top:15px; outline:none; 
               color:#808080;
}

.menulist2 { position:relative;
}
.menulist2 span{display:inline-block; width:100%; height:100%; 
}
            .menulist2:hover { background-color:#005AAB; color:#eee; cursor:pointer;
            }


           .menulist2:hover .menu2 { display:block;
                }

.menu2 { display:none;  width:120px;   margin:00px auto auto auto;  line-height:36px;
             position:absolute; top:64px; left:0px; z-index:999;  
}
    .menu2 dl { margin:auto;   background-color:#005AAB;   color:#fff;  font-size:15px;    padding:8px 8px; 
    }
        .menu2 dl dd { display:block;   width:100%;   position:relative;  
        }
            .menu2 dl dd:hover { color:#000; cursor:pointer; 
            }
            .menu2 dl dd span { line-height:36px;
            }

.promorex { background-color:#005AAB; color:#fff;  width:120px; text-align:center;  font-size:14px; border-radius:4px;
}
    .promorex:hover { background-color:#808080; 
    }


.cxwanqu { background-color:#eee; padding:20px  0px 50px 0px;
}
    .cxwanqu table { width:100%; text-align:center; border:0px; border-collapse:collapse;
    }
        .cxwanqu table tr { padding:0px; margin:0px;
        }
            .cxwanqu table tr td { text-align:center; 
            }
                .cxwanqu table tr td img { width:50%; display:block; margin:auto;
                }
.cxwanqu_t { line-height:40px; text-align:center; width:100%;  font-size:18px;
}



.tuijian { padding:50px  0px; width:100%; margin:auto; text-align:center;
}

.titlezhu { display:block;
}
.title_1 { font-size:30px; color:#005AAB; font-weight:bold;
}
.title_2 { border-bottom:1px #005AAB solid; width:500px;  margin:auto; height:30px;
}
    .wenzi { background-color:#fff; width: 200px;
    margin:-10px auto auto auto;
  
    }

.listpro { width:100%; display:block;  margin-top:10px;
}
    .listpro ul { display:block; margin:auto; padding:0px;
    }
        .listpro ul li { float:left; width:20%; text-align:center; line-height:30px; cursor:pointer;
        }
            .listpro ul li img { width:90%;
            }
.title_3 { font-weight:bold;  font-size:16px; display:block;
}

.cwxabout { background-color:#005AAB; padding:50px 0px; text-align:center;
}
.cwxaboutleft { width:60%; float:left; line-height:35px; color:#fff;
}
.aboutt { font-size:20px; line-height:60px;
}
.aboutcon { width:90%; text-indent:2em;
}
.aboutmore { font-size:14px; line-height:40px; cursor:pointer;
}

.cwxaboutright { width:40%; float:right;  vertical-align:middle; display:block; height:100%;
}
    .cwxaboutright img { width:100%; margin: 30px  auto;
    }
.nycon { line-height:30px; font-size:16px; padding-bottom:30px;
}
    .nycon img { max-width:1200px; margin:auto;
    }


.contactzhu { width:100%;
}
.contactzhu_1 { float:left; width:40%;  text-align:left;
}
.contactzhu_1_1 { font-size:18px; font-weight:bold;
}
.contactzhu_2 { float:right; width:60%;  text-align:left;
}
    .contactzhu_2 img { width:100%;
    }


.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:15px;  min-width:80px;  line-height:15px; color:#ccc; 
}
.newslistsright_5 {border-bottom:3px #C21334 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;
}

.fenpage { display:block; text-align:center; font-size:16px;  line-height:40px;
}
.wenzi { font-size:20px; color:#666;
}
.morer { display:inline-block; width:80px; height:25px; border:1px #808080 solid; color:#808080; margin-top:260px; line-height:25px; font-size:13px; cursor:pointer;
}
    .morer:hover { background-color:#005AAB; color:#Fff; border:1px #005AAB solid; 
    }


.newind { text-align:center; padding:50PX 0PX;
}

.listnews { width:100%; display:block; margin:30px auto;
}

    .listnews ul { padding:0px; margin:0px; display:block;
    }
        .listnews ul li { width:40%; float:left;margin:20px 5%; 
        }
.newleft { width:100px; height:60px; font-size:22px; padding:20px 0px; background-color:#eee; text-align:center; line-height:30px;  font-weight:bold; color:#005AAB; float:left; }

.newright { float:left; width:calc(100% - 100px); text-align:left; 
}
.newright1 { font-size:20px; margin-left:20px; line-height:40px; cursor:pointer;
}
.newright1:hover { color:#005AAB;
}
.newright2 {margin-left:20px; line-height:25px;  
}

.cxwcase { width:30%; margin:10px 5px; float:left;  display:block;   text-align:center; overflow:hidden;    cursor:pointer; padding:2px; border:1px #eee solid;
}
    .cxwcase img { width:100%;   overflow:hidden;  display:block;
    }
      .cxwcase img:hover {
                    transform: scale(1.3, 1.3);
                    -webkit-transform: scale3d(1.3,1.3);
                    transition: .8s transform;
                    -webkit-transition: .8s transform;
                }


      .cxwpro { width:30%; margin:10px 5px; float:left;  display:block; line-height:35px;   text-align:left; overflow:hidden;    cursor:pointer;padding:5px 1%;
}
    .cxwpro img { width:100%;    display:block;  border:1px #efefef solid; border-radius:3px;
    }
      .cxwpro img:hover { box-shadow: 0px 0px 5px #005AAB;
                    /*transform: scale(1.3, 1.3);
                    -webkit-transform: scale3d(1.3,1.3);
                    transition: .8s transform;
                    -webkit-transition: .8s transform;*/
                }


.boxproimmg { width:600px; float:left; 
}
.boxprocanshu { width:calc(100% - 600px);float:right; min-height:400px;
}
.boxprocanshu_1 { font-size:26px; font-weight:bold; line-height:30px; padding:15px 0px;
}
.boxprocanshu_2 { line-height:30px;
}
.contactus { background-color:#005AAB; width:120px; height:40px; border-radius:10px; padding:2px 5px; color:#fff; text-align:center; font-size:18px; line-height:40px;  margin-top:20px; cursor:pointer;
}
    .contactus:hover { background-color:#666; color:#fff;
    }
.promess { margin-top:50px;  
}
.promesstitle {font-weight:bold; border-bottom:1px #ccc solid; font-size:16px; line-height:40px;
}
.procontents { font-size:14px; padding:30px 0px;
}
    .procontents img { max-width:100%;
    }


.morex { border:1px #808080 solid; width:120px; padding:5px; text-align:center; height:30px; line-height:30px; font-size:14px; margin:auto; color:#808080;  cursor:pointer;
}

    .morex:hover { background-color:#005AAB; color:#fff;  border:1px #005AAB solid;
    }


.nybanner { width:100%; height:350px; text-align:center; background-position:center center;
}

.nytitle { width:100%; background-color:#eee; text-align:center; margin:auto; line-height:40px; height:40px;
}
.nycon { min-height:300px; text-align:center;
}
    .nycon img { max-width:100%; margin:auto; text-align:center;
    }
.nymenux { text-align:center;  display:inline-block; margin:50px auto;
        *display:inline;
        *zoom:1;
}
    .nymenux ul li { float:left; margin:1px 1px auto auto;
    }
    .nymenux  ul li a { width:150px; height:50px; background-color:#EEE; color:#333; display:block;  margin:auto; line-height:50px; font-size:16px;
    }
        .nymenux ul li a:hover { background-color:#005AAB; color:#fff;
        }


.promenutop {  font-size:26px; background-color:#005AAB; color:#fff; text-align:center;  line-height:80px; height:80px;
}
.promenubottom { font-size:20px; background-color:#005AAB; color:#fff; text-align:center;  line-height:40px;  padding:20px 5%;
}
.proleft { float:left; width:200px;  min-height:400px;
}
.proright {  float:right; width:calc(100% - 230px); min-height:400px;
}
.proright_title { font-size:20px; border-bottom:1px #eee solid; line-height:40px; height:40px;
}
.prolist {margin:30px auto; display:block;
}



.youfrined { width:100%; background-color:#005AAB;  line-height:60px; height:60px;  font-size:16px; color:#fff; margin:0px  auto auto auto;
}
    .youfrined a { color:#fff; 
    }
        .youfrined a:hover { color:#ccc;
        }

.cxwbottom { background-color:#333; padding:50px 0px 30px 0px; margin:0px  auto auto auto;  text-align:center;  color:#eee;
}
.bottom1 { float:left; width:600px; 
}
.bottom1_1 { float:left; width:600px; display:block; 
}
    .bottom1_1 dl { padding:0px; margin:0px; display:block; float:left; width:120px;
    }
    .bottom1_1 dl dt { font-size:18px;  line-height:40px;
    }
        .bottom1_1 dl dd { line-height:28px;  cursor:pointer;
        }
            .bottom1_1 dl dd:hover { color:#fff;  font-weight:bold;
            }
.bottom2 { float:left; width:180px; margin:13px 50px auto 50px; 
}
    .bottom2 img { width:100%;
    }
.bottom3 { float:right; width:250px;
}
.csssearch { width:70px; background-color:#005AAB; color:#fff; height:30px; line-height:30px; text-align:center; display:inline-block;  float:left;
}
.cssprosearch { border:0px;  background-color:#fff; padding:2px 5px; height:26px; text-align:left; width:160px; outline:none;  float:left;
}
.bottom3_t { line-height:40px; font-weight:bold; font-size:18px;  border-bottom:1px #ccc solid; margin-top:10px;
}
.bottom3_c { line-height:30px;  margin-top:8px;
}



















.banner { height:600px;  width:100%; display:block; padding:0px; margin:0px;  text-align:center;
}

.bannertext {  margin:15% auto auto auto; color:#fff;   z-index:99999; text-align:left; display:block; width:70%;  animation: bannertextx 1.4s alternate forwards;
}
.bannertext1{  margin:auto; color:#fff; font-weight:bold; font-size:40px;  
}
.bannertext2 { margin:auto; color:#fff;display:block; font-size:16px;  line-height:40px;
}



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


}



  #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:cover;    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;
        }