*{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:#21276b}
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:#141a3e url(images/banner.jpg) top center no-repeat; height:903px;}
.banner .wrapper { padding:680px 0 0}

.nav { height:60px; background:#896623; text-align:center;}
.nav a { font-size:22px; color:#fff; font-weight:400; padding:0 39px; display:inline-block}
.nav a.cur,.nav a:hover { border-bottom:3px solid #ffcc44; padding:0 39px 13px;}
.nav a.nav_down:hover { border:none;}

.tit_dy { float:left; color:#e9cb74; border-right:1px solid #3b4293; padding:0 50px; margin:80px 50px 50px 0}
.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:#fff; line-height:30px}

.bg_a { background:#18204f url(images/bg_1.jpg) no-repeat center center; }
.bg_s { background:#18204f; }

.tit_b {  margin:50px 0; text-align:center;}
.tit_b h3 {font-size:50px; color:#e9cb74; line-height:50px; margin:0 0 15px;}
.tit_b h4 { border-radius:20px; background:#e9cb74; color:#000; font-size:20px; line-height:22px; display:inline-block; padding:0 10px;}
.jxsz { text-align:center; margin:100px 0 250px}
.jxsz img { margin:0 40px;}
.imglc { margin:30px 0 50px }

.px_one,.px_two,.px_three { border-bottom:1px solid #364285; margin-bottom:50px; padding-bottom:50px;}
.px_one .px_img_tit { width:160px; margin:0 30px 280px; float:left} .px_one .px_img_tit img { width:100%}
.px_one .px_img_text { float:left; width:260px; margin:10px; color:#fff;}
.px_one .px_img_text img { border:2px solid #b5a26d; width:76px; height:76px; -webkit-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; float:left; margin:0 10px 0 0}
.px_one .px_img_text h3 { font-size:16px; font-weight:700; color:#fff}
.px_one .px_img_text p { font-size:12px; color:#b6bcc3;}

.px_two img { float:left; margin:0 50px 0 30px; width:160px }
.px_two .round { width:260px; height:260px; border-radius:50%; background-image: linear-gradient(45deg, #a558d7, #1162f5); float:left; display:block; color:#fff; line-height:100%; text-align:center; font-size:16px; line-height:30px; border:1px solid #486bed; position:relative}
.px_two .round p { position:absolute; top:35%; left:0; padding:0 20px; text-align:center; display:inline-block; width:100%;}
.px_two .plus { font-size:70px; color:#fff; float:left; margin:60px 20px 0;}

.px_three img { float:left; margin:50px 50px 0 30px; width:160px}
.px_three .text { float:left; padding:30px 0 0; width:960px;}
.px_three .text p { font-size:16px; margin:0 0 20px; color:#fff; line-height:30px;}

.tit_sm { color:#fff; text-indent:230px; padding:20px 0 0}

.swiper-container { padding:30px 0 60px!important;}
.swiper-button-prev { background:url(images/icon_left.png) no-repeat!important; left:0!important;}
.swiper-button-next { background:url(images/icon_right.png) no-repeat!important; right:0!important;}
.swiper-pagination-bullet { width:50px!important; height:4px!important; border-radius:2px!important; background:#fff!important; opacity:.7!important}
.swiper-pagination-bullet-active{ opacity:1!important}

.contact { padding:70px 0 80px; overflow:hidden}
.contact_tit { float:left; color:#e9cb74; border-right:1px solid #3b4293; 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:#fff;}
.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:#e84d18; 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:#999; padding:30px 0; font-size:14px; background:#18204f}
.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:510px 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;padding:0 50px; margin:30px 0 0; text-align:center;}
    .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; color:#cbac6f; line-height:30px; margin:0 0 5px;}
    .tit_b h4 { border-radius:20px; background:#cbac6f; color:#000; font-size:12px; line-height:20px; display:inline-block; padding:0 10px;}
    .jxsz { text-align:center; margin:30px 0; overflow:hidden}
    .jxsz img { width:80%; display:inline-block; float:none; margin:10px 0;}
    .imglc { margin:30px 0 50px; width:100%}
    .cszqy { padding:50px 0 30px} 
    .cszqy img { margin:10px 0 0 10px; width:46%; float:left;}
    
    .bg_a { background-size:cover }

    .px_one,.px_two,.px_three { border-bottom:1px solid #364285; margin-bottom:50px; padding-bottom:50px;}
    .px_one .px_img_tit { width:100px; margin:30px auto; float:none} .px_one .px_img_tit img { width:100%}
    .px_one .px_img_text { float:left; width:25%; height:200px; margin:0 0 20px 25px; color:#fff; text-align:center; overflow:hidden}
    .px_one .px_img_text img { border:2px solid #b5a26d; width:100px; height:100px; -webkit-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; float:none; margin:0 0 5px 0}
    .px_one .px_img_text h3 { font-size:16px; font-weight:700; color:#fff}
    .px_one .px_img_text p { font-size:12px; color:#b6bcc3;}

    .px_two img { float:none; margin:20px auto 30px; width:100px; display:block}
    .px_two .round { width:150px; height:150px; border-radius:50%; background-image: linear-gradient(45deg, #a558d7, #1162f5); float:left; color:#fff; line-height:100%; text-align:center; font-size:12px; line-height:20px; border:1px solid #486bed; position:relative; margin:0 12px}
    .px_two .round p { position:absolute; top:25%; left:0; padding:0 20px; text-align:center; display:inline-block; width:100%;}
    .px_two .plus { font-size:30px; color:#fff; float:left; margin:50px 0 0;}

    .px_three img { float:none; margin:0 auto 30px; width:100px; display:block}
    .px_three .text { float:left; padding:30px 20px 0; width:auto;}
    .px_three .text p { font-size:12px; margin:0 0 20px; color:#fff; line-height:24px; text-align:justify}

    .tit_sm { color:#fff; text-indent:30px; padding:20px 0 0}

    .contact { padding:10px 0 20px; border-top:1px solid #333;}
    .contact_tit { float:none; color:#cbac6f; border-right:0;padding:0 50px; margin:30px 0 40px; text-align:center;}
    .contact_tit h3 {font-size:30px; color:#cbac6f; 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;}
    .contact_cnt dl { display:inline-block; text-align:left; padding:0 10px; font-size:14px; color:#fff;}
    .contact_cnt dl:first-child { border-left:0;}
    .contact_cnt dl dd { padding:8px 0; font-size:12px;} .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 img { margin-right:5px; height:26px;}
    .sb a { background:#e84d18; border-radius:5px; padding:10px 0; color:#fff; margin:0; display:block; width:49.5%; float:left; font-size:14px;}
    .sb a:last-child { float:right}

    .footer { text-align:center; color:#666; padding:20px 0 60px; font-size:12px; width:100%; margin:0 auto}
    .footer .footertel { padding:10px 0}
    .footer span { padding:0 30px;}
    .footer a { color:#fff;}

}