*{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:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
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;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}
.light_bg{ background:#e8e8e8}
.wrapper { width:1200px; margin:0 auto; overflow:hidden}
.banner_idx { background:url(images/banner.jpg) top center no-repeat; height:588px}
.staticnav { background:#092968; height:62px; line-height:62px;} 
.nav { border-left:1px solid #3a5486;} 
.nav a{ width:198px; text-align:center;  font-size:16px; color:#fff; display:block; float:left; border-right:1px solid #3a5486;}
.nav a.cur { color:#fff; background:#1a4cad}
.fixnav { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#092968; height:62px; line-height:62px;}

.tit { background:url(images/tit.png) no-repeat top center; height:70px; padding-top:83px; margin:60px 0; text-align:center; font-size:36px; color:#1752a3;}
.idx-text { padding-bottom:60px;}
.idx-text p { font-size:16px; color:#666; line-height:30px; text-indent:32px; padding:0 150px}

.px_bg { background:url(images/bg_1.jpg) no-repeat top center; height:960px; padding-top:80px;}
.px_bg_c { background:url(images/center_bg.png) no-repeat top center; height:719px; width:1128px; margin:0 auto; position:relative}
.px_tx { width:470px;}
.px_tx dt { background:#1752a3; height:56px; text-align:center;} 
.px_tx dt .triangle { height: 0px; width: 0px;border-top:28px solid transparent; border-left:32px solid #092968; border-bottom:28px solid transparent; position:relative; bottom:60px; right:-251px; z-index:11; display:inline-block}
.px_tx dt h3{ color:#fff; font-size:22px; line-height:38px; font-weight:700; border-top:2px dashed #76b5f7; border-bottom:2px dashed #76b5f7; overflow:hidden; display: inline-block; margin:7px; width:96%;}
.px_tx dt i { display:none}
.px_tx dd { border:2px solid #aec3e2; border-top:0; padding:20px; background:#fff;} 
.px_tx dd p { text-indent:24px; color:#666; line-height:24px;}
.px_tx_2 { position:absolute; top:332px; left:0} 
.px_tx_3 { position:absolute; top:662px; left:0}
.px_tx_4 { position:absolute; top:168px; right:0} .triangle_l {height: 0px; width: 0px;border-top:28px solid transparent; border-right:32px solid #092968; border-bottom:28px solid transparent; position:relative; bottom:60px; right:251px; z-index:11; display:inline-block}
.px_tx_5 { position:absolute; top:494px; right:0}
.focus-s { width:1200px; height:600px; margin:30px auto; position:relative;}
.focus-box { width:1200px; height:600px; overflow:hidden}
.focus-img { height:600px; overflow:hidden}
.focus-img li { width:1200px; height:600px; overflow:hidden; float:left; position:relative;}
.focus-img li div { margin:0 3px 3px 0; float:left; font-size:14px;}
.focus-img li div img { z-index:0}
.focus-item { text-align:center; height:28px; position:absolute; bottom:5px; width:100%;}
.focus-item a { width:16px; height:16px; line-height:16px; font-size:0; border-radius:8px; background:#fff; opacity:.7; margin:0 5px; display:inline-block; vertical-align:middle}
.focus-item a.cur { background:#1c69d2}
.text{ width:600px; margin:0 auto; line-height:30px; font-size:16px; text-align:center; color:#666;}
.hy_tb { overflow:hidden; margin:20px 0 80px}
.hy_tb th { border:1px solid #aec3e2; background:#e6eef9; text-align:center; color:#000; font-weight:700; padding:15px 0; font-size:16px;}
.hy_tb td { background:#fff; border:1px solid #aec3e2; padding:15px 30px; font-size:16px; color:#666;}
.city-list { overflow:hidden; padding:50px 0}
.city-list li { float:left; width:180px; height:300px; padding:10px; text-align:center; position:relative; margin:0 10px;}
.city-list li img { border-radius:50%; margin-bottom:30px; transform: scale(1); transition:all 0.5s}
.city-list li img:hover{ transform:scale(1.1); transtition:all 0.5s;}
.city-list li:hover .opacity { display:block}
.city-list li .opacity { background:rgba(0,0,0,.7); width:160px; height:160px;line-height:160px; color:#fff; font-size:18px; text-align:center; display:none; border-radius:50%; position:absolute; left:10px;top:10px}
.city-list li h3 { font-size:24px; color:#333;}
.city-list li h4 { font-size:20px; color:#999; border-top:1px solid #666; padding-top:10px; margin:10px 30px 0;} 
.city-list li h5 { display:none}
.about-text { padding:80px 30px 50px;}
.about-text .logo { float:left;}
.about-text-r{ width:600px; float:right;}
.about-text h3 { font-size:30px; padding-bottom:20px; font-weight:400; color:#333}
.about-text p { font-size:16px; color:#333; line-height:30px; margin-bottom:20px;} .about_lx { display:none}
.footer { font-size:14px; padding:50px 0; overflow:hidden; color:#fff; background:#092968; margin-top:20px;}
.footer p { line-height:20px; padding:5px 0; text-align:center}
.footer p a { color:#fff; margin:0 10px;} 
.footer p a:hover { color:#f60;}
.footer p span { padding:0 10px}
.footer-link{ padding-bottom:30px!important;}
.footer-wap { display:none}
.px_dl { width:400px; border-right:1px solid #e0e0e0; padding:10px 60px; height:130px; margin:50px 0 30px; float:left}
.px_dl dt,.tbh3 { font-size:20px; font-weight:700; color:#1752a3; padding:20px; text-align:center;}
.px_dl dd { font-size:16px; color:#666;}
.swiper-container { padding-top:30px!important; width: 100%; height: 100%; }
.swiper-slide {text-align: center; font-size: 18px; background: #fff;/* Center slide text vertically */display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
@media screen and (max-width: 640px) {
    .wrapper {width:100%;}
    .staticnav,.fixnav { display:none}
    .banner_idx { background:url(images/banner_wap.jpg) no-repeat; background-size:cover; height:338px;}
    .idx-text { padding-bottom:30px;}
    .idx-text p { padding:10px;}
    .tit { background-size:25%; padding-top:60px; font-size:30px; margin:30px 0 40px;}
    .px_bg { background-size:100% 100%; padding-top:40px; height:auto; overflow:hidden}
    .px_bg_c { background:none; width:auto; height:auto;}
    .px_tx { width:95%; margin:0 10px 30px; position:initial} .px_tx dt .triangle_l{ display:none} .px_tx dt { position:relative; height:46px;} .px_tx dt h3 { border:0; font-size:20px; height:30px; line-height:30px;}
    .px_tx dt i { display:inline-block; width:60px; height:60px; position:absolute; left:10px; top:-20px; border:3px solid #1752a3; border-radius:100%;}
    .px_tx dt .triangle { display:none}
    .text { width:auto; padding:0 30px;}
    .city-list li{ width:50%; margin:0}
    .city-list li:hover .opacity { display:none}
    .city-list li h3 { float:left; margin-left:30px;}
    .city-list li h4 {font-size: 24px; color: #000; border-left: 1px solid #666; border-top:none; padding-top: 0; padding-left: 10px; margin: 0 0 0 10px; float: left;}
    .city-list li h5 { display: inline-block; border-radius:3px; padding:1px 5px; margin-top:10px; background:#3d3d3d; color:#fff; font-size:18px;}
    .city-list li .over { background:#3cb878} .city-list li .hot { background:#ff6600}
    .about-text{ padding:20px;}
    .about-text-r { width:auto;} .about-text h3 { font-size:22px; font-weight:700; text-align:center;} .about_web { display:none} .about_lx { display:block; border-top:1px solid #ddd; padding-top:10px; margin-top:40px;}
    .px_dl { width:auto; padding:10px 20px 20px; margin:10px 0; height:auto; float:none; border-bottom:1px solid #ddd;} .px_dl dt, .tbh3 { padding:10px 0}
    .hy_tb { margin:20px 0;}
    .hy_tb th { padding:5px 0} .hy_tb td { padding:5px 10px; font-size:13px;}

    .footer { background:#f4f4f4; padding:30px 0; text-align:center; font-size:14px; color:#999}
    .footer-wap { display:block}
    .footer .wrapper{ display:none;}
}