@charset "utf-8";
/* CSS Document */
html{overflow:hidden;}
/* html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
 body{font-family:"微软雅黑";font-size:12px;color:#000000;word-wrap:break-word;;overflow:hidden;}  */ 
button,input,select,textarea{font:12px/1.5  Arial, "宋体", Helvetica,  Verdana, sans-serif;word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;} 
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
p{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{
     content:".";       
     display:block;       
     height:0;       
     clear:both;       
     visibility:hidden;       

}
.clearfix{*zoom:1}
 
.ddw{position:absolute;left:0;top:0;color:#000;z-index:9999;}
.ddw2{position:absolute;left:20px;top:0;color:#000;z-index:9999;}
.num_box{position:relative; clear:both;}
.num{width:100%;text-align:center; }
.num ul{width:100%;position:absolute;left:0;top:0;height:100%;}
.num ul li{float:left;height:100%;position:relative;}
#num_0{ background:#18426a;}
#num_0 div{ background:url(../images/images/houjia_03.png) no-repeat 0px 100px; width:1149px; height:830px; margin:0 auto;}
#num_0 div .ones{ padding-top:550px; padding-left:680px;}
#num_0 div .twos{ padding-left:680px; padding-top:10px;}
#num_0 .huaLun{ padding-top:60px;}
#num_1{background:url(../images/1bgs.png) no-repeat center;background-size:100% 100%;}
#num_1 img{  }
#num_2{background:url(../images/2bgs.png) no-repeat center;background-size:100% 100%;}
#num_2 img{ padding-top:230px;}
#num_3{background:url(../images/3bgs.png) no-repeat center;background-size:100% 100%;}
#num_3 img{ padding-top:170px;}
#num_4{background:#52abde;background-size:100% 100%;}
#num_4 img{ }

#num_5{background:#00889E url(../images/images/5-1_01.png) repeat-y; background-repeat:round;
}
#num_5 img{  }
#num_6{background:url(../images/6bgs.png) no-repeat center;background-size:100% 100%;}
#num_6 img{ padding-top:230px;}
#num_7{background:url(../images/images/7-1.png)}
 
#num_8{background:url(../images/8bgs.png) no-repeat center;background-size:100% 100%;}
#num_8 img{ padding-top:280px;}
#num_9{background:url(../images/9bgs.png) no-repeat center;background-size:100% 100%;}
#num_9 img{ padding-top:150px;}
#num_10{background:#4ebc6e;background-size:100% 100%;}
#num_10 img{  }
#num_11{background:#58b7dd;background-size:100% 100%;}
#num_11 img{ padding-top:200px;}
#num_12{background:url(../images/12bgs.png) no-repeat center #03F;background-size:100% 100%;}
#num_12 img{ padding-top:200px;}
.fixed_r{position:absolute;right:10px;top:200px;z-index:999;}
.fixed_r li{width:20px;height:20px;background:#fff;line-height:20px;cursor:pointer; border-radius:50%; margin:15px 0;}
.fixed_r li.on{background:#0FF;}

/*******************/
.abs{}
.daohang{ width:100%; position:fixed; top:0; z-index:100; padding-top:10px; height:80px;}
.daohang .hangLt{ float:left; margin-left:100px;}
.daohang .hangRt{ float:right; margin-right:50px; padding-top:20px;}
.daohang .hangRt li{ float:left; padding:5px 10px;}
.hangRt li a{ color:#fff; font-size:16px; padding:5px 20px;}
.daohang .hangRt .dianJi{}
.hangRt .dianJi a{ border:1px solid #fff; border-radius:10px;}

    .dAnim
	    {
	        margin:1px;
	        padding:5px;
	        font-size: 0.8rem;
	       
	        display:inline-block;
	        position:relative;
	    
	        /* on Mouseout animation */
	        /* The -webkit- and -ms- vendor prefixes are added */
	        /* for chrome and ie10+ comptability */
	        transition: transform .2s ease-out;
	        -moz-transition: -moz-transform 0.2s ease-out;
	        -webkit-transition: -webkit-transform 0.2s ease-out; 
	        -ms-transition: -ms-transform .2s ease-out;
	        -o-transition: -o-transform .2s ease-out;

	        transform: scale(1) rotate(0deg);
	        -moz-transform: scale(1) rotate(0deg);
	        -webkit-transform: scale(1) rotate(0deg);
	        -ms-transform: scale(1) rotate(0deg);
	        -o-transform: scale(1) rotate(0deg);
	    
	        /* CSS3 Stripes as a Background Image
	        background-image: linear-gradient(135deg,#1382c0 25%,#cdd165 25%,#cdd165 50%, #1382c0 50%, #1382c0 75%,#cdd165 75%,#cdd165 100%);
	        background-image: -moz-linear-gradient(135deg,#1382c0 25%,#cdd165 25%,#cdd165 50%, #1382c0 50%, #1382c0 75%,#cdd165 75%,#cdd165 100%);
	        background-image: -ms-linear-gradient(135deg,#1382c0 25%,#cdd165 25%,#cdd165 50%, #1382c0 50%, #1382c0 75%,#cdd165 75%,#cdd165 100%);
	        background-image: -o-linear-gradient(135deg,#1382c0 25%,#cdd165 25%,#cdd165 50%, #1382c0 50%, #1382c0 75%,#cdd165 75%,#cdd165 100%);
	        background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #cdd165), color-stop(.25, #1382c0),color-stop(.5, #1382c0),color-stop(.5, #cdd165),color-stop(.75, #cdd165),color-stop(.75, #1382c0),color-stop(1, #1382c0));
	        background-image: -webkit-linear-gradient(135deg,#1382c0 25%,#cdd165 25%,#cdd165 50%, #1382c0 50%, #1382c0 75%,#cdd165 75%,#cdd165 100%);
	        background-size: 40px 40px;
	            */
	        /* Background stripes animation */
	        animation: bganim 3s linear 2s infinite;
	        -moz-animation: bganim 3s linear 2s infinite;
	        -webkit-animation: bganim 3s linear 2s infinite;
	        -ms-animation: bganim 3s linear 2s infinite;
	        -o-animation: bganim 3s linear 2s infinite;
	    
	        z-index:98;
	    }
	   	    .dAnim:hover
	    {
	        z-index:99;
	      
	        /* Main div mouseover animation */
	        transform: scale(1.3) rotate(2deg);
	        -moz-transform: scale(1.3) rotate(2deg);
	        -webkit-transform: scale(1.3) rotate(2deg);
	        -ms-transform: scale(1.3) rotate(2deg);
	        -o-transform: scale(1.3) rotate(2deg);
	    }
	    .dAnim div
	    {
	        border:1px solid transparent;
	       
	     
	        /* Inside divs mouseout animation */
	        transition: transform .2s ease-out;
	        -moz-transition: -moz-transform .2s ease-out;  
	        -webkit-transition: -webkit-transform .2s ease-out;  
	        -ms-transition: -ms-transform .2s ease-out;  
	        -o-transition: -o-transform .2s ease-out;  

	        transition-delay:.1s;
	        -moz-transition-delay:.1s;
	        -webkit-transition-delay:.1s;
	        -ms-transition-delay:.1s;
	        -o-transition-delay:.1s;
	        
	        transform: rotate(0deg);
	        -moz-transform: rotate(0deg);
	        -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        -o-transform: rotate(0deg);
	    }
	    .dAnim:hover div
	    {
	 
	        /* Inside divs mouseover animation */
	        transform: rotate(-2deg);
	        -moz-transform: rotate(-2deg);
	        -webkit-transform: rotate(-2deg);
	        -ms-transform: rotate(-2deg);
	        -o-transform: rotate(-2deg);
	    }
 .wrap {width:100%;height:100%; overflow:hidden;float:left;margin:20px;}
.slidebox {width:100%; top:0;left:0;height:100%;}
.slidebox li {float:left;width:100%;height:100%;left:0;top:0;}
.slidebox li img {display:block;width:100%;height:100%;}
.dot {position:absolute;width:100%;height:auto;background:rgba(0,0,0,0.3);text-align:right;bottom:30px;left:0; text-align:center}
.dot p {margin-right:10px;}
.dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur {background:#F63;color:#fff;border:1px solid #f63;}


.abdiv{position: absolute;   height:34%; width:34.7%; left:33.9%; top:37.5%}
@media (min-width: 1500px) {
    .abdiv{height:36%;}

}
@media (min-width: 1900px) {
    .abdiv{height:37.7%;}

}