body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;} *{padding: 0;margin: 0;} a{text-decoration:none; color: #000000;} table {border-spacing: 0;} fieldset,img {border: 0;} address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;} ol,ul {list-style: none; margin:0; padding:0;} ul,li,lo{ list-style:none;} caption,th {text-align: left;} h1,h2,h3,h4,h5,h6 {font-weight: normal;} body { /* font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif; */ font-size:14px;} /**/ body, html {padding: 0; margin: 0;} /*footer*/ .footer-inner{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;} .footer-inner { background: -webkit-linear-gradient(left bottom,#34cafe 20%,#7c67c7); background: -o-linear-gradient(left bottom,#34cafe 20%,#7c67c7); background: -mos-linear-gradient(left bottom,#34cafe 20%,#7c67c7); background: -moz-linear-gradient(left bottom,#34cafe 20%,#7c67c7); background: linear-gradient(left bottom,#34cafe 20%,#7c67c7); } .footer_box{ width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 5%;} .footer_box_logo{ width:305px; height: auto; float: left; margin-left: 1%;color:#fff;font-size:30px;} .footer_box_logo strong{display:block} .footer_box_logo i{font-size:13px;} .footer_box_logo img{ width: 100%; height: auto;} .footer_box_wz{ width: 39%; height: auto; float: left; margin-left: 4.7%; margin-right: 4.7%;} .footer_box_wzbox{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;} .footer_box_wzbox h2{ font-size: 24px; color: #FFFFFF; line-height: 34px; font-weight: bold;} .footer_box_wzbox em{ font-size: 24px; color: #FFFFFF; line-height: 34px; font-style: normal;} .footer_box_wzbox span{ font-size: 18px; color: #FFFFFF; line-height: 34px;} .footer_box_wzboxico{ background: #FFFFFF; width: 42px; height: 3px; float: left; margin: 5% 0;} .footer_box_wzbox2{ background: url(../images/f_tel.png) no-repeat left;width: 100%; height: auto; overflow: hidden; margin: 2% auto;} .footer_box_wzbox2 p{ font-size: 18px; color: #FFFFFF; line-height: 30px; padding-left: 26px;} .footer_box_wzbox3{ background: url(../images/f_mail.png) no-repeat left;width: 100%; height: auto; overflow: hidden; margin: 2% auto;} .footer_box_wzbox3 p{ font-size: 18px; color: #FFFFFF; line-height: 30px; padding-left: 26px;} .footer_box_wzbox4{ background: url(../images/f_map.png) no-repeat left; margin-left: 3px; width: 100%; height: auto; overflow: hidden; margin: 2% auto;} .footer_box_wzbox4 p{ font-size: 18px; color: #FFFFFF; line-height: 30px; padding-left: 26px;} .footer_box_ewm{ background: url(../images/f_ewm_bg.png) no-repeat center; background-size: cover; width: 24.9%; height: auto; float: left;} .footer_box_ewmleft{ width: 47.5%; height: auto; float: left; margin: 2%;} .footer_box_ewmleft img{ width: 100%; height: auto;} .footer_box_ewmright{ width: 48.5%; height: auto; float: left; margin: 17% 0;} .footer_box_ewmright p{ font-size: 18px; color: #FFFFFF; line-height: 26px; text-align: center;} .footer-copy{ width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 3.5%; margin-bottom: 3%;} .footer-copy-wrap{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;} .footer-copy-wrap p{ font-size: 18px; color: #346ac9;} .footer-copy-wrap a{ font-size: 18px; color: #346ac9;} .bigbody{ width: 100%;} .section{ width: 100%;} /*header*/ .header{ background: #FFFFFF; width: 100%; margin: 0 auto; position: fixed; z-index: 9999; height:80px;line-height:80px;} .headerbox{width: 100%; max-width: 1200px; margin: 0 auto;height:80px;line-height:80px;} .header-inner{ width: 32.66%; max-width: 392px; height: auto; float: left; margin-left: 0.34%;} .header-inner img{ margin: 9px auto 0;} /* .gnav-wrapper{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;} .gnav-wrapper ul{ width: 100%; height: auto; overflow: hidden; margin: 55px auto;} .gnav-wrapper ul li{ width: 12.5%; height: auto; float: left; text-align: center;} .gnav-wrapper ul li a{ font-size: 18px;} */ .h134{width: 100%; height: 80px; margin: 0 auto;} /* new add drop down menu */ .nav{ width: 60%; float: right;} .nav a{ text-decoration:none; } .nav>ul{ position:relative; list-style:none; padding:0; height:80px; } .nav>ul>li>ul{ position:absolute; left:3000px; top:80px; padding:0; margin:0; list-style:none; width: 3000px; background-color: #00000099; height: 50px; border-bottom-left-radius: 10px; padding-left:20px; transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; } .nav>ul>li:hover>ul{left:0px;} .nav>ul>li>ul a{ color:#d2ced5; padding:0 16px; line-height:50px !important; font-size: 12px; transition:all .3s linear; -o-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; font-weight:600 } .nav>ul>li{ float:left; position:relative; } .nav>ul>li>a{ padding:0 9px; color:#333333; font-size: 17px; text-transform:uppercase; text-decoration:none; } .gnav>li>ul a:hover{color:#fff} .gnav>li>ul li{float:left;height:50px;line-height:50px;}