@font-face { font-family: 'tailue'; src: url("/fonts/ntailu.woff") format("woff"), url("/fonts/ntailu.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tailueb'; src: url("/fonts/ntailub.woff") format("woff"), url("/fonts/ntailub.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Swis721'; src: url("/fonts/Swiss 721 Condensed BT.woff") format("woff"), url("/fonts/Swiss 721 Condensed BT.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Myriadpro'; src: url("/fonts/myriadpro-regular-webfont.woff") format("woff"), url("/fonts/myriadpro-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0; }

html { font: 14px "tailue", "Microsoft YaHei"; font-weight: 100; background: #fff; color: #595757; }

.dh { -webkit-transition: all 0.5s; transition: all 0.5s; }

/*@media only screen and (max-width: 1200px) { html { font-size: 100px; } } @media only screen and (max-width: 1100px) { html { font-size: 95px; } } @media only screen and (max-width: 1000px) { html { font-size: 90px; } } @media only screen and (max-width: 900px) { html { font-size: 85px; } } @media only screen and (max-width: 800px) { html { font-size: 80px; } }   @media only screen and (max-width: 700px) { html { font-size: 100px; } } @media only screen and (max-width: 600px) { html { font-size: 90px; } } @media only screen and (max-width: 500px) { html { font-size: 80px; } } @media only screen and (max-width: 400px) { html { font-size: 70px; } } @media only screen and (max-width: 300px) { html { font-size: 60px; } }*/
a { border: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; }

a img { border: 0; }

a, a:visited { color: #231917; }

a:hover, a:focus { color: #231917; }

ol, ul, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

.toup { text-transform: uppercase; }

input, textarea, select { outline: none; border: 0; resize: none; }

.clear { clear: both; }

.fixed { position: fixed; }

img { max-width: 100%; max-height: 100%; vertical-align: middle; }

body { width: 100%; /*min-width: $basewidth;*/ font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basebigw, .header, .footer { width: 100%; min-width: 1022px; margin: 0 auto; position: relative; }

.basew { width: 1022px; margin: 0 auto; position: relative; }

.header { background: url(/images/home_02.png) #ffffff repeat-x; height: 133px; }

.header .basew { height: 133px; }

.header .logo { position: absolute; top: 39px; left: 58px; }

.header .menu { position: absolute; right: 0; bottom: 0; font-weight: bold; }

.header .menu > li { display: inline-block; padding: 0 15px; line-height: 27px; position: relative; }

.header .menu > li a { color: #ffffff; }

.header .menu > li > ul { display: none; position: absolute; top: 27px; left: 0; z-index: 999; width: 220px; }

.header .menu > li > ul li { background-color: rgba(115, 115, 115, 0.69); margin-top: 1px; line-height: 27px; padding-left: 10px; font-size: 16px; }

.header .menu > li > ul li a { color: #e60012; }

.header .menu > li.on, .header .menu > li:hover { background-color: #737373; }

.header .menu > li:hover ul { display: block; }

.i3box { padding: 40px 0; }

.i3box:after { display: block; clear: both; content: ""; }

.i3box .i3 { float: left; width: 33.3333%; text-align: center; }

.i3box .i3 .i31 { font-size: 24px; color: #e60012; margin-top: 40px; font-weight: bold; }

.i3box .i3 .i32 { margin-top: 15px; font-size: 12px; font-family: "Arial"; }

.i4box:after { display: block; clear: both; content: ""; }

.i4box .i4 { float: left; width: 30.3333%; }

.i4box .i4 .t1 { text-align: center; height: 27px; background-color: #e60012; font-size: 24px; color: #fff; }

.i4box .i4 .item { padding: 13px 8px; font-family: "Swis721"; }

.i4box .i4 .item .time { padding-left: 30px; font-size: 18px; color: #727171; background: url(/images/home_21.png) left center no-repeat; font-weight: bold; line-height: 2; }

.i4box .i4 .item .title { color: #e60012; line-height: 18px; word-break: break-all; }

.i4box .i4 .item .text { font-size: 12px; color: #595757; font-family: "Arial"; line-height: 14px; margin-top: 5px; }

.i4box .i4 .item + .item { border-top: 1px dashed #727171; }

.i4box .i4 .zzz { margin: 50px 0; }

.i4box .i4 .t2 { font-size: 12px; color: #595757; font-family: "Arial"; margin-top: 45px; margin-bottom: 35px; line-height: 18px; }

.i4box .i4 .t3 { margin-top: 45px; font-family: "Swis721"; color: #e62129; font-size: 13.09px; line-height: 20.39px; }

.footer { background-color: #727171; }

.footer .basew { height: 450px; }

.footer .basew .flogo { position: absolute; left: 52px; top: 31px; }

.footer .basew .menu { position: absolute; left: 393px; top: 31px; font-family: "Myriadpro"; line-height: 33px; padding-left: 30px; border-left: 1px dashed #fff; height: 210px; }

.footer .basew .menu a { color: #fff; }

.footer .basew .contact { position: absolute; left: 600px; top: 31px; font-family: "Arial"; line-height: 28px; padding-left: 30px; border-left: 1px dashed #fff; height: 210px; font-size: 12px; color: #fff; }

.footer .basew .contact li { padding-left: 50px; background: url(/images/home_38.png) no-repeat; margin: 10px 0; }

.ab .but4:after { display: block; clear: both; content: ""; }

.ab .but4 a { float: left; width: 24.5%; margin: 0 0.25%; background-color: #737373; text-align: center; font-size: 18px; color: #fff; line-height: 30px; font-family: "tailue"; font-weight: bold; }

.ab .but4 a:hover, .ab .but4 a.on { background-color: #e60012; }

.ab .but3:after { display: block; clear: both; content: ""; }

.ab .but3 a { float: left; width: 32.8333333%; margin: 0 0.25%; background-color: #737373; text-align: center; font-size: 20.11px; color: #fff; line-height: 30px; font-family: "tailue"; font-weight: bold; }

.ab .but3 a:hover, .ab .but3 a.on { background-color: #e60012; }

.lxwm { height: 740px; }

.lxwm .logo { position: absolute; left: 40px; top: 50px; }

.lxwm .lx { position: absolute; left: 40px; top: 150px; color: #727171; font-size: 19.1px; font-weight: bold; font-family: "tailue"; }

.lxwm .lx li { background: url(/images/lx_05.jpg) no-repeat; padding: 14px 0; padding-left: 35px; }

.lxwm .down { position: absolute; left: 15px; top: 484px; line-height: 30px; background-color: #e62129; color: #fff; width: 420px; font-size: 19.1px; font-family: "tailue"; font-weight: bold; padding-left: 5px; }

.lxwm .downl { position: absolute; left: 40px; top: 532px; }

.lxwm .downl li { padding-left: 38px; line-height: 45px; font-size: 15.23px; font-family: "tailue"; background: url(/images/lx_09.jpg) left center no-repeat; }

.lxwm .downl li a { color: #727171; }

.lxwm .c1 { position: absolute; left: 484px; top: 36px; border-left: 1px dashed #3d3634; height:661px;}

.lxwm .c1 .t1 { font-size: 18.92px; line-height: 30px; color: #e62129; font-weight: bold; margin-bottom: 14px; margin-left: 28px; text-align: right; font-family: "Swis721"; }

.lxwm .c1 .t2 { font-size: 14px; line-height: 18px; font-family: "Arial"; color: #595757; margin-left: 28px; margin-bottom: 25px; text-align: right; }

.lxwm .c1 form { margin-left: 36px; }

.lxwm .c1 form div { float: left; width: 84px; text-align: right; height: 37px; line-height: 37px; margin-bottom: 10px; }

.lxwm .c1 form input { float: left; width: 406px; height: 37px; border: 1px solid #d2d7db; border-radius: 3px; outline: 0; margin-left: 10px; margin-bottom: 10px; padding-left: 15px; box-sizing: border-box; }

.lxwm .c1 form select { float: left; width: 406px; height: 37px; border: 1px solid #d2d7db; border-radius: 3px; outline: 0; margin-left: 10px; margin-bottom: 10px; padding-left: 15px; box-sizing: border-box; }

.lxwm .c1 form textarea { float: left; width: 406px; height: 150px; border: 1px solid #d2d7db; border-radius: 3px; outline: 0; margin-left: 10px; margin-bottom: 10px; padding-left: 15px; box-sizing: border-box; line-height: 37px; }

.lxwm .c1 form input[type="submit"] { width: 191px; height: 32px; background: #e62129; color: #fff; line-height: 32px; text-align: center; font-size: 19.1px; font-family: "tailue"; font-weight: bold; margin-left: 223px; }

.news .basew { text-align: center; }

.news .rw { margin: 0 auto; margin-top: 40px; }

.news .t1 { font-family: "????"; font-size: 13px; line-height: 14px; color: #798592; text-align: center; width: 100%; margin-top: 20px; }

.news iframe { margin: 0 3px; margin-top: 3px; width: 497px; border: 0px; display: block; height: 800px; vertical-align: top; float: left; }

.news .t2 { font-size: 19.1px; color: #e62129; line-height: 35px; text-align: left; font-weight: bold; font-family: "Swis721"; }

.news .t2 li { display: inline-block; margin: 0 10px; }

.news .conlist .newsitem { border-bottom: 1px dashed #332c2b; margin-bottom: 3px; padding: 10px 15px; margin: 0 20px; margin-top: 20px; }

.news .conlist .newsitem .time { font-size: 27.5px; color: #727171; font-family: "Swis721"; font-weight: bold; }

.news .conlist .newsitem .title { color: #e60012; font-size: 16.77px; font-family: "Myriadpro"; font-weight: bold; line-height: 24px; word-break: break-all; margin-top: 10px; }

.news .conlist .newsitem .text { float: left; margin-top: 15px; overflow: hidden; margin-bottom: 15px; font-family: "Arial"; line-height: 18px; color: #595757; font-size: 12.76px; }

.news .conlist .newsitem .text a { color: #727171; }

.news .conlist .item2 { padding-top: 30px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px dashed #727171; }

.news .conlist .item2 .xh { font-size: 20.62px; font-family: "Myriadpro"; font-weight: bold; color: #595757; }

.news .conlist .item2 .xh font { color: #e60012; font-size: 27.95px; float: right; }

.news .conlist .item2 img { display: block; margin: 0 auto; }

.news .conlist .item2 span { display: block; font-size: 12.03px; font-family: "Arial"; line-height: 15.46px; }

.news .conlist .item2 span font { display: block; font-size: 15.46px; font-family: "Arial"; font-weight: bold; color: #e60012; }

.news .conlist .newsitemimg { margin: 20px; margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px dashed #332c2b; }

.news .page { padding-left: 23px; box-sizing: border-box; padding-top: 15px; padding-bottom: 75px; font-family: "Swis721"; text-align: right; }

.news .add { width: 100%; border-bottom: 1px dashed #332c2b; padding-bottom: 10px; margin-bottom: 25px; }

.news .page a { display: inline; float: none; margin: 0 10px; color: #e62129; font-size: 18px; line-height: 18px; font-weight: bold; }

.but2:after { display: block; clear: both; content: ""; }

.but2 div { float: left; width: 49.5%; margin: 0 0.25%; text-align: center; font-size: 16px; color: #fff; line-height: 30px; font-family: "tailue"; font-weight: bold; background-color: #e60012; }

.but5:after { display: block; clear: both; content: ""; }

.but5 a { float: left; width: 19.5%; margin: 0 0.25%; background-color: #737373; text-align: center; font-size: 16px; color: #fff; line-height: 30px; font-family: "tailue"; font-weight: bold; }

.but5 a:hover, .but5 a.on { background-color: #e60012; }

.pro { text-align: center; }

.pro .t1 { font-size: 23.3px; color: #e60012; font-family: "tailue"; font-weight: bold; margin-top: 50px; }

.pro .t2 { color: #727171; font-family: "tailue"; line-height: 18px; margin-top: 10px; }

.pro .t3 { font-size: 18px; color: #e60012; font-family: "tailue"; font-weight: bold; margin-top: 10px; margin-bottom: 50px; }

.pro .t4 { font-size: 18px; color: #e60012; font-family: "tailue"; font-weight: bold; padding-top: 10px; border-top: 1px dashed #737373; }

.pro .box:after { display: block; clear: both; content: ""; }

.pro .box .item { float: left; width: 25%; border-bottom: 1px dashed #727171; text-align: center; padding-bottom: 10px;    margin-top: 10px; }

.pro .box .item img { display: block; height: 182px; }

.pro .box .item span { display: block; line-height: 25px; font-family: "Myriadpro"; font-weight: bold; }

.pro .t5 { font-size: 18px; color: #e60012; font-family: "Myriadpro"; font-weight: bold; margin: 20px 0; }

.zhil .context { padding-left: 147px; padding-right: 94px; }

.zhil .context .title { font-size: 28px; line-height: 1; font-weight: bold; margin-top: 40px; word-wrap: break-word; }

.zhil .context .text { font-size: 14px; line-height: 18px; margin-bottom: 150px; margin-top: 10px; }

.zhil .context .text img { max-width: 100%; }
