@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;}


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

/*webtop*/
.webtop { width:100%;  min-height:80px; padding:30px 0px 0px 0px; text-align:center; /*position:absolute; left:0px; top:0px;*/ z-index:99999;
}
.logo { width:248px; float:left;  margin-left:10px;
}
    .logo img { width:100%;
    }
.menu { width:720px; display:block; line-height:40px; float:right; color:#333; margin-top:10px; font-size:16px;  z-index:999991;
}
    .menu ul { display:block; margin:auto; padding:0px;
    }
        .menu ul li {width:120px; line-height:40px; text-align:center; float:left;
        }
        .menu ul li span {   
        }
            .menu ul li span:hover { color:#12547E; cursor:pointer; font-weight:bold;
            }
                .menu ul li:hover .menu2 { display:block;
                }

.menu2 { display:none;  width:120px; line-height:40px; margin:10px auto auto auto; 
          position:relative; z-index:999992;
}
    .menu2 dl {display:block; margin:auto;   background-color:#12547E;  border-radius:4PX;   padding:8px 8px;
    }
        .menu2 dl dd { display:block;   width:100%;  height:40px; color:#fff;
        }
            .menu2 dl dd:hover { color:#E88A1C; cursor:pointer; /*font-weight:bold;*/
            }

            .con-ret{
            border: 7px solid transparent;
            border-bottom-color:#12547E; 
            position: absolute;
            left: 43%;
            top:-13px;
        }
.menu_760 { display:none;
}

.morex { width:100px; height:34px; line-height:34px; text-align:center; color:#fff;  font-size:14px; display:block; background-color:#12547E; border-radius:17px;
}
    .morex:hover { background-color:#E88A1C;  cursor:pointer; 
    }


/*endwebtop*/



.webcon { width:100%; min-height:100px;  text-align:center; 
}
.index_1 { padding:50px 0px; text-align:center;
}
.index_1title { line-height:40px; font-size:30px; margin:auto; display:block;
}
.index_1key { display:block; margin:5px auto;  
}
.index_1short { line-height:40px; margin-top:10px; display:block;
}

.indexpro { width:1200px; margin:50px auto 30px auto;
}
    .indexpro ul { display:block; padding:0px; margin:auto;
    }
        .indexpro ul li { float:left; width:400px;  line-height:50px;  font-size:16px; text-align:left;
        }
            .indexpro ul li div {   margin:auto; width:90%;  height:190px; position:relative; vertical-align:middle; overflow:hidden;
            }
                .indexpro ul li div img { width:100%; position:absolute; top:0px; left:0px; bottom:0px;  right:0px; margin:auto;
                }
                    .indexpro ul li div img:hover { transform: scale(1.2, 1.2);  -webkit-transform: scale3d(1.2,1.2); transition: 1.5s transform; -webkit-transition: 1.5s transform;
                    }
                .indexpro ul li div:hover { cursor:pointer;
                }
            .indexpro ul li span { width:88%; display:block; line-height:30px; margin:auto;
            }
            .indexpro ul li b { margin:10px  auto auto auto;
                width: 88%;
                display: block; font-size:18px;
                line-height: 40px;
            }

.index_2 { background-color:#eee;  background-size:cover;  min-height:150px; padding:50px 0px 80px 0px; 
}
.index2left { float:left; width:50%; text-align:left;
}
.index2right { float:right; width:40%; padding-top:1%;
}
.index2con { margin:15px auto; line-height:30px;  text-indent:2em;
}



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

.index3list { width:100%; max-width:1200px; margin:10px auto; text-align:center;
}
    .index3list ul { display:block; margin:auto; padding:0px;
    }
        .index3list ul li { width:244px; margin:24px; float:left; padding:2px; border:1px #eee solid; height:100px; overflow:hidden;
        }

            .index3list ul li img { width:100%; height:100%;
            }

 .index3list ul li img:hover {transform: scale(1.3, 1.3);  -webkit-transform: scale3d(1.3,1.3); transition: .8s transform; -webkit-transition: .8s transform;
}

.partnerslist { width:100%; max-width:1200px; margin:10px auto; text-align:center;
}
    .partnerslist ul { display:block; margin:auto; padding:0px;
    }
        .partnerslist ul li { width:244px; margin:24px; float:left; padding:2px; border:1px #eee solid; height:180px; overflow:hidden;
        }

            .partnerslist ul li img { width:100%; height:100%;
            }

 .partnerslist ul li img:hover {transform: scale(1.3, 1.3);  -webkit-transform: scale3d(1.3,1.3); transition: .8s transform; -webkit-transition: .8s transform;
}




.newscon1 {margin:auto; width:80%; min-width:380px; font-size:18px;
}

.nycon { max-width:100%; width:100%; margin:auto; 
}


.nymenux { text-align:center;  margin:50px auto; display:inline-block; 
        *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:#E88A1C; color:#fff;
        }
.aboutcon { margin:20px auto 100px auto; display:block; width:100%; 
            line-height:40px; font-size:16px;  text-align:center;
}
.contactleft { width:50%; text-align:center; float:left;
}
    .contactleft img { width:100%;
    }
.contactright { float:right; width:45%; text-align:left;
}


/*bottom*/
.webbottom { width:100%;  min-height:150px; padding:50px 0px; text-align:center; background-color:#333; color:#fff;
}
    .webbottom table { border-collapse:collapse;
    }
.webbottom_1 { width:100%; display:block;   line-height:30px;
}
    .webbottom_1 span { font-size:18px; font-weight:bold;  display:block;
    }
.webbottom_1left { float:left; width:60%; 
}
.webbottom_1right {float:right; width:40%; text-align:right; 
}
    .webbottom_1right table {float:right;
    }
.webbottom_2 { width:100%; display:block;   line-height:40px; margin-top:50px; text-align:center;

}
    .webbottom_2 div { margin:auto; 
    }
    .webbottom_2 span { float:left;
    }
    
.webbottom_2  a{ color:#fff; width:100px; text-align:center; 
}
    .webbottom_2 a:hover { color:#f60;
    }

.webbottom_3 { width:100%; display:block;  border-top:1px #808080 solid;  line-height:30px; padding-top:5px;
}
    .webbottom_3 span { font-size:18px; font-weight:bold;
    }
.webbottom_3left { float:left; width:60%; 
}
.webbottom_3right {float:right; width:40%; text-align:right; 
}
.webbottom_3  a{ color:#fff; width:120px; text-align:center;  padding:0px 15px;
}
    .webbottom_3 a:hover { color:#f60;
    }
/*endbottom*/


.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:18px;  line-height:40px;
}



.webbanner { z-index:10;
}

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

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

            }
            #Bannerchange li { position:relative;  text-align: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;
        }



.userx { max-width:400px; width:100%; margin: auto auto 50px auto; 
}
.userx1 { width:94%; padding:10px 3%; line-height:30px; min-height:40px; font-size:18px; 
}
.userx2 { width:94%; padding:10px 3%;
}

    .userx2 li {float:left; width:100%; line-height:50px;
    }
    .userx3 { width:94%; margin:10px 3%;
}
    .userx3 li {float:left; width:100%; line-height:40px;
    }
.butx { width:180px; background-color:#12547E; color:#fff; line-height:40px;  font-size:14px; display:block; height:40px; cursor:pointer; border-radius:8px; text-align:center;
        margin-top:20px;
}

    .butx:hover { background-color:#E88A1C;
    }

.input1 { width:100%; max-width:180px; border:1px #ddd solid; line-height:30px; height:30px; padding:3px 8px; border-radius:4px;
}






.jjin { max-width:1000px; width:100%; margin: auto auto 50px auto; border:1px #ddd solid;
}
.jjin1 { width:94%; padding:10px 3%; background-color:#eee; line-height:30px; min-height:40px; font-size:18px; 
}
.jjin2 { width:94%; padding:10px 3%;
}

    .jjin2 li {float:left; width:33.3%; line-height:40px;
    }
    .jjin2 a { font-size:14px; color:#E88A1C;
    }
.jin2 a:hover { color:#333;
}
    .jjin3 { width:94%; margin:10px 3%;
}
    .jjin3 li {float:left; width:33.3%; line-height:40px;
    }
/*ddd
    */


.smsmess { cursor:pointer;
}


#userleft { width:200px; float:left; height:100%;
}
#userright { width:calc(100% - 230px); float:right; height:100%; min-height:400px;
}
.usermenu { margin:0px auto 8px auto; width:100%;  position:relative; height:auto;
}
.usermenu1 {height:40px; line-height:40px; background-color:#12547E; color:#fff; text-align:left;  width:170px; padding:0px 0px 0px 30px; border-radius:4px; font-size:15px;
}
    .usermenu1:hover { background-color:#E88A1C; cursor:pointer;
    }
.usermenu2 { color:#333;  text-align:left; width:155px;  margin: 5px auto  5px 35px; font-size:15px;
}
    .usermenu2 ul li { width:100%; display:block; height:36px; line-height:36px;  
    }
        .usermenu2 ul li:hover { color:#E88A1C; cursor:pointer;
        }

        .buttz { display:inline-block;  height:40px; line-height:40px; text-align:center; border-radius:8px; background-color:#333; color:#fff;
          margin:5px 10px 5px 0px;
}
.buttz:hover {background-color:#E88A1C; cursor:pointer;
}
.inputx { height:30px; line-height:30px; padding:3px 10px; border:1px #ccc solid; border-radius:8px;  outline:medium;
}
.usertop { line-height:30px; text-align:right;  border-bottom:1px #ccc solid;
}




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


}


@media screen and (max-width: 1200px) {
     .index3list { width:1000px; margin:auto;
    }
        .index3list li { width:25%;
        }
  .partnerslist { width:1000px; margin:auto;
    }
        .partnerslist li { width:25%;
        }
         .webbottom_1left { margin-left:5%;  width:55%;
    }
    .webbottom_1right { margin-right:5%; width:35%;
    }
    .webbottom_2, .webbottom_2 div { width:90%; margin:auto;
    }  .webbottom_3 { width:90%; margin:auto;
    }

         .indexpro { width:100%;  margin:15px auto;
    }
       .indexpro ul li { float:left; width:33.3%;   line-height:50px;  font-size:inherit;
        }
        .indexpro ul li div {margin:auto;  min-height:80px;  height:auto;
        }
            .indexpro ul li  b { font-size:1.4em;
            }
            .indexpro ul li  span { font-size:1em; line-height:20px;
            }

     .newscon1 { font-size:16px; 
    }
}
        
 @media screen and (max-width: 1000px) {
   
    .logo { width:200px; margin-left:30px;
    }
    .menu { width:600px;  margin-top:0px;
    }
        .menu ul li { width:100px;
        }

          #NcBanner { height:500px;
    }
    .index_1title { width:80%; margin:auto; display:block;
    }
    .index_1short { width:100%; display:block; margin:auto;
    }

    .index2left { width:90%; margin:auto; float:none;
    }
    .index2right { width:90%; margin:20px auto auto auto; float:none; 
    }
        .index2right img { width:100%;
        }
     .index3list { width:600px; margin:auto;
    }
        .index3list li {  
        }
  .partnerslist { width:600px; margin:auto;
    }
        .partnerslist li {  
        }

   
    .webbottom_2 span { width:33.3%;
    }
    .webbottom_3left { display:block; width:100%;
    }
    .webbottom_3right { float:left; display:block; width:100%;  text-align:left;
    }
        .webbottom_3right a { padding:0px 30px 0px 0px;
        }


    .aboutcon { width:92%; margin:10px auto 50px auto; line-height:30px;
    }
        .aboutcon img { width:100%; height:auto;
        }

  
    .nymenux ul li { width:33%;  min-width:100px;   
    }
    .nymenux ul li a { width:calc( 100% - 1px ); 
    }

    .newscon1 {margin:auto; width:98%; min-width:380px;
}
        .newscon1 td { line-height:30px; font-size:14px;
        }


    .contactleft { width:90%; float:none;  margin:auto;
    }
    .contactright { width:90%; margin:auto; float:none;
    }
        .contactright img { max-width:180px;
        }

}
 @media screen and (max-width: 880px) {
   
    .logo { width:180px; margin-left:30px;
    }
    .menu { width:530px;  margin:0px;
    }
        .menu ul li { width:80px;
        }
    

}

 @media screen and (max-width: 776px) {

    .webtop {padding:20px 0px; height:40px;  min-height:40px;
    }
    .logo { width:180px; margin-left:30px;
    }
    .menu { display:none;  z-index:999993; position:relative;
    }
    .menu_760 { display:block;  float:right;  width:40px; height:40px; margin-right:5%;
    }
        .menu_760 img { width:100%; height:100%;  
        }

    .menu { width:120px; background-color:#eee; border-radius:8px; padding:8px;  float:right; margin-top:50px; margin-right:-50px;  text-align:center;
    }

        .menu ul li { width:100%; line-height:40px;  margin:auto; display:block;  
        }
            .menu ul li span { color:#333; width:100%;
            }
            /*.menu ul li:nth-last-child(1) { margin-left:calc( 50% - 25px);
            }*/

    .menu2 { line-height:30px; margin:0px auto; 
    }
    .con-ret { display:none;
    }
        .menu2 dl  dd { height:30px; font-size:12px;
        }

    .webbanner { z-index:-1;
    }
    #NcBanner { height:400px; z-index:0;
    }

      .index3list { width:100%;  margin:auto; clear:both;
    }
        .index3list ul { display:block; margin:auto; padding:0px;
        }
        .index3list ul  li  {  width:calc(50% - 30px);   height:70px;  float:left;  margin:10px 10px;
        }
            .index3list ul  li img { width:100%; 
            }
  .partnerslist { width:100%;  margin:auto; clear:both;
    }
        .partnerslist ul { display:block; margin:auto; padding:0px;
        }
        .partnerslist ul  li  {  width:calc(50% - 30px);   height:100px;  float:left;  margin:10px 10px;
        }
            .partnerslist ul  li img { width:100%; 
            }

 .webbottom_1left {  text-align:left; display:block; width:100%; text-align:center; margin-left:0px;
    }

    .webbottom_1right {   text-align:center;  display:block;  width:100%;   margin-top:20px;
    }
        .webbottom_1right  table { margin:auto;    float:none; text-align:center; width:60%; min-width:360px;
        }

   .index_1title {font-size:1.8em;
    }
    .newscon1 td { line-height:26px; font-size:14px;
        }

 .bannertext {  margin:25% auto auto auto;  width:85%;
}
    .bannertext1{  margin:auto; color:#fff; font-weight:bold; font-size:24px;  
}
.bannertext2 { margin:auto; color:#fff;display:block; font-size:14px;  line-height:20px; margin-top:15px;
}

}

 @media screen and (max-width: 480px) {
   
   
  
}