@import url("../fonts/iconfont.css");
.container { width: 1200px; margin: 0 auto; }
.logo p span {
    color: #004098; font-weight: bold;
}
.text-gray { color: #999; }
.other {
    display: block;
    width:1000px;
    height: 28px;
    line-height: 28px;
    background:  #9797db;
    font-weight: normal;
    padding-left: 100px;
    margin: 0 auto;
}
.guan{font-size:14px; font-weight:bold;    text-shadow: 1px 1px 5px;}
.search { background: #f2f2f2; height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; font-size: 14px; }
.search .text-input { height: 40px; border: none; background: none; width: calc(100% - 60px); font-size: 14px; padding: 0 10px; float: left; }
.search .s-btn { background: #009688; width: 40px; height: 40px; border: none; color: #ffffff; float: left; }

.head { padding-top: 18px; background: #ffffff; padding-bottom: 18px; }
.head .keyword { margin-top: 10px; font-size: 14px; }
.head .keyword .k-tit { float: left; font-weight: bold; }
.head .keyword ul li { float: left; margin-left: 5px; }

.nav { background: #000; position: relative; z-index: 999; background: #009688; display: flex; height: 50px; line-height: 50px; color: #fff; -webkit-box-shadow: 0 5px 10px #999; -moz-box-shadow: 0 5px 10px #999; box-shadow: 0 5px 10px #999; margin-bottom: 10px; }
.nav .nav-list {display: flex;font-size: 14px;text-align: center;}
.nav .nav-list li:hover, .nav .nav-list li.active { background: #a1cbe1; }
.nav .nav-list li { flex: 1; }
.nav .nav-list li a { color: #ffffff; display: block ;width: 100%; height: 100%;}

.footer { background: #45434d; color: #ffffff; padding: 20px 0; }
.footer .footer-tit { font-size: 32px; display: flex; align-items: flex-end; }
.footer .footer-tit .sub-tit { font-size: 18px; margin-left: 10px; margin-top: 10px; }
.footer .foot-list { font-size: 14px; }
.footer .foot-list ul {display: flex;border-bottom: 1px solid #636363;margin: 10px 0;}
.footer .foot-list ul li {float: left;text-align: center;flex: 1;padding: 20px 0;}
.footer .foot-list ul li a { color: #fff; }
.footer .foot-contact { font-size: 16px; margin-top: 20px; }
.footer .foot-contact .footer-c-item { margin-top: 20px; }
.footer .qrcode { margin-top: 40px; font-size: 18px; }
.footer .qrcode img { height: 147px; }

.column-img { margin: 0 auto 50px; overflow: hidden; display: flex; justify-content: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; height: 80px; line-height: 80px; }
.column-img img { width: 100%; }
.column-img .column-text {position: absolute;top: 0;width: 100%;height: 100%;left: 0;background: rgba(0, 0, 0, 0.2);color: #ffffff;text-align: center;font-size: 24px;font-weight: bold;letter-spacing: 5px;}

.this-pos { margin: 20px 0 10px; }
.this-pos ul { overflow: hidden; }
.this-pos ul li::after { content: "/"; margin: 0 5px; color: #999; }
.this-pos ul li:last-child::after { content: ""; }
.this-pos ul li { float: left; color: #999; }
.this-pos ul li a, .this-pos ul li span { color: #999; }
.this-pos ul li a:hover { color: #000; }

.page { text-align: center; margin: 20px 0; }
.page ul { display: inline-block; overflow: hidden; }
.page ul li { float: left;  margin: 5px; }
.page ul li a, .page ul li span { font-size: 14px; padding: 8px 10px; display: block; }
.page ul .active, .page ul li:hover {  color: #eee;}
.page ul .active a, .page ul li:hover a { color: #eee; }

.category { margin-bottom: 30px; }
.category .catgray-lists { background: #ffffff; padding: 20px; border-bottom: 1px solid #ddd; font-size: 14px; }
.category .catgray-lists h3 { color: #000; font-weight: normal; width: 80px; display: block; font-size: 14px; padding: 3px 0; }
.category .catgray-lists li { float: left; padding: 3px 5px; margin: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.category .catgray-lists li.active, .category .catgray-lists li:hover { background: #009688; color: #ffffff; }
.category .catgray-lists li.active a, .category .catgray-lists li.active span, .category .catgray-lists li:hover a, .category .catgray-lists li:hover span { color: #ffffff; }
.category .catgray-lists:last-child { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.dib { display: inline-block; }

.pro-page { background: #ffffff; margin-top: 20px; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.pro-page a { display: block; }

.pro-page:hover { background: #009688; }
.pro-page:hover a { color: #ffffff; }

.screen { font-size: 16px; background: #ffffff; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin-bottom: 20px; }
.screen ul { padding: 20px; }
.screen ul li { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 10px; }
.screen ul li a { display: block; padding: 10px 15px; }
.screen ul li.active, .screen ul li:hover { background: #009688; color: #ffffff; }
.screen ul li.active a, .screen ul li:hover a { color: #ffffff; }

.column-img { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; margin-bottom: 0; }

.layer-msg-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }

.layer-msg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1000; }
.layer-msg .layer-msg-conter { pointer-events: auto; position: fixed; top: calc(50% - 313px); left: calc(50% - 400px); width: 800px; height: 626px; background: #ffffff; z-index: 1000; }
.layer-msg .layer-msg-bar { overflow: hidden; height: 60px; text-align: center; position: relative; background: #f2f2f2f2; line-height: 60px; }
.layer-msg .layer-msg-cha { position: absolute; font-size: 24px; left: 20px; cursor: pointer; }
.layer-msg .layer-msg-tit { font-size: 24px; }
.layer-msg .msg-form { padding: 20px; margin-top: 0; }
.layer-msg .msg-form .input-row { display: block; margin-bottom: 20px; }
.layer-msg .msg-form input, .layer-msg .msg-form textarea { width: calc(100% - 40px); float: none; }
.layer-msg .msg-form label { margin-bottom: 10px; font-size: 18px; display: block; width: 100%; float: none; }
.layer-msg .msg-form .textarea { display: block; }
.layer-msg .msg-form .sub-btn { font-size: 18px; margin: 20px auto; padding: 15px 25px; }

.msg-form {font-size: 18px;/* font-weight: bold; */margin-top: 40px;}
.msg-form input, .msg-form textarea { font-size: 20px; border: 1px solid #e4e4e4; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; width: calc(100% - 162px); flex: 0 0 calc(100% - 202px); float: left; }
.msg-form label { width: 160px; float: left; flex: 0 0 160px; }
.msg-form .input-row { float: left; display: flex; align-items: center; width: calc(50% - 15px); margin-right: 30px; margin-bottom: 10px; }
.msg-form .input-row:nth-of-type(2n) { margin-right: 0; }
.msg-form .textarea { display: flex; width: 100%; margin-right: 30px; margin-bottom: 10px; }
.msg-form .textarea textarea { height: 150px; padding: 20px; }
.msg-form .sub-btn {font-size: 18px;/* font-weight: bold; */color: #ffffff;border: 0;background: #009688;padding: 10px 40px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 2px 2px 5px #212163;-moz-box-shadow: 2px 2px 5px #212163;box-shadow: 2px 2px 5px #212163;margin: 30px auto;display: block;}
.link  {
    height: 25px;
    line-height: 25px;
}
.link .link-tit {
    width: 100px;
    font-size: 18px;
    font-weight: bold;
}
.link .link-list {
    width: calc(100% - 100px);
    font-size: 14px;
    color: #fff;
}
.link .link-list li {
    float: left;
    margin-left: 20px;
}
.link .link-list li a {
    /* color: #ffffff; */
}
.link .link-list li a:hover {
    opacity: .6;
}

.links {
    margin: 20px 0;
}

.footer a {
    color: #fff;
}