html { font-size: 14px; }
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
body {background-color: #fff;line-height: 1.42857143;font-family: "Helvetica Neue","Microsoft YaHei", Helvetica, Arial, sans-serif;}
body,dl,dd,h1,h2,h3,h4,h5,h6,p,ol,ul,form{margin: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h4,h5,h6 {font-size: 1em;}
ul,ol {padding-left: 0;list-style: none;}
td,th,input {padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
a { text-decoration: none;}
a:active { outline: none; }
img {border: 0;vertical-align: middle;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
input {outline: none;}
button {border: none;}
button[disabled],html input[disabled] {cursor: default;}
.fix{*zoom:1;}
.fix:after {content: '';display: table;clear: both;}
.fix:before {content: '';display: table;}
.w_break{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

html{overflow-y: scroll;height:100%;}
html,body{min-width:1200px;}

.main-color {color: #3158a7;}
a {color: #363636;}
.container {margin: 0 auto;width: 1200px;}
.top-bar {height: 40px;background: #f8f8f8;color: #666;}
.top-bar p {line-height: 40px;}
.top-bar span {display: inline-block;padding-left: 30px;width: 170px;}
.top-bar .tel {background: url(../images/top-bar-tel.png) no-repeat 0 13px;}
.top-bar .phone {background: url(../images/top-bar-phone.png) no-repeat 0 13px; width: 300px;}
.top-bar .qr {position: relative;float: right;margin-left: 76px;margin-right: 14px;padding-left: 30px;height: 40px;line-height: 40px;cursor: pointer;background: url(../images/top-bar-qr.png) no-repeat 0 9px;}
.top-bar .qr:hover .qr-container {display: block;}
.top-bar .qr .qr-container {display: none;position: absolute;left: -70px;top: 40px;z-index: 20;width: 154px;height: 200px;box-shadow: 0 0 4px #3158a7;}
.top-bar .qr .qr-container .img-container {width: 154px;height: 154px;}
.top-bar .qr .qr-container .img-container img {max-width: 100%;}
.top-bar .qr .qr-container p {height: 46px;line-height: 46px;text-align: center;font-size: 20px;background: #fff;}
.top-bar .qr .on {display: block;}
header {height: 120px;}
header h1 {float: left;height: 120px;width: 600px;}
header h1 a {height: 100%;font-size: 24px;}
header .nav {float: right;margin-right: 14px;height: 120px;line-height: 120px;}
header .nav li {float: left;margin-left: 30px;}
header .nav li a {display: inline-block;height: 94px;font-size: 16px;border-bottom: 2px solid transparent;}
header .nav li a.active,header .nav li a:hover {color: #3158a7;border-bottom-color: #3158a7;}

.banner {width: 100%;overflow: hidden;height: auto;}
.banner img {width: 100%;height: auto;}
.main {text-align: center;color: #1f1e39;}

.contact-us {height: 720px;background: #f0f0f0;}
.contact-us .container {height: 720px;background: url(../images/contact-us-bg.png);background-size: 100% 100%;}
.contact-us .title {height: 150px;}
.contact-us .title h2 {margin-top: 96px;margin-left: auto;margin-right: auto;padding-top: 24px;height: 79px;font-size: 30px;width: 500px;background: url(../images/contact-us-title-bg.png) no-repeat;}
.contact-us .detail .form-control {margin-left: auto;margin-right: auto;margin-bottom: 18px;width: 460px;height: 46px;}
.contact-us .detail .form-control input {padding-left: 24px;padding-right: 24px;width: 460px;height: 46px;border: 1px solid #ccc;line-height: 46px;border-radius: 6px;}
.contact-us .detail textarea {padding-left: 24px;padding-right: 24px;padding-top: 12px;width: 460px;height: 140px;border: 1px solid #ccc;border-radius: 6px;resize: none;overflow-y: auto;outline: none;}
.contact-us .detail .submit {margin-top: 24px;width: 460px;height: 54px;background: #3158a7;border-radius: 6px;font-size: 22px;color: #fff;}
footer {background: #3158a7; padding-bottom: 40px;} 
footer .container > p {margin-top: 75px;color: #fff;font-size: 12px;text-align: center;}
footer .container > p a {display: inline-block;color: #fff;}
footer .container > p a:hover {color: #3158a7;}
footer .link-us {margin-top: 42px;margin-left: 40px;padding-left: 110px;padding-right: 36px;height: 140px;line-height: 1.8em;font-size: 16px;color: #fff;background: url(../images/footer-phone.png) no-repeat;}
footer .link-us .link-us-right {float: right;} 
.foot{ margin:30px 40px 0; text-align: center; line-height:40px; color: #fff; border-top: 1px solid #fff; font-size: 16px; padding-top: 15px; }
.foot a{ color: #fff; }



.unslider {position: relative;}
.unslider ul {height: 100%;}
.unslider li {height: 100%;}
.unslider-nav {position: absolute;bottom: 30px;width: 100%;}
.unslider-nav ol {list-style: none;text-align: center;}
.unslider-nav ol li {display: inline-block;width: 14px;height: 14px;margin: 0 20px;background: transparent;border-radius: 50%;overflow: hidden;text-indent: -999em;border: 2px solid #3158a7;cursor: pointer;}
.unslider-nav ol li.unslider-active {background: #3158a7;cursor: default;}

.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}

.deprodl ul {margin-top: 30px;}
.deprodl ul li {float: left;margin-right: 20px; width: 220px; margin-bottom: 20px;}
.deprodl ul li img{ width: 216px; height:186px;border: 2px solid #dadada;  }
.deprodl ul li span{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; display: block; color: #fff; background: #aaa; }
.deprodl ul li:nth-child(5n){margin-right: 0;}
.deprodl ul li img:hover {border-color: #3158a7;box-shadow: 0 0 6px #3158a7;} 

.w1200{width:1200px;} 
.dede_pages { MARGIN:40px auto 20px;padding:0; text-align:center;}
.dede_pages ul li { font-size:14px; PADDING:6px 12px; margin-right:6px; COLOR: #000; TEXT-DECORATION: none; display:inline-block; background:#f2f2f2}
.dede_pages ul li A{ color:#000;TEXT-DECORATION: none; }
.dede_pages ul li A:hover { color:#ff6d00;TEXT-DECORATION: underline;}
.dede_pages ul li.thisclass { color:#fff; background:#0c4e83;TEXT-DECORATION: none;}
 


.main_r_nav ul{padding:0 10px;  height:45px; margin:20px auto; background:#eaeaea; border: 1px dotted #dddddd;}
.main_r_nav ul li{color:#2d2a3d;font-size:15px; font-weight:600; line-height:45px;font-family:"microsoft yahei"; width:40%; float:left; height:45px; overflow:hidden; text-align: left; }
.main_r_nav ul li a{color:#2d2a3d; line-height:45px; font-weight:normal; }
.main_r_nav ul li a:hover{color:#0c4e83;}