a, .page-title .title span, .sidebar .widget-title span, .header-1 .header-menu .navbar-nav > li.active > a, .header-1 .header-menu .navbar-nav > li.active > a:hover, .header-1 .header-menu .navbar-nav > li > a:hover, .header-1 .header-menu .navbar-nav > li > a:focus, .header-1 .header-menu .navbar-nav > li > a:active, .header-1 .header-menu .navbar-nav > li:hover > a, .sec-title span, .tel-title, .tel-num, .tell-icon, .header-2 .navbar-nav > li.active > a, .header-2 .search-icon:hover { color: #0170e2; }
a:hover, .sidebar .widget ul a:hover, .sidebar .widget ol a:hover, .post-list .entry-title a:hover, .sec-title .more:hover, .p-item-wrap:hover .title a, .news-list a:hover, .bookmarks a:hover, .header-2 .navbar-nav > li a:hover { color: #214bb7; }
.search-form input.submit, .header-1 .header-menu, .header-1 .header-menu .dropdown-menu > li > a:hover, .header-1 .header-menu .dropdown-menu > li > a:focus, .q-href .q-img:after, .pagination .current, .pagination a:hover, .sidebar .widget_nav_menu, .action .contact-title, .flex-control-paging li a.flex-active, .navbar-default .navbar-toggle:active .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .header-1 .navbar-collapse, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .form-submit .submit { background-color: #0170e2; }
.search-form input.submit:hover, .sidebar .widget_nav_menu ul li.current-menu-item a, .sidebar .widget_nav_menu ul li.current-post-parent a, .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li.current-menu-item .sub-menu a:hover, .sidebar .widget_nav_menu ul li.current-post-parent .sub-menu a:hover, .action .a-box:hover, .header-1 .header-menu .search-index .search-form input.submit, .flex-control-paging li a:hover, .form-submit .submit:hover { background-color: #214bb7; }
.header-2 .navbar-nav > li.active > a { border-top-color: #0170e2; }
.header-2 .navbar-nav > li a:hover { border-top-color: #214bb7; }
.sec-title span, .sidebar .widget-title span, .page-title .title span { border-bottom-color: #0170e2; }
.p-item-wrap:hover { border-color: #214bb7; }
.tell-icon, .comment-respond input:focus, .comment-form-comment textarea:focus { border-color: #0170e2; }
.j-share { position: fixed !important; top: 50% !important; }
.footer { color: #666; background: #f3f3f3; }
.footer a { color: #666; }
.footer a:hover { color: #333; }
.footer .menu li, .footer .footer-menu li { border-right-color: #666; }
.entry-content p img { clear: both; display: block; margin: auto; }
.keyword1 { background: #fff none repeat scroll 0 0; border: 1px solid #d9d9d9; float: left; font-family: "Microsoft Yahei"; height: 25px; outline: medium none; padding: 0 0 0 8px; width: 100%; }
.dlso { border-radius: 4px;padding: 5px; border-style:solid;border-width: 2px; border-color:#0170e2;background-color:#ECECEC;display: none; }@media(max-width:767px){.dlso {display: block}}
.dlbtn { background-color: #0170e2;border: none;color: white;padding: 4px 8px;text-align: center;text-decoration: none;display: inline-block;cursor: pointer;border-radius: 3px;}
.dlmask { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0); display: none; justify-content: center;align-items: center;z-index:999;transition: background-color 1s ease; }
.dlmask.dltrans { background-color: rgba(0, 0, 0, 0.5); }
.dlmask2 { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0); display: none; justify-content: center;align-items: center;z-index:999;transition: background-color 1s ease; }
.dlmask2.dltrans2 { background-color: rgba(0, 0, 0, 0.5); }
.dlclose-button { position: absolute;width: 30px;height: 30px;cursor: pointer; }
.dlclose-button2 { position: absolute;width: 30px;height: 30px;cursor: pointer; float: right;}
.keyword:focus { background:#f0fbff; }
.dlbox { border: 1px solid #ccc;display: inline-block;width:80px;overflow: hidden;margin: 0 3px;float: left;cursor: pointer;}
.clicked {border-color: #0170e2;}

.dl_proshow_xx{position: relative;width:40%;height:100%; overflow:hidden;padding-left: 20px;}@media(max-width:767px){.dl_proshow_xx {width:100%;padding-left: 0px;}}
#dl_PicShow{width:60%;height:auto; position: relative; float:left;}@media(max-width:767px){#dl_PicShow {width:100%;}}
.dl_ImgBox{width:100%;height:auto;overflow: hidden;border: 1px solid #ccc; background:#fff;}
.dl_simgls{width:100%; margin: 10px auto;}
.dl_wrap{float: left;display: inline;margin:0px 8px;}

.proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}

/* Custom Button */ 
.whitebutton {
    margin: 0 auto;
    width: 100%;
}

.whitebutton a {
    background: #dddddd;
    color: #666;
    display: block;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Droid Arabic Kufi',Verdana,sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    position: relative;
	white-space: nowrap;
    z-index: 2;
    animation: colorChange 1s infinite alternate;
}

.whitebutton a:before {
    content: '\f013';
    font-family: FontAwesome;
    font-weight: normal;
    padding: 8px;
    margin-left: 0px;
    margin-right: 10px;
}

.whitebutton span {
    background: #e99c00;
    color: #fff;
    display: block;
    font-size: 14px;
    font-family: 'Droid Arabic Kufi', Verdana,sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 95%;
    z-index: 1;
    text-transform: uppercase;
    font-weight: bold;
}

.whitebutton .up {
    height: 40px;
    background: #8bc34a;
    margin: 0px auto;
    opacity: 0;
    border-radius: 0 0 5px 5px;
    transform: translate(0,-50px);
    transition: 350ms;
}

.whitebutton .down {
    height: 40px;
    margin: -40px auto;
    opacity: 0;
    border-radius: 5px 5px 0 0;
    transform: translate(0,-50px);
    transition: 350ms;
}

.whitebutton .down:before {
    content:'\f14a';
    font-family: FontAwesome;
    font-weight: normal;
    margin-left: -6px;
    color: #fff;
}

.whitebutton:hover .up {
    opacity: 1;
    transform: translate(0,0);
}

.whitebutton:hover .down {
    opacity: 1;
    transform: translate(0,-90px);
}

@keyframes colorChange {
    0% {
      color: hsl(45, 100%, 50%);
    }
    100% {
      color: hsl(345, 100%, 50%); 
    }
  }

.btn-slide {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 100%;
    line-height: 48px;
    padding: 0;
    border-radius: 50px;
    background: #0170e2;
    border: 2px solid #0170e2;

    transition: .5s;
}

.btn-slide:hover {
    background-color: #eef5ff;
}

.btn-slide:hover span.circle {
    right: 100%;
    margin-right: -45px;
    background-color: #0170e2;
    color: #fdfdfd;
}


.btn-slide:hover span.title {
    right: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover {
    opacity: 1;
    right: 40px;
}

.btn-slide span.circle {
    display: block;
    background-color: #fff;
    color: #0170e2;
    position: absolute;
    float: right;
    margin: 5px;
    line-height: 40px;
    height: 36px;
    width: 40px;
    top: 0;
    right: 0;
    transition: .5s;
    border-radius: 50%;
}


.btn-slide span.title,
  .btn-slide span.title-hover {
    position: absolute;
    right: 110px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
	white-space: nowrap;
    transition: .5s;
}


.btn-slide span.title-hover {
    right: 80px;
    opacity: 0;
}

.btn-slide span.title-hover {
    color: #0170e2;
}