/* wsy */
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:14px "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/* 全局公用样式 */

body {min-width:1102px; +overflow:hidden;}

.g-wrap {position:relative; margin:0 auto; width:1102px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:80px; background-color:#fff;}
    #logo {position:absolute; top:10px; left:10px; width:151px; height:51px; text-align: center;}
    #logo img{max-height:60px;}
    #nav {position:absolute; top:0; right:0px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%;}
    #nav .n1 {width:62px;}
    #nav .n2 {width:87px;}



    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:15px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#265eaf; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:85px;}
    #shop .btn-search {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/earth.png) no-repeat 15px center;}
    #shop .btn-search:hover,
    /*#shop .btn-search.on {background: url(../images/earth.png) no-repeat center;}*/

    #shop .btn-lang {position:absolute;top:0; right:-10px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; overflow:hidden;}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; height:100%; background-color:#999; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:139px; padding:0 10px; /*width:835px;*/}
    #subNav .g-wrap .news {left:252px; padding:0 10px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:285px; padding:0 10px;/* width:643px;*/}
    #subNav .g-wrap .service {left:384px; padding:0 10px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:auto; height:44px; border:8px solid #999;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:auto;}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#fff;}
    #subNav .g-wrap .item #on {color: #fff;}
    #subNav .g-wrap .item p{line-height: 44px;color: #d2ced5;}
    #subNav .g-wrap .item p a{display:inline!important;float:none;line-height: 44px;}

/* index */
    .banner{ position: relative; height: 400px; margin: 0 auto;}
    .hd{ position: absolute; left: 46%; top: 370px;  z-index: 10;}
    .hd ul{ position: relative;}
    .hd li{ width: 16px; height: 16px; margin: 0 6px; background: url(../images/banner.png) no-repeat; background-size: 16px 32px; float: left; z-index: 10;}
    .hd li.on{ background: url(../images/banner.png) no-repeat 0 -16px; background-size: 16px 32px; z-index: 10;}
    .bd{ z-index:1;}
    .mainbody{ width: 1102px; position: relative; margin: 0 auto;}
        .mainbody-title{ height: 44px; padding-top: 16px; background: url(../images/4.jpg) no-repeat 0 57px; font-size: 15px; }
            .mainbody-title span{ margin-left: 10px; color: #a9aaaa;}
            .mainbody-title span a{ position: relative; float: right; right: 8px; top: 3px;}
        .mainbody1{ position:relative;width: 314px; float: left; height: 400px;}
        .mainbody1 img{boreder:none; width: 304px;}
            .service_{ width: 140px; height: 52px; float: left; padding: 22px 30px; background: url(../images/1.jpg) no-repeat; }
            .service_ a{ color: #fff;}
            .contact_{ width: 104px; height: 96px; margin-left: 200px; background: url(../images/contact.jpg) no-repeat;}
                .conatct_ a{ width: 104px; height: 96px; display: block;}
                
        .mainbody2{ position:relative; width: 328px; margin-left: 334px; height: 400px; }
            .mainbody21 ul{ position: relative; top: 4px; padding-left: 10px;}
            .mainbody21 li{ height: 38px; padding: 4px 0 0 20px; line-height: 38px; background: url(../images/new.png) no-repeat 0 20px; border-bottom: 1px dotted #d0b7aa; color: #5e5e5e; font-size: 15px;}
        .mainbody3{ position:relative;width: 388px; float: right; height: 400px;}
            .mainbody31{ position: relative; height: 328px; background: url(../images/2.jpg) no-repeat; z-index:1;}
                .about_{ position: relative; left: 82px; top: 36px; height: 144px; width: 276px; padding: 24px 16px; background:#265eaf; opacity: 0.8; color:#fff; z-index: 5;}
                .about_ strong{font-size: 18px;}
                .about_ p{ position: relative; line-height: 25px; top:10px; font-size: 15px;}
                .detail{ position: relative; top:20px; height: 22px; width: 72px; padding: 4px 0 4px 14px; border: 1px solid #fff;}
.footer{ position:relative; width: 100%; height: 26px; padding-top: 14px; background: #919295; color: #fff; text-align: center;}
.footer a{color:#fff;}

/* person.html */

.person_banner{; text-align: right; background: url(../images/per_1.png) no-repeat;}
.person{}
.person li{ color: #727272; margin-top: 20px;padding-bottom:20px;border-bottom:1px solid #eee;height:120px;}
.person li img{ float: left;width:140px;height:120px;}
.per{ width:580px;margin-left: 20px;float: left;}
.per h3{line-height: 50px;font-size: 24px;font-weight: bold;font-family:"YouYuan"}
li .per p{ font-size: 14px; line-height: 26px; margin-top: 4px;color: #727272;}




/*  news */
.page{ position: relative; width: 1102px; margin: 0 auto;}
.page-left{ width: 240px; float: left; }
.page-right{ margin-left: 280px; }