body{padding:0; margin:0; cursor:default; background:url("../images/pattern.png") #fff; font:normal 15px/23px Arial, Helvetica, sans-serif; color:#2a2a2a;}
html, body{height:100%;}
h1, h2, h6, form, input, textarea{padding:0; margin:0;}
img{border:none; max-width:100%;}
a{cursor:pointer; text-decoration:none; color:#D99617;}
a, img, div{outline:none;}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url("../fonts/websymbols-regular-webfont.eot");
    src: url("../fonts/websymbols-regular-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/websymbols-regular-webfont.woff") format('woff'),
         url("../fonts/websymbols-regular-webfont.ttf") format('truetype'),
         url("../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular") format('svg');
    font-weight: normal;
    font-style: normal;

}
h3{font-size: larger;color:blue;}
h4{font-size: larger;color:#D99617;}
h5{font-size: larger;}
.f-left{float:left;}
.f-right{float:right;}
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.left{float:left;}
.right{float:right;}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;  zoom:1;}

.row{width:955px; margin:0 auto; max-width:100%;}
.row:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;  zoom:1;}

.pic{width:955px;height:277px;max-width:100%;margin:0 auto;border: 0px solid #FFFFFF;}
.pic .flex-direction-nav a { display:none;}
.pic .flex-control-paging { position:relative;left:800px;top:230px; z-index:90;}
.pic .flex-control-paging li {
	margin-left: 10px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
	width: 18px;
}
.pic .flex-control-paging li a {display:block;margin-left:1px;background:#9DA5A9;color:#9DA5A9;text-align:center;line-height:18px;cursor:pointer;}
.pic .flex-control-paging li a.flex-active {color:#FFFFFF; background:#FFFFFF;}

.wrapper{background:url("../images/footerr-bg.png") 0 bottom repeat-x; min-height:100%;}

/*Header CSS
--------------------------------------------------------------------------------------------------------------------*/
.header{background:url("../images/header-bg.png") 0 0 repeat-x;}
.logo{float:left; text-indent:-9999px; padding:9px 0 16px 0;}
.logo a{background:url("../images/logo.png") 0 0 no-repeat; width:500px; height:80px; display:block;}
.header-right{float:right; padding:12px 0 0 0;}
.header-right .phone{float:left; background:url("../images/china.png") 0 center no-repeat; border-right:solid 0px #cbcbcb; padding:0 0 0 50px; margin:2px 0 0 0; color:#D99617; font:300 26px/28px 'Roboto', sans-serif;}
.search{float:left;}
.search .input{width:142px; border-radius:10px 0 0 10px; border-right:none; float:left; transition:ease 400ms all; -webkit-transition:ease 400ms all;}
.search .input:focus{width:200px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search .input{line-height:32px; height:32px;}
}
.search .search-button{background:url("../images/search-button.jpg") 0 0 repeat-x; border:solid 1px #154084; border-radius:0 10px 10px 0; padding:4px 7px; margin:0; float:left; cursor:pointer;}
.search .search-button span{background:url("../images/magnifyglass.png") 0 top no-repeat; width:20px; height:22px; display:block; transition:ease 400ms all;  -webkit-transition:ease 400ms all;}
.search .search-button:hover span{background-position:0 bottom;}
.current-date{text-align:right; color:#494949; font:bold 13px/21px Arial, Helvetica, sans-serif; padding:5px 10px 5px 0; clear:both;}

.uu{background:url("../images/yy.png");}

.top-menu{background:url("../images/menu-bg.jpg") 0 top repeat-x; border-radius:8px; padding:8px 0; margin-bottom:18px;}
.top-menu #menu{display:none;}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{float:left; position:relative; background:url("../images/devider.jpg") 0 0 repeat-y; padding-left:2px; z-index:999;}
.top-menu ul li:first-child{padding-left:0; background:none;}
.top-menu ul li:first-child a{border-radius:8px 0 0 8px;}
.top-menu ul li a{padding:10px 40px; display:inline-block; color:#ffffff; font:normal 13px/20px Arial, Helvetica, sans-serif; background:url("../images/menu-bg.jpg") 0 top repeat-x; transition:ease-in-out 200ms all; -webkit-transition:ease-in-out 200ms all;}
.top-menu ul li a:hover, .top-menu ul li:hover > a, .top-menu ul li a.active{background-position:0 bottom;}

/*Navigation Drop down*/
.top-menu ul ul{position:absolute; left:0; padding:0; margin:0; width:200px; border-top:solid 1px #154084; position:absolute;display:none;}
.top-menu ul ul li{float:none; margin:0; background:none; padding:0;}
.top-menu ul ul li a{display:block; padding:5px 20px; border-bottom:solid 1px #fff; line-height:20px; width:auto; text-align:left; color:#fff; background:#3b6fc0; border-radius:0 !important;}
.top-menu ul ul li a:hover, .top-menu ul ul li:hover > a, .top-menu ul ul a.active{background-color:#1e447e; color:#fff;}
/*.top-menu ul li:hover > ul{display:block;} */
.top-menu ul ul ul{left:100%; top:-1px;}
.top-menu ul li.parent ul { 
    opacity: 0;
    z-index: 10;    
    top: -9999em;
            
    -webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
            box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
            
    -webkit-transform: scale(.9);
            transform: scale(.9);
    
    -webkit-transform-origin: center top;
            transform-origin: center top;
    
    -webkit-transition-property: -webkit-transform, opacity, top;
            transition-property: transform, opacity, top;
            
    -webkit-transition-duration: .3s, .3s, 0s;
            transition-duration: .3s, .3s, 0s;
            
    -webkit-transition-delay: 0s, 0s, .3s;
            transition-delay: 0s, 0s, .3s;
}

.top-menu ul li.parent:hover > ul {
    top:100%;
    opacity: 1; 
    -webkit-transform: scale(1);
            transform: scale(1);
            
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.top-menu ul li.parent li:hover > ul{top:-1px; left:100%;}


.banner-in{}
.banner-in img{display:block; border:solid 1px #d6d5d8; border-radius:8px;}
.banner-in .banner-shadow{margin-bottom:15px;z-index: 91;}
.slider{position:relative; border:solid 1px #d6d5d8; border-radius:8px; overflow:hidden;}
.slider #pager{position:absolute; bottom:15px; right:20px; z-index:99;}
.slider #pager a{width:16px; height:16px; background:url("../images/emty.png"); border:solid 1px #fff; display:block; float:left; text-decoration:none; margin:0 5px;}
.slider #pager a.activeSlide{background:#fff;}


.yinying {
    background: transparent url("../images/banner-shadow.png") no-repeat scroll center top / 70% auto;
    height: 30px;
    margin-bottom: 30px;
}


/*Main Content CSS
--------------------------------------------------------------------------------------------------------------------*/
.main{-moz-box-sizing: border-box; box-sizing: border-box; background:url("../images/main-bg.jpg") 0 bottom repeat-x #f6f6f6; border:solid 1px #d6d5d8; border-radius:8px; padding:15px 28px; min-height:400px;}

.content-bottom{-moz-box-sizing: border-box; box-sizing: border-box; margin:0 20px; padding:20px 10px; background:url("../images/content-bottom-bg.jpg")/*tpa=http://www.wilsonwalton.com/images/content-bottom-bg.jpg*/ 0 0 repeat-x #e2f2f7; border:solid 1px #bfdce5; border-top:none;  border-radius:0 0 8px 8px;}

.text_area h1{background:url("../images/hbg.png") 0 5px no-repeat; font:300 24px/24px 'Roboto', sans-serif; color:#0d8fbd; padding:0 0 0 26px; margin-bottom:20px;}
.text_area h2{font:normal 20px/24px Arial, Helvetica, sans-serif; color:#0d8fbd; padding:0; margin-bottom:10px;}
.text_area h3{font:normal 18px/24px Arial, Helvetica, sans-serif; color:#0d8fbd;}
.text_area p{padding:0 0 -5px 0; margin:0;}
.text_area ul{ padding:0 0 15px 16px; margin:0;}
.text_area ol{padding:0 0 15px 0; margin:0 0 0 35px;}
.text_area ol li{padding-bottom:3px;}
.text_area ol li li{padding:6px 0 0 0;}
.text_area ol ul li{padding:6px 0 0 12px; background-position:0 13px;}
.text_area ol ul ol li{padding:6px 0 0 0; background:none;}
.text_area ol ol{padding:0;}

.image-left{float:left; margin:0 24px 15px 0;}
.image-right{float:left; margin:0 0 15px 24px;}
.image-shadow{background:url("../images/image-shadow.png") center bottom no-repeat; background-size:100%; padding-bottom:15px; margin-bottom:15px; display:inline-block;}
.image-shadow img{display:block; border:solid 1px #c6c6c6; border-bottom:solid 1px #fff;}

ul.contact-form{width:40%; padding:0; margin:0; list-style:none;}
ul.contact-form li{padding:0 0 10px 0; margin:0;}
ul.contact-form li label{padding-bottom:5px; display:block;}

.blue{color:#D99617;}
.input{	-moz-box-sizing: border-box; box-sizing: border-box; padding:0 14px; width:100%; background:#f3f3f3; height:34px; border:solid 1px #dddddd; border-radius:12px; box-shadow:inset 1px 2px 1px #b9b9b9; font:normal 14px/32px Arial, Helvetica, sans-serif; color:#464646; outline:none !important;}

.textarea{	-moz-box-sizing: border-box; box-sizing: border-box; padding:14px; width:100%; background:#f3f3f3; height:80px; border:solid 1px #dddddd; border-radius:12px; box-shadow:inset 1px 2px 1px #b9b9b9; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#464646; outline:none !important; resize:none;}
.submit{font:400 16px/30px 'Raleway', sans-serif; color:#fff; background:#0D8FBD; padding:0 40px; height:40px; border-radius:8px; border:none; cursor:pointer;}
.submit:hover{background:#ccc;}
.mandt{color:#ff0000;}


/*Footer CSS
--------------------------------------------------------------------------------------------------------------------*/
.footer{padding:15px 35px; color:#3d4244; font:normal 13px/18px Arial, Helvetica, sans-serif; }
.footer .left-side{float:left; width:70%;}
.footer .right-side{float:right;}
.footer .social-link a{margin-left:10px; color:#002d76; font:normal 20px/24px 'WebSymbolsRegular'; transition:ease 400ms all; -webkit-transition:ease 400ms all;}
.footer .social-link a:hover{color:#3fa7cc;}

ul.footer-menu{padding:0; margin:0 0 10px 0; list-style:none; float:left; width:100%;}
ul.footer-menu li{float:left; background:url("../images/klp.png") 0 center no-repeat; padding:0 10px 0 11px;}
ul.footer-menu li:first-child{padding-left:0; background:none;}
ul.footer-menu li a{color:#3D4244; font:normal 13px/18px Arial, Helvetica, sans-serif;}
ul.footer-menu li a:hover, ul.footer-men li a.active{text-decoration:underline;}



.lili ul{list-style-image:url("../images/bullate.png");}