*{margin:0;padding:0;}
.section{padding:70px 0px;}
.ellipse2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipse3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
img{max-width: 100% !important;}
html,body {height: 100%;margin: 0;}
body{font-family: 'Roboto', sans-serif;font-weight: 400;font-size:14px;color:#333;background:#F6F6F6;margin:0;padding:0;}
a,button{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;outline:none;}
h1,h2,h3,h4,h5,h6{margin:0;}
p{padding:0;margin:0;}
ul, li{list-style:none;padding:0;margin:0;}
a,button{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;outline:none;box-shadow:none;text-decoration:none;}
a:hover{text-decoration:none;}
.button .btn{font-weight:500;font-size:15px;height:45px;color:#888888;display:inline-block;line-height:45px;padding:0 45px 0 45px;}
.btn {border:none;border-radius:0px;}
.section-title{text-align: center;    margin-bottom: 40px;    padding: 0 190px;}
.section-title h2{font-size:32px;font-weight: 500;text-transform:uppercase;padding-bottom:15px;margin-bottom:15px;position:relative;}
.section-title h2:before{content:"";width:100px;height:1px;position:absolute;bottom:-1px;margin-left:-50px;left:50%;}
.section-title h2::after {content: "";width: 12px;height: 12px;position: absolute;bottom: -6px;margin-left: -5px;left: 50%;transform: rotate(45deg);}
.section-title p{font-size:15px;color:#888;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.clear{display: block;clear: both;}
.slicknav_menu{display:none;}
#scrollUp{bottom: 20px;right: 20px;padding: 10px 20px;color: #fff;font-size: 25px;width: 45px;height: 45px;text-align: center;line-height: 45px;padding: 0;border-radius:2px;box-shadow:0px 0px 3px #333;transform:rotate(-45deg);border-radius:100%;}
#scrollUp:hover{background:#6f6f6f;color:#fff;}

/* Preloader Animaion */
.color-plate {position: fixed;width: 200px;background: #fff;z-index: 9999;top: 50%;margin-top: --100px;box-shadow: -3px 0px 50px -2px rgba(0,0,0,0.14);right: -200px;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;padding: 20px;}
.color-plate.active{right:0;}
.color-plate .icon {position: absolute;left: -50px;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;color: #fff;cursor: pointer;top: 0;}
.color-plate h2 {text-transform: capitalize;color: #000000b3;border-bottom: 3px solid #3336;padding-bottom: 10px;font-size: 20px;}
.color-plate .color-head {margin-left: -10px;}
.color-plate span {width: 40px;height: 30px;display: inline-block;margin-top: 10px;margin-left: 10px;}
.color-plate span:hover{cursor:pointer;}
.color-plate span.color1{background:#ed5409;}
.color-plate span.color2{background:#ED1C24;}
.color-plate span.color3{background:#16A085;}
.color-plate span.color4{background:#FF9800;}
.color-plate span.color5{background:#FF6853;}
.color-plate span.color6{background:#82B440;}
.color-plate span.color7{background:#36BFC4;}
.color-plate span.color8{background:#4CAF50;}
.color-plate span.color9{background:#8e44ad;}
.color-plate span.color10{background:#1DABB8;}
/*============================
Header CSS
==============================*/
.header{background:#fff;z-index:999999;}
.header .header-inner.sticky{z-index:99999;}
.header .navbar-collapse{padding:0;}
.header .header-inner {z-index:999;height: 80px;background:#f5f5f5;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.header .logo {float: left;padding-top: 0px;margin-top: 8px;}
.header .logo img{width: 210px;}
.header .navbar {background: none;box-shadow: none;border: none;margin: 0;height: 0px;min-height: 0px;float: right;}
.header .nav li{margin-right: 12px;    float: left;}
.header .nav li:last-child{margin:0;}
.header .nav li a {color:#333;    font-size: 14px;    font-weight: 400;    text-transform: uppercase;    padding: 30px 10px;    position: relative;    display: inline-block;}
.header .nav li a i{margin-left:5px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.header .nav li:hover a i{transform:rotate(180deg);}
.header #nav li:hover a{box-shadow:none;text-shadow:none;border:none;}

/* dropdown */
#header .nav li .dropdown{background: #f5f5f5;top:80px;    width: 220px;    position: absolute;    left: -15px;    z-index: 99;border-top:3px solid;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
#header .nav li:hover .dropdown{opacity:1;visibility:visible;left:0;}
#header .nav li .dropdown li{float:none;margin:0;}
#header .nav li .dropdown li a{padding: 10px 15px;    color: #333;    display: block;}
#header .nav li .dropdown li i{float:right;}
#header .nav li .dropdown li a:before{display:none;}

/* Sticky */
.header .sticky {position: fixed;width: 100%;top: 0;animation: fadeInDown 0.8s both 0s;}
/*===================
End Header CSS
=====================*/

/**********************
HOME SECTION
***********************/
#home {height: 530px;}
.carousel {width: 100%;height: 100%;}
.carousel .item {height: 530px;background: url("../img/banner.jpg") center center no-repeat;background-size: cover;}
.carousel-caption {padding: 0;bottom: 50%;transform: translateY(50%);}
.carousel-caption .btn-default {margin-top: 31px;}
.carousel-caption .h1 {margin-top: 27px;}
.carousel-caption p {margin-top: 36px;}
.carousel-indicators li {margin: 1px 8px;border-color: #ffffff;background-color: #ffffff;}
.carousel-indicators .active {margin: 0 8px;border-radius: 8px;border-color: #ffe600;background-color: #ffe600;}
.carousel-control {opacity: 0;}
.carousel-control span {color: #ffe600;}


/*=========================
features CSS
===========================*/
#features{}
#features .feature-left{}
#features .feature-left img {height: 368px;width: 100%;margin-top: 30px;}
#features .feature-right{}
#features .single-right{position:relative;margin-top:30px;}
#features .single-right i{font-size:20px;position:absolute;left:0;top:0;height:50px;width:50px;line-height:50px;border:1px solid #ddd;border-radius:100%;text-align:center;transition:all 0.4s ease;}
#features .single-right:hover i{transform:scale(1.1);border-color:transparent;}
#features .single-right .right-content{margin-left:70px;margin-top: 30px;}
#features .single-right .right-content h3{font-size: 18px;    color: #222;    margin: 0;    padding: 0;    font-weight: bold;}
#features .single-right .right-content p{color:#989898;font-size: 14px;margin-top: 10px;line-height: 24px;width: 100%;height: 69px;}

#features .single-left{position:relative;margin-top:30px;}
#features .single-left i{color: #0f67b9;font-size:20px;position:absolute;right:0;top:0;height:50px;width:50px;line-height:50px;border:1px solid #ddd;border-radius:100%;text-align:center;transition:all 0.4s ease;}
#features .single-left:hover i{transform:scale(1.1);border-color:transparent;}
#features .single-left .right-content{margin-right:70px;margin-top: 30px;}
#features .single-left .right-content h3{font-size: 18px;    color: #222;    margin: 0;    padding: 0;    text-align: right;    font-weight: bold;}
#features .single-left .right-content p{color:#989898;font-size: 14px;margin-top: 10px;line-height: 24px;width: 100%;text-align: right;height: 69px;}

#Services{background:#fff;}
#Services .single-service {padding: 20px;background: #fff;margin-top: 30px;text-align: center;transition: all 0.6s ease;position:relative;border:1px solid #ddd;cursor: pointer;border-radius: 4px;}
#Services .single-service:hover{padding: 20px;background: #fff;margin-top: 30px;text-align: center;transition: all 0.6s ease;position:relative;border:1px solid #0f67b9;box-shadow: 0px 0px 7px #0f67b9;border-radius: 4px;}
#Services .single-service img {font-size: 32px;color: #fff;height: 100px;width: 100px;line-height: 100px;transition:all 0.4s ease;border-radius: 6px;}
#Services .single-service h3{margin:20px 0px 10px;color:#444;font-weight: bold; font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*#Services .single-service p{color:#9f9f9f;font-size: 13px;}*/
#Services .single-service p{color:#9f9f9f;font-size: 13px;line-height: 20px;min-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*=========================
End services CSS
===========================*/



/*===================
Latest Works CSS
=====================*/
.latest-works{}
.latest-works .works-menu{text-align:center;padding-top:10px;padding-bottom:80px;}
.latest-works .works-menu ul{}
.latest-works .works-menu ul li {font-size: 15px;color: #888;display: inline-block;margin-right: 35px;}
.latest-works .works-menu ul li:hover:before,.latest-works .works-menu ul li.active:before{left:50%;opacity:1;visibility:visible;}
.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active{cursor:pointer;}
.latest-works .works-menu ul li:last-child{margin:0;}

.single-work{position:relative;margin-bottom:30px;overflow:hidden;}
.single-work:before{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background:#000;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;z-index:99;}
.single-work:hover:before{opacity:0.8;visibility:visible;}
.single-work img{width:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.single-work:hover img{transform:scale(1.1);z-index:-2;}
.single-work .works-hover{text-align:center;position:absolute;top:-130px;left:0;width:100%;height:100%;padding:30px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;}
.single-work:hover .works-hover{top:30px;}
.single-work:hover .works-hover{opacity:1;visibility:visible;}
.single-work .works-hover h4 {color: #fff;font-size: 18px;margin-bottom: 20px;}
.single-work .works-hover a{margin-right:10px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.single-work .works-hover a i{color:#fff;font-size: 25px;border:1px solid #fff;padding: 5px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}

.latest-works .button-head{text-align:center;}
.latest-works .button{margin-top:55px;text-align:center;display:inline-block;position:relative;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.latest-works .button .btn{color:#333333b3;}
.latest-works .button .btn::before {position: absolute;content: "";right: 0;bottom: 0;background: #333333b3;height: 2px;width: 40px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.latest-works .button:hover .btn::before{width: 100%;}
.latest-works .button .btn:after{position:absolute;content:"";right:0;bottom:0;background:#333333b3;height:30px;width:2px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.latest-works .button:hover .btn::after{height: 100%;}
.latest-works .button span::before {position: absolute;content: "";left: 0;top: 0;background: #333333b3;height: 2px;width: 40px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.latest-works .button:hover span::before{width: 100%;}
.latest-works .button span::after {position: absolute;content: "";left: 0;top: 0;background: #333333b3;height: 30px;width: 2px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.latest-works .button:hover span::after{height: 100%;}
/*=======================
End Latest Works CSS
=========================*/


/*===================
Testimonials
=====================*/
#testimonials{background-image:url('../img/testi-bg.jpg');background-size:100%;background-position:center !important;background-repeat:no-repeat;position:relative;}
#testimonials .bg:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;background:#000;opacity:0.9;}
#testimonials .single-testimonial{padding:0 10%;text-align:center;position:relative;}
#testimonials .single-testimonial img {height: 65px;width: 65px;border-radius: 100%;border: 3px solid #fff;margin-bottom: 10px;position: absolute;left: 50%;top: -85px;margin-left: -34px;}
#testimonials .single-testimonial h2 {color: #fff;font-size: 33px;margin-bottom: 15px;margin-top: 85px;font-weight: 400;}
#testimonials .single-testimonial p{color:#c8c7c7;font-size:14px;text-transform:capitalize;position:relative;font-weight:300;}
#testimonials .single-testimonial p i {margin-right: 10px;font-size: 16px;font-style:normal;}
#testimonials .single-testimonial p .fa {margin:0px 10px;}
#testimonials .single-testimonial span{margin-top:15px;color:#c8c7c7;font-size:14px;display:block;}
#testimonials .owl-dots {z-index: 333;left: 50%;width: 100%;text-align: center;margin-top: 30px;}
#testimonials .owl-dots button{width: 15px;    height: 8px;    background: #fff;    margin-right: 5px;border:1px solid transparent;}
#testimonials .owl-dots button.active{background:transparent;border-color:#fff;}
#testimonials .owl-dots button span{}
/*===================
End Testimonials
=====================*/


/*===================
contact
=====================*/
#contact{position:relative;}
/*contact-left*/
#contact .contact-left {background: #fff;padding: 30px;position: relative;top: 52px;left: 90px;z-index: 99;box-shadow: -10px 10px 10px #0000004d;}
#contact .contact-left h3{color:#333;border-bottom:1px solid;}
#contact .contact-left p{color:#9f9f9f;margin-top:10px;}
#contact .contact-left .p1 {margin-top: 22px;margin-left: 10px;}
#contact .contact-left .p1::before {position: absolute;content: "";left: 31px;top: 82px;height: 75px;width: 2px;}

/*contact-right*/
#contact .contact-right {padding:60px 30px 60px 90px;}
#contact .contact-right::before {position: absolute;content: "";right: 15px;top: 0;border: 22px solid #fffc;border-top: 22px solid transparent;border-right: 22px solid transparent;border-radius: 0px 0px 0px 4px;}
#contact .contact-right::after {position: absolute;content: "";right: 15px;top: 0;border: 24px solid #F6F6F6;border-left: 22px solid transparent;border-bottom: 22px solid transparent;}
.contact .form{margin-top:30px;}
.contact .form .form-group{}
.contact .form input {width: 100%;height: 46px;padding-left: 15px;text-transform: capitalize;background: none;border: none;color: #fff;border-bottom: 1px solid #fff;}
.contact .form textarea {width: 100%;height: 200px;padding: 15px;text-transform: capitalize;resize: none;background: none;color: #fff;border: none;border: 1px solid #fff;}
.contact .form .btn {color: #333;background: #fff;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;margin-top: 10px;;}
.contact .form .btn:hover{box-shadow: 2px 8px 8px #0000004d;transform:scale(1.05);}
.contact .form .btn i{margin-left:5px;}

/*===================
End contact
=====================*/


/*===================
Footer CSS
=====================*/
.footer{padding:0;background-color:#F6F6F6;}
.footer1{border-top: 1px solid #eaeaea;background-color:#fff;}
.footer .footer-top{padding:30px 0px;}
.footer .logo{margin-bottom:23px;}
.footer .logo img{}

.footer .single-footer{}
.footer .single-footer .contact {margin-top: 15px;}
.footer .single-footer .contact p{margin-top:10px;}
.footer .single-footer .contact i{margin-right:10px;}
.footer .single-footer .contact .location{color:#868585;}
.footer .single-footer .contact .mail-add{color:#868585;}
.footer .single-footer .contact .call{color:#868585;}

.footer .single-footer span i{margin-right:5px;}
.footer .single-footer span{display:block;color:#868585;margin: 12px 0px;text-transform:capitalize;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.footer .single-footer span:hover{cursor:pointer;}
.footer .single-footer h2{color:#333;font-size:18px;font-weight:600;text-transform:capitalize;margin:18px 0;text-transform:uppercase;}
.footer .single-footer h2 i{margin-right:10px;padding-right:5px;border-right:2px solid;}
.footer .single-footer p{color:#333;}
.footer .single-footer .mail{margin-top:20px;}
.footer .single-footer .mail input{background: transparent;border: 1px solid #868585;height: 45px;line-height: 45px;width: 245px;margin-right: 15px;color: #868585;padding-left: 18px;display: inline-block;float: left;}
.footer input::-webkit-input-placeholder {    opacity: 1;    color: #868585 !important;}
.footer input::-moz-placeholder {    opacity: 1;    color: #868585 !important;}
.footer input::-ms-input-placeholder {    opacity: 1;    color: #868585 !important;}
.footer input::input-placeholder {    opacity: 1;    color: #868585 !important;}
.footer .single-footer .button {height: 37px;width: 109px;box-shadow: none;text-shadow: none;border: none;margin-top: 10px;margin-left: 0;font-size: 15px;text-transform: capitalize;}
.footer .single-footer .button a{color:#fff;}
.footer .single-footer .button:hover{background:#555;color:#c8c8c8;}
.footer .single-footer .mail i {position: absolute;left: 0;color: #333;top: 230px;}
.footer .single-footer .mail p{margin-top:10px;}
.footer .copyright{text-align:center;padding:20px 0;}
.footer .copyright .copyright-content p{color:#fff;line-height: 30px;}
.footer .copyright .social{float:left;margin-right:20px;margin-top: 2px;}
.footer .copyright .social{}
.footer .copyright .social li{display:inline-block;margin-right:5px;}
.footer .copyright .social li a{background:#fff;width:25px;height:25px;line-height:25px;display:block;}
.footer1 .copyright .social li a{background:#f5f5f5;}
.footer .copyright .social li a:hover{color:#fff;background:#333;}
.footer .copyright .social ul li a i{font-size:15px;}
/*===================
End Footer CSS
=====================*/
.denglu{}
.denglu .denglu_ipt{display: block;    height: 46px;    padding: 12px 16px;    font-size: 14px;    background: #fff;    border: 1px solid #e2e2e2;    width: 75%;    margin: 10px 0;}
.denglu_p1{text-align: center;font-size: 30px;font-weight: bold;color: #000;line-height:50px;padding-bottom: 10px;}
.denglu_p2{color: #ec0808;}
.denglu_p3{width: 25%;float: left;height: 46px;line-height: 46px;text-align: right;padding-right: 3%;border: 1px solid #e2e2e2;border-right:none;background: #f9f9f9;}
.denglu_p33{width: 25%;float: left;height: 30px;line-height: 30px;text-align: right;padding-right: 3%;}
.denglu_p4{float: left;text-align: right;width: 75%;}
.denglu_btn1{width:260px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 14px;background: #0f67b9;margin: 0 auto;cursor: pointer;}
.denglu_btn1:hover{background: #2781d6;}
.denglu_a1{margin-top: 15px;display: block;}

.sousuo_d1{width: 100%;height: 200px;background: url("../img/bga.jpg") no-repeat top center;background-size: 100%;min-width: 925px;}
.sousuo_d2{margin-top: 100px;}
.sousuo_d1 input{outline:none;border:none;width: 92%;height: 46px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.sousuo_d2 .sousuo_d3{height:46px;line-height:46px;text-align: center;color: #777; width: 8%;float: left;font-size: 18px;background: #fff;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.sousuo_tuijian span{font-size: 12px;color: #ddd;padding-left: 15px;line-height: 30px;cursor: pointer;}
.sousuo_tuijian span:hover{text-decoration: underline;}

.sousuo_d22{margin-top: 52px;}
.sousuo_d22 .sousuo_d3{height:46px;line-height:46px;text-align: center;color: #777; width: 12%;float: left;font-size: 18px;background: #fff;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.sousuo_ipt1{width: 88% !important;}
.sousuo_h2{font-size: 22px;color: #fff;line-height: 150px;float: left;}

.header-right{padding:30px;box-shadow: 0px 0px 2px #d4d3d3;}
.hr_img1{width: 110px;height: 110px;border-radius: 5px;float: left;}
.hr_p1{font-size: 24px;font-weight: bold;color:#333;line-height: 38px;}
.header-right .data{margin-left: 135px;}
.dataList p {font-size: 14px;color: #808080;margin-top: 10px;}
.dataList p label {display: inline-block;font-size: 12px;color: #fff;background: #3c92e2;padding: 6px 10px;border-radius: 4px;margin-right: 8px;}
.dataList p a {color: #fff;text-decoration: none;cursor: pointer;}
.dataList p span {display: inline-block;margin-right: 14px;}
.detaltext{margin-top: 30px;padding-top: 22px;border-top: 1px solid #eee;}
.lite-text{float: left;}
.lite-code{float: right;margin-top: 18px;border-radius: 4px;text-align: center;}
.detaltext h3{font-size: 16px;color: #303030;}
.detaltext h3 label{display: inline-block;width: 3px;height: 16px;background: #0db252;vertical-align: middle;margin: -4px 8px 0 0;}
.lite-text>div {float: left;margin-right: 20px;margin-top: 20px;}
.lite-text div p {line-height: 30px;margin-top: 0;}
.lite-code img {margin-top: 8px;width: 130px;}
.lite-code p {margin-top: 6px !important;}
.btn-buy{display: inline-block;background-color: #cf1010;color: #fff;font-size: 14px;text-align: center;border-radius: 4px;padding: 9px 15px;cursor: pointer;margin:30px 0 0 40%; }
.btn-buy:hover{color:#fff;}
.mkxq_xxk_d1{border: 1px solid #ddd;overflow: hidden;background: #fff;}
.nav-tabs{border:none;display: block;clear: both;height: 42px;line-height: 42px;border-bottom:1px solid #ddd}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;border-bottom: 3px solid #0f67b9;list-style: none;color: #0f67b9;}
.nav-tabs>li>a{border:none;outline: none;box-shadow: none;display: block;text-decoration: none;color: #333;line-height: 42px;padding: 0 24px;}
.tab-content{padding: 30px 24px;}


.gongdan_p1{margin: 10px 0;}
.gongdan_p1 span{color: #ff595f;margin-left: 4px;}
.gongdan_ipt1{width: 40%;height: 35px;line-height: 35px;padding: 0 8px;}
.gongdan_txt1{min-width: 70%;min-height:188px;}

.grzx_d1{background: #fff;border-radius: 3px;padding: 15px;border: 1px solid #eaeaea;margin-bottom: 20px;}
.grzx-info-top {position: relative;min-height: 50px;margin-bottom: 25px;}
.grzx-info-pic {position: absolute;left: 10px;top: 0;height: 50px;width: 50px;border-radius: 100%;}
.grzx-info-name {padding-left: 75px;}
.grzx-info-name p {font-size: 12px;}
.grzx-info-name h3 {font-size: 16px;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid #eaeaea;}
.grzx-info-num {margin-bottom: 20px;}
.grzx-info-num li:first-child {border-left: none;}
.grzx-info-num li {float: left;width: 50%;border-left: 1px solid #eaeaea;text-align: center;font-size: 12px;}
.grzx-info-num li a {color: #428bca;font-size: 16px;margin-bottom: 3px;display: block;}
.grzx-info-num:after {display: block;height: 0;}

.new-question-post {border: none;display: inline-block;border-radius: 3px;padding: 0 10px;text-decoration: none;color: #fff;background: #0f67b9;height: 40px;line-height: 40px;width: 100%;text-align: center;font-size: 16px;margin-top: 20px;}
.new-question-post:hover {background: #006fd7;text-decoration: none;color: #fff;}




.content_sjz {width: 100%;}
.content_sjz .wrapper {position: relative;}
.content_sjz .light {position: absolute;left: 55px;top: -50px;width: 152px;height: 191px;background: url("../img/log/light-top.png") no-repeat top center;}
.content_sjz .light i {position: absolute;width: 100%;height: 100%;top: 0;background: url("../img/log/light.png") no-repeat top center;}
.content_sjz .main {background: url("../img/log/line-bg.png") repeat-y 144px 0;}
.content_sjz .main .title {position: absolute;line-height: 40px;padding-left: 67px;left: 230px;top: 0;color: #58a6fb;font-size: 24px;background: url("../img/log/clock.png") no-repeat left top;}
.content_sjz .main .year {position: relative;z-index: 100;}
.content_sjz .main .year h2 {height: 40px;width: 170px;padding-right: 30px;font-size: 24px;line-height: 40px;text-align: right;}
.content_sjz .main .year h2 a {color: #58a6fb;}
.content_sjz .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px
}
.content_sjz .main .year .list{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.content_sjz .main .year .list ul {bottom: 0;}
.content_sjz .main .year .list ul li {background: url("../img/log/circle.png") no-repeat 130px 31px;padding: 30px 0;color: #888;}
.content_sjz .main .year .list ul li.highlight {background-image: url(../img/log/circle1.png);}
.cls {zoom: 1;}
.cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.content_sjz .main .year .list ul li.highlight .date, .content_sjz .main .year .list ul li.highlight .intro {color: #ec6a13;}
.content_sjz .main .year .list ul li .date,.content_sjz .main .year .list ul li .version{float:left;display:block;clear:left;width:100px;line-height:24px;text-align:right
}
.content_sjz .main .year .list ul li .date{font-size:17px;line-height:32px;color:#bec1d5
}
.content_sjz .main .year .list ul li .intro, .content_sjz .main .year .list ul li .more {float: left;display: block;width: 500px;margin-left: 100px;line-height: 24px;}
.content_sjz .main .year .list ul li .intro {font-size: 18px;line-height: 32px;color: #58a6fb;}
.content_sjz .wrapper:first-child .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)
}
.content_sjz .wrapper:first-child .main .year.close .list{opacity:0;height:0!important;}



@font-face {font-family: 'icomoon';src:url('../fonts/icomoon.eot?qradjf');src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?qradjf') format('truetype'),
url('../fonts/icomoon.woff?qradjf') format('woff'),
url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');    font-weight: normal;    font-style: normal;}
.demo-icon{  font-family:"icomoon";  font-style:normal;  font-weight:normal;  speak:none;  display:inline-block;  text-decoration:inherit;  text-align:center;  font-variant:normal;  text-transform:none;  font-size:24px;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;  line-height:24px;  color:#999; }


/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#0098ff;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#0098ff;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#0098ff;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#0098ff}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#0098ff;}
.meau-sev .cndns-right-btn{border-color:#0098ff;background:url(../img/02index-banner-8.gif) no-repeat #0098ff center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#0098ff}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #0098ff;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#0098ff;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#0098ff}
.meau-sev .cndns-right-box .box-border{width:300px;}
.meau-contact .cndns-right-box .box-border{width:286px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:180px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#0098ff;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border img{width: 100%;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#0098ff}
.meau-zs .cndns-right-btn{background-color:#0098ff;color:#fff;margin-top:80px;border-color:#0098ff}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}


.latest-posts {padding:70px 0;}
.latest-posts-text {text-align:center;margin-bottom: 5%;}
.latest-posts-grid-left img{width:100%;}
.latest-posts-grid-right .add_box_div1 a{color:#333;font-size: 20px;margin-top: 7%;text-decoration:none;}
.latest-posts-grid-right .add_box_div1 a:hover{color:#1C8DD5;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
.latest-posts-grid-right span{display:block;color:#999;font-size:13px;line-height:24px;}
.latest-posts-grid-right p{height: 35px; color:#666;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.latest-posts-grid-right small{display:block;font-size: 16px;}
.latest-posts-bottom-grids{margin-top:2%;}
.add_btn1{border: 1px solid #0f67b9;color: #0f67b9;display:inline-block;padding: 0px 5px;cursor: pointer;float: right;margin-top: 10px;}

.gengxin_d{width: 100%;border:1px solid #eaeaea;margin-top: 20px;background: #fff;}
.gengxin_d1{height: 50px;line-height: 50px;font-size: 14px;font-weight: bold; border-bottom:1px solid #eaeaea;width: 86%;margin: 0 auto 20px;}
.gengxin_d2{width: 86%;margin: 0 auto 20px;height: 50px;cursor: pointer;}
.gengxin_d2 img{width: 50px;height: 50px;float: left;border-radius: 5px;margin-right: 10px;}
.gengxin_d3 .p1{font-size: 14px;color: #333;margin-bottom: 3px;height: 25px;overflow: hidden;line-height: 22px;}
.gengxin_d3 .p2{font-size: 12px;color: #999;}
.gengxin_k:last-child{border:none;}
.box_nr{padding: 0 20px;font-size: 14px;line-height: 30px;border: 1px solid #eaeaea;margin-top: 20px;background:#fff;}
.box_nr img{max-width: 100%;}
.box_nr_p{margin-bottom: 10px;}
.zhu_right{text-align: right;font-size: 13px;color: #999;}
.zixun_d{width: 100%;padding:20px 0;border-bottom:1px solid #eaeaea;}
.zixun_img{cursor: pointer;width: 100px;height:100px;float: left;overflow: hidden;margin-right: 15px;}
.zixun_img img{width: 100%;min-height: 100%;}
.zixun_d1 .p1{cursor: pointer; font-size: 20px;color: #333;height: 34px;line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zixun_d1 .p2{font-size: 13px;color: #777;line-height: 20px;letter-spacing:0.5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.zixun_d1 .p3{font-size: 12px;color: #999;text-align: right;line-height: 14px;margin-top: 13px;}
.zixun_d:last-child{border:none;}


/*帮助中心*/
.help_list_ul{margin-bottom: 100px;}
.help_list_title{font-size: 40px;color: #fff; margin-top: 70px;text-align: center;font-weight: bold;}
.help_list_title1{font-size: 34px;color: #333; margin: 80px auto;text-align: center;font-weight: bold;}
.help_listlia{cursor: pointer; padding-top: 20px;width: 100%;position: relative;font-size: 14px;color: #2d56b1;max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.help_listlia:nth-of-type(1) {padding: 0 0 4px 0;font-size: 16px;color: #333;}
.help_listlia .fa{font-size: 20px;padding-right: 10px;}
.help_listlia:hover{text-decoration:underline;}


.gengduo{font-size: 13px;float: right;color: #888;font-weight: 400;cursor: pointer;}
.gengduo i{font-size: 17px;padding-left: 3px;}
/*价格一览*/
.ptable_title .hd th{text-align: center;vertical-align: middle;border-left: 1px solid #cbdbfa;border-top:1px solid #cbdbfa;font-size: 18px;}
.ptable_title .hd th:last-child{border-right: 1px solid #cbdbfa;}
.ptable_con td{font-size: 16px;height: 60px;text-align: center;vertical-align: middle !important;border-left: 1px solid #cbdbfa;border-top:1px solid #cbdbfa !important;}
.ptable_con td:last-child{border-right: 1px solid #cbdbfa;}
.ptable_con .last_tr td{border-bottom: 1px solid #cbdbfa;}
.ptable_con tr:nth-child(2n){background: #f4faff;}
.beizhu_zhu{background: #fff3e0;margin:20px auto 80px;color: #6b2f1d;padding: 15px;}


/*关于我们*/
.about_da{width: 770px; margin: 0 auto;font-size: 14px;line-height: 26px;}
.about_da_p{text-align: left; text-indent: 30px;margin-bottom: 30px;color: #666;}
.about_db{position: relative;width: 100%;height: 0;padding-top: 70%;overflow: hidden;}
.about_db_zz{display: none;position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);height: 100%;z-index: 1;vertical-align: middle;text-align: center;}
.about_db_zz p{font-size: 16px;color: #fff;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;}
.about_db_img{width:100%;position: absolute;top: 0;left: 0;height: 100%;}
.about_db:hover .about_db_zz{display: block;}
.about_dc{width: 100%;position: relative;}
.about_dd{text-align: center;color: #fff;}
.about_dd h3{font-size: 15px;}
.about_dd img{border-radius: 100%;width: 100px;}
.about_dd1{font-size: 14px;color: #f5f5f5;margin: 0px auto 30px;text-align: center;line-height: 30px;}

.offer-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 0px;
}
.offer-section:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    background-color: #f5f5f5;
    content: "";
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.offer-section .content-column {
    position: relative;
    margin-bottom: 50px;
}
.offer-section .content-column .title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #0f67b9;
    font-weight: 600;
    margin-bottom: 20px;
}
.offer-section .content-column h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #f2f2f2;
    font-weight: 700;
    font-family: "Arimo", sans-serif;
    margin-bottom: 30px;
}
.offer-section .content-column h2 span {
    text-transform: uppercase;
}
.offer-section .content-column .discount {
    position: relative;
    display: block;
    font-size: 84px;
    line-height: 1em;
    color: #0f67b9;
    font-weight: 800;
    font-style: italic;
    margin-bottom: 40px;
}
.offer-section .content-column .text {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #f2f2f2;
    font-weight: 400;
}
.offer-section .form-column {
    position: relative;
    z-index: 9;
}
.offer-section .form-column .inner-column {
    position: relative;
    margin-left: -15px;
}
.discount-form {
    position: relative;
    background-color: #f7f7f7;
    padding: 55px 50px 35px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}
.discount-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.discount-form .form-group input[type="text"], .discount-form .form-group input[type="email"], .discount-form .form-group input[type="url"], .discount-form .form-group textarea, .discount-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 30px;
    padding: 14px 25px;
    background-color: #ffffff;
    height: 60px;
    border: 1px solid #bbbbbb;
    font-weight: 400;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.text-center {
    text-align: center!important;
}
.discount-form .form-group button {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 45px;
    line-height: 30px;
}
.btn-style-one:before {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    content: "";
    border-radius: 50px;
    border: 2px solid #222222;
    transition: all 300ms ease;
    opacity: 0;
}
.btn-style-one {
    background: #0f67b9;
}
.btn-style-one {
	 outline: none !important;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 40px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 50px;
    background: #0f67b9;
}
.theme-btn {
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.ellipse_a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


/*功能介绍*/

.gengduo{font-size: 13px;float: right;color: #888;font-weight: 400;cursor: pointer;}
.gengduo i{font-size: 17px;padding-left: 3px;}



.price_div{padding: 10px 10px 5px;margin-bottom: 20px;margin-top: 20px;line-height: 40px;background-color: #ffede7;color: #787878; padding-left: 80px;}
.price_div span{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.price_div p{margin-right: 5px;white-space: nowrap;}
.price_name{text-indent: -65px;}
.price_money{color: #cf1010; font-size: 24px;}
.period{    margin-right: 20px;}