/*! Pagekit Minimal 1.0.0 | (c) 2014 Pagekit | MIT License */
@import 'https://fonts.googleapis.com/css?family=Raleway:600,400,300';
@import 'https://fonts.googleapis.com/css?family=Lato:400,300';
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono';

/*! UIkit 3.0.2 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Set `font-size` to support `rem` units
 *    Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Style
 */
html {
    /* 1 */

}

/*
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
	font: normal 17px / 26px "Microsoft YaHei", 微软雅黑, "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: #fff;
	color: #222222;
	font-weight: 300
}

/* Links
 ========================================================================== */
/*
 * Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    -webkit-text-decoration-skip: objects;
}

/*
 * Remove the outline on focused links when they are also active or hovered
 */
a:active,
a:hover {
    outline: none;
}

.dn,.dn2,.dn3{display: none;}
.qyxxys p{float: left;width: 25%;text-align: center;margin: 0 0 15px;}
@media(max-width:768px){
.qyxxys p{width: 48%;margin: 0 1% 15px;}

}
.qyxxxg{padding: 0 40px 0 0;}
.qyxxxg img{border-radius: 5px;}
.qyxxxg p{margin: 0 0 20px;}
.qyxxxg p:nth-child(odd){float: left;}
.qyxxxg p:nth-child(even){float: right;}

.pull-left{color: #222;position: relative;padding: 0;padding-bottom: 15px;/* display: inline-block; */margin: 0 0 28px;font-size: 32px!important;font-weight: bold;}
.pull-left:after {
    content: '';
    width: 5%;
    height: 2px;
    background-color: #33bbd0;
    position: absolute;
    /* left: 50%; */
    margin-left: -15%;
    bottom: 0;
    left: 0;
    margin-left: auto;
}
@media(max-width:768px){
    .qyxxxg{padding: 0;;}
    .qyxxxg p{margin: 0 0 20px;width: 48%;}
    .pull-left{font-size: 24px!important;}
    .banyxg{background-position: 1470px top!important;}
    .beaxgg{margin: 45px;}
    .mcdtgsm{display: block;}
    }
.mcdt{position: absolute;left: 0;right: 0;font-size: .875rem;color: rgba(255,255,255,.5);}
.mcdt a{color: rgba(255,255,255,.5)!important;}
.mcdt a:hover{color: rgba(255,255,255,1)!important;}
/* ���ض��� */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;    transition: inherit;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;    transition: inherit;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm2{background-position: 0 0;}

.go-top .uc-2vm:hover{background-position: 0 -348px;    transition: inherit;}
.go-top .uc-2vm2:hover{background-position: 0 -348px;    transition: inherit;}

/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop,.go-top .uc-2vm-pop2{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm,.go-top .uc-2vm-pop2 .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box,.go-top .uc-2vm-pop2 .logo-2wm-box{position: relative;}


.uk-subnav-pill>.uk-active>a {
    background-color: #333;
    color: #fff;
}
.baxg{display: block;}
.baxg2{display: none;}
@media(max-width:768px){
    .baxg{display: none;}
    .baxg2{display: block;}
}
a:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.xqqq{font-size: 14px;}
.xqqq span{font-size: 17px;}
.xqqq p{
    padding: 0 0 0 50px;
    margin: -27px 0 10px 0;
}
.xqqq p em{
    color: #222;
    font-style: normal;
    width: 33%;
    display: inline-table;
    margin: 0 0 20px 0;
}
@media(max-width:768px){
    .xqqq p em{width: 46%;float: left;margin: 0 0 10px 0;}
    .xqqq p {padding: 0 0 0 4%; margin: 10px 0 20px;}
}
.xqtz{margin: 0 0 20px;}
.xqtz a{
    position: relative;
    color:#ffffff;
    font-size: 15px;
    padding: 10px 25px;
    margin: 0 8px;
    border-radius:50px;
    display:inline-block;
    background-color: #333333;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.xqtz a:hover{text-decoration: none;background: #33bbd0;}

.xqljgm{position: relative;right: 15px;}

.xqtj{
    background: #33bbd0;
    color: #fff;
    border: none;
    outline: none;
    width: calc(100% * 1 / 3.001);
    padding: 10px 0;
}
.xqbq{margin: 0 5px 10px;}
@media(max-width:768px){
    .xqtz a{
        width: 40%;
        text-align: center;
        padding: 10px 0;
        margin: 0 8px 15px;
    }
    .xqljgm{right: 0;}
}
.fkicon span {
    color: #ffa13d
}

.fkicon p {
    color: #999
}

.newsdate {
    background: #e5e5e5;
    margin-bottom: -1px;
}

.newsdate p {
    color: #333 !important;
}

.indexnews li {
    cursor: pointer;
    border-bottom: dashed 1px #eee;
}

.indexnews li:hover .newsdate {
    background: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff !important;
}

.indexnews li:hover .newsdate p {
    color: #fff !important;
}

.indexnews li:hover a {
    color: #1e87f0;
}

.page {
    margin: 40px 0 40px 0;
    text-align: center;
    padding: 5px
}

.page ul li {
    display: inline;
}

.page ul li a {
    display: inline-block;
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 9px;
    text-decoration: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e3e3e3;
    padding: 0 12px;
    color: #333;

}

.page.page ul li a:hover {
    /*border: #3266a0 1px solid*/
    background-color: #333;
    color: #FFF;
}

.page.page ul li a:active {
    /*border: #3266a0 1px solid*/
    background-color: #333;
    color: #FFF;
}

.page ul li.active a {
    /*  color: #fff;
    background: #3a81c0;
    border-bottom: 1px solid #3266a0;
    padding: 2px 5px;
    font-weight: bold;
    margin: 2px*/

    background-color: #333;
    border: 0 none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-left: 9px;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #333;

}

.page ul li.disabled a {
    border: #eee 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #ddd
}

ul.uk-nav-sub {
    padding: 5px 0;
}

/* Default modifier
 ========================================================================== */
.uk-nav-default {
    background: #333;
    font-size: 0.875rem;
    padding: 20px;
    margin-bottom: 10px !important;
}

/*
 * Items
 */
.uk-nav-default>li {}

.uk-nav-default>li>a {
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px 5px 15px;
}

/* Hover + Focus */
.uk-nav-default>li>a:hover,
.uk-nav-default>li>a:focus {
    color: #fff;
}

/* Active */
.uk-nav-default>li.uk-active>a {
    color: #fff;
}

.uk-nav-default>li.uk-open>a {
    color: #fff;
    background: #444;
}

.uk-nav-default>li.uk-open>a::after {
    color: #fff;
}

/*
 * Header
 */
.uk-nav-default .uk-nav-header {
    color: #fff;
}

/*
 * Divider
 */
.uk-nav-default .uk-nav-divider {
    border-top: 1px solid #444;
}

/*
 * Sublists
 */
.uk-nav-default .uk-nav-sub a {
    color: #fff;
    padding: 0 25px;
    font-size: 14px;
    border-radius: 5px;
    margin: 5px 0;
}

.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub a:focus {
    color: #fff;
    background: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.uk-nav-default .uk-nav-sub li.uk-active>a {
    color: #fff;
    background: #444;
}

.uk-description-list {
    padding: 20px;
}

.uk-description-list dt,
.uk-description-list dd {
    font-size: 14px;
    color: #fff;
}

.uk-pro-show {}

.uk-thumbnav>*>*::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    transition: background 0.3s ease-in-out;
}

.uk-thumbnav>.uk-active>*::after {
    background-color: transparent;
    border: .2rem solid #33bbd0;
    transition: border 0.1s ease-in-out;
}



.uk-hotline {
    background: #eee;
}

.uk-hotline div p {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 30px;
}

.uk-hotline div span {
    color: #33bbd0;
    font-size: 1.3rem;
}


.uk-hotline div a {
    background: #33bbd0;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0
}

.uk-hotline div a:hover {
    text-decoration: none;
    background: #333;
}

/*留言板样式*/
#ds-reset {
    background: #FAFAFA;
    border: 1px solid #EEE;
    margin-top: 20px;
    padding: 20px;
}

#ds-reset .ds-post-toolbar {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    border: 1px solid #EEE !important;
}

#ds-reset .ds-textarea-wrapper textarea,
#ds-reset .ds-textarea-wrapper {
    color: #6C6C6C !important;

    border: 1px solid #EEE !important;
}

#ds-reset .ds-post-button {
    border-left: 0 !important;
}

#ds-reset .ds-gradient-bg,
#ds-reset .ds-avatar {
    background: none !important;
}
#ds-reset .form-group {
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
/*留言板样式end*/

.uk-case{cursor: pointer; }
.uk-case .uk-inline-clip{border: 1px solid #f5f5f5;}

/*咨询留言样式*/
/* Basic Grey */
 
<style type="text/css"> .smart-green { margin-left: auto; margin-right: auto; max-width: 500px; background: #F8F8F8; padding: 30px 30px 20px 30px; font: 12px Arial, Helvetica, sans-serif; color: #666; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .smart-green h1 { font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0px 20px 40px; display: block; margin: -30px -30px 10px -30px; color: #FFF; background: #33bbd0; text-shadow: 1px 1px 1px #949494; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #89AF4C; } .smart-green h1 span { display: block; font-size: 11px; color: #FFF; } .smart-green label { display: block; margin: 0px 0px 5px; } .smart-green label span { float: left; margin-top: 10px; color: #5E5E5E; } .smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select { color: #555; height: 30px; line-height: 15px; width: 100%; padding: 0px 0px 0px 10px; margin-top: 2px; border: 1px solid #E5E5E5; background: #FBFBFB; outline: 0; -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); font: normal 14px/14px Arial, Helvetica, sans-serif; } .smart-green textarea { height: 100px; padding-top: 10px; } .smart-green select { background: no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%); background: no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9)); appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 100%; height: 30px; } .smart-green .button { background-color: #33bbd0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-border-radius: 5px; border: none; padding: 10px 25px 10px 25px; color: #FFF; text-shadow: 1px 1px 1px #949494; } .smart-green .button:hover { background-color: #29acc0; } </style>