/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

body { font-family: 'Microsoft YaHei'; }
ul { list-style: none; padding:0; }
a:hover { text-decoration: none; }
.space-40 { margin: 20px 0; }

/* fix-right */
/*.fix-right {   width: 149px; height: 89px; position: fixed; right: 0; top: 20%; z-index: 99;}
.fix-right a span{left: 45px;}*/

.fix-right { width: 149px; height: 222px; position: fixed; right: 0; top: 50%; z-index: 99; margin-top: -111px; }
.fix-right a { width: 149px; height: 74px; display: block; color: #fff; padding-left: 60px; line-height: 45px;  }
.fix-right .btn1 { background: url("img/fix-btn1.png") no-repeat; padding-left: 20px; text-align: center; }
.fix-right .btn2 { background: url("img/fix-btn2.png") no-repeat; }
.fix-right .btn3 { background: url("img/fix-btn3.png") no-repeat; }

/* register */
.pop { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.7); z-index: 100; overflow:auto; }
.modal .modal-dialog { width: 1110px; }
.modal .modal-dialog .modal-content { height: 930px; border-radius: 0; }
.modal .modal-dialog .modal-content .modal-body { height: 100%; padding:0; }
.modal .intro h1 { text-align:center;line-height:148px; margin:0; }
.modal .intro img { display:block; margin:0 auto 30px; }
.modal .intro p { width: 71%; font-size: 16px; line-height: 33px; margin: 0 auto; }
.modal .info { height: 100%; background: url("img/reg-form-bg.jpg") no-repeat; color: #fff; }
.modal .info h1 { text-align: center; line-height: 100px; font-weight: bolder; }
.modal .info .form { width: 400px; margin: 0 auto; }
.modal .info .form input { padding: 20px 25px; background: #37383b; font-size: 14px; border: 1px solid #f0ab00; color: #fff; }
.modal .info .form .btn { height: 60px; margin: 30px 0; font-weight: bolder; }
.modal .info .form .reg-checkbox { color: #acacac; }
.modal .info .form p a { color: #f0ab00; text-decoration: underline; }
.modal .close {margin:0px 0px 15px 0px;; width: 30px; height: 30px; background: url("img/close.png") center center no-repeat; position: absolute; right: 10px; top: 10px; z-index: 1; opacity: 1; }

/* index */
.navbar { margin: 0; border: 0; border-radius: 0; background-color: #3064b5; }
.navbar .logo { height: 80px; display: block; line-height:80px; }
.navbar .logo img{ height: 50%; }
.navbar .navbar-nav li { margin:30px 25px; }
/*.navbar .navbar-nav li a, .navbar .navbar-nav li a:hover { padding: 0; background: #000 !important; font-size: 16px; color: #fff !important; }*/
.navbar .navbar-nav li a{ padding: 0; background: none !important; font-size: 16px; color: #fff !important; color: #fff !important;}
 .navbar .navbar-nav li a:hover { padding: 0; background: none !important; font-size: 16px; color: #fff !important; color: #f0ab00 !important;}
/*.navbar .navbar-nav li.active a { background: #f0ab00 !important; }*/
.navbar .navbar-nav li.active a { color: #f0ab00 !important; }
.navbar .navbar-nav li.tel a { color: #f0ab00 !important;}

.banner { height:730px; background: url("img/banner.jpg") center center no-repeat; background-size: cover; }
.banner .item { height: 630px; color: #fff; text-align: center; padding-top: 190px; }
.banner .item h1 { font-size: 48px; font-weight: bolder; line-height: 53px; }
.banner .item h4 { font-size: 20px; line-height: 33px; margin-top: 60px; }
.banner .carousel-indicators li { width: 14px; height: 14px; border-width: 2px; margin: 0 5px; }
.banner .carousel-indicators li.active { border-color: #f0ab00; background-color: #f0ab00; }

.solution .nav { background-color: #fff; margin-top: -70px; box-shadow: 0px 20px 80px #ebebeb; }
.solution .nav .nav-item { height: 140px; line-height: 140px; text-align: center; }
.solution .nav .btn { width: 175px; height: 55px; line-height: 43px; font-size: 16px; }
.solution .sol { overflow: hidden; }
.solution .sol h1 {text-align: center; line-height: 190px; margin: 0; }
.solution .sol .paneList { overflow: hidden; }
/*.sol ul { width: 2000px; }*/
.sol ul li { float: left; }
.sol ul li .pane { background-size:cover;position:relative;border-radius:5px; }
.sol ul li .pane .mask { width: 100%; height: 100%; border-radius: 5px; position: absolute; left: 0; top: 0; background: #eb7300; display: none; }
.sol ul li .pane .mask p { width: 80%; margin: 10% auto 0; color:#fff; font-size:16px; line-height: 28px; }
.sol ul li .pane .mask .btn { width: 150px; height: 50px; position: absolute; left: 50%; bottom: 7%; margin-left:-75px;padding:0; line-height:50px; color: #fff; border: solid 1px #fff; }
.sol ul li .pane:hover .mask { display: block; }
.sol ul li h3 { line-height:100px; text-align:center; }
.sol .control { text-align: center; list-style: none; margin: 0 auto; }
.sol .control li { display: inline-block; width: 28px; height: 28px; text-indent: -999px; cursor: pointer; margin: 0 5px; }
.sol .control li.left { background: url("img/arrow-left.png") no-repeat; }
.sol .control li.right { background: url("img/arrow-right.png") no-repeat; }
.sol .control li.left.inactive { background: url("img/arrow-left-inactive.png") no-repeat; cursor: default; }
.sol .control li.right.inactive { background: url("img/arrow-right-inactive.png") no-repeat; cursor: default; }
.index-hr { margin: 50px 0; border-color: #d0d0d0; }
.about .container { padding: 150px 0; position: relative; }
.about .pic { height: 100%; position: absolute; left: 0; top: 0; padding: 0 20px; }
.about .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("img/index-about.png") center center no-repeat; background-size: contain; }
.about .desc { padding: 0 0 0 70px; }
.about .desc h2 { font-size: 36px; margin: 0 0 40px; color: #232829; }
.about .desc p { line-height: 28px; margin: 0; }
.about .desc .title { font-size: 18px; color: #f0ab00; }
.about .desc .content { font-size: 16px; color: #848484; }

/*.footer { margin: 0; color:#fff; background: #000 url("img/footer-bg.png") repeat-y center right; }*/
.footer { margin: 0; color:#fff; background: #3064b5; }
.footer a { height:25px; color: #fff; line-height:25px; margin-right:30px; }
.footer a.line { text-decoration: underline; }
.footer .icon-call { height: 25px; background: url("img/icon-call.png") no-repeat; padding-left: 35px; display: inline-block; }
.footer .icon-contact { height: 25px; background: url("img/icon-contact.png") no-repeat; padding-left: 35px; display: inline-block; }


/* partner */
.service { background: #f8f7f7; }
.service h1 { text-align: center; line-height: 190px; margin: 0; }
.service-nav { padding: 0; }
.service-nav .left { width: 30px; height: 90px; background: url("img/arrow-left.png") no-repeat; float: left; cursor: pointer; }
.service-nav .right { width: 30px; height: 90px; background: url("img/arrow-right.png") no-repeat; float: left; cursor: pointer; }
.service-nav .left.inactive { background: url("img/arrow-left-inactive.png") no-repeat; cursor: default; }
.service-nav .right.inactive { background: url("img/arrow-right-inactive.png") no-repeat; cursor: default; }
.service-nav .center { height: 90px; float: left; overflow: hidden; }
.service-nav ul { margin: 0; }
.service-nav li { padding: 0; height: 90px; color: #686868; float: left; text-align: left; font-size: 24px; line-height: 30px; margin: 0 auto; cursor: pointer; }
.service-nav li.active { color: #f0ab00; border-bottom: solid 5px #f0ab00;}
.service .carousel-inner { height: 585px; margin-top: 60px; }
.service .carousel-inner .item .left { height: 450px; background: #fff; }
.service .carousel-inner .item .left .content { width: 90%; margin: 60px auto 0; }
.service .carousel-inner .item .left .content .desc { height: 273px; font-size: 16px; line-height: 27px; color: #686868; overflow: hidden;}
.service .carousel-inner .item .left .content .btn-live { width: 172px; height: 57px; padding: 0; font-size: 16px; line-height: 57px; color: #fff; background: #f0ab00; }
.service .carousel-inner .item .left .content .btn-apply { width: 172px; height: 57px; padding: 0; font-size: 16px; line-height: 57px; color: #fff; background: #eb7300; margin-left: 20px; }
.service .carousel-inner .item .right { height: 450px; background-size: cover;); }
.service .carousel-indicators { bottom: 50px; }
.service .carousel-indicators li { width: 16px; height: 16px; border-width: 2px; margin: 0 5px; border-color: #d4d3d3; }
.service .carousel-indicators li.active { border-color: #f0ab00; background-color: #f0ab00; }

.case { background: url("img/customer_02.jpg") center center no-repeat; background-size: cover; }
.case .item { height:540px; color: #fff; text-align: center; padding-top: 80px; }
.case .item h1 { font-size: 36px; margin:0; }
.case .item p { font-size: 20px; line-height: 33px; margin-top: 60px; text-align: center; }
.case .item .btn { width:155px; height:55px;font-size: 16px; line-height: 55px; margin: 60px 20px 0; text-align: center; border: solid 1px #ffaf00; color: #ffaf00; padding:0; }
.case-nav { padding: 0; background: #000; }
.case-nav .left { width: 40px; height: 150px; margin-right: 1px; background: #ffaf00 url("img/arrow_left.png") center center no-repeat; float: left; cursor: pointer; }
.case-nav .right { width: 40px; height: 150px; margin-left: 1px; background: #ffaf00 url("img/arrow_right.png") center center no-repeat; float: left; cursor: pointer; }
.case-nav .center { height: 150px; float: left; overflow: hidden; margin-left: 41px; }
.case-nav ul { margin:0; }
.case-nav li { padding: 0 2%; height: 150px; color: #fff; display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; line-height: 48px; margin: 0 auto; cursor:pointer; }
.case-nav li.active { background-color: #ffaf00; }

.news { background: #f8f7f7; }
.news h1 { text-align: center; line-height: 190px; margin: 0; }
.news .paneList { overflow: hidden; }
.news ul li { float: left; background:#fff;margin:0 1px; }
.news ul li .pane .content { width: 80%; height: 460px; padding-top: 40px; position: relative; margin: 0 auto; }
.news ul li .pane .date { color: #a0a0a0; font-size: 14px; line-height: 28px; }
.news ul li .pane h3 { height: 80px; font-size: 24px; line-height: 33px; margin: 0; margin-bottom: 20px;}
.news ul li .pane .desc { color: #848484; font-size: 16px; line-height: 28px; }
.news ul li .pane .btn { position: absolute; right: 0; bottom: 20px; padding: 0; color: #ffaf00; }
.news ul li .pane:hover { box-shadow: 0 0 10px #ebebeb; }
.news ul li .pane:hover .btn { color: #ffaf00; }
.news ul li h3 { line-height: 100px; }
.news .control { text-align: center; list-style: none; margin: 50px auto; }
.news .control li { display: inline-block; width: 28px; height: 28px; text-indent: -999px; cursor: pointer; margin: 0 5px; }
.news .control li.left { background: url("img/arrow-left.png") no-repeat; }
.news .control li.right { background: url("img/arrow-right.png") no-repeat; }
.news .control li.left.inactive { background: url("img/arrow-left-inactive.png") no-repeat; cursor: default; }
.news .control li.right.inactive { background: url("img/arrow-right-inactive.png") no-repeat; cursor: default; }

.footer_list li{float: left;display: inherit;text-decoration: underline;}
#ttkefuminily{position: relative;z-index: 10;}