﻿*{transition:color 300ms,background-color 300ms;}
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;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; background:#cbab6d}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
/*------PC版-----*/
.wrapper { width:1200px; margin:0 auto;overflow: hidden;}
.top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
.topBox { width:100%; max-width:1000px;	margin:0 auto;}
.topBox_left { float:left;	width:40%;}
.topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
.topBox_right a {color:#666;padding:0 10px;}
.banner { background:#cbab6d url(images/banner.jpg) top center no-repeat; height:903px;}
.banner .wrapper { padding:680px 0 0}

.tit_dy { float:left; color:#000; border-right:1px solid #000; padding:0 50px; margin:80px 50px 50px 0; height:120px;}
.tit_dy h3 { font-size:50px; line-height:50px;} 
.tit_dy h4 { text-align:right; font-size:20px;}
.text_dh { font-size:16px; text-align:justify; width:1000px; margin:0 auto; padding:80px 0 50px; color:#000; line-height:30px}

.bg_b { background:#000;}
.bg_b .tit_b h3 { color:#e9cb74}
.bg_b .tit_b h4 { background:#e9cb74; color:#000}
.tit_b {  margin:50px 0; text-align:center;}
.tit_b h3 {font-size:50px; color:#000; line-height:50px; margin:0 0 15px;}
.tit_b h4 { border-radius:20px; background:#000; color:#cbab6d; font-size:20px; line-height:22px; display:inline-block; padding:0 10px;}

.jxsz { text-align:center; margin:100px 0 200px}
.jxsz img { margin:0 10px;}

.lc table { margin:0 auto; margin:50px auto; font-size:22px; color:#000;}
.lc th { border-right:3px solid #000; padding:18px 30px; text-align:right; position:relative; width:550px;}
.lc th i { border:5px solid #000; border-radius:50px; width:10px; height:10px; display:inline-block; background:#cbab6d; position:absolute; right:-12px; top:25px; padding:5px;}
.lc td { padding:0 30px;}

.px_box { padding:30px 0 50px; width:820px; margin:0 auto}
.px_box img { margin:0 auto 60px; display:block}
.px_txt { color:#fff;}
.px_txt p { font-size:16px; line-height:30px; padding-bottom:20px;}
.contact { padding:70px 0 80px; overflow:hidden}
.contact_tit { float:left; color:#000; border-right:1px solid #000; padding:40px 80px; margin:0 0 50px 0}
.contact_tit h3 { font-size:50px; line-height:50px;} 
.contact_tit h4 { text-align:right; font-size:20px;}

.contact_cnt { padding:0 0 0 50px; float:left}
.contact_cnt dl { display:inline-block; text-align:left; padding:0 30px; font-size:24px; color:#000;}
.contact_cnt dl:first-child { border-left:0;}
.contact_cnt dl dd { padding:8px 0; font-size:24px;} 
.contact_cnt dl dd img { margin-right:10px; vertical-align:middle}

.sb { position:fixed; right:20px; bottom:30%; width:80px; z-index:999}
.sb a img { margin-bottom:5px;}
.sb a {  margin:0 0 10px; background:#222cff; border-radius:5px; padding:15px; color:#fff; margin:10px 0; display:block; text-align:center; font-size:22px; font-weight:700}

.footer { text-align:center; color:#fff; padding:30px 0; font-size:14px; background:#000}
.footer .footertel { padding:10px 0}
.footer span { padding:0 20px;}
.footer a { color:#fff;}

/*------移动版-----*/
@media screen and (max-width:767px) {
    .wrapper {width:100%; margin:0 auto}
    .banner { background:url(images/banner_wap.jpg) no-repeat; background-size:contain; height:auto}
    .banner .wrapper { padding:600px 0 0}
    .top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
    .topBox { width:100%;	max-width:1000px;	margin:0 auto;}
    .topBox_left { float:left;	width:40%;}
    .topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
    .topBox_right a {color:#666;padding:0 10px;}

    .tit_dy { float:none; border-right:0; margin:30px 0 0; text-align:center; height:auto;}
    .tit_dy h3 {font-size:30px; line-height:30px; margin:0 0 5px;}
    .tit_dy h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}
    .text_dh { font-size:12px; text-align:justify; width:auto; margin:0 auto; padding:20px; line-height:22px; text-indent:24px;}

    .tit_b { margin:20px 0 0; text-align:center;}
    .tit_b h3 {font-size:30px; line-height:30px; margin:0 0 5px;}
    .tit_b h4 { border-radius:20px; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}
    .jxsz { text-align:center; margin:30px 0; overflow:hidden}
    .jxsz img { width:40%; display:inline-block; float:none; margin:10px;}

    .lc table { margin:0 auto; margin:20px auto; font-size:14px; color:#000;}
    .lc th { border-right:3px solid #000; padding:10px 20px; text-align:right; position:relative; width:210px; vertical-align:top;}
    .lc th i { border:5px solid #000; border-radius:50px; width:10px; height:10px; display:inline-block; background:#cbab6d; position:absolute; right:-12px; top:10px; padding:5px;}
    .lc td { padding:0 20px;}

    .px_box { padding:20px; width:auto; margin:0 auto}
    .px_box img { margin:20px auto 40px; display:block}
    .px_txt { color:#fff;}
    .px_txt p { font-size:14px; line-height:24px; padding-bottom:10px; text-align:justify}

    .contact { padding:10px 0 20px; border-top:1px solid #333;}
    .contact_tit { float:none; color:#cbac6f; border-right:0;padding:0; margin:20px 0; text-align:center;}
    .contact_tit h3 {font-size:26px; color:#000; line-height:30px; margin:0 0 5px;}
    .contact_tit h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}

    .contact_cnt { text-align:center; padding:0 20px;}
    .contact_cnt dl { display:inline-block; text-align:left; padding:0 10px;}
    .contact_cnt dl dd { padding:8px 0; font-size:14px;} 
    .contact_cnt dl dd img { margin-right:10px; vertical-align:middle; width:22px}

    .sb { position:fixed; right:0; bottom:0; width:100%; z-index:999; opacity:.9}
    .sb a { margin:0; padding:5px 0; font-size:16px;}
    .sb a img { margin-right:5px; height:26px;}

    .footer { text-align:center; color:#666; padding:20px 10px 60px; font-size:12px; width:100%; margin:0 auto}
    .footer .footertel { padding:10px 0}
    .footer span { padding:0 5px;}
    .footer a { color:#fff;}

}
